/* Layout Stylesheet */

/* Body Positioning */
body { text-align: center; }
#container { width: 960px; margin: 0 auto; text-align: left; margin-bottom: 10px; }

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

/* Header */
#header { position: relative; height: 125px; }
#header .jump { display: none; }
#header .logo { position: absolute; top: 10px; left: 10px; width: 244px; height: 105px; 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; }
#header .searchsite li { position: absolute; margin: 0; }
#header .searchsite .input { right: 35px; }
#header .searchsite .input .text { width: 150px; height: 17px; padding: 2px; border: 1px solid #CCC; }
#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 { margin: 10px 0; }
.nav.primary li { float: left; }
.nav.primary a { float: left; display: block; line-height: 100%; }

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

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

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

/* Footer */
#footer { clear: left; text-align: center; padding-top: 20px; }
#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 { position: relative; }
.listing .product h2 { margin-bottom: 10px; font-size: 18px; font-weight: normal; color: #333 !important; }
.listing .product .prod-type { position: absolute; top: 0; right: 0; width: 75px; height: 75px; text-indent: -9999px; }
.listing .product .radiator { background-image: url(/img/product_tags/radiator.png); }
.listing .product .fanassembly { background-image: url(/img/product_tags/fan_assembly.png); }
.listing .product .oilcooler { background-image: url(/img/product_tags/oil_cooler.png); }
.listing .product .intercooler { background-image: url(/img/product_tags/intercooler.png); }
.listing .product .condenser { background-image: url(/img/product_tags/condenser.png); }
.listing .product .heater { background-image: url(/img/product_tags/heater.png); }
.listing .product .details { float: left; width: 60%; background: #E1E8ED; border: 1px solid #B9C3CC; padding: 6px 10px 10px; }
.listing .product .col1 { float: left; width: 45%; border-right: 1px dashed #999; margin-right: 5%; }
.listing .product .col2 { float: left; width: 45%; }
.listing .product .details dt { margin: 4px 0 0 !important; font-size: 10px; color: #333; width: 45%; }
.listing .product .details dd { margin: 4px 0 0 !important; font-size: 10px; color: #333; font-weight: bold; width: 45%; }
.listing .product div.price { width: 16%; text-align: center; float: left; height: 90px; border-right: 1px dashed #666; }
.listing .product div.buy { width: 20%; text-align: center; float: left; }
.listing .product h3.price { line-height: 90px; }
.listing .product div.buy input, .listing .product div.buy a { position: relative; top: 33px; }
.listing .product .diagram { clear: left; padding: 10px 0 0 0; margin: 0 !important; color: #666; }
.listing .product .diagram strong { color: #333; }

/* Product Details */
#add-to-basket li { float: left; margin-right: 10px; }
.product .related-items { width: 100%; float: left; }
.product .description { float: left; }

/* Paging */
.paging { clear: both; text-align: center; margin: 0 !important; }
.paging li { display: inline; }

/* Sorting Options */
.sorting legend { display: none; }
.sorting ul { margin: 0 !important; padding: 5px 0 0 0; }
.sorting li { float: left; margin-top: 2px; margin-right: 20px; }
.sorting li.submit { margin-top: 0; }

/* Search Results */
.search-results .listing { margin-top: 20px; }

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

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

/* Services */
.service-list .listing { margin-top: 20px; }
.service .thumbnail { float: left; width: 17%; }
.service .title, .service .summary, .service .more { float: right; width: 83%; }

/* 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 div.flash-panel { float: left; margin-bottom: 10px; }
.home ul.flash-panel { margin: 0 !important; }
.home .promo-panel { width: 180px; height: 280px; float: right; margin-bottom: 10px; }
.home .promo-panel .p-middle { height: 260px !important; }
.home .ticker { clear: left; }
.home .featured-products { clear: left; }
.home div.welcome-message { width: 506px; float: left; }
.home div.featured-list { width: 180px; float: right; }

/* Product Search */
table.products { width: 100%; border-collapse: none; }

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

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

/* Site Map */
.sitemap .sitemap { margin-top: 20px; }

/* Link Archive */
.listing .link { margin-top: 20px; }
.listing .link .title, .listing .link .summary { font-size: 100%; padding-left: 120px; }
.listing .link .thumbnail { float: left; }