/* Layout Stylesheet */

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

/* Content Area */
#sidebar { width: 155px; float: left; }
#content-area { width: 795px; float: right; }

/* Header */
#header .wrapper { position: relative; height: 108px; min-height: 108px; }
#header .logo { position: absolute; top: 0px; left: -40px; width: 370px; height: 88px; overflow: hidden; }
#header .strapline { position: absolute; top: 0px; left: 360px; width: 440px; height: 70px; overflow: hidden; }
#header .searchsite { position: absolute; top: 18px; right: 0; }
#header .searchsite legend, #header .searchsite label { display: none; }
#header .searchsite li { position: absolute; margin: 0; }
#header .searchsite .input { right: 25px; }
#header .searchsite .input .text { width: 150px; height: 15px; padding: 2px; border: 1px solid #CCC; padding-top: 4px; }
#header .searchsite .submit { right: 0; }
#header .basket { position: absolute; top: 44px; left: 290px; }
#header .account { position: absolute; bottom: 0; right: 0; }
#header_lights {position:absolute; bottom:0; width:100%; height:10px; background:#000;}

/* Pri Nav */
.nav.primary li { width: 100%; float: left; }

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

/* Footer */
#footer .wrapper { 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: 182px; float: left; margin: 10px 0 10px 22px; }
.listing .product.clearleft { margin-left: 0; }

/* Product Details */
.product .description { width: 470px; float: left; }
.product .gallery { width: 305px; float: right; text-align: center; }
.product .related-items { width: 100%; float: left; }

/* 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: 650px; 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; }
.image-result h2 { display: none; }
.image-result a { display: block; }
.image-result img { vertical-align: middle; }

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

/* Home Page */
.home .flash-panel { width: 795px; height: 280px; margin-top: 0 !important; float: left; }
.home .flash-panel .slide-text { height: 260px; width: 225px; top: 0; right: 0; background:url(/img/skin/flash_pan_text-bg.png); padding:10px; color:#fff;}
.home .promo-panel { width: 258px; 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: 390px; float: left; margin-top:10px; }
.home div.featured-list { width: 390px; float: right; }

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

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