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

body {padding:0; margin:0; font-family:Arial, Verdana, sans-serif; font-size:10px; line-height:13px; background:#535353;color:#fff; }
img {border:none;}
input, select, textarea {border:none; background:#e3e3e3; font-family:Arial, Verdana, sans-serif; font-size:10px; margin:0; padding:4px;  font-weight:bold}
a {font-weight:bold; text-decoration:none; color:#89c843  }
a:hover {color:#666;}
p {color:#666; font-size:11px; line-height:14px;}

#container {width:880px; margin:0px auto; background:#000; border-right:3px solid #454545; border-left:3px solid #454545; border-bottom:3px solid #454545; padding:20px}

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

.pan_wrap {	background: url(web/images/checks.gif) repeat;	margin: 0 auto 15px;position: relative;	width: 700px; height: 134px;}
.pan_frame {background: url(web/images/frame.png) no-repeat;overflow: hidden;	position: absolute;	top: 0;	left: 0;width: 700px;height: 134px;}

#search {background:#6b9b63 url(web/images/searchbg.jpg)}
#search p {padding:6px 10px; color:#fff; font-size:11px; line-height:14px}
#search p strong {color:#000; font-size:12px}
#search form { width:100%; padding:0 10px}
#search form input {width:130px; margin-bottom:5px; border:1px solid #669900}
#search form input.search {background:none; color:#000; width:60px; text-align:left; padding:0; font-size:12px; border:none}

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

#nav {background:#8b8b8b url(web/images/navbg.jpg) repeat-x; width:700px; margin:0 0 10px 180px; text-transform:capitalize; padding:0 }
#nav .right {float:right; margin:-4px 0 0 0; padding:0}
#nav .left {float:left; margin:-4px 0 0 0; padding:0}
#nav a {color:#333; padding:9px 35px;}
#nav a:hover {background:#666 url(web/images/navbgS.jpg) repeat-x; color:#fff;}
#nav .divider {} 
#nav ul {margin:0 5px;padding:10px 0; list-style:none; font-size:12px;}
#nav ul li {display:inline; margin:0; padding:0}
#nav ul li.selected a {background:#666 url(web/images/navbgS.jpg) repeat-x; color:#fff; padding:10px 35px 9px 35px}
#nav ul li.categories {color:#fff;   font-weight:bold}

#breadcrumb {padding:10px 0; font-weight:bold; margin-left:180px; width:700px  }
#breadcrumb .divider {padding:0px 3px;}
#breadcrumb #path {width:520px;}
#breadcrumb #path ul {list-style:none; padding:0; margin:0}
#breadcrumb #path ul li {display:inline;}
#breadcrumb #basket {width:270px; text-align:right; float:right; }

#sidepanel {float:left; width:160px; }
#sidepanel #sidenav {background:#bcbabb; margin-bottom:20px;}
#sidepanel #sidenav a {color:#333;}
#sidepanel #sidenav a:hover {color:#fff;}
#sidepanel #sidenav h2 {color:#fff; margin:0; padding:10px;font-size:12px; background:#4e8955 url(web/images/h1bg.jpg) repeat-x;}
#sidepanel #sidenav h2 a{color:#fff}
#sidepanel #sidenav h2 a:hover {color:#777}
#sidepanel #sidenav ul {margin:0; padding:5px 10px; list-style:none; font-weight:bold;}
#sidepanel #sidenav ul li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #a7a8a7;}
#sidepanel #sidenav ul ul {margin:0; padding:3px 10px; list-style:none; font-weight:bold;}
#sidepanel #sidenav ul ul li {margin-bottom:5px;}
#sidepanel #sidenav .newstitle {color:#333;}
#sidepanel #sidenav .newslink {color:#666;}

#sidepanel #newsletter {}
#sidepanel #newsletter h2 {}
#sidepanel #newsletter p {margin:0; padding:0; color:#a2a1a1; font-weight:bold; text-transform:uppercase}
#sidepanel #newsletter form {}
#sidepanel #newsletter form input.email {width:100%; padding:8px; margin:6px 0; }
#sidepanel #newsletter form input.signup {background:none; color:#3da600;   }

#sidepanel #taxfree {}
#sidepanel #taxfree img {float:left; margin:0 4px 15px 0;}
#sidepanel #taxfree p {font-weight:bold; font-size:10px; line-height:12px; color:#666}
#sidepanel #taxfree a {color:#666; text-transform:none;}
#sidepanel #taxfree a:hover {color:#3da600}

#mainpanel {width:660px; margin-left:180px; padding:15px 20px; background:#fff url(web/images/mainbg.jpg) no-repeat; color:#333;}
#mainpanel h1 {font-size:20px; line-height:22px; padding:0; margin:0 0 10px 0}
#mainpanel h1 {font-size:16px; line-height:18px; padding:0; margin:0 0 10px 0}

#mainpanel.home .homecontent {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
#mainpanel.home #homecol1 {width:354px; float:left;}
#mainpanel.home #homecol1 #promo {height:331px; margin-bottom:20px;}
#mainpanel.home #homecol1 #news a {color:#333;}
#mainpanel.home #homecol1 #news a.red {color:#66CC33} 
#mainpanel.home #homecol1 ul {list-style:none; padding:0; margin:0}
#mainpanel.home #homecol1 ul li {margin:0 0 12px 0; border-bottom:1px dotted #ccc; padding-bottom:10px}
#mainpanel.home #homecol2 {width:251px; margin-left:395px;}
#mainpanel.home #homecol2 #featuredproducts {height:331px; margin-bottom:20px;}
#mainpanel.home #homecol2 #featuredproducts ul {padding:0; margin:0 0 10px 0; list-style:none}
#mainpanel.home #homecol2 #featuredproducts ul li {display:inline;}
#mainpanel.home #homecol2 #featuredproducts ul li.left {margin:0 14px 0 0; padding:0;}
#mainpanel.home #homecol2 #recentlyadded h2 a {font-weight:bold; color:#333}
#mainpanel.home #homecol2 #recentlyadded a {font-weight:normal; text-transform:none}
#mainpanel.home #homecol2 #recentlyadded a.redcaps {font-weight:bold;}
#mainpanel.home #homecol2 #recentlyadded ul {list-style:none; padding:0; margin:0}
#mainpanel.home #homecol2 #recentlyadded ul li {margin:0 0 10px 0; height:85px;}
#mainpanel.home #homecol2 #recentlyadded ul li img {float:left; margin:0 10px 0 0;}
#scroller {width:700px; height:130px; float:right; margin-top:10px}

#mainpanel.productdetail h2 {}
#mainpanel.productdetail #col1 {width:220px; float:left; margin:20px 0 0 20px }
#mainpanel.productdetail #col1 #productimage {height: 300px; margin-bottom:20px;}
#mainpanel.productdetail #col1 #productimage img {border-bottom:4px solid #fff; }
#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 #productinfo {margin-bottom:20px;}
#mainpanel.productdetail div table {background:#ccc; margin-bottom:10px}
#mainpanel.productdetail div table td {background:#f7f7f7; padding:4px}
#mainpanel.productdetail #productinfo h3 {font-size:18px; line-height:18px;   font-weight:bold; margin:5px 0; padding:0}
#mainpanel.productdetail #productinfo h3 span.exvat {font-size:11px; text-transform: none; font-weight: normal; }
#mainpanel.productdetail #productinfo h4 {font-size:14px; color: #66cc33  ;  font-weight:bold; margin:5px 0; padding:0}
#mainpanel.productdetail #productinfo p {font-size:11px; margin:0 0 10px 0; padding:0; color:#666; line-height:14px;}
#mainpanel.productdetail #productinfo select {margin:0 0 10px 0; padding:3px}
#mainpanel.productdetail #productinfo select option {margin:4px 0;}
#mainpanel.productdetail #productinfo form input.addtobasket {background:#fff; padding:0;color:#66CC33;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:#fff; color:#3da600; font-size:14px; text-align:left; }

#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:#fff; color:#3da600; font-size:14px; text-align:left; }


#mainpanel.productindex {background:none}
#mainpanel.productindex h1 {font-size:26px; padding:0; margin:5px 0 20px 5px; font-weight:normal; letter-spacing:-1px; color:#fff; line-height:28px }
#mainpanel.productindex h2 {font-size:10px; padding:0px; margin:0px; display:inline; color:#fff;}
#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;}
#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 {border-bottom:2px solid #000}
#mainpanel.productindex #prodimg a:hover {color:none}
#mainpanel.productindex #pages {float:right; text-align:right; text-transform:uppercase}
#mainpanel.productindex .productblock {width: 130px; height:200px; float:left; margin:0 17px; text-align:center}
#mainpanel.productindex .productblock .price {font-weight:normal;}
#mainpanel.productindex .categoryspotlight {width:100%; height:auto; margin-bottom:15px;}
#mainpanel.productindex .categoryspotlight h3 {font-size:16px;   color:#666; margin:10px 0;}

#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:400px}
#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; border-top:solid #ccc 1px; padding:20px 0;}
#footer .divider {display:none}
#footer #payment {float:right; width:160px;}
#footer ul {list-style:none; padding:0; margin:0;}
#footer ul li {}
#footer #bottomnav {width:660px; margin:0; padding:0;}
#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;}

.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:#89c843}
.redcaps {color:#89c843;   font-weight:bold}
.green {color:#89c843}
.greencaps {color:#89c843;   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}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}