@charset "iso-8859-1";
img {
border: none
}

#dropmenudiv {
	position: absolute; 
	border: 0px solid #CCCCCC; 
	font: normal 9px tahoma, arial, sans-serif, verdana; 
	line-height: 14px; 
	z-index: 100; 
	text-align: left;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #f6d259;
}	  

A:link.menu {
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
}

A:visited.menu {
	COLOR: #ffffff; 	
	TEXT-DECORATION: none;
}

A:hover.menu {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}

A:active.menu {
	COLOR: #000000; 
	TEXT-DECORATION: none;
}
 
form.priceCheck input {margin: 0px; border: 1px solid #989898}	  /*now all forms*/
form.priceCheck textarea {margin: 0px; border: 1px solid #989898}
 
.hnSplit{
	height: 1px; 
	color: #CCD7DB; 
	background-color: #CCD7DB; 
	width: 100px;
	margin: 2px; 
	text-align: center; 
}





body {
	background-color:	#e7e7e7;
	text-align:			center;
	font:				10px/16px arial, sans-serif, tahoma, verdana;
	color:				#333333;
}

td	{
	vertical-align:		top;
	text-align:			left;
	font:				10px/16px tahoma, verdana, arial, helvetica, sans-serif;
	color:				#333333;
}

h1 {
	font:				14px/16px arial, tahoma, verdana, helvetica, sans-serif;
	color:				#7ac142;
	font-weight:		bold;
	padding-left: 		1px;
}

h3 {
	font:				16px/16px arial, tahoma, verdana, helvetica, sans-serif;
	color:				#7ac142;
	font-weight:		bold;
	padding-left: 		1px;
}
    
h4 {
	font: 			14px/16px arial, tahoma, verdana, helvetica, sans-serif; 
	color: 			#7ac142; 
	font-weight: 	bold; 
	padding-left: 	1px; 
	margin-bottom: 	2px; 
	margin: 		2px;
}

h2 {
	font:				12px/16px tahoma, verdana, arial, helvetica, sans-serif;
	color:				#7ac142;
	font-weight:		bold;
	margin-bottom:      15px
}

p {
	margin:				8px 0px 18px 0px;
	font:				11px/16px tahoma, sans-serif;
	color:				#333333;
}

a {
	color:				#7ac142;
}


	
input.search {
	background-image: url(../img/buttons/search_bg.gif); background-position: centre; BACKGROUND-COLOR: #f5f5f5; BORDER-LEFT: #C1E2E2 solid 2px; BORDER-RIGHT: #C1E2E2 solid 2px; BORDER-TOP: #C1E2E2 solid 2px; BORDER-BOTTOM: #C1E2E2 solid 2px; COLOR: #666666; FONT-FAMILY: arial, sans-serif, tahoma, verdana; FONT-SIZE: 11px; height: 15px
}

.Button {background: #d2ebbe url(http://www.salveo.co.uk/img/button_1.gif) bottom repeat-x; color: #FFF; font-size: 100%; font-weight: bold; padding: 1px 3px 1px 3px; border: 1px solid #7ac142; height: 18px;}	
					    
.qty {border: solid 1px #DCDFE4; width: 20px; text-align: center; font-size: 10px; height: 14px; }	 

.searchbox {background-color: #EBF0F1; padding: 5px; border: 1px solid #989898; margin-bottom: 30px; text-align: right} 

form {
	margin: 0px; padding: 0px
	}

#shell {
	width:				1000px;
	margin:				0px auto;
	text-align:			left;
	
	}

#head {width: 1000px; background-color: #fff; margin: 0px; text-align: left; vertical-align: middle; margin-bottom: 10px;}

#headmenu {margin: 0px; padding: 0px; vertical-align: bottom; clear: both;}
	
#mid {width: 1000px; height: 22px; background-color: #7ac142; margin: 0px;  color: #fff; font-weight: bold}
td.midmenuleft {padding: 2px 5px 2px 2px;  text-align: left; color: #fff; font-weight: bold;} 
td.midmenu {padding: 2px 5px 2px 2px;  text-align: right; color: #fff; font-weight: bold;} 

a.mid {color: #fff; font-weight: bold; text-decoration: none}
a.mid:hover {color: #fff; font-weight: bold; text-decoration: underline} 

.yellowsplit {
	width:				1000px;
	height:				2px;
	background-color:	#006666;
	margin:				0px auto;
	text-align:			left;
}	

#main {
	width:				1000px;
	border-top:			10px solid #e7e7e7;
	border-bottom:		10px solid #e7e7e7;
	background-image:	url("/img/backer_1.gif");
	margin:				0px auto;
	text-align:			left;
	}

#left {
	width:				160px;
	height:				100%;
	background-color:	#FFFFFF;
	margin:				0px 10px 10px 10px;
	text-align:			left;
	padding:			4px;
	voice-family:		inherit;
	width:				152px;	 
	}
	
#left a {
	color:	#666666;
	TEXT-DECORATION: none;
	}

#left a:hover {color: #666666; TEXT-DECORATION: underline} 	   

#left a.subnav {color: #216262} 

#left a.subnav:hover {
	color: #216262; 
	TEXT-DECORATION: underline
} 		   

.banner {
	border-top:			10px solid #fff;
}

#foot {
	width:				1000px;
	padding-top:		4px;
	padding-bottom:		2px;
	background-color:	#D6D8D8;
	margin-left:		0px auto;
	margin-right:		0px auto;
	text-align:			left;
	}
	
#foot a {color: #666666; text-decoration: none}
#foot a:hover {color: #666666; text-decoration: underline}	
	

#left p {
	COLOR: #666666; 
	FONT-FAMILY: tahoma, verdana, arial, helvetica, sans-serif; 
	FONT-SIZE: 10px; 
	FONT-WEIGHT: bold; 
	LINE-HEIGHT: 16px; 
	TEXT-DECORATION: none;
	float:	left;
	
	width:				152px;	  
	margin:				0px;
	}




.center	{
	vertical-align:		top;
	text-align:			center;
	font:				10px/16px tahoma, verdana, arial, helvetica, sans-serif;
	color:				#000;		 
	width:				160px;
}

.dark {
	color:				#7ac142;	
	width:				17px;
	font-weight:		bold;
	margin-bottom:		10px;
	float:				left;
	clear:				none;
}

.newsBox {
border: 1px solid #CCCCCC; margin-bottom: 16px; width:580px; margin-right:15px; margin-left:15px;
}
a.newsBox {
border: 1px solid #CCCCCC; margin-bottom: 16px;
}



.prodBox {
	margin-top:			1px;
	margin-bottom:		4px;
	padding:			3px;
	border:				1px solid #CCD7DB;
	width:				112px;
	color:				#7ac142;
	font:				10px/12px tahoma, verdana, arial, helvetica, sans-serif;
	height:				190px;
}

.prodBox2 {
	margin-top:			1px;
	margin-bottom:		4px;
	padding:			3px;
	border:				1px solid #66cccc;
	width:				162px;
	color:				#7ac142;
	font:				10px/12px tahoma, verdana, arial, helvetica, sans-serif;
	height:				150px;
	text-align:			middle;
}


.callOut {
	border-right:			1px solid #9BABB3;
	border-bottom:			1px solid #9BABB3;
	border-left:			1px solid #9BABB3;
	width:					144px;
	padding:				3px;
	margin-bottom:			10px;
	color:					#7ac142;
	font-size:				9px;
}
.callOut1 {
	border-top:			1px solid #9BABB3;
	border-right:			1px solid #9BABB3;
	border-bottom:			1px solid #9BABB3;
	border-left:			1px solid #9BABB3;
	width:					144px;
	padding:				3px;
	margin-bottom:			10px;
	color:					#7ac142;
	font-size:				9px;
}
.callOut a{color:					#7ac142;}

.btm {
	vertical-align:bottom;
}

.btmNav {
	float:left;
	clear:all;
}

.norm {
	margin: 2px;
	width: 700px;
	float:left;
	clear:all;
}

.norm1 {
	margin: 2px;
}
p.norm1 {margin: 0px;}

.tools {
	margin:	-6px 0px 0px 0px;
	width:	150px;
	float:	left;
	clear:	none;
	color:	#fff;
	font:	9px/15px tahoma, verdana, arial, helvetica, sans-serif;
	margin-bottom:0px;
}

.white {
	color:	#7ac142;
}

a.white {color: #7ac142; font-weight: bold}

.right {  
	font:	12px/16px tahoma, verdana, arial, helvetica, sans-serif;
	text-align:	right;
	color: #A9A7A7;
	text-decoration: none;

}

.right a {color:#A9A7A7;text-decoration:none;}

.smlTxt {
	border:	1px solid #A9C9C9;
	font:	9px tahoma, verdana, arial, helvetica, sans-serif;
	color:	#A9C9C9;
	width:	90px;
}

.smlSub {
	border:	1px solid #A9C9C9;
	background-color: #A9C9C9;
	font:	9px tahoma, verdana, arial, helvetica, sans-serif;
	color:	#fff;
	width:	52px;
}

.smlSub2 {
	border:	1px solid #DAEBEA;
	background-color: #DAEBEA;
	font:	9px tahoma, verdana, arial, helvetica, sans-serif;
	color:	#7ac142;
	width:	52px;
}

.shortPost {
	margin-right: 10px; 
	margin-left: 10px;
}

.featured {
	border: 1px solid #CCD7DB;
}

.featured table{width: 100%}

.featured table tr td{font-weight: bold; text-align: right} 
.featured table tr td div {margin-bottom: 5px; font-weight: normal}
.featured table tr td.delivery {vertical-align: bottom; color: #666666; font-weight: normal}
.prodShot {
	float:right;clear:none;
}

.priceBox {
	width:			116px;
	padding:		2px;
	background-color:#EBF0F1;
	border:			1px solid #9BABB3;
	float:right;clear:none;
	color:#005767;
}

li {margin-left:-1px;color:#005767;font-weight:normal;}
ul {font:11px/16px tahoma, sans-serif;}

.buttons  {
	color:				#7ac142;
	font:	9px tahoma, verdana, arial, helvetica, sans-serif; 
	border-color:		navy;
	background-color:	#808080;
	border-style:		outset;
	background-image:	url("/img/buttons/submit.gif");
}

input	{
	text-align:			left;
	color:				#7ac142;
    font:				9px tahoma, verdana, arial, helvetica, sans-serif; 
	background-color:	#ffffff;
	border-color:		#C9E3E8;
	border-width:		1; 
	margin-bottom: 		2px;  
	margin-top:			2px;
	font-Weight: bold;
}

textarea, option, select  {
	text-align:			left;
	color:				#7ac142;
    font:				9px tahoma, verdana, arial, helvetica, sans-serif; 
	background-color:	#ffffff;
	border-color:		#66cccc;
	border-width:		1;
		font-Weight: bold;
}



.txt {width:175px;}
 

/*
fast cart
*/

.contactbar { background-color: #f0f0f0; font-size: 9pt; color: #4c3995; }
.divider { background-color: #000000; }
.cartbg { background-color: #ffffff; }

.leftnav{margin-bottom: 15px}



/* ------ PRODUCT LISTS ------------------------------ */

    /* -- title row -- */
    .esm_pl_table{
		width: 100%;
		height: 200px;
		border-style: none;
		font:	10px/12px tahoma, verdana, arial, helvetica, sans-serif;
    }
    .esm_pl_titlerow{
    }
    .esm_pl_titledata{
	    border-style: none;
    }
    .esm_pl_titlefont{
    }

    /* -- product type 1 row -- */
    .esm_pl_row1{
		font:	10px/12px tahoma, verdana, arial, helvetica, sans-serif;
    }
    .esm_pl_td1{
	    border-style: none;
		/*padding-left: 5px;*/
		/*border-right-width: thin;*/

    }
    .esm_pl_td1 input{
	 	
		border: 1px solid Black;
		border-color: Silver Black Black Silver;
    }
    .esm_pl_font1{
    }

    /* -- product type 2 row -- */
    .esm_pl_row2{
		height: 10px;
    }
    .esm_pl_td2{
		border-right-width: thin;
    	border-style: none;
		padding-left: 5px;
    }
    .esm_pl_td2 input{
		border-bottom-width: thin;
		font-size: 9px;
	   	height: 20px;

		
		border: 1px solid Black;
		border-color: Silver Black Black Silver;

    }
    .esm_pl_font2{
   	font-size: 9px;
    }

/* ------ INFO POPUP ------------------------------ */

    .esm_ip_font{
   	font-size: 9px;
    }
    /* title */
    .esm_ip_font H3{
	   	font-size: 14px;
    }

/* ------ CHECKOUT BUTTON---------------------------- */

    .esm_btn_table input{
		border-bottom-width: thin;
		font-size: 9px;
		height: 20px;
		
		border: 1px solid Black;
		border-color: Silver Black Black Silver;
    }


/* ------ ORDER POPUP ------------------------------ */

    .esm_ord_table{
		border: thin;
		vertical-align: middle;
    }
    .esm_ord_tr{
    }
    .esm_ord_td{
		font-size: larger;
    }
    .esm_ord_tdbutton{
		font-size: 9px;
		
		border: 1px solid Black;
		border-color: Silver Black Black Silver;
 	}

    .esm_ord_td input{
		font-size: 9px;
		border: 1px solid Black;
		border-color: Silver Black Black Silver;
 	}
    .esm_ord_td select{
	   	font-size: 9px;

    }

    .esm_ord_font{
	   	font-size: 9px;
		font-family: verdana, arial, sans-serif;

    }

/* ------ CHECKOUT ------------------------------ */

    .esm_co_table{
		width: 500px;
		font-family: verdana, arial, sans-serif;
    }
    .esm_co_table TR{
		font-family: verdana, arial, sans-serif;
		border-top-width: 1px;
		border-style: none;
    }
    .esm_co_td{
		border-top-width: 1px;
		border-style: none;
		font-family: verdana, arial, sans-serif;
    }
    .esm_co_line{
		font-family: verdana, arial, sans-serif;
		height: 1px;
		border-width: 1px;
		border-style: none;
    }

    .esm_co_td input{
		background: #F4F4F4;
		border-width: 1px; 
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
	   	height: 20px;

		
		border: 1px solid Black;
		border-color: Black Silver Silver Black;
	
 	}

    .esm_co_td input[type=checkbox]{
		background: #F4F4F4;
		border-width: 1px; 
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
 	}
    
    .esm_co_td input[type=button]{
		background: #F4F4F4;
		border-width: 10px; 
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
	   	height: 20px;

		
		border: 1px solid Black;
		border-color: Silver Black Black Silver;
		
 	}

    .esm_co_td input[type=submit]{
    
		background: #F4F4F4;
		border-width: 10px; 
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
	   	height: 20px;

		
		border: 1px solid Black;
		border-color: Silver Black Black Silver;
		
 	}

    .esm_co_td input[type=reset]{
    
		background: #F4F4F4;
		border-width: 10px; 
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
	   	height: 20px;

		
		border: 1px solid Black;
		border-color: Silver Black Black Silver;
		
 	}
    .esm_co_td select{
		background: #F4F4F4;
		border-width: 1px; 
		border: thin; 
		font-family: verdana, arial, sans-serif;
		font-weight: bold;
		COLOR: black;
		font-size: 11px;
		width: 250px;
    }


    .esm_co_fonttitle{
		font-family: verdana, arial, sans-serif;
    }

    .esm_co_font{
		font-family: verdana, arial, sans-serif;
	   	font-size: 11px;

    }
    .esm_co_smallfont{
		font-family: arial, sans-serif;
		   font-size: 9px;

    }

    /* -- user data form -- */
    .esm_co_form{
		font-family: verdana, arial, sans-serif;    	
    

    }
    .esm_co_form TR{
		font-family: verdana, arial, sans-serif;
    		border-width: 1px
    }
    
    .esm_co_form INPUT{
		background: #F4F4F4;
		border-width: 1px; 
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
	   	height: 20px;
		COLOR: black;
		FONT-WEIGHT: bold
    		}

    .esm_co_form BUTTON{
    		width: 150px;
		font-family: verdana, arial, sans-serif;    

    }

	 
/* ------ THANK YOU/REPSONSE PAGES ------------------------------ */



    .esm_ty_font{
		font-family: verdana, arial, sans-serif;
	   	font-size: 11px;
    }
    
/* ------ Auto. created pages/frames ------------------------------ */

    .esm_list{
		font-family: verdana, arial, sans-serif;
		font-style: oblique normal;
		font-size: 10px;
		COLOR: black;
		FONT-WEIGHT: bold;
		text-decoration : none;
		text-transform : capitalize;
    }

    .esm_list select{
		background: #F4F4F4;
		border-width: 1px; 
		border: thin; 
		font-family: verdana, arial, sans-serif;
		font-weight: bold;
		COLOR: black;
		font-size: 11px;
		width: 250px;
    }       
    
 .separator
{
	background-image: url(/img/line.gif);
	height: 1px;
	margin-top: 5px;	  
	margin-bottom: 5px;
}          
							  

/*-------------------------google--------------------------------*/

body #google_amark_b, body #google_amark_b * { text-align:left !important; padding:0 !important; margin:0 !important; border:0 !important; position:relative !important; font-weight:normal !important; text-decoration:none !important; font-size:11px !important; font-family:Arial, sans-serif !important; background:#fff !important; float:none !important; }
#google_amark_b .m img, #google_amark_b #t img, #google_amark_b #x a { display:block !important; }
#google_amark_b .h { position:absolute !important; width:325px !important; border:1px solid #ccc !important; }
#google_amark_b #t { padding:6px 0 1px 0px !important; }
#google_amark_b #l { left:10px !important; }
#google_amark_b #x { position:absolute !important; right:0px !important; top:0px !important; border-left:1px solid #ccc !important; border-bottom:1px solid #ccc !important; }
#google_amark_b #c { padding:5px 10px 10px 10px !important; color:#676767 !important; border-top:1px solid #ccc !important;  }
#google_amark_b #c p { padding:5px 0 0 0 !important; }
#google_amark_b #c p.p { padding:0 !important; }
#google_amark_b #c p.p img { top: 5px !important; }
#google_amark_b #c p a:link, #google_amark_b #c p a:visited { color:#0000CC !important; text-decoration:underline !important; }
																																		

	table.moon {	
	  border:1px solid #9BABB3;
	  border-collapse:collapse;
	  font-family:arial,sans-serif;
	  font-size:80%;
	}
	table.moon td,table.moon th
	{
	  border:1px solid #9BABB3;
	  border-collapse:collapse;
	  padding:5px;
	  
	} 	
		  
	table.productTable {	
	  border:1px solid #9BABB3;
	  border-collapse:collapse;
	  font-family:arial,sans-serif;
	  font-size:80%;
	}
	table.productTable td,table.productTable th
	{
	  border:1px solid #9BABB3;
	  border-collapse:collapse;
	  padding:5px;
	  
	}