/* Layout Stylesheet */

/* Body Positioning */
body { text-align: left; background: #222222 url(/img/skin/header-bg.png) repeat-x 50% 0%; color: #fff;}
body li a { color: #fff; text-decoration:none; font-size:12px;}
body ol {color:#fff;}
.wrapper { width: 960px; margin: 0 auto; text-align: left;}
a { color: #fff;}

/* Header */
#header .wrapper { position: relative; height: 101px; min-height: 101px;}
#header .jump { display: none; }
#header .logo { position: absolute; left: 0; width: 338px; height: 77px; overflow: hidden; top: 10px;}
#header .strapline { position: absolute; top: 30px; left: 500px; width: 440px; height: 70px; overflow: hidden; color:#FF9900; font-size:22px;}
#header .searchsite { position: absolute; top: 24px; 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; }

/* Content Area */
#body {font-size:12px; line-height:1.50em; text-align: left; font-family:Arial,Verdana,Geneva;}
#body .wrapper {padding:10px;}
#sidebar { width: 155px; float: left;}
#sidestrap { width: 145px; float: left;  min-height:100px; margin-top:30px; padding:5px;}
#sidestrap2 { width: 155px; float: left; background: url(/img/skin/law.gif) no-repeat; height:70px; margin-top:30px; padding-top:10px;}
#content-area { width: 795px; float: right; }
.content-wrapper { padding: 10px; }
.content-wrapper  h2 { line-height:1.50em; font-size:16px; color:#fff;}
.content-wrapper h4 { line-height:1.50em; font-size:14px; color:#fff;}
.content-wrapper .date { line-height:1.50em; font-size:12px; color:#fff;}

/* Sidebar */
#sidebar .nav.primary li {float: left; font-size:12px; padding-bottom:1px; text-align:right; width:100%;}
.nav.primary li a { color: #fff; text-decoration:none; text-transform: uppercase; font-weight:bold; padding-right:15px; display: block; height:30px; line-height:30px;}
.nav.primary .selected a { color: #000; background: #D7494C; display: block; height:30px; line-height:30px; padding-right:15px;}
#prinav li:hover { background: #d7494c; }

/* Footer */
#footer {font-family:Arial,Verdana,Geneva;background: #222; border-top: 1px solid #fff;}
#footer .wrapper { text-align: center; padding-top: 5px; }
#footer ul, #footer p { margin: 10px 0; color:#fff; font-size:12px;}
#footer li { display: inline; padding: 0 5px 0 6px; }
#footer img { position: relative; top: 3px; }

/* Product Listing */
.listing .product { width: 170px; float: left; margin: 0px 0 10px 22px; }
.listing .product.clearleft { margin-left: 0; }

/* Product Details */
.product .content-wrapper { width: 445px; 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; padding:10px;}
.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; }
.sorting legend { display: none; }
.sorting li { float: left; margin-right: 20px; }

/* Send To Friend */
#sendtofriend { padding: 20px; text-align: left;}
#sendtofriend .logo { margin-bottom:30px;float:left; width: 327px; height: 77px;}
#sendtofriend h2 { float:left;width:100%;font-size:16px; }
#sendtofriend h3 { font-size:14px;  }
#sendtofriend p { width:100%;float:left;font-size:12px;  }
#sendtofriend form { margin: 10px 0; float:left;width:100%;}
#sendtofriend fieldset { margin-bottom: 10px; }
#sendtofriend label {width:300px;}

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

/* Home Page */
.flashwrap {position:relative;}
.home .flash-panel { width: 795px; height: 273px; margin-top: 0 !important; float: left; background:#D7494C; margin-bottom:40px; overflow: hidden; }
.home .flash-panel .slide-text { height: 100%; width: 240px; top: 0; right: 0;  color:#fff; float:right; position:absolute; padding:5px;}
.home .flash-panel .slide-text h2 {color:#fff; font-size:16px; padding-bottom:5px;}

.home div.welcome-message { width: 390px; float: left; background: #222222; min-height:304px; padding: 5px;}
.home div.welcome-message h2 {font-size:16px; line-height:1.50em; text-transform:uppercase; padding-bottom:10px;}
.home div.welcome-message h4 {font-size:14px; line-height:1.50em; padding-bottom:5px;;}
.home div.welcome-message p {font-size:12px; line-height:1.50em;}

.home .featured-list  { width: 385px; float: right; }
.home .featured-list .product { float: right; width: 150px; height: 300px; padding: 10px; background: #D7494C; margin-left: 10px; }
.home .featured-list .product a { font-size:18px; text-decoration: none; color:#000;}
.home .featured-list .product a:hover { text-decoration: underline; }
.home .featured-list .product .thumbnail { text-align: center; }
.home .featured-list .product h2 { margin: 5px 0; }

.document  h2 { line-height:1.50em; font-size:16px; color:#fff;}
.document h4 { line-height:1.50em; font-size:14px; color:#fff;}
.document p { line-height:1.50em; font-size:12px; color:#fff;}
.contact-intro  h2 { line-height:1.50em; font-size:16px; color:#fff;}
.contact-intro h4 { line-height:1.50em; font-size:14px; color:#fff;}
.contact-intro p { line-height:1.50em; font-size:12px; color:#fff;}
.contact dt, dd {line-height:1.50em; font-size:12px;}
.contact {margin-left:25px; color:#fff;}
.contact-form {margin-left:25px; line-height:1.50em; font-size:12px;  color:#fff;}
.links  h2 { line-height:1.50em; font-size:16px; color:#fff;}
.links h4 { line-height:1.50em; font-size:14px; color:#fff;}
.links p { line-height:1.50em; font-size:12px; color:#fff;}
.document .visual {float:right;}