/* CSS Document */

/**************************************************************************************************************************/
/* Redefined Tags 	*/
/**************************************************************************************************************************/
body {padding:0;  margin:0; background: #35434C url(../images/template/gradient-top.jpg) top left repeat-x; font-family: Verdana, sans-serif; text-align: left; line-height: 1.0em; voice-family: "\"}\""; voice-family: inherit;}
p {padding:5px 17px 5px 17px; margin:0; }	
h1 {padding:5px 17px 15px 17px; margin:0; font-size:1.65em ; color:#0E6EC2; font-weight:normal; line-height:1.2em;}
h1 .green {color:#009900;}
h2 {padding:5px 17px 5px 17px; margin:0; font-weight:bold; color:#009900; font-size:1.0em;}
h3 {padding:5px 17px 5px 17px; margin:0; font-weight:bold; color:#0E6EC2; font-size:1.0em;}
h4 {padding:15px 17px 5px 17px; margin:0; font-weight:normal; color:#333333; font-size:1.65em;}
form {margin:0; padding:0;}
td {padding:0px 0px 0px 18px; margin:0;}
td .nopad {padding:0px 0px 0px 5px !important; margin:0;}
/**************************************************************************************************************************/
/* Header 	*/
/**************************************************************************************************************************/
#main {padding:0; margin:0; background: url(../images/template/content-bg.gif) top center repeat-y;}
#header {padding:0px 0px 0px 0px; margin:0; width:696px; height:94px; background:#35434C url(../images/template/top-banner-bg.jpg) top center repeat-x;}
.shop {text-align:right; color:#FFF; padding:10px 19px 0px 0px; margin:0; line-height:0.75em;}
.shop a, .shop a:link, .shop active {color:#FFF !important; }
.shop visited {color:#FFF !important;  }
.shop a:hover {color:#66CCFF !important;}

.trolly { padding:0; margin:0px 0px 0px 19px;}
.strap {text-align:right; color:#FFF; padding:27px 19px 0px 0px; margin:0; font-size:1.7em; font-style:italic; line-height:0.75em;}

/**************************************************************************************************************************/
/* Navigation 	*/
/**************************************************************************************************************************/
#top-menu{ padding:0px; margin:0; width: 696px; height:37px; line-height:37px; background: url(../images/template/menu-bg.gif) top left repeat-x;}
#top-menu ul { padding:0px 0px 0px 8px; margin:0; background: url(../images/template/menu-left.jpg) top left no-repeat; list-style:none;}
#top-menu li { padding:12px 11px 7px 11px; margin:0;  display:inline; background:url(../images/template/menu-end.gif) top right no-repeat;}
#top-menu a, #top-menu a:link, #top-menu a:active #top-menu a:visited {padding:0; margin:0; color:#FFF; text-decoration:none; width:100%; height: 37px; }
#top-menu a:hover{ color:#66CCFF;}
#top-menu .products { background:#E8E8E8; color:#00FF66; padding:10px 11px 12px 11px; margin:0px; color:#445159; border-left: 1px solid #FFF;}
#top-menu .email { padding:12px 0px 7px 11px !important; margin:0px 0px 0px 187px; background:url(../images/template/menu-end.gif) top left no-repeat;  }
#top-menu .email a { padding:0px 0px 0px 20px !important; margin:0; background: url(../images/template/envelope.gif) 0px 3px no-repeat;}
#top-menu .shop_products { background:#E8E8E8; color:#00FF66; padding:10px 11px 12px 11px; margin:0px; color:#445159; border-left: 1px solid #FFF;}
#top-menu .shop_email { padding:12px 0px 7px 11px !important; margin:0px 0px 0px 187px; background:url(../images/template/menu-end.gif) top left no-repeat;  }
#top-menu .shop_email a { padding:0px 0px 0px 20px !important; margin:0; background: url(../images/template/envelope.gif) 0px 3px no-repeat;}


#sub-menu { padding:0px; margin:0; width: 696px; height:27px; line-height:27px; background: url(../images/template/sub-menu-bg.jpg) top left no-repeat; }
#sub-menu ul{ padding:0px 0px 0px 67px; margin:0; list-style:none; }
#sub-menu li{ padding:0; margin:0;  display:inline; border:0; }
#sub-menu li a, #sub-menu li a:link, #sub-menu li a:active, #sub-menu li a:visited{ color:#666; margin:0px; padding:7px 11px 6px 11px ; text-decoration:none;  background: url(../images/template/sub-menu-up.gif) top left repeat-x; border-bottom:1px solid #ABABAB; border-left:1px solid #FFF; border-right:1px solid #ABABAB;}
#sub-menu li a:hover{ color:#0E6EC2; margin:0px; padding:7px 11px 6px 11px; background: url(../images/template/sub-menu-over.gif) top left repeat-x;}

/**************************************************************************************************************************/
/* Main content 	*/
/**************************************************************************************************************************/
#wrapper {padding:0; margin:0 auto; width:696px; background: url(../images/template/content-bg.gif) top center repeat-y; width:696px;  font-size:0.7em; color:#333}

.bullet{ padding:0px 18px 0px 18px; margin:5px 0px 0px 0px; list-style:none;}
.bullet ul {list-style:none; margin:0; padding:0;}
.bullet li {padding:5px 0px 0px 20px; margin:0; background: url(../images/template/bullet.gif) 0px 10px no-repeat;}

.leftcol { float:left; width:308px; border:0px; border-right: 1px solid #E2E2E2; padding:0px 0px 15px 0px; }
.rightcol {float:left; border:0; width:387px; padding:0px 0px 15px 0px;}
.url { font-size:1.5em; color:#B6B6B6; font-style:italic; font-weight:bold; line-height:39px; padding:0px 0px 0px 11px; border:1px solid #D3D3D3; margin:0px 0px 0px 17px; width:268px;  background: url(../images/template/text-cta.gif) top left repeat-x;}
.productborder { padding:0px; margin:10px 18px 0px 18px; height:150px; border-top:1px solid #F4F4F4; border-right:2px solid #B4B4B4; border-bottom:2px solid #B4B4B4; border-left:1px solid #F4F4F4;}
.pborderhome { padding:0px; margin:10px 18px 0px 18px; border-top:1px solid #F4F4F4; border-right:2px solid #B4B4B4; border-bottom:2px solid #B4B4B4; border-left:1px solid #F4F4F4;}



.productimg { float:right; padding:3px; margin:2px 0px 0px 10px; border-top:1px solid #F4F4F4; border-right:2px solid #B4B4B4; border-bottom:2px solid #B4B4B4; border-left:1px solid #F4F4F4;}
.productdesc {font-size:0.85em;}
.price {padding:0px 0px 0px 17px; margin:0; font-weight:bold;}
.red {font-weight:bold; color:#B40000}
.buy{ height:25px; vertical-align:top;}

.cta {float:left; padding:2px 3px 3px 3px; margin:7px 0px 0px 0px; width:154px; border-top:1px solid #F4F4F4; border-right:2px solid #B4B4B4; border-bottom:2px solid #B4B4B4; border-left:1px solid #F4F4F4;}
.cta h1 {color:#009900; padding:0; margin:0; font-size:1em; line-height: 20px; font-weight:bold;}
.cta p {padding:0px 0px 5px 0px; margin:0; font-size:0.85em; }
.ctaprice {padding:0; margin:0; font-weight:bold;}
.basket {margin:0; padding:0px 0px 0px 23px;}
.left { float:left; margin:0; padding:4px 0px 0px 17px; width:165px}
.right { float:left; margin:0px 0px 0px 0px; padding:4px 0px 0px 25px; width:160px}

.quotegrey {color:#35434C;}

.textcta { padding:5px 0px 5px 11px; border:1px solid #D3D3D3; margin:4px 0px 0px 17px; width:267px; background: url(../images/template/cta-bg.gif) bottom left repeat-x;}
.b2t { float:right; border-top:1px dashed #333; padding: 7px 10px 5px 590px; margin:0px 5px 0px 0px !important; }
.contactbox {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#333}
/**************************************************************************************************************************/
/* Redfines Links 	*/
/**************************************************************************************************************************/
a, a:link, a:active, a:visited {color: #0E6EC2;}
a:hover {color: #009900;}


/**************************************************************************************************************************/
/* Footers 	*/
/**************************************************************************************************************************/
#footer1 {clear:both; padding:0px 0px; margin:0 auto; width:696px; height:39px; text-align:right; color:#FFF; background: url(../images/template/footer-bg.gif) top left repeat-x; font-size: 1em; }
#footer1 p {padding: 0; margin:0; } 
#footer1 .pad {padding: 0px 4px 0px 0px; margin:0; line-height:30px;}
#footer2 { padding:15px 0px 20px 0px; margin:0 auto; width:696px; font-size: 1em; text-align:center; color:#FFF; background:#35434C;}
#footer2 a, #footer2 a:link, #footer2 a:active, #footer2 a:visited{color: #FFF; text-decoration:none;}
#footer2 a:hover {color:#66CCFF}