@charset "UTF-8";
/* CSS Document */

body {padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background:#fff url(../images/mainbg.jpg) center 130px no-repeat;color:#333; }
img {border:none;}
input, select, textarea {border:1px solid #888; background:#fff; font-family:Arial, Verdana, sans-serif; font-size:11px; margin:0; padding:4px;}
a {text-decoration:none; }
a:hover {color:#666;}
p {color:#666; font-size:11px; line-height:14px;}

.left {float:left}
.right {float:right}
.clear {clear:both}
.wrap {width:800px; margin:0 auto;}
.noborder {border: none}
.png {}
small {font-size: 11px}

#container {width:800px; margin:0px auto; padding:0;}

#header {margin:0 0 10px 0; padding:0}
#header #logo {width:154px;}
#header #banner {float:right; width:700px}

.account {background:#d4eacc; padding:6px 10px 10px 10px; width:270px; margin:0; font-size: 11px}
.account a {color:#333;}
.account h4 {margin:0; padding:0; color:#289500; font-size: 14px}
.account form {margin:0; padding:0;}
.account select {background:#fff; border:1px solid #888; padding:3px; width:170px; color:#333; font-size:11px}

.flags {margin:0 0 0 400px; padding-top:10px}

.logo {padding-top:10px; margin:0;}

ul#nav {margin:20px 0 0 0; padding:0; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:12px; font-style:normal}
ul#nav li {display:inline; margin:0; padding:0}
ul#nav li.selected a {}
ul#nav a {color:#289500;}
ul#nav a:hover {color:#666;}
ul#nav .divider {margin:0 7px;}


li.search {background:#f9f6f7; padding:3px}
li.search form {margin:0; padding:0}
li.search form input {border:1px solid #ccc; color:#777;}
li.search form input.search {width:24px; height:24px; border:none; background:url(../images/searchbtn.gif) no-repeat; color:#faf6a7; font-size:9px}

#account {margin-bottom:15px}
#account h2 {margin:0; padding:0 0 5px 0; line-height:17px; font-size:16px}

 


#breadcrumb {padding:0; margin:0;}
#breadcrumb .divider {padding:0px 3px;}
#breadcrumb #path {}
#breadcrumb #path ul {list-style:none; padding:0; margin:0}
#breadcrumb #path ul li {display:inline;}
#breadcrumb #basket {}

#mainpanel {min-height: 600px}
#mainpanel a {color:#289500}
#mainpanel h1 {}
#mainpanel.news {margin-left:180px;}

#homenews {width:570px; font-size:11px}
#homenews a {color:#fff;}
#homenews h2 {background:#777; color:#fff; padding:7px; margin:0; display:block; font-size: 14px}
#homenews ul {list-style:none; margin:0; padding:0; background:#a2d191; color:#fff; position: relative;}
#homenews ul li {padding:0 0 0 190px; border-bottom:1px solid #fff; height: 59px; overflow: hidden}
#homenews ul li img {margin:0 10px 0 0;padding:0;display: block;  position: absolute; top: 0; left: 0; visibility: hidden;}
#homenews ul li:hover {background:#39981a; color:#fff;}
#homenews ul li:hover img {visibility: visible}
#homenews ul li.first img {visibility: visible}

#cataloguebrowse { float:left; width:130px;}
#cataloguebrowse a {color:#fff}
#cataloguebrowse h2 a {color:#000;}
#cataloguebrowse ul {background:#a2d191; padding:0; list-style:none; margin:0;font-size:12px; font-weight:bold}
#cataloguebrowse ul ul {background:none; margin:0; padding:0}
#cataloguebrowse ul li {margin:0; padding:5px; border-bottom:1px solid #fff }
#cataloguebrowse ul ul li {margin:0; padding:5px; border-bottom:none; font-size:11px }
#cataloguebrowse ul ul a {color:#fff; }
#cataloguebrowse .open a {color:#060}
#cataloguebrowse .open_active {background:#060}
#cataloguebrowse .open_active a {color:#fff}
#cataloguebrowse .end_active {background:#060}
#cataloguebrowse .end_active a {color:#fff}

#sidenav { float:left; }
#sidenav a {color:#289500}
#sidenav h2 a {color:#000;}
#sidenav ul {margin:0; padding:0; list-style:none; width:160px; margin:0 10px 20px 0;}
#sidenav ul li {margin:5px 0; font-size:12px}

.promo {height:410px; width: 572px; background-position: bottom right; background-repeat: no-repeat; }
.promo h1{font-weight: bold; color: #000; font-size: 25px; margin: 0; padding: 0}
.promo h2{font-size: 20px; color: #444; font-weight: bold}
.promo h3{font-size: 15px; color: #666; font-weight: bold}
.promo h4{font-size: 13px; color: #666; font-weight: normal}
.promo h5{font-size: 12px; color: #444; font-weight: normal;}
.promo p{font-size: 11px; color: #444;}

.right .promo {height:115px; width: 170px; padding: 3px 10px 10px 10px; background-position: right bottom; background-repeat: no-repeat; margin-top: 5px;}
.right .promo img {margin:5px 5px 0 -30px; display:inline}
.right .promo .text {margin: 0; padding: 0}
.right .promo h1{font-weight: bold; color: #fff; font-size: 15px; padding: 0; margin: 0 0 6px 0; line-height:15px;}
.right .promo h2{font-size: 13px; color: #fff; font-weight: bold; padding: 0; margin: 0 0 6px 0; line-height:13px;}
.right .promo h3{font-size: 11px; color: #fff; font-weight: bold; padding: 0; margin: 0 0 6px 0; line-height:11px;}
.right .promo h4{font-size: 11px; color: #000; font-weight: normal; padding: 0; margin: 0 0 6px 0; line-height:11px;}
.right .promo h5{font-size: 11px; color: #000; font-weight: normal; padding: 0; margin: 0 0 6px 0; line-height:11px;}
.right .promo p{font-size: 11px; color: #fff; padding: 0; margin: 0 0 6px 0; line-height:12px}
#mainpanel .right .promo a{font-size: 13px; color: #fff; font-weight:bold; position:absolute; top:105px; left:105px; }

.white .promo {height:110px; width: 170px; padding: 0px 10px 10px 10px; background-position: right top; background-repeat: no-repeat; margin-bottom: 5px;}
.white .promo img {margin:0 5px 3px 0; display:inline}
.white .promo .text {margin: 0; padding: 0}
.white .promo h1{font-weight: bold; color: #289500; font-size: 15px; padding: 0; margin: 0 0 6px 0; line-height:15px;}
.white .promo h2{font-size: 13px; color: #289500; font-weight: bold; padding: 0; margin: 0 0 6px 0; line-height:13px;}
.white .promo h3{font-size: 11px; color: #289500; font-weight: bold; padding: 0; margin: 0 0 6px 0; line-height:11px;}
.white .promo h4{font-size: 11px; color: #000; font-weight: normal; padding: 0; margin: 0 0 6px 0; line-height:11px;}
.white .promo h5{font-size: 11px; color: #000; font-weight: normal; padding: 0; margin: 0 0 6px 0; line-height:11px;}
.white .promo p{font-size: 11px; color: #289500; padding: 0; margin: 0 0 6px 0; line-height:11px;}
#mainpanel .white .promo a{font-size: 13px; color: #289500; position:absolute; top:95px; left:105px; font-weight:bold}

#mainpanel.productdetail {margin-left:140px;}
#mainpanel.productdetail h2 {}
#mainpanel.productdetail #col1 {width:220px; float:left; margin:20px 0 0 20px }
#mainpanel.productdetail #col1 #productimage {height: 200px; margin-bottom:20px;}
#mainpanel.productdetail #col1 #productimage img { }
#mainpanel.productdetail #col1 #productthumbs { width: 220px; background-color: #f5f5f5; padding: 5px 5px 5px 0px; } 
#mainpanel.productdetail #col1 #productthumbs div.thumb { float: left; margin-left: 5px; } 
#mainpanel.productdetail #col1 div#imgbacklink { visibility: hidden; } 
#mainpanel.productdetail #col1 ul {list-style:none; padding:0; margin:0}
#mainpanel.productdetail #col1 ul li {display:inline; margin:0 3px 0 0;}
#mainpanel.productdetail #col1 ul li.last {display:inline; margin:0;}
#mainpanel.productdetail #col2 {width:400px; margin:20px 0 0 270px;}
#mainpanel.productdetail #col2 #productinfo {margin-bottom:20px;}
#mainpanel.productdetail #col2 #productinfo ul {font-size:11px; color:#666;}
#mainpanel.productdetail #col2 #productinfo table {background:#ccc; margin-bottom:10px; font-size:11px; color:#666; width:100%}
#mainpanel.productdetail #col2 #productinfo table td {background:#f7f7f7; padding:4px}
#mainpanel.productdetail #col2 #productinfo h3 {font-size:18px; line-height:18px;   font-weight:bold; margin:5px 0; padding:0}
#mainpanel.productdetail #col2 #productinfo h3 span.exvat {font-size:11px; text-transform: none; font-weight: normal; }
#mainpanel.productdetail #col2 #productinfo h4 {font-size:14px; color:#66CC33  ;  font-weight:bold; margin:5px 0; padding:0}
#mainpanel.productdetail #col2 #productinfo p {font-size:11px; margin:0 0 10px 0; padding:0; color:#666; line-height:14px;}
#mainpanel.productdetail #col2 #productinfo select {margin:0 0 10px 0; padding:3px}
#mainpanel.productdetail #col2 #productinfo select option {margin:4px 0;}
#mainpanel.productdetail #col2 #productinfo form input.addtobasket {background:#289500; padding:5px; border:none; color:#fff;font-size:12px; margin:0; }
#mainpanel.productdetail #col2 #alsolike .block {margin:20px 0; height:75px;}
#mainpanel.productdetail #col2 #alsolike .block a {color:#3da600;}
#mainpanel.productdetail #col2 #alsolike .block h2 {margin:0; font-size:11px;  }
#mainpanel.productdetail #col2 #alsolike .block img {float:left; margin:0 10px 0 0;}

#mainpanel.registration form legend {  font-size:12px; font-weight:bold}
#mainpanel.registration form fieldset {margin:0 0 20px 0; padding:10px; border:1px #ccc solid}
#mainpanel.registration form .row {margin:8px 0; text-align:right}
#mainpanel.registration form .text {margin:8px 0; text-align:left}
#mainpanel.registration form .row label {font-weight:bold;   float:left;}
#mainpanel.registration form .row input {width:300px;}
#mainpanel.registration form input.submit {background:#289500; padding:5px; border:none; color:#fff;font-size:12px; margin:0; width: auto }

#mainpanel .formcontainer form legend {  font-size:12px; font-weight:bold}
#mainpanel .formcontainer form fieldset {margin:0 0 20px 0; padding:10px; border:1px #ccc solid}
#mainpanel .formcontainer form .row {margin:8px 0; text-align:right}
#mainpanel .formcontainer form .text {margin:8px 0; text-align:left}
#mainpanel .formcontainer form .row label {font-weight:bold;   float:left;}
#mainpanel .formcontainer form .row input {width:300px;}
#mainpanel .formcontainer form input.submit {background:#289500; padding:5px; border:none; color:#fff;font-size:12px; margin:0;  width: auto }


#mainpanel.productindex {background:none; margin-left:140px}
#mainpanel.productindex h1 {font-size:26px; padding:0; margin:5px 0 20px 5px; font-weight:normal; letter-spacing:-1px; line-height:28px }
#mainpanel.productindex h2 {font-size:11px; padding:0px; margin:0px; display:inline;}
#mainpanel.productindex .pagecontrols {width:100%; text-align:right; margin-bottom:30px;   font-weight:bold}
#mainpanel.productindex .pagecontrols a{color:#3da600;}
#mainpanel.productindex #brandinfo {margin:12px 0 20px 0; color:#666; line-height:14px; font-size:11px}
#mainpanel.productindex #brandinfo #brandinfofull { display: none; }
#mainpanel.productindex #brandlogo {margin:10px 0 0 0;}
#mainpanel.productindex #prodimg {margin-bottom:10px; width: 130px; height:130px;}
#mainpanel.productindex #prodimg img {}
#mainpanel.productindex #prodimg a:hover {color:none}
#mainpanel.productindex #pages {float:right; text-align:right; text-transform:uppercase}
#mainpanel.productindex .productblock {width: 130px; height:220px; float:left; margin:0 20px 10px 15px; text-align:center; font-size:11px}
#mainpanel.productindex .productblock h2 {font-size:11px; line-height:12px}
#mainpanel.productindex .productblock .price {font-weight:normal; color:#333}
#mainpanel.productindex .categoryspotlight {width:100%; height:300px; margin-bottom:15px;}
#mainpanel.productindex .categoryspotlight h3 {font-size:16px;   color:#666; margin:10px 0;}
#mainpanel.productindex .productspotlight {width:150px; border:1px solid #030; background:#060; float:left; height:190px; margin:0 10px 10px 0}
#mainpanel.productindex .productspotlight .thumb {height:150px; display:block}
#mainpanel.productindex .productspotlight h2 {color:#fff; padding:3px 6px; margin:0; display:block}

#mainpanel .pageimageblock img {margin-bottom:10px;}
#mainpanel #contentTemplate strong {color:#000;}

#mainpanel #checkoutpage {}
#mainpanel #checkoutpage h2 {font-size:12px; padding:0px; margin:0; display:inline; font-size:12px; text-transform:uppercase}

#mainpanel #checkoutpage #basket {}
#mainpanel #basketform #basket {}
#mainpanel #checkoutpage #basket .totalCost {font-size:13px; border-top:1px dotted #ccc; padding:4px 0 0 0; font-weight:bold}

#mainpanel #paymentpage {}
#mainpanel #paymentpage h2 {font-size:12px; padding:0px; margin:0; display:inline; font-size:12px; text-transform:uppercase}

#mainpanel #deliveryoptions {margin:10px 0;}
#mainpanel #orderdetails {margin:10px 0;}
#mainpanel fieldset {margin:10px 0; padding:10px; border:1px #ccc solid;font-size:11px;}
#mainpanel legend {  font-size:12px; font-weight:bold; color:#666}
#mainpanel .smalladdress { color:#666; margin:2px 0 9px 0}
#mainpanel #basket {width:80%}
#mainpanel #basket .basketRowU {border-top:1px dotted #ccc}
#mainpanel #basket .basketTotal {}
#mainpanel #basket .totalCost {font-size:13px; border-top:1px dotted #ccc; padding:4px 0 0 0; font-weight:bold}

#mainpanel .cartTitle { }
#mainpanel .btnUpdate {background:#f2f2f2; color:#3da600; border:none; padding:4px; }
#mainpanel .btnCheckout {background:#f2f2f2; color:#57ad0a; border:none;  padding:4px; 	}

#footer {margin:20px 0 0 0; padding:20px 0; background:#133012; color:#fff; font-size: 11px}
#footer p {color: #fff;}
#footer h4 {color:#29962e; font-size: 16px; padding: 0; margin: 0 0 10px 0}
#footer a {color:#fff}
#footer .divider {display:none}
#footer #payment {float:right; width:160px;}
#footer ul {list-style:none; padding:0; margin:0;}
#footer ul li {margin: 0 0 10px 0}
#footer #bottomnav {width:800px; margin:0; padding:0;}
#footer #bottomnav input.search {background:#133012;color:#29962e; border:none}
#footer #bottomnav a {text-transform:capitalize}
#footer #bottomnav #nav1 {width:205px;float:left}
#footer #bottomnav #nav2 {width:205px; margin-left:230px;}
#footer #bottomnav #nav3 {width:205px; float:right;}

#footer-two {background:#0d2a0c; color:#fff; margin:0; padding:0; font-size: 11px; text-transform: capitalize}
#footer-two a {color:#fff}
#footer-two ul {margin:0; padding:6px 0; list-style:none}
#footer-two ul li {display:inline; padding-right:8px; margin-left: 8px; border-right:1px solid #11490f; }
#footer-two ul li.right {border:none}

.clear {clear:both}
.clearright {clear:right;}
.greycaps {  color:#a2a1a1; font-weight:bold}
.blackcaps {  color:#000; font-weight:bold}
.grey {color:#666;}
.lightgrey {color:#ccc;}
.red {color:#66CC33}
.redcaps {color:#66CC33;   font-weight:bold}
.align-right {text-align:right;}
.align-middle {vertical-align:middle;}

.star {font-size:16px; color:#cc0000; margin-left:7px;}


.more {display: none;}
a.showLink, a.hideLink {font-weight:bold; color:#3da600}