/* Screen Stylesheet */

/* General */
body { font-family: helvetica; background: url(/img/footerback.png)}
p { margin: 7px 0; }
legend { color: #000; }

/* Header */
#headwrap { background: url(/img/headerback.png) repeat-x; border-bottom: 1px solid #000; }
.logo { margin: 8px 0 0 0; }
#header #newssearchbox .newsletter { background: url(/img/newsletterback.png) no-repeat; font-size: 12px; color: #FFF; padding: 3px; height: 102px; }
#header #newssearchbox .newsletter legend { display: none; }
#header #newssearchbox .newsletter li { margin: 3px 0 0 0; width: 100%; float: left; }
#header #newssearchbox .newsletter .fullname, #header #newssearchbox .newsletter .email { background: url(/img/newsletterinputback.png) no-repeat 100% 0; }
#header #newssearchbox .newsletter .fullname input, #header #newssearchbox .newsletter .email input { background: none; padding: 1px; border: none; }
#header #newssearchbox .searchsite { background: url(/img/searchback.png) no-repeat; }
#header #ssaiblogo { background: url(/img/ssaiblogo.png) no-repeat; }
#header #ecommlinks { position: absolute; right: 230px; }
#header #ecommlinks #basket { float: right; margin: 10px 13px; } 


/* Pri nav */
#navwrap { background: #FFF; }
#prinav li { float: left; width: 111px; text-align: center; font-size: 11px; margin-right: 3px; }
#prinav li a { color: #333; text-decoration: none; font-weight: bold; border: 1px solid #CCC; background: #E8E8E8 url(/img/navback.png) repeat-x; }
#prinav li.selected { background: url(/img/navselarrow.png) no-repeat 50% 0; }
#prinav .last { margin-right: 0px; }
#prinav li a:hover { background-image: none; background-color: #FFF; }

/* Body */
#bodywrap { background: #FFF url(/img/bodyback.png) no-repeat 50% 25px; }

/* Footer */
#footerwrap { border-top: 7px solid #B1111A; }
#footerwrap #footer { padding: 10px 0 0 0; font-family: lucida grande, helvetica; font-size: 11px; color: #FFF; }
#footerwrap #footer a { color: #FFF; text-decoration: none;}
#footerwrap #footer ul { margin: 0 0 30px 0; }
#footerwrap #footer ul li { border-right: 1px solid #FFF; }
#footerwrap #footer .copyinfo li, #footerwrap #footer ul .links { border-right: none; padding-right: 0px; }

/* Home Page */
.home #flashwrap { position: relative; background: #FFF url(/img/flashback.png); }
.home #flashwrap .flashcornertop { width: 10px; height: 10px; background: url(/img/flashtopcorner.png) no-repeat; z-index: 2; position: absolute; top: 0px; left: 0px; }
.home #flashwrap .flashcornerbottom { width: 10px; height: 10px; background: url(/img/flashbotcorner.png) no-repeat 0 100%; z-index: 3; position: absolute; bottom: 0px; left: 0px; }
.home #flashwrap .flash-panel { z-index: 1; }
.home #infoblocks { font-size: 11px; font-family: lucida grande, helvetica; color: #666; line-height: 161%; }
.home #infoblocks h2 { font-size: 14px; font-weight: bold; color: #333; font-family: helvetica; margin: 0 0 15px 0; }
.home #infoblocks ul { margin: 10px 0; }
.home #infoblocks ul li { background: url(/img/tickbullet.png) no-repeat 0 50%; padding: 0 0 0 19px; }

/* Document */
.document { margin: 15px 0; float: left; }
.document .visual { border: 1px solid #CCC; }
.document .body { color: #333; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; }
.document .body h2 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 15px 0; font-family: helvetica; }

/* Topic */
.topic { margin: 0 0 15px 0; float: left; }
.topic #subnav li { font-size: 11px; text-transform: uppercase; }
.topic #subnav li a { color: #B1111A; text-decoration: none; text-align: center; }
.topic #subnav .selected a { text-decoration: underline; }
.topic .body { color: #333; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; float: left; width: 100%; }
.topic h2 { font-size: 14px; color: #333; font-weight: bold; margin: 20px 0 15px 0; font-family: helvetica; float: left; }
.topic .sorting { float: left; width: 100%; font-size: 12px; font-weight: bold; color: #333; margin: 20px 0px 30px; }
.topic .sorting legend { display: none; }
.topic .sorting li { float: left; margin: 0 15px 0 0; }
.topic .sorting label { margin: 4px 5px 0 0; }
.topic .listing { float: left; width: 100%; }
.topic .product { font-family: arial; color: #999; font-size: 11px; line-height: 128%; }
.topic .product h2 a { color: #D11A27; font-size: 16px; font-weight: normal; text-decoration: none; line-height: 128%; }
.topic .product .price { font-size: 14px; color: #333; font-weight: bold; }
.topic .product .price .wasprice, .topic .product .price .wasprice span { font-size: 10px; font-weight: normal; }
.topic .product .thumbnail img { border: 1px solid #D1D1D1; width: 138px; }
.topic .paging { font-size: 14px; font-weight: bold; }
.topic .paging li { margin: 0 2px; color: #333; }
.topic .paging li a { color: #999; text-decoration: none; }
.topic .paging .next a { background: url(/img/pagingnext.png) no-repeat 100% 0; padding: 0 15px 0 5px; }
.topic .paging .last a { background: url(/img/paginglast.png) no-repeat 100% 0; padding: 0 15px 0 0; }
.topic .paging .prev a { background: url(/img/pagingprev.png) no-repeat 0 0; padding: 0 5px 0 15px; }
.topic .paging .first a { background: url(/img/pagingfirst.png) no-repeat 0 0; padding: 0 0 0 15px; }

/* Product */
.product .description h2 { font-size: 24px; }
.product .description .body { font-size: 11px; line-height: 171%; color: #666; margin: 30px 0; }
.product .description .price.nospecial { font-size: 24px; margin: 5px 0 }
.product form label { font-weight: bold; color: #333; font-size: 12px; width: 25px; text-align: right; margin: 4px 7px 0 0; }
.product form legend { font-size: 24px; margin: 0 0 10px 0;}
.product form li { float: left; }
.product form #input_submit { margin: 0 0 0 10px; }
.product .gallery .featured-image { float: left; width: 302px; height: 305px; border: 1px solid #D1D1D1; background: #FFF; }
.product .gallery .featured-image li { line-height: 302px; text-align: center; }
.product .gallery .featured-image img { max-width: 302px; max-height: 302px; }
.product .gallery .thumbs li { float: left; border: 1px solid #D1D1D1; height: 100px; width: 100px; }
.product .gallery .thumbs li a { float: left; height: 100px; width: 100px; line-height: 100px; }
.product .gallery .thumbs li { border-top: none; }
.product .gallery .thumbs .thumb2, .product .gallery .thumbs .thumb3 { border-left: none; } 
.product .gallery .thumbs { margin: 0 0 20px 0; float: left; }

/* Contact */
.contact-intro { margin: 15px 0; }
.contact-intro h2 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 15px 0; font-family: helvetica; }
.contact-intro .body { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; }
.contact-intro .contact { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; }
.contact-intro .contact dt { width: 50px; }
.contact-intro .contact a { color: #666; }
.contact-intro .contact dd { width: 300px; }
.contact-intro .contact dt.email { background: url(/img/emailicon.png) no-repeat 50% 50%; text-indent: -9999px; }
.contact-intro .contact dt.tel { background: url(/img/phoneicon.png) no-repeat 50% 50%; text-indent: -9999px; }
.contact-intro .contact dt.address { background: url(/img/addressicon.png) no-repeat 50% 50%; text-indent: -9999px; }
.contact-form { margin: 15px 0; }
.contact-form { font-size: 11px; font-family: lucida grande, helvetica; color: #666; padding: 0 0 0 15px; }
.contact-form input { width: 345px; border: 1px solid #CCC; padding: 2px; }
.contact-form input.radio { width: auto; border: none; }
.contact-form textarea { width: 345px; border: 1px solid #CCC; padding: 2px; }
.contact-form label { margin: 10px 0 5px 0 }
.contact-form .submit input { width: auto; padding: none; float: left; margin: 10px 0; }

/* Contact Sent */
.form.submitted h2 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 15px 0; font-family: helvetica; }
.form.submitted .body { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; }

/* Downloads */
.download-list { margin: 15px 0; float: left; }
.download-list h2 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 15px 0; font-family: helvetica; }
.download-list .body { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; }
.download-list .download { float: left; width: 780px; border: 1px solid #D1D1D1; padding: 10px; margin: 5px 0; background: #FFF url(/img/defaulticon.png) no-repeat 10px 50%; }
.download-list .doc { background: #FFF url(/img/wordicon.png) no-repeat 10px 50%; }
.download-list .pdf { background: #FFF url(/img/pdficon.png) no-repeat 10px 50%; }
.download-list .zip { background: #FFF url(/img/zipicon.png) no-repeat 10px 50%; }
.download-list .download h2 { float: left; width: 600px; margin: 0 0 0 80px; }
.download-list .download h2 a { color: #666; font-size: 15px; text-decoration: none; }
.download-list .download .summary { float: left; width: 600px; margin: 0 0 0 80px; color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; }
.download-list .download .downloadbut { float: right; background: url(/img/downloadicon.png) no-repeat; width: 94px; height: 65px; text-indent: -9999px; margin-top: -20px; }

/* Search Results */
.search-results { margin: 15px 0; float: left; }
.search-results h2 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 15px 0; font-family: helvetica; }
.search-results h4 { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; margin: 0 0 15px 0; }
.search-results .listing .product { float: left; width: 100%; padding: 5px 0; border-top: 1px dotted #CCC; }
.search-results .listing .product .thumbnail { float: left; margin: 0 10px 0 0; border: 1px solid #CCC; }
.search-results .listing .product h2 a { color: #333; text-decoration: none; }
.search-results .listing .product .summary { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; margin: 0 0 15px 0; }
.search-results .listing .product .price { font-size: 14px; font-weight: bold; color: #333; }
.search-results .listing .article { float: left; width: 100%; padding: 10px 0; border-top: 1px dotted #CCC; }
.search-results .listing .article .summary { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; margin: 0; }
.search-results .listing .article h2 a { color: #333; text-decoration: none; }
.search-results .listing .article h2 { margin: 0px; }

/* Newsletter Signup */
.messages { border: 1px dotted #CCC; padding: 5px 10px; background: #FFF; margin: 0 0 20px 0;}
.messages li { margin: 5px 0; font-family: helvetica; font-size: 12px; padding: 2px 0 2px 25px; }
.newsletter-subscribe { color: #666; font-size: 11px; line-height: 171%; font-family: lucida grande, helvetica; margin: 0 0 15px 0; }
.newsletter-subscribe h2 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 15px 0; font-family: helvetica; }
.newsletter-subscribe legend { font-weight: bold; }
.newsletter-subscribe fieldset { margin: 10px 0; }
.newsletter-subscribe .submit { float: left; margin: 0 0 15px 0; }

/* Sitemap */
.sitemap { margin: 15px 0; float: left; }
.sitemap h2 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 15px 0; font-family: helvetica; }
.sitemap li a { font-size: 11px; color: #333; text-decoration: none; }
.sitemap li ul li { margin: 0 0 0 15px; }

/* Send to Friend */
#sendtofriend { background: none; padding: 20px; }