/* Custom Stylesheet */

/* General Styles */
body { font-family: arial, sans-serif; background: #003376; }
.breadcrumb { display: none; }

/* Header */
#prinav { position: absolute; bottom: 0px; right: 0px; background: #003376; width: 745px; padding: 0 20px; height: 37px; }
#prinav li { float: left; display: inline; width: auto; }
#prinav li a { background: none; border: none; color: #FFF; text-decoration: none; margin: 0 7px; font-size: 12px; height: 37px; line-height: 37px; text-transform: uppercase; float: left; display: inline; }
#prinav li.selected a { background: none; border: none; color: #76AC20; display: inline; }
#prinav li a:hover { background: none; border: none; color: #76AC20; }
#prinav .the_online_store a { background: #CCE0F1; color: #003376; font-weight: bold; margin: 5px; line-height: 27px; height: 27px; padding: 0 5px; }
#prinav .searchnav { position: absolute; right: 5px; top: -5px;  }
#prinav .searchsite { float: left; background: url(/img/searchback.png) no-repeat; width: 178px; height: 21px; padding: 3px 4px; }
#prinav .searchsite .submit { float: left; }
#prinav .searchsite .submit input { width: 22px; margin-right: 3px; }
#prinav .searchsite .input { float: right; }
#prinav .searchsite .input .text { float: left; background: none; border: none; }
#prinav .subnav { position: absolute; bottom: -26px; left: 20px; }
#prinav .subnav a { background: none; border: none; height: auto; font-size: 11.5px; line-height: 100%; color: #000; text-transform: none; color: #003376; border-right: 1px solid #003376; margin: 0px; padding: 0 7px; }
#prinav .subnav .selected a { color: #76AC20; border-right: 1px solid #003376; }
#prinav .subnav a:hover { color: #76AC20; border-right: 1px solid #003376; }
#prinav .subnav .last a { border-right: none; }
#header { background: #FFF; }
#header .headerlogos { width: 217px; height: 75px; position: absolute; background: url(/img/headerlogos.png) no-repeat; top: 50px; left: 220px; }
#header .contactdetails, #header .headbasket { width: 238px; height: 84px; position: absolute; right: 260px; top: 40px; background: url(/img/headerbox.png) no-repeat; }
#header .headpaneltitle { color: #FFF; font-size: 12px; height: 22px; line-height: 22px; padding-left: 20px; }
#header .contactdetails p { color: #333; font-weight: bold; }
#header .contactdetails .phone { font-size: 17px; width: 100%; text-align: center; margin-bottom: 1px; }
#header .contactdetails .email { font-size: 12px; width: 100%; text-align: center; }
#header .contactdetails .email a { color: #003376; text-decoration: none; }
#header .headbasket { left: 720px; font-size: 12px; color: #333; position: relative; }
#header .headbasket .summary { float: none; text-align: left; background: url(/img/basketicon.png) no-repeat 0px 0; height: 26px; line-height: 26px; display: inline; width: 150px; padding-left: 27px; position: absolute; top: 30px; left: 47px; }
#header .headbasket .view { position: absolute; bottom: 18px; left: 75px; font-size: 10px; border-right: 1px solid #003376; width: auto; height: 12px; line-height: 12px; padding-right: 5px; display: inline; }
#header .headbasket a { color: #003376; text-decoration: none; font-weight: bold; }
#header .headbasket .checkout { position: absolute; bottom: 18px; left: 110px; font-size: 10px; height: 12px; line-height: 12px; }
#header .headbasket .headpaneltitle { position: absolute; top: 0px; left: 0px; }

/* Body */
#secnav { font-size: 13px; }
#secnav a { color: #003376; text-decoration: none; }
#secnav li { margin: 5px 0; }
#secnav li li {margin-left:15px;}
#secnav .the_online_store { display: none; }
#body { background: #FFF url(/img/bodygrass.jpg) repeat-x 50% 100%; padding: 0px; }
#body #content-area { background: #FFF; padding: 20px; width: 745px; }
#sidebar .newsletter { background: #003376; border: none; color: #FFF; }
#sidebar .newsletter legend, #sidebar .newsletter label { display: none; }
#sidebar .newsletter .signupmsg { font-size: 15px; font-family: gill sans, arial, sans-serif; margin-top: 0px; }
#sidebar .newsletter input.text { border: none; padding: 3px; }
#sidebar .newsletter .subscribe input { background: none; border: none; color: #FFF; font-family: arial, sans-serif; float: right; }
#sidebar .twitterlink { float: left; margin-top: 20px; color: #003376; text-decoration: none; text-align: center; width: 100%; }
#sidebar .twitterlink span { clear: left; width: 154px; height: 36px; background: url(/img/twitterlogo.png) no-repeat; float: left; text-indent: -9999px; }

/* Footer */
#footer { background: #003376; border-top: 12px solid #6AAD17; color: #FFF; font-size: 10px; padding: 10px 0 30px 0; }
#footer a { color: #FFF; text-decoration: none; }
#footer ul { float: left; margin: 0px; }
#footer li { float: left; }
#footer ul.rightfoot { float: right; clear: none; width: 30%; }
#footer ul.rightfoot li { float: right; clear: both; margin-top: 5px; width: 100%; text-align: right; }
#footer .left2 { clear: left; margin-top: 5px;}
#footer .left1 li { margin-top: 5px; }
#footer .left1 li.bookmarks { margin-top: 0px; }

/* Homepage */
.home .flash-panel { width: 495px; height: 283px; float: left; margin-bottom: 0px; }
.home .flash-panel .slide-text { background: url(/img/flashtextback.png); position: absolute; bottom: 0px; padding: 10px 45px; font-size: 11.5px; color: #FFF; width: 405px; }
.home .flash-panel .slide-text h2 { font-size: 15px; font-weight: bold; }
.home #promo-promo_panel { width: 250px; float: left; height: 283px; background: #EBF3EA; position: relative; overflow: hidden; }
.home #promo-promo_panel .pwrapper { width: 250px; text-align: center; margin-top: 20px; }
.home #promo-promo_panel .promo-visual { width: 100%; float: left; text-align: center; }
.home #promo-promo_panel .promo-visual img { border: 1px solid #CCC; }
.home #promo-promo_panel .promo-title { width: 150px; float: left; margin: 5px 50px; font-size: 12px; border-bottom: 1px dotted #003376; text-align: left; padding-bottom: 5px; display: inline; }
.home #promo-promo_panel .promo-title a { color: #003376; text-decoration: none; font-weight: bold; }
.home #promo-promo_panel .promo-summary { font-size: 13px; width: 150px; height: 75px; margin: 0 50px; text-align: left; border-bottom: 1px dotted #003376; float: left; text-align: justify; overflow: hidden; line-height: 135%; }
.home #promo-promo_panel .promo-summary a { color: #000; text-decoration: none; }
.home #promo-promo_panel .promo-summary a span { color: #F00; font-weight: bold; }
.home #promo-promo_panel .promo-controller { position: absolute; bottom: 7px; left: 0px; width: 150px; margin: 0 50px; }
.home #promo-promo_panel .promo-controller li { float: left; display: none; font-size: 12px; }
.home #promo-promo_panel .promo-controller li.prev { display: block; float: left; }
.home #promo-promo_panel .promo-controller li.prev a { color: #003376; text-decoration: none; padding-left: 20px; background: url(/img/prevbut.png) no-repeat 0% 50%; text-indent: -9999px; float: left; width: 55px; }
.home #promo-promo_panel .promo-controller li.next { display: block; float: right; }
.home #promo-promo_panel .promo-controller li.next a { color: #003376; text-decoration: none; padding-right: 20px; background: url(/img/nextbut.png) no-repeat 100% 50%; text-indent: -9999px; float: left; width: 55px; }
.home #promo-promo_panel .promo-price { display: none; }
.home .featured-news { float: left; width: 240px; height: 304px; overflow: hidden; background: url(/img/bluestripeback.png); margin: 10px 0 30px 0 }
.home .featured-news h2 { width: 100%; background: #003376; color: #FFF; font-size: 12px; text-transform: uppercase; height: 37px; line-height: 37px; padding: 0 15px; font-weight: bold; }
.home .featured-news .listing { float: left; margin: 10px 0; }
.home .featured-news .featured-item p { padding-left: 50px; font-size: 13px; line-height: 146%; background: url(/img/newsbullet.png) no-repeat 20px 3px; margin: 10px 0; padding-right: 15px;}
.home .featured-news .featured-item p a { color: #FFF; text-decoration: none; }
.home .featured-pages { margin-top: 10px; float: left; width: 502px; }
.home .featured-pages .featured-title { display: none; }
.home .featured-pages .featured-item { float: left; width: 241px; height: 304px; overflow: hidden; margin-left: 10px; background: #cce0f1; display: inline; }
.home .featured-pages .featured-item .title { width: 100%; background: #76AE22; color: #FFF; font-size: 12px; text-transform: uppercase; height: 37px; line-height: 37px; padding: 0 15px; font-weight: bold; }
.home .featured-pages .featured-item .title a { color: #FFF; text-decoration: none; }
.home .featured-pages .featured-item .thumbnail { width: 100%; text-align: center; margin: 25px 0 10px 0; height: auto; }
.home .featured-pages .featured-item .thumbnail img { width: 190px; }
.home .featured-pages .featured-item .summary { color:;padding: 0 24px; font-size: 13px; font-family: helvetica, arial, sans-serif; }
.home .featured-pages .featured-item .more { font-size: 12px; width: auto; float: right; margin-top: 10px; }
.home .featured-pages .featured-item .more a { float: left; color: #003376; text-decoration: none; padding-right: 20px; background: url(/img/morebut.png) no-repeat 100% 50%; margin-right: 25px; text-indent: -9999px; width: 51px; }

/* Document */
.document .content-wrapper { padding: 6px; }
.page-title { font-size: 25px; color: #333; font-weight: bold; margin-top: 10px; }
.page-summary { font-weight: bold; color: #333; font-size: 15px; line-height: 150%; }
.body { font-size: 13px; color: #333; }

/* FAQs */
.faqlist h2 { font-size: 25px; color: #333; }
.faqlist dt a { color: #003376; font-size: 14px; text-decoration: none; font-weight: bold; }
.faqlist dd { font-size: 13px; color: #333; }

/* News Archive */
.news-archive .news-article { background: none; border: none; }
.news-archive .news-article .title { padding: 0px; font-size: 15px; }
.news-archive .news-article .title a { color: #003376; text-decoration: none; font-weight: bold; }
.news-archive .news-article .date { font-style: normal; padding: 0px; color: #333; font-size: 11px; font-weight: bold; }
.news-archive .news-article .summary { padding: 0px; font-size: 12px; color: #333; }
.article .back a { text-decoration: none; font-size: 14px; color: #003376; }

/* Downloads */
.section .download { padding: 10px 0; background: url(/img/standardicon.png) no-repeat 20px 50%; background-image: url(/img/zip.png); }
.section .download.pdf { background-image: url(/img/pdficon.png) }
.section .download.zip { background-image: url(/img/zip.png) }
.section .download.doc { background-image: url(/img/doc.png) }
.section .download.even { background-color: #D5E6F2; }
.section .download .title { font-size: 15px; }
.section .download .title a { color: #003376; text-decoration: none; font-weight: bold; }
.section .download .summary { font-size: 12px; color: #333; }
.section .download .downloadlink { padding-left: 120px; color: #003376; text-decoration: none; font-size: 12px; font-weight: bold; }

/* Contact Page */
.type-94 #content-area, .type-67 #content-area, .type-112 #content-area { background: #FFF url(/img/contactback.png) repeat-y 100% 0 !important; }
.contact-form { background: none; border: none; font-size: 12px; }
.contact-form .submit { float: left; }
.contact-intro .contact { font-size: 12px; }
.contact-intro .contact dd { color: #666; }
.contact-intro .contact a { color: #076CB4; text-decoration: none; font-weight: bold; }
.form.submitted .body { width: 50%; float: left; }

/* Filter */
.topic .content-wrapper { padding: 0px; }
.topic .sorting { font-size: 12px; background: #D5E6F2; width: 100%; height: 55px; }
.topic .sorting fieldset { float: left; width: 100%; }
.topic .sorting ul { width: 590px; margin: 17px auto; }
.topic .sorting li { float: left; }
.topic .sorting .submit input { top: -2px; }
.topic .product { background: none; border: none; margin: 0 6px 20px 0; height: 320px; }
.topic .product .title { width: 100%; float: left; margin: 10px 0px; font-size: 12px; border-bottom: 1px dotted #003376; text-align: left; padding-bottom: 5px; }
.topic .product .title a { color: #003376; text-decoration: none; font-weight: bold; font-size: 12px; }
.topic .product .summary { color: #333; }
.topic .product .price { font-size: 10px; color: #333; font-weight: bold; }
.topic .product .price .wasprice { margin-bottom: 0px; }
.topic .product .price .special, .topic .product .price .special span { font-size: 15px; color: #C00; }
.topic .product .price .nospecial, .topic .product .price .nospecial span, .topic .product .price .unchanged, .topic .product .price .unchanged span { font-size: 15px; }
.topic .contactlink { font-size: 14px; text-decoration: none; color: #003376; font-weight: bold; background: url(/img/newsbullet.png) no-repeat 100% 50%; padding-right: 20px; margin: 20px 0; float: left; }
.page-the_online_store .no-results { display: none; }

/* Product */
.product .description { width: 350px; }
.product .price { display:none;font-size: 10px; color: #333; font-weight: bold; font-size: 15px;}
.product .wasprice, .product .wasprice span { margin-bottom: 0px; font-size: 11px; }
.product .special, .product .special span.price { font-size: 15px; color: #C00; }
.product #add-to-basket legend { font-size: 24px; color: #333; margin-bottom: 10px; }
.product #add-to-basket ul { background: #D5E6F2; border: none; }
.product #add-to-basket .submit input { top: -3px; }
.product #add-to-basket select { width: 240px; overflow: hidden; display: inline; }
.product .gallery { background: none; border: none; }
.product .gallery li { border: 1px solid #CCC; }
.product .gallery .thumbs li { margin-right: 13px; }
.product .related-items h3 { font-size: 24px; color: #333; margin-bottom: 10px; }
.product .related-items .listing { padding: 0px; background: #FFF; width: auto; border: 2px solid #D5E6F2; }
.product .related-items .product { margin-right: 5px; background: none; border: none; height: 310px; }
.product .related-items .product .title { width: 100%; float: left; margin: 10px 0px; font-size: 12px; border-bottom: 1px dotted #003376; text-align: left; padding-bottom: 5px; }
.product .related-items .title a { color: #003376; text-decoration: none; font-weight: bold; font-size: 12px; }
.product .related-items .summary { font-size: 12px; color: #333; }
.product .related-items .price { font-size: 10px; color: #333; font-weight: bold; }
.product .related-items .price .wasprice { margin-bottom: 0px; }
.product .related-items .price .special, .product .related-items .price .special span { font-size: 15px; color: #C00; }
.product .related-items .price .nospecial, .product .related-items .price .nospecial span, .product .related-items .price .unchanged, .product .related-items .price .unchanged span { font-size: 15px; }
.product .related-items .price .wasprice .price { color: #333; font-size: 10px; }

/* Messages */
ul.messages { border: 2px solid #D5E6F2; background: #FFF; } 

/* Basket */
#body .pagetype-basket, #body .pagetype-checkout, #body .pagetype-payment, #body .pagetype-search, #body .pagetype-newsletter, #body .pagetype-removefrombasket, #body .pagetype-forgottenpassword, #body .pagetype-updatebasket { background: #FFF !important; }

/* E-commerce */
ul.submit { text-align:left; padding: 0 10px; }
.basket * { font-size:12px; color:#000; text-decoration:none; }
.basket thead th { border-bottom: 1px solid #003376; color: #003376; font-weight: bold; }
.basket .coupon { font-weight:bold }
.basket input, .basket option, .basket select { color:#000 }
#ecommerce-login * {font-size:12px;}
#ecommerce-login fieldset {padding:10px;}
#ecommerce-checkout .column {width:48%}
.checkout-details {padding:10px;}
.checkout-details * {font-size:12px;}
.checkout-save_details * {font-size:12px;}
.checkout-save_details {padding:10px; margin-top:10px; }
.checkout-tcs {margin-top:10px; padding:10px;}
.checkout-tcs * {font-size:12px;}
.checkout-delivery_details {padding:10px;}
.checkout-delivery_details * {font-size:12px;}
.checkout-additional_fields {font-size:12px; padding:10px;}
.address_summary * {font-size:12px;}
.address_summary dd {width:70%}
.address_summary .right {float:left; width:45%}
.billing .submit {text-align:left}
.delivery .submit {text-align:left}
.card .basket {margin-bottom:40px; border-bottom:1px solid #ccc}
.card h3 {text-transform:uppercase; margin-bottom:10px;}
#ecommerce-editaddress fieldset{padding:10px;}
#ecommerce-editaddress * {font-size:12px;}
.editaddress .required_notice {margin-bottom:10px;}
.card_details {margin-top:10px;}
.address-summary dt {width:25%; }
.address-summary dd {width:70%; margin-left:3px !important;}

.basket h2 { font-size: 24px; color: #333; font-weight: bold; margin-top: 10px; }
table.basket { margin: 0 10px; width: 720px; }
table.basket span.special { font-size: 10px; }
table.basket td { border-bottom: 1px solid #D5E6F2; }

.ecommerce h2 { font-size: 24px; color: #333; font-weight: bold; margin-top: 10px; }
.ecommerce fieldset { border: 1px solid #D5E6F2 !important; }
.ecommerce .forgotten_pass a { color: #003376; text-decoration: none; }
.ecommerce legend { font-weight: bold; color: #003376; font-size: 13px; }

.card table.basket { border-bottom: none; }
table.basket .total_message { border-bottom: none; }

/* Search Results */
.search-results .listing { margin-bottom: 20px; padding: 0 10px; }
.search-results .article { background: none; border: none; border-top: 1px dotted #003376; font-size: 11px; padding: 10px 0; }
.search-results .article .title { padding: 0px; font-size: 14px; margin: 0px; }
.search-results .article .title a { color: #000; text-decoration: none; }
.search-results .article .summary { padding: 0px; margin: 5px 0 0 0; }

/* Sitemap */
.sitemap li { font-size: 12px; }
.sitemap a { color: #000; text-decoration: none; }

/* Links */
.links .listing { padding: 0 10px; font-size: 12px; }
.links .listing .title { font-size: 14px; }
.links .listing .title a { color: #000; text-decoration: none; }
.links .page-headline { font-size: 12px; font-weight: bold; }

/* Sendtofriend */
#sendtofriend { background: #FFF; text-align: left; font-size: 12px; }
#sendtofriend legend { font-weight: bold; }
#sendtofriend label { font-weight: normal; }

/* Newsletter */
.newsletter-subscribe { font-size: 12px; }
.newsletter-subscribe legend { font-weight: bold; color: #003376; font-size: 14px; }
.newsletter-subscribe fieldset { margin: 10px 0; float: left; width: 100%; }

/* forgotten-password */
.forgottenpassword form { font-size: 12px; }
.forgottenpassword legend { font-weight: bold; color: #003376; font-size: 14px; margin-bottom: 7px; }

/* Information Page w/Form */
.type-116 #body #content-area { background: url(/img/infoformback.png) repeat-y; }
.infoform #content { float: left; width: 515px; }
.infoform form { float: right; width: 200px; font-size: 12px; }
.infoform form .fields input, .infoform form .fields textarea { width: 100%; }
.infoform form .fields textarea { padding: 2px; }
.infoform form .submit { padding: 0px; }