/* Custom Stylesheet */

/* General Styles */
.jump.content { display: none; }
body { font-family: georgia, serif; }
.breadcrumb { display: none; }
body { background: #2F025C; }
legend { color: #FFF; }

/* Initial Layout */
#headerwrap, #bodywrap, #footerwrap, #navwrap { width: 100%; float: left; }
#header, #body, #footer, #prinav { width: 930px; margin: 0 auto; }

/* Header */
#headerwrap { background: #2F025C; height: 155px; }
#header .newsletter { float: right; color: #FFF; margin: 25px 0 0 0; }
#header .logo { float: left; width: 301px; height: 113px; margin: 19px 0 0 0; }
#header .strapline { float: left; }
#header .newsletter label { float: left; font-size: 12px; font-weight: bold; width: 45px; }
#header .newsletter input { width: 113px; border: 1px solid #000; padding: 2px; }
#header .newsletter legend { font-size: 16px; font-weight: bold; }
#header .newsletter .subscribe input { width: auto; border: none; margin-left: 43px; }

/* Navigation */
#navwrap { background: #FFF; }
#prinav { height: 28px; }
#prinav li { float: left; }
#prinav li.searchbox { width: 265px; margin-right: 100px; }
.searchsite { position: relative; width: 265px; }
.searchsite legend { display: none; }
.searchsite ul { float: left; }
.searchsite li { position: absolute; }
.searchsite li.input { left: 0px; top: 0px; width: 220px; }
.searchsite li.input input { height:17px;margin-top:-2px;width: 135px; border: 1px solid #000; float: right; }
.searchsite li.input label { width: 74px; height: 11px; background: url(/img/searchlabel.png) no-repeat; text-indent: -9999px; margin: 2px 6px 0 0; }
.searchsite li.submit { top: -2px; right: 5px; }
#prinav .menulist { font-size: 13px; height: 28px; margin: 0 13px; }
#prinav .menulist.selected { background: #2F025C; }
#prinav .menulist a { padding: 8px 11px; height: 28px; color: #000; text-decoration: none; }
#prinav .menulist.selected a { background: #2F025C; color: #FFF; }
#prinav .menulist.last { margin-right: 0px; padding-right: 0px; }

/* Body */
#bodywrap { background: #BABCD3 url(/img/contentrep.png) repeat-x 0 100%; }
#body { margin: 15px auto; }

/* Footer */
#footerwrap { background: #2F025C; border-top: 9px solid #FFF; }
#footer { padding: 10px 0; color: #FFF; margin: 20px auto; }
#footer a { color: #FFF; margin: 0 3px; text-decoration: none; }
#footer ul { float: left; clear: left; font-size: 10px; margin: 0px; width: 50%; }
#footer li { float: left; font-size: 10px; font-family: arial; }
#footer li.bookmark { margin: -5px 7px 0; }
#footer .rightlinks { float: right; text-align: right; clear: none; }
#footer .rightlinks li { clear: right; text-align: right; float: right; }

/* Homepage */
.home .flash-panel { width: 555px; height: 318px; float: left; z-index: 1; margin: 0px; }
.home .flashwrap { position: relative; float: left; }
.flashover { width: 23px; height: 23px; position: absolute; z-index: 10; }
.flashover.tl { background: url(/img/flashovertl.png) no-repeat; top: 0px; left: 0px; }
.flashover.tr { background: url(/img/flashovertr.png) no-repeat; top: 0px; right: 0px; }
.flashover.bl { background: url(/img/flashoverbl.png) no-repeat; bottom: 0px; left: 0px; }
.flashover.br { background: url(/img/flashoverbr.png) no-repeat; bottom: 0px; right: 0px; }
.home .welcome-message { float: right; width: 350px; margin: 0 0 0 10px; }
.home .welcome-message .page-summary { font-size: 27px; }
.home .welcome-message .body { font-size: 13px; }
.home .featured-pages { width: 100%; float: left; }
.home .featured-item { width: 160px; float: left; margin-right: 32px; }
.home .featured-item.end { margin-right: 0px; }
.home .featured-item .thumbnail { width: 160px; height: auto; border: 1px solid #303342; text-align: center; background: #FFF; }
.home .featured-item .thumbnail img { max-width: 140px; max-height: 140px; margin: 10px; }
.home .featured-item .title { padding: 0px; font-size: 14px; float: left; margin: 10px 0 0 0; width: 100%; }
.home .featured-item .title a { color: #151520; text-decoration: none; text-align: center; float: left; width: 100%; font-weight: bold; }
.home .featured-item .price { float: left; width: 100%; font-size: 13px; text-align: center; margin: 5px 0 0 0; }
.home .featured-pages .featured-title { background: url(/img/featureddiv.png) no-repeat 50% 50%; font-size: 20px; padding: 0 0 0 70px; margin: 20px 0; } 

/* Information Page */
.document .body { font-size: 14px;  }
#content .visual { float: left; margin: 0 40px 0 0; position: relative; }
#content .visual img { float: left; }

/* Contact Page */
.contact-intro { float: left; }
.contact-intro .page-title { float: right; width: 410px; }
.contact-intro .body { font-size: 13px; float: right; width: 410px; }
.contact-intro .contact { float: left; width: 440px; font-size: 13px; padding: 0px; border: none; margin: 10px 0 10px 0;}
.contact-intro .contact a { color: #000; text-decoration: none; }
.contact-intro .required-notice { font-size: 13px; float: right; width: 410px; }
.contact-intro form { float: right; font-size: 13px; width: 410px; }
.contact-intro form label { float: left; width: 70px; }
.contact-intro form input, .contact-intro form textarea { width: 300px; border: 1px solid #000; padding: 2px; }
.contact-intro form .submit input { width: auto; border: none; float: left; margin: 0 0 0 68px; }
.contact-intro .googlemapcode { float: right; width: 410px; margin-top: 20px; }
.contact-intro .visual { margin: 0 30px 0 0 !important; }

/* Product Catalogue */
#subnav { background: url(/img/secnavline.png) no-repeat 50% 100%; float: left; width: 100%; padding: 0 0 5px 0; }
#subnav li { float: right; margin: 0 10px; font-size: 14px; }
#subnav li a { color: #303342; text-decoration: none; }
#subnav .selected a { font-weight: bold; }
.topic .sublisting { float: left; }
.topic .sublisting .article, .topic .productlisting .product { width: 197px; float: left; margin: 0 17px; }
.topic .sublisting .article .thumbnail, .topic .productlisting .product .thumbnail { float: left; background: #FFF; border: 1px solid #000; padding: 10px; }
.topic .sublisting .article .thumbnail img, .topic .productlisting .product .thumbnail img { width: 175px; float: left; height:175px;} 
.topic .sublisting .article .title, .topic .productlisting .product .title { font-size: 14px; text-align: center; margin: 10px 0; float: left; width: 100%; }
.topic .sublisting .article .title a, .topic .productlisting .product .title a { color: #14141F; font-weight: bold; text-decoration: none; }
.topic .content-wrapper { float: left; width: 100%; margin: 15px 0; }
.topic .productlisting .product div.price { float: left; width: 100%; text-align: center; font-size: 13px; }

/* Product Details */
.productpage .gallery { float: left; margin: 20px 85px 0 0; width: 330px; }
.productpage .gallery .featured-image { background: #FFF; } 
.productpage .gallery .featured-image li { width: 316px; }
.productpage .gallery .thumbs li { margin: 0 3px; position: relative; background: #FFF; margin-top:10px;}
.productpage .gallery .thumbs li img { width: 90px; margin: 5px; }
.thumbover { width: 4px; height: 4px; position: absolute; z-index: 10; overflow: hidden; }
.thumbover.tl { background: url(/img/thumbovertl.png) no-repeat; top: 0px; left: 0px; }
.thumbover.tr { background: url(/img/thumbovertr.png) no-repeat; top: 0px; right: 0px; }
.thumbover.bl { background: url(/img/thumboverbl.png) no-repeat; bottom: 0px; left: 0px; }
.thumbover.br { background: url(/img/thumboverbr.png) no-repeat; bottom: 0px; right: 0px; }
.productpage .description { margin-top: 20px; float: left; width: 512px; }
.productpage .description .page-title { font-size: 27px; }
.productpage .description .body { font-size: 14px; }

/* Send to Friend */
#sendtofriend { background: #FFF; }

/* Site Map */
.sitemap a { color: #000; text-decoration: none; font-size: 13px; }

/* Newsletter Signup Page */
.messages { font-size: 13px; }
.newsletter-subscribe label { font-size: 13px; }
.newsletter-subscribe fieldset { margin: 20px 0; font-size: 13px; }
.newsletter-subscribe legend { font-size: 14px; font-weight: bold; }
.newsletter-subscribe .submit { float: left; }

/* Search Results */
.search-results .article { margin: 0px; padding: 10px 0; border-top: 1px dotted #2F025C; }
.search-results .article h2 { padding: 0px; font-size: 16px; margin: 0px; }
.search-results .article h2 a { color: #000; text-decoration: none; font-weight: bold; }
.search-results .article .summary { padding: 0px; font-size: 12px; margin: 0px; }

/* Send to Friend */
#sendtofriend { font-size: 12px; } 
#sendtofriend legend { color: #000; font-weight: bold; }
#sendtofriend label { font-weight: normal; }