/* Layout Stylesheet */

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

/* Header */
#header .wrapper { position: relative; height: 101px; min-height: 101px;}
#header .jump { display: none; }
#header .logo { position: absolute; left: 0; width: 397px; height: 106px; overflow: hidden; }
#header .strapline { position: absolute; top: 30px; left: 500px; width: 440px; height: 70px; overflow: hidden; color:#FF9900; font-size:22px;}
#header .searchsite { position: absolute; top: 28px; 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 {background: #CFE8F6; padding:10px;}
#sidebar { width: 155px; float: left;}
#sidestrap { width: 145px; float: left;  min-height:100px; margin-top:30px; padding:5px;}
#logos { width: 155px; float: left;margin-top:10px;}
#logos img{width:100%;float:left;padding-bottom:10px;}

#content-area { width: 795px; float: right; }
.content-wrapper { padding: 10px; }
.content-wrapper  h2 { line-height:1.50em; font-size:16px; color:#000;}
.content-wrapper h4 { line-height:1.50em; font-size:14px; color:#000;}
.content-wrapper .date { line-height:1.50em; font-size:12px; color:#000;}

/* 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; background: #04728E; display: block; height:30px; line-height:30px;}
.nav.primary .selected a { color: #000; background: #FF9900; display: block; height:30px; line-height:30px; padding-right:15px;}


/* Footer */
#footer { background: #00274F; font-family: arial; font-size: 10px; }
#footer .wrapper { text-align: center; padding-top: 5px; padding-bottom: 5px;}
#footer ul, #footer p { margin: 10px 0; color:#fff; }
#footer li { display: inline; padding: 0 5px 0 6px; color:#fff; }
#footer li a { color:#fff; }
#footer img { position: relative; top: 3px; }

/* 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; background:#fff !important;}
#container h2 { font-size:16px; }
#sendtofriend h3 { font-size:14px;  }
#sendtofriend p { font-size:12px;  }
#sendtofriend form { margin: 10px 0; }
#sendtofriend fieldset { margin-bottom: 10px; }

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

/* Home Page */
.flashwrap {position:relative;}
.home .flash-panel { width: 792px; height: 273px; margin-top: 0 !important; float: right; background:#FF9900; margin-bottom:40px; }
.home .flash-panel .slide-text { height: 100%; width: 250px; top: 0; right: 0;  color:#000; float:right; position:absolute; padding:5px;}

.home div.welcome-message { width: 390px; float: left; background: #fff; 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 { width: 150px; background: #fff; float: right; height: 295px; padding: 10px; margin-left: 22px; }
.home .featured-list h2 a:visited { font-size:18px; text-decoration:none; color:#000;}

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