/* Layout Stylesheet */

/* Body Positioning */
body { text-align: center; }
.wrapper { width: 960px; margin: 0 auto; text-align: left; }

/* Content Area */
#sidebar { width: 254px; float: left; }
#content-area { width: 696px; float: right; }
.content-wrapper { padding: 10px; }
.visual { float: right; margin: 0 0 20px 20px; }

/* Header */
#header .wrapper { position: relative; height: 125px; }
#header .jump { display: none; }
#header .logo { position: absolute; top: 10px; left: 10px; width: 238px; height: 114px; overflow: hidden; }
#header .strapline { position: absolute; top: 10px; left: 254px; width: 386px; height: 105px; overflow: hidden; }
#header .searchsite { position: absolute; top: 46px; right: 0; }
#header .searchsite legend, #header .searchsite label { display: none; padding:0px; margin:0px;}
#header .searchsite li { position: absolute; margin: 0; }
#header .searchsite .input { right: 35px; }
#header .searchsite .input .text { width: 150px; height: 15px; padding: 2px; border: 1px solid #CCC; padding-top: 4px; }
#header .searchsite .submit { right: 10px; }
#header .basket { position: absolute; top: 10px; right: 10px; }
#header li { display: inline; }
#header .account { position: absolute; bottom: 10px; right: 10px; }
#header .account li { display: inline; }

/* Pri Nav */
.nav.primary li { float: left; }
.nav.primary a { display: block; line-height: 100%; }

/* Messages */
ul.messages { margin-bottom: 10px; }

/* Breadcrumb */
.breadcrumb { list-style: none; padding-left: 0; }
.breadcrumb li { display: inline; }
.breadcrumb .selected { margin-right: 0; padding-right: 0; }

/* Side Bar */
#sidebar .nav, #sidebar .newsletter { padding: 10px; }

/* Footer */
#footer { float: left; clear: left; text-align: center; padding-top: 5px; }
#footer ul, #footer p { margin: 10px 0; }
#footer li { display: inline; padding: 0 5px 0 6px; }
#footer img { position: relative; top: 3px; }

/* Product Listing */
.listing .product { width: 160px; float: left; margin: 12px 0 12px 12px; }
.listing .product.clearleft { margin-left: 0; }
.listing .product .thumbnail img { max-width: 140px; max-height: 140px; }

/* Product Details */
.product .content-wrapper { width: 408px; float: left; padding: 10px; }
#add-to-basket { margin: 30px 0; }
#add-to-basket li { float: left; margin-right: 10px; }
#add-to-basket label { display: none; }
.product .gallery { width: 218px; float: right; text-align: center; padding: 10px; }
.product .gallery .featured-image img { max-width: 218px; max-height: 218px; }
.product .gallery .thumbs { padding-bottom: 4px; }
.product .gallery .thumbs li { display: inline; margin: 0 5px; }
.product .gallery .thumbs img { max-width: 66px; max-height: 66px; }
.product .related-items { width: 100%; float: left; }

/* Sorting Options */
.sorting { margin: 20px 0; }
.sorting legend { display: none; }
.sorting li { float: left; margin-right: 20px; }

/* Search Results */
.search-results .listing { margin-top: 20px; }
.search-results .listing .product { width: auto; float: none; margin: 0; }
.search-results .listing .product .title, .search-results .listing .product .summary, .search-results .listing .product div.price { padding-left: 0; width: 565px; float: right; }
.search-results .listing .product .thumbnail { width: 100px; float: left; }
.search-results .listing .product .thumbnail img { max-width: 100px; max-height: 100px; }

/* 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; }

/* Contact Form */
dl.contact dt { width: 15%; }
dl.contact dd { width: 85%; }

/* Services */
.service .thumbnail { float: left; width: 15%; }
.service .title, .service .summary, .service .description, .service .links { float: right; width: 85%; }

/* Portfolio */
.pfitem .thumbnail { float: left; width: 47%; }
.pfitem h2, .pfitem .description, .pfitem .url, .pfitem .features, .pfitem .links { float: right; width: 53%; clear: right; }

/* Job Listing */
.joblisting .thumbnail { float: left; width: 23%; }
.joblisting h2, .joblisting .summary, .joblisting .details, .joblisting .more { float: right; width: 77%; clear: right; }

/* Image Gallery */
.image-result { float: left; margin: 15px; }
.image-result h2 { display: none; }
.image-result a { display: block; width: 139px; height: 139px; line-height: 137px; text-align: center; }
.image-result img { vertical-align: middle; max-height: 137px; max-width: 137px; }

/* Store Locator */
.map.store-locator, .map.location { float: right; }

/* Home Page */
.home .flash-panel { width: 685px; height: 280px; margin-top: 0 !important; float: left; margin: 10px 0; }
.home .flash-panel .slide-text { height: 100%; width: 150px; top: 0; right: 0; }
.home .promo-panel { width: 180px; height: 278px; float: right; }
.home .promo-panel .promo-container { height: 245px !important; }
.home .ticker { clear: left; }
.home .featured-products { clear: left; }
.home div.welcome-message { width: 330px; float: left; }
.home div.featured-list { width: 340px; float: right; }

/* FAQ's */
.faqlist .heading { clear: left; }

/* Video */
.video .video { float: left; }
.video .description { float: right; width: 360px; }