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

html{ background: url(images/bg.jpg) repeat; }
body{ margin:0; padding:0; background:url(images/top_bg.jpg) repeat-x;  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#333;}

div,h1,h2,h3,h4{ margin:0; padding:0;}

h2{ text-transform:uppercase; font-size:16px; color:#6A800C;}
h3{ font-size:16px; color:#6A7F0C}
h4{ font-family:"Century Gothic"; font-size:14px; color:#086eb0;}

input{ width:120px;}
select{ width:120px;}

a:link,a:active,a:visited{ text-decoration:none; color:#F60;}
a:hover{ color:#F00;}

.clear{ clear:both;}
.floatcontainer:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .floatcontainer{display: inline-block;} /* Hides from IE Mac \*/ * html .floatcontainer {height: 1%;} .floatcontainer{display:block;} /* End Hack */ 
.error{ text-align:center; color:#C00;}


#wrapper{ width:998px; margin:0 auto; background:#fff;}


 .header
{
	height:186px; 
}
.header_link
{
	color:#333; 
	font-family:verdana,arial; 
	font-size:10px; 
	text-decoration:none;
	padding:0px 2px;
}
#topMenu
{
	float:right; 
	padding-right:10px;
	margin-top:1em;
	margin-right:20px;
	font-size:10px;
	}
	#topMenu a{color:#333; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-decoration:none;}
	#topMenu a:hover{color:#666;}
	



#no{ display:none; }
#no p{ padding:10px; }

#header h1{ background:url(images/logo.jpg) no-repeat 10px -30px; text-indent:-9999px; position:relative; top:10px;}
#header h1 a {
display:block;
height:150px;
text-decoration:none;
width:360px;
}

#menu{ background:url(images/menu_bg.jpg) repeat-x #C00; text-align:center; }
#menu ul{ margin:0; padding:0;}
#menu li{ display:inline;  padding:0 10px; border-right:1px solid #941410;}
#menu li a{ text-decoration:none; color:#FFF; font-size:12px; line-height:33px;}
#menu li a:hover{ color:#000; ;}


#search{ background:url(images/search_bg.jpg) repeat-x #F90; text-align:left; }
#search ul{ margin:0; padding:0;}
#search li{ display:inline;  padding:0 10px; border-right:1px solid #333;}
#search li a{ text-decoration:none; color:#333; font-size:12px; line-height:33px;}
#search li a:hover{ color:#000; }


#bodyLeft{ float:left; width:250px;}
#bodyRight{ margin-left:260px; font-size:12px; line-height:20px; padding:10px;}

#category{ margin:0; background:#fff; color:#A01010; padding:5px 10px; }
#category h2{ background:url(images/category_bg.jpg) no-repeat; width:243px; height:46px; padding-left:20px; padding-top:8px;}

#category ul{ margin:-10px 0 0 0; padding:0; width:239px; border-left:2px solid #e8f0bd; border-right:2px solid #e8f0bd;}
#category li{ list-style:none; text-indent:20px; border-bottom:1px dotted #999;}
#category li a{  padding:5px; text-decoration:none; color:#A01010; display:block;}
#category li a:hover{ background:#E3E3E3;}


#footer{ position:relative;  text-align:center; background:url(images/footer_bg.png) no-repeat top center;  background-color:none; padding:10px;}
#footer p{ position:relative; top:-10px; color:#FFF;}
#footer a{ text-decoration:none; color:#000;}
#footer a:hover{ color:#FFF;}



#slider {
	
    width: 687px; /* important to be same as image width */
    height: 317px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background:url(images/banner_right_shadow.png) no-repeat;
	z-index:1000;
	margin-left:0px;
	
	padding:12px 0 0 7px;  
}
#sliderContent {
    width: 687px; /* important to be same as image width or wider */
    position: absolute;
	
	margin-left:-40px;
	top:-20px;
	*top:28px;
	left:0px;
	*left:60px;
	
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 100px 13px 10px 13px;
    width: 660px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*---------*/

#feature{ background:url(images/feature_bg.png) no-repeat; overflow:auto; text-align:center;  }
#feature h3{ padding-left:30px; padding-top:8px; text-align:left;}
.prodImage{ padding:10px; background:#fff; border:1px solid #CCC; height:140px; width:100px; }
#feature div{ float:left; margin:10px; }
#feature p{ text-align:center;}


#searchProduct{ width:260px; float:right; line-height:35px;}
#loginMenu{ margin-right:270px;}