* {padding: 0; margin: 0;} 
p {padding-bottom:15px}
li { margin-left:15px; margin-bottom:7px; margin-top:7px}
img { border:0; margin:0; padding:0}
html { overflow-y: scroll; } 


body  {
	COLOR:#666666;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-top: 15px;
	margin-bottom: 0px;
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff
}


html {scrollbar-face-color:#F5F5F5; scrollbar-arrow-color:#8890A8; scrollbar-track-color:#F5F5F5; scrollbar-shadow-color:#808080; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#E0E0E0; scrollbar-darkshadow-Color:#8890A8; }


#container {
	position:relative;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	z-index: 1;
	background-color:#FFFFFF
}



/*FORM STYLES*/

 .searchbg{background-image:url(images/search.gif)} 
 
 input.searchform{
	color: #68bf4d;
	font-size: 14px;
	margin-left: 12px;
	margin-right:0px;
	border-width: 0px;
	background-color:transparent
	
 }
 

.form {
	font-size: 14px;
	background-color: #ffffff;
	color:#333333;
	border-style: solid;
	border-color:#CECECE;
	border-width: 1px;
	padding:4px 4px 4px 4px;
	}
	
.form2 {
	font-size: 11px;
	background-color: #ffffff;
	color:#333333;
	border-style: solid;
	border-color:#CECECE;
	border-width: 1px;
	padding:2px 2px 2px 2px;
	margin-bottom:5px;
	}
	
	
input.submit_button{
	color:#FFFFFF;
	background-color: #009933;
	font-size: 14px;
	border-style: solid;
	border-color: #009933;
	border-width: 10px;
	cursor:hand
 }

input.submit_button2{
	color:#FFFFFF;
	background-color: #009933;
	font-size: 14px;
	border-style: solid;
	border-color: #009933;
	border-width: 3px;
	cursor:hand
 }



input.cart_button{
	color:#FFFFFF;
	background-color: #009933;
	font-size: 12px;
	border-left:#009933 10px solid;
    border-right:#009933 10px solid;
	border-top:#009933 3px solid;
	border-bottom:#009933 3px solid;
	cursor:hand
 }


/*alternate coloured tables Start*/
tr.d0 td {
	background-color:#CCECCE;
	color: #666666;
}
tr.d1 td {
	background-color:#A5DD9B;
	color: #666666;
}


a.navlinks {
	display:block;
	font-size:11px;
	font-weight:500;
	color:#666666;
	border-bottom:#f1f1f1 1px solid;
	text-decoration: none;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	margin: 0px;
	width: 184px;
	background-image:url(images/buttonbg.jpg); 
	background-repeat:repeat-x
}

a.navlinks:link {
	color: #666666;
	padding-left: 5px
}
a.navlinks:visited {color: #666666 }
a.navlinks:hover {
	color: #ffffff;
	background-image:none;
	background-color:#68bf4d;
	text-decoration:none;
	padding-left: 5px;
}



#header {position:relative; width:1000px; height:200px; overflow:hidden; background-image:url(images/header.jpg)}

#nav {position:relative; float:left; left:20px; width:200px; top:-140px; margin-bottom:-140px}

#maincontent {
	position:relative;
	float:right;
	right:20px;  
	top:-130px;
	width:750px;
	margin-bottom:-140px
	}

#wrappertop {position:relative; height:190px; width:100%; background-image:url(images/top.jpg)}
#fence {position:relative; clear:both; height:25px; width:100%; background-image:url(images/pick.jpg); background-repeat:repeat-x; margin-bottom:15px}
#wrapperbottom {position:relative; clear:both; height:50px; padding-top:45px; width:100%; background-image:url(images/bottom.jpg); text-align:center}

#float1 {position:absolute; top:200px; left:10px; z-index:99; width:970px; height:30px; text-align:right}
#float2 {position:absolute; top:75px; left:30px; z-index:99 }
#float3 {position:absolute; top:128px; left:15px; z-index:99; width:970px; height:30px}
#float4 {position:absolute; top:30px; left:760px; z-index:99}

#footer {
	position:relative;
	clear:both; 
	width:100%; 
	padding:10px 0px 60px 0px; 
	text-align:center; 
	border-top:#626262 15px solid; 
	margin-top:0px;
	background-color:#333333
	}
	
#footerwrapper {position:relative; width: 1000px; margin: 0px auto; text-align: left}

#navb {border:#E4E4E4 1px solid; width:189px; background-color:#f7f7f7 }
	
	
#navbox,#navbox1,#navbox2,#navbox4  {
	border:#E4E4E4 1px solid; 
	width:189px; 
	padding-bottom:10px; 
	margin-top:30px; 
	background-image:url(images/navbg.jpg); 
	background-repeat:repeat-x

	}
	
	
	#navbox3 {
	border:#E4E4E4 1px solid; 
	width:189px; 
	padding-bottom:10px; 
	margin-top:0px; 
	background-image:url(images/navbg.jpg); 
	background-repeat:repeat-x

	}
	
	
	#cartpopup {
	position:absolute; 
	overflow:hidden; 
	left:375px; 
	top:250px; 
	width:250px; 
	height:75px; 
	background-color:#ffffff; 
	border: 1px solid #f1f1f1; 
	padding:10px 10px 10px 10px; 
	z-index:99
	}

#sectionfull {position:relative; float:left; left:0; top:0px; width:730px}

#sectionleft {position:relative; float:left; left:0; top:0px; width:480px}
#sectionright{position:relative; float:right;  right:5px; top:0px; width:250px}

#sectionleft2 {position:relative; float:left; left:0; top:5px; width:410px}
#sectionright2{position:relative; float:right;  right:5px; top:0px; width:320px}

.prod{border:#E4E4E4 1px solid; margin-bottom:10px; background-image:url(images/prodbg.jpg); background-repeat:repeat-x}
.prod2{border:#E4E4E4 1px solid}
/*FONT STYLES*/

.footertext {color:#ffffff;font-size:10px}

.f1 { color:#333333; font-size:12px; line-height:34px; font-weight:600; }

.f2 { font-weight:600; color:#333333; line-height:28px}


.t1 { color:#333333; font-size:10px; letter-spacing:2px; font-weight:500}/*bottom page text*/
.t2 { color:#333333; font-size:11px; line-height:25px;}/*opening times*/
.t3 { color:#ffffff; font-size:14px; letter-spacing:2px}/*header slogan/telephone*/
.t4 { color:#ffffff; font-size:16px; letter-spacing:1px}/*header */
.t5 { color:#ffffff; font-size:11px; font-weight:600}/*product prices*/
.t6 { color:#333333; font-size:11px; line-height:18px;}/*find us*/
.t7 { color:#333333; font-size:11px}/*opening times*/
.t8 { color:#333333; font-size:10px}/*tooltip*/
.linktext { color:#666666; font-size:12px}

.error { color:#FF0000; font-size:10px; line-height:14px}
.cancel { color:#FF0000; font-size:12px; font-weight:bold; line-height:14px}
.canceltext { color:#333; font-size:11px; font-weight:bold; line-height:14px}
.success { color:#009933; font-size:10px; line-height:14px}
.success2 { color:#0C3; font-size:12px; font-weight:bold; line-height:14px}
.address { color:#333333; font-size:11px; font-weight:bold}
.address2 { color:#333333; font-size:11px}


.error2 {
    color:#FF0000;
	display:block;
	font-size:11px; 
	line-height:14px;
    padding-top:5px;
    padding-bottom:5px;
	background: url(images/remove.gif) no-repeat left center;
    padding-left: 36px;

}


h1 {
	font-size: 20px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color:#009933;
	font-weight:500;
    padding-top:0px;
    padding-bottom:10px;

}

h2 {
	font-size: 14px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color:#009933;
	font-weight:500;
    padding-top:0px;
    padding-bottom:5px;

}

h3 {
	font-size: 14px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color:#009933;
	font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
	padding-left:0px;
}


.col h3 {
	font-size: 14px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color:#009933;
	font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
	padding-left:5px;
}


h4 {
	font-size: 14px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color:#009933;
	font-weight:600;
    padding-top:10px;
    padding-bottom:10px;
}



h5 {
	font-size: 18px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	color:#009933;
	font-weight:600;
    padding-top:20px;
    padding-bottom:10px;

}



.news { 
	color:#666666; 
	font-size:12px; 
	padding-top:10px;
	padding-bottom:15px;
	letter-spacing:2px; 
	font-weight:500;
	background: url(images/news.gif) no-repeat left center;
    padding-left: 29px;
	margin-left:5px
	}



/*UNSTYLED LINKS*/
a{
	text-decoration: none;
}
	
a:link {color:#333333; font-weight:bold}
a:visited {color: #333333;font-weight:bold}
a:hover {
	color:#333333;
	font-weight:bold;
	text-decoration:underline
	}
/*UNSTYLED LINKS*/


a.links{
	text-decoration: none;
}
	
a.links:link {color:#68bf4d; font-weight:bold}
a.links:visited {color: #68bf4d;font-weight:bold}
a.links:hover {
	color:#ffffff;
	background-color:#68bf4d;
	font-weight:bold;
	}


/*LINKS STYLE*/
a.footerlinks { font-weight:normal; text-decoration: none; color: #ffffff}
a.footerlinks:link {color:#ffffff}
a.footerlinks:visited {color: #ffffff}
a.footerlinks:hover {color:#CEE7FF; text-decoration: underline}



a.lowerlinks { font-weight:normal; font-size:10px; text-decoration: none; color: #B6B6B6; margin-right:5px; margin-left:5px}
a.lowerlinks:link {color:#B6B6B6}
a.lowerlinks:visited {color: #B6B6B6}
a.lowerlinks:hover {color: #666666; text-decoration: underline}


a.remove {
	text-decoration: none;
	color: #333;
	background: url(images/delete.png) no-repeat left center;
    padding-left: 18px;
	padding-top:5px;
	padding-bottom:5px;
}
	
a.remove:link {text-decoration: none;}
a.remove:visited {text-decoration: none;}
a.remove:hover {
	text-decoration: underline;
	color: #333;
}



a.arrowlinks {
	text-decoration: none;
	font-size:12px;
	color: #0066CC;
	letter-spacing:1px;
	background: url(images/arrow.gif) no-repeat left center;
    padding-left: 25px;
	padding-top:15px;
	padding-bottom:15px;
	line-height:30px
}
	
a.arrowlinks:link {text-decoration: none;}
a.arrowlinks:visited {text-decoration: none;}
a.arrowlinks:hover {
	text-decoration: none;
	color: #999999;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
font-size:10px;
color:#333333;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


