/* Layout Stylesheet */

/* Body Positioning */
body { text-align: center; background: url(/img/skin/blue_bg.gif) repeat-y 50% 0% #242C8D;}
body p { font-family:  Palatino, Georgia, Arial; font-size:14px;  line-height:1.50em; color:#242C8D;}
body  h2 { font-family:  Palatino, Georgia, Arial; font-size:18px;  padding-bottom: 10px; color:#242C8D; font-weight:bold;}
body  h4 {font-family:  Palatino, Georgia, Arial; font-size:16px; padding-bottom: 10px; color:#242C8D;}
body li a { color: #000; text-decoration:none; font-size:11px;}
.wrapper { width: 959px; margin: 0 auto; text-align: left; }

/* Header */
#header .wrapper { position: relative; height: 138px;  background: url(/img/skin/header-bg.png) no-repeat 50% 0%; padding-bottom:20px;}
#header .jump { display: none; }
#header .logo { position: absolute; top: 5px; left: 0; margin-left:30px; width: 174px; height: 116px; overflow: hidden; }
#header .strapline { position: absolute; top: 58px; left: 430px; width: 296px; height: 18px; overflow: hidden; text-indent:-1999px;}
#header .searchsite { position: absolute; top: 55px; right: 0; }
#header .searchsite legend, #header .searchsite label { display: none; }
#header .searchsite li { position: absolute; margin: 0; }
#header .searchsite .input { right: 50px; }
#header .searchsite .input .text { width: 150px; height: 15px; padding: 2px; border: 1px solid #CCC; padding-top: 4px; }
#header .searchsite .submit { right: 30px; }

/* Content Area */
#body { margin: 10px 0; }
#sidebar { width: 120px; float: left; border-right: 1px dotted #242C8D; padding-right:40px;}
#content-area { width: 795px;float:right;}
#content { float: right; padding: 25px; width: 90%;}
.page-home #content { padding: 0px; width: 100%; }
.content-wrapper { padding: 10px;}
.topic .content-wrapper { padding: 0px; }
.topic .listing { padding: 0px; margin-left: 0px; }
.topic h4 { font-family:  Palatino, Georgia, Arial; font-size:17px;  padding-bottom: 5px; padding-top:5px}
.document .visual { float:right; padding:10px;}
.document  p { font-family:  Palatino, Georgia, Arial; font-size:14px;  line-height:1.50em; }
.document  ul { font-family:  Palatino, Georgia, Arial; font-size:14px;  line-height:1.50em; }
.document  h2 , h3 { font-family:  Palatino, Georgia, Arial; font-size:17px;  padding-bottom: 5px; padding-top:5px}
.contact-intro p { font-family: Palatino, Georgia, Arial; font-size:12px; line-height:1.75em;}
.contact-form {margin-left:25px; font-family: Palatino, Georgia, Arial; font-size:12px; line-height:1.75em;}
.page-contact_us #content-area .left { float: left; width: 42%; margin-left: 20px; }

/* Sidebar */
#sidebar .nav.primary li { width: 100%; float: left; font-family:  Palatino, Georgia, Arial; font-size:14px; padding-left:20px; line-height:2.00em; border-bottom: 1px dotted #ccc; }
.nav.primary li a { color: #000; text-decoration:none; }
.nav.primary li a:hover {  }
.nav.primary .selected a { font-weight:bold; color: #242C8D; }
#sidebar .newsletter { padding: 10px; }
#sidebar .newsletter .text { width: 135px; }
#sidebar #prinav .subnav ul li { font-size:12px !important; padding-left: 10px; width: 110px; }

/* Breadcrumb */
.breadcrumb { list-style: none; padding: 5px; margin-left: 50px; border: 1px solid #ccc; margin-bottom: 10px; width: 87%; }
.breadcrumb li { display: inline; }
.breadcrumb .selected { margin-right: 0; padding-right: 0; }
.breadcrumb li a { color: #000; text-decoration:none; font-size:11px;}
.breadcrumb .selected a { color: #242C8D; font-weight:bold; font-size:11px;}

/* Footer */
#footer .wrapper { text-align: center; padding-top: 5px; padding-top:30px; margin-left:auto; margin-right:auto;}
#footer ul, #footer p { margin: 10px 0; font-family: Palatino, Georgia, Arial; font-size:12px;}
#footer li { display: inline; padding: 0 5px 0 6px; }
#footer img { position: relative; top: 3px; }

/* Product Listing */
.listing { float: left;}
.listing .product { width: 155px; float: left; margin: 5px; padding:5px; height: 300px; }
.listing .product .thumbnail { text-align: center; height: 150px; width: 150px; }
.listing .product.clearleft { margin-left: 5px; clear: none; }
.paging { float: left; width: 100%; }
.paging li { float: left; margin: 0 3px; }

/* Product Details */
.product .content-wrapper { width: 360px; float: left; }
#add-to-basket { margin: 30px 0; }
#add-to-basket li { float: left; margin-right: 10px; }
#add-to-basket label { display: none; }
.product .gallery { width: 300px; float: right; text-align: center; padding: 10px 10px 6px 10px; }
.product .featured-image img { max-width: 300px; max-height: 300px; }
.product .gallery .thumbs { margin: 10px 0 0 0; text-align: left; }
.product .gallery .thumbs li { display: inline; margin: 0 15px 0 0; }
.product .gallery .thumbs img { max-width: 90px; max-height: 90px; }
.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; }

/* Sorting Options */
.sorting { margin: 20px 0; width: 650px; }
.sorting legend { display: none; }
.sorting li { float: left; margin-right: 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; }

/* Contact Form */
dl.contact dt { width: 15%; }
dl.contact dd { width: 85%; }
.contact-form { margin-left: 0px; margin-top: 45px;  }
.contact-form .submit { text-align: left; }

/* 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 */
.listing.gallery { padding: 15px; }
.image-result { float: left; margin: 15px; }
.image-result h2 { display: none; }
.image-result a { display: block; width: 160px; 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: 676px; height: 280px; margin-top: 0 !important; margin-left:83px; margin-bottom:20px;}
.home .flash-panel .slide-text { height: 100%; width: 250px; top: 0; right: 20px; }
.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 { margin-left: 82px; width: 310px; float: left; margin-top:0px;}
.home div.welcome-message h2 {font-family:  Palatino, Georgia, Arial; font-size:17px; padding-bottom:10px; }
.home div.welcome-message p {font-family:  Palatino, Georgia, Arial; font-size:12px; line-height:1.50em; }
.home div.featured-list { width: 360px; float: right; background: none; margin-right:35px; padding-right:0px;}
.featured-list .product { background: #FFFD90; margin: 0px; padding: 10px; width: 150px; margin-left: 6px; }
.home div.featured-list h2 { font-family:  Palatino, Georgia, Arial; font-size:16px; padding-bottom:10px; }
.home div.featured-list p { font-family:  Palatino, Georgia, Arial; font-size:12px; padding-bottom: 5px;}


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

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