/* Layout Stylesheet */

/* Canvas */
body { text-align: center; }
#container { text-align: left; width: 920px; margin: 0 auto; padding: 35px 0; }
.wrapper { margin: 0 35px; }

/* Forms */
ul.submit { text-align: left; }

/* Header */
#header .wrapper { position: relative; height: 175px; }
#header .jump { display: none; }
#header .logo { position: absolute; top: 20px; left: 20px; }
#header .vrt { position: absolute; top: 98px; right: 20px; }
#header .newsletter { width: 250px; position: absolute; top: 20px; right: 20px; }
#header .newsletter legend, #header .newsletter label { display: none; }
#header .newsletter li { float: left; clear: none; }
#header .search { width: 250px; position: absolute; top: 50px; right: 20px; }
#header .search legend, #header .search label { display: none; }
#header .search li { float: left; clear: none; }
#header .text { width: 170px; }
#header .submit, #header .subscribe { margin-left: 10px; }

/* Prinav */
#prinav { position: absolute; width: 100%; bottom: 0; left: 0; }
#prinav li { float: left; }
#prinav a { display: block; padding: 10px; }

/* Body */
#body { margin-top: 1px; }
#content-area { margin-top: 20px; position: relative; }
#content .visual { float: right; overflow: hidden; margin: 0 0 20px 20px; }

/* Footer */
#footer { margin-top: 10px; text-align: center; }
#footer ul { padding: 10px 0; }
#footer li { display: inline; margin: 0 5px; }
#footer * { font-size: 10px; }

/* Home Page */
.page-home #content-area { margin-top: 0; }
.home-top .flash-panel { float: left; }
.home-top .welcome-message { float: right; width: 399px; height: 312px; }
.home-top .welcome-message .body { padding: 40px }
.promo-panel { padding: 20px 50px; position: relative; width: 750px !important; height: 280px; overflow: hidden; }
.promo-panel .pwrapper .promo-item { width: 25%; float: left; }
.promo-controller { position: absolute; width: 100%; top: 50%; left: 0; z-index: 9999; margin-top: -8px; }
.promo-controller li { display: none !important; }
.promo-controller .prev,.promo-controller .next { display: inline !important; padding: 0 15px; }
.promo-controller .prev { float: left; }
.promo-controller .next { float: right; }

/* Sorting Options */
.sorting { margin: 20px 0; padding: 10px 0; }
.sorting .options { padding: 0 !important; }
.sorting legend { display: none; }
.sorting, .sorting ul { margin: 0; }
.sorting li { float: left; margin-right: 10px; }
.sorting label { margin-top: 3px; }
.sorting .submit { position: relative; }
.sorting .submit input { position: absolute; top: 5px; left: 5px; }

/* Paging */
.paging { text-align: right; position: absolute; top: 0; left: 0; width: 100%; }
.paging li { display: inline; }

/* Product Listing */
.products { width: 100%; overflow: hidden; }
.product-wrapper { width: 750px; }
.listing .product { width: 160px; height: 300px; float: left; margin-top: 30px; padding: 0 27px 0 0; overflow: hidden; }
.listing .product.clearleft { margin-left: 0; }
.listing .product .thumbnail { width: 140px; height: 140px; }
.listing .product .thumbnail img { max-width: 140px; max-height: 140px; }
.listing .product .wasprice { margin-bottom: 0 !important }
.listing .thumbnail { line-height: 100% !important; }
.listing .product div.price { margin: 0 0 0 15px; }

/* Product Details */
.gallery { width: 345px; overflow: hidden; float: right; }
.featured-image { position: relative; width: 342px; height: 343px; border: 1px solid #000; margin-top: 0 !important; }
.featured-image li { position: absolute; width: 343px; height: 343px; line-height: 343px; text-align: center; }
.featured-image li img { vertical-align: middle; max-width: 341px; max-height: 341px; }
.thumbs { width: 360px; margin-top: 10px; }
.thumbs li { float: left; margin-right: 8px; margin-bottom: 8px; height: 78px; border: 1px solid #000; }
.thumbs img { max-width: 78px; max-height: 78px; vertical-align: middle; }
.enquire-form { margin-top: 20px; }
.enquire-form .submit { text-align: left; }

/* Contact Form */
dl.contact dt { width: 20%; }
dl.contact dd { width: 70%; }

/* Link Archive */
.listing .link .title, .listing .link .summary { padding-left: 120px; }
.listing .link .thumbnail { float: left; }

/* Send To Friend */
#sendtofriend { padding: 20px; text-align: left; }
#sendtofriend h3 { margin: 0 0 10px 0; }
#sendtofriend form { margin: 10px 0; }
#sendtofriend fieldset { margin-bottom: 10px; }
