/* CSS Document */


body {
	color:#333;
	padding:0px;
	margin:0 auto;
	width:1003px;
	background-image:url(images/dropShadow.gif);
	background-position:center center;
	 font-family:VERDANA, HELVETICA, ARIAL;
	background-repeat:repeat-y;
}
#container {
	width:1000px;
	margin:0 auto;
}
img{ border:0}
.clear{clear:both;}
/*--------------------------------  logo-------------------------  */
#logo{width:1000px;
	margin:0 auto;}
#logo #top{ margin:0; padding:0; width:1000px; float:left; clear:both}
#logo #top .logoimg{ margin:15px 0px 10px 40px; float:left; border:0}
#logo #top .topnav{ list-style:none; margin:10px 30px 10px 20px; float:right; padding:0}
#logo #top .topnav li{   padding-left: 10px;
  margin-left: 10px;
 float:left; 
  font: 10px VERDANA, HELVETICA, ARIAL;
 border-left:1px dashed silver;}
#logo #top .topnav li a {
  color: #333;
  text-decoration: none;

  margin-top: 5px;
  font-weight: bold;
  font: 10px VERDANA, HELVETICA, ARIAL;
  }
#logo #top .topnav li a:hover{ text-decoration:underline;
color: #333;}
#logo #top .topnav li.first {
  border-left:0px dashed silver;
}
#logo #top .cart{  margin:20px 30px 0 50px; float:right; padding:0}
#logo #top .cart li{ float:left;list-style:none; margin:0 0 0 20px;  padding:0}
#logo #top .cart li.ca{
   background:url(images/viewcart.gif) no-repeat;
   font-size:13px;
  font-family:VERDANA, HELVETICA, ARIAL;
  font-weight:bold;
  
   padding:10px;
   margin-top:9px;
  }
#logo #top .cart li.ca a{ text-decoration:none;color:#FFFFFF;}  
#logo #top .cart img{ margin:0; border:0; padding:0}
#logo #header{
	margin:-6px 0 0 25px;>margin:-5px 0 0 25px;_margin-left:13px; 
	width:953px; 
	background:#0A682A url(images/greenbg.gif) repeat-x bottom;
	height:25px; 
	padding:0px;
	 float:left;
}
#header .telimg{ float:left; margin-left:10px;border:0;}
#header p.tel { margin:0;padding:4px 10px 10px 0; 	
	color:#fff; 
	font-size:10px;
	font-weight:bold;
	 font-family:Verdana, Arial, Helvetica, sans-serif; float:left}
#search{
	margin-left:25px;_margin-left:13px;
	width:953px; 
	background:#DECD87 url(images/beigebg.gif) repeat-x bottom; 
	height:30px;float:left;
	
}
#search ol {
	padding:0px;
	margin:0px;
  	float: left;
  	font-size:12px;
}

#search ol li {
  border-left:1px dashed #333;
  list-style-type: none;
  float: left;
  padding-left: 5px;
  margin-left: 5px; display:inline; height:30px
}

#search ol li.first {
  border-left:0px dashed #333;
  list-style-type: none;
  float: left;
}


#search ol li a {
  color: #333;
  text-decoration: none;
  display: block;
  text-align: center;
  margin: 5px 10px;
  
}

#search ol li a:hover {
  color: #333;
  text-decoration: underline;
}
#search ol li.se{border-left:none;
padding:0;
 list-style-type: none;
 margin:5px 0 0 5px;
  font-weight:bold;
  font: 12px VERDANA, HELVETICA, ARIAL;}
#search ol li.box{
padding:0;
color:#000000;
 border-left:none;
 list-style-type: none;
  width:180px;_width:160px;
  margin:0 0 0 5px;
  font-weight:bold;
  background:url(images/searchbox.gif) no-repeat;
  font: 12px VERDANA, HELVETICA, ARIAL; }
#search .go{ margin:5px 2px 0 0; border:0;padding:0; float:right}
form{ margin:0; padding:0}
#search .searchbox{
background: none;
 height:27px; /*we specify the the object dimensions like the image dimensions*/
 margin:0;
 overflow:hidden;
 padding: 5px 10px 0px 10px; /*without padding, the text will start from upper-left corner*/
 border: 0px none;
 float:left /*we do not need any border*/  
}
#search form{ margin:-35px 0 0 730px;>margin:0; float:right;>float:none}

/*--------------------------- left------------------- */
#left{width:200px;_width:195px;
		padding:0px;
		margin:2px 0 0 27px;_margin:2px 0 0 15px;
		 float:left; }
#left img{width:200px; margin-left:3px;}
.webnav {
		list-style:none;
		padding:0px;
		margin:5px;
		 float:left;
		  width:200px;_width:195px;	  
	}
.webnav li{
		border-top:1px solid black;
		width:100%;
		background:#f1f1f1;
		line-height:130%;}

.webnav li.catagory {padding-left:0;
		background:#0A682A url(images/greenbg.gif) repeat-x;
		width:200px;_width:195px; margin:0;}
.webnav li.catagory span{
		font: 12px VERDANA, HELVETICA, ARIAL;
		font-weight:bold;
		color:#FFF;
		padding:10px 0 10px 3px;}
.webnav li.catagory a:hover{color:#FFF;
		text-decoration:underline;}
.webnav li.model {
		background:#0A682A url(images/navbg.gif) repeat-x; margin:0;}
.webnav li.model a.a2{	text-decoration:none;
		padding:2px 0 6px 8px;font: 12px VERDANA, HELVETICA, ARIAL; font-weight:bold;}
.webnav li.model a:hover{
		text-decoration:underline;}
.webnav  li a{padding:2px 0 4px 15px;
		color:#333;
		text-decoration:none;font: 11px VERDANA, HELVETICA, ARIAL;		
	}
.webnav li a:hover 
	{
		color:#A90D08;
		text-decoration:underline;		
	}
	
/*--------------------------- right------------------- */
#right{width:200px; padding:0px 0 0 2px; margin:2px 29px 0 0; _margin:2px 4px 0 0; float:right; border-left:1px dashed #ccc;}	
#right img{text-align:center;}
.hotitem{border-top:1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2px 0 2px 0; 
	margin:2px;	
	 width:200px;_width:198px;	  
	}
.hotitem .bg{background-color: #A90D08;
	border-top: 0px solid #A90D08;
	border-bottom: 0px solid #A90D08; 

	 padding: 1px 0 1px 3px;
	font-weight: bold;
	font-size:12px;
	color:#FFFFFF;}
#hotitem{border-top:1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2px 0 2px 0; 
	margin:5px;	
	 width:200px;_width:195px;	  
	}
#hotitem .bg{background-color: #A90D08;
	border-top: 0px solid #A90D08;
	border-bottom: 0px solid #A90D08; 
	 padding: 1px 0 1px 3px;
	font-weight: bold;
	font-size:12px;
	color:#FFFFFF;}
.itemlist{list-style:circle inside; margin:5px; padding:0}
.itemlist li a{font-size:11px; text-decoration:none; color:#333;}
.itemlist li a:hover{color:#A90D08;}
.items{list-style:none; width:200px; margin:5px; float:right;}
.items li{padding:5px; margin:5px;_margin:5px 5px 5px 0; border-bottom:1px solid #CCCCCC ; float:left}
.items li img{border:0; float:left;}
.items li p{width:120px; margin:0 5px 0 5px; float:right;}
.items span{color:#FF0000; font-weight:bold; font-size:12px;width:120px; display:block;}
.items a{color:#333; text-decoration:none;font-size:10px;}

/*-----------------------center-----------------*/
#center{ margin:0;_margin-left:-12px;padding:0; width:540px;_width:520px;float:left}
#center .dir{margin:0 0 0 5px; padding:5px; font-size:11px;}
#center ul li{font-size:11px;}
#center .ex_link{list-style:none;}
#center .ex_link li{padding:4px 0; width:500px;}
.dir a{ color:#0A682A; text-decoration:underline}
.dir a:hover{ color:#A90D08}
.tab{ margin:10px 10px 0 10px;_margin-left:5px; padding:0; float:left;
	border-bottom: 2px solid #A90D08; 
	width:530px;_width:520px; }
.tab ul{ margin:0; padding:0
}
.tab ul li{ list-style:none; float:left; margin:0 5px 0 0;
border: 1px solid #A90D08;
width:30%;
	padding: 3px;
	text-align: center;
	font-size:12px;
	color:0000ff}
.tab ul li.tabon{
	background-color: #A90D08; 
	color: white; 
	border-bottom: 2px solid #A90D08; 
	font-weight: bold;}
.tab ul li.tabon a{color: white;
	text-decoration:none;}
.tab a{ text-decoration:none}
.tab a:hover{ color:#A90D08; text-decoration:underline}
 .tabco{ margin:1px 0 0 10px;_margin-left:5px;padding:0; overflow:hidden; float:left;
border-top: 1px solid #A90D08; font-size:11px; float:left; width:530px;_width:520px; }
.tabco li{margin:5px;float:left; width:30%;list-style:none}
.tabco li a{ color:#000;}
.tabco li a:hover{color:#A90D08}
.tabco a{ margin:0; padding:0}
#center p{font-size:11px; color:#000000;margin:5px 0 10px 10px;}
#manu{ margin:10px;_margin:5px; background:#f1f1f1;  float:left; width:520px; }
#manu ul{list-style:none;}
#manu span{ color:#000000;}
h1{ color:#A90D08; margin:0; padding:0; font-size:12px;}
#manu ul li{ margin:5px; width:33%; float:left;}
h2{ font-size:16px; font-weight:bold; text-align:center; margin:5px;}
.listimage{ list-style:none; float:left; font-size:11px; margin:0 0 0 5px; padding:0}
.listimage li{float:left; margin:5px; width:100px;_width:90px;}
.listimage a{ color:#000;}
.listimage a:hover 
	{
		color:#A90D08;
		text-decoration:underline;
		
	}
.listimage img{ border:0}
.instru{ margin:0 5px 0 5px; font-size:11px;}
.instru a{ color:#000;}
.instru a:hover 
	{
		color:#A90D08;
		text-decoration:underline;
		
	}
.bra{  float:right; margin:0 5px 0 0;_margin-right:0; padding:0}
.bra li{ font-size:10px;margin:0;>margin:-4px 0 -3px 0; padding:0;list-style:disc inside;}
.bra li a{color:#A90D08;
		text-decoration:underline; 
		}
.bra li a:hover{ text-decoration:none}
#feature{ margin:5px; padding:0; float:left; width:520px; overflow:hidden}
#feature ul{ list-style:none;}
#feature ul li{border-top: 1px solid #ccc;
 	width: 85%; float:left; padding:5px;}
#feature ul li p{ float:left; font-size:11px; width:500px;}	
#feature ul li .lileft{ float:left; margin:0; padding:0}	
#feature ul li a{color:#A90D08;text-decoration:underline; }
#feature ul li a:hover{ text-decoration:none}
#feature ul li ul{ margin:-130px 0 0 200px; padding:0; float:right; >width:300px;}
#feature ul li ul li.price{ color:#FF0000; font-size:13px; font-weight:bold; padding-left:50px; width:100px; display:block}
#feature ul li ul li{ font-size:10px; border:0; padding:0}
h3{ font-size:14px; margin:3px;}
.why{border-top:1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2px 0 2px 0; 
	margin:5px 0 5px 10px;_margin-left:3px;	
	 width:520px;
	 float:left;  
	}
.why .bg{background-color: #A90D08;
	border-top: 0px solid #A90D08;
	border-bottom: 0px solid #A90D08; 

	 padding: 1px 0 1px 3px;
	font-weight: bold;
	font-size:12px;
	color:#FFFFFF;}
	
.dis{border-top:1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2px 0 2px 0; 
	margin:5px 0 5px 10px;_margin-left:3px;	
	 width:520px;
	 float:left;  
	}
.dis .bg{background-color: #f1f1f1;
	border-top: 0px solid #f1f1f1;
	border-bottom: 0px solid #f1f1f1; 

	 padding: 1px 0 1px 3px;
	font-weight: bold;
	font-size:11px;}
.dis span{ float: right; font-weight: normal; padding: 0 3px 0 0;}
.disc{ margin:0;>margin:5px 0 5px 15px;list-style:none; float:left;}
.disc li{ float:left; font-size:11px; width:160px; margin:5px 2px 5px 2px;}
/*---------------bottom-------------*/
#foot{ margin:20px 0 5px 2px;_margin:20px 0 5px 0; padding:0; float:left; width:1000px}

#infolist{
	margin-left:25px;_margin-left:13px;
	width:953px; 
	background:#DECD87 url(images/beigebg.gif) repeat-x bottom; 
	height:30px;float:left;
	
}
#infolist ol {
	padding:0px;
	margin:0px;
  	float: left;
  	font-size:12px;
}

#infolist ol li {
  border-left:1px dashed #333;
  list-style-type: none;
  float: left;
  padding-left: 5px;
  margin-left: 5px;
}

#infolist ol li.first {
  border-left:0px dashed #333;
  list-style-type: none;
  float: left;
}


#infolist ol li a {
  color: #333;
  text-decoration: none;
  display: block;
  text-align: center;
  margin: 5px 10px;
}

#infolist ol li a:hover {
  color: #333;
  text-decoration: underline;
}
#infolist ol li.sea{border-left:none;
padding:0 0 0 75px;
 list-style-type: none;
  margin:5px 5px 0 60px;
  font-weight:bold;
  font: 12px VERDANA, HELVETICA, ARIAL;}
#infolist ol li.sebox{
padding:0;
color:#000000;
 border-left:none;
 list-style-type: none;
  margin:0 0 0 5px;
  font-weight:bold;
  font: 12px VERDANA, HELVETICA, ARIAL; }
#infolist .gos{ margin:5px 5px 0 0; border:0;padding:0; float:right}
#infolist .searchbox{
 background:url(images/searchbox.gif) no-repeat;
 height:27px; /*we specify the the object dimensions like the image dimensions*/
 margin:0 5px 0 0;
 width:150px;
 padding: 5px 10px 0px 10px; /*without padding, the text will start from upper-left corner*/
 border: 0px none; /*we do not need any border*/  
}
#foot .cent{ list-style:none; float:left;margin:0 0 5px 25px; padding:0}
.cent li{ float:left;
 }
.cent li.lase{text-align:left;
font-size:10px; 
font-weight:bold;
padding:10px 5px 0 10px;
width:350px;
}
#foot #copyright{
	margin:0 0 0 25px;_margin-left:13px; 
	width:953px; 
	background:#0A682A url(images/greenbg.gif) repeat-x bottom;
	height:25px; 
	padding:0px;
	 float:left;
}
#copyright p{ margin:0;padding:4px 10px 10px 0; 	
	color:#fff; 
	font-size:10px;
	font-weight:bold;
	 font-family:Verdana, Arial, Helvetica, sans-serif; float:right}
