@import "reset.css";

@import "inside.css";

.product-detail{

	clear:both;

	background:url(../img/bg-product-detail.jpg) top left no-repeat #fff;

	margin:0px 0px 10px 0px;

	padding:10px 20px 10px 10px;

	border-bottom:1px solid #9f9f9f;

	min-height:186px;

}



.product-detail h3{

	font-weight:normal;

	margin:0px 0px 10px 0px;

}



.product-detail p{

	line-height:21px;

}



.product-detail .more{

	text-align:right;

} 



.product-detail img{

	border:1px solid #555;

	margin:0px 10px 10px 0px;

}



.product-detail .more a{

	font-size:12px;

	color:#ea0202;

}



.product-detail .more a:hover{

	text-decoration:underline;

}

body{ 

	margin:0; 

	padding:0;

	background:url(../img/bg.jpg) center top repeat-x #fbfbfb;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#4c4c4c;

} 

 

.left{

	float:left;

}



.right{

	float:right;

}



#pagewidth{ 

	width:780px; 

	text-align:left;  

	margin-left:auto; 

	margin-right:auto;  

} 

 

#header{

	position:relative; 

	width:100%;

	height:88px;

}



#header #logo{

	float:left;

}



#header #container-right{

	float:right;

	background:url(../img/bg-link.jpg) top left no-repeat;

	width:501px;

}



#header #container-right #nav ul{

	margin:26px 0px 0px 34px;

	padding:6px 0px 0px 0px;

}



#header #container-right #nav li{

	list-style:none;

	float:left;

	font-size:10px;

	font-weight:550;

	font-stretch:wider;

	margin:0px 20px 0px 0px;

}



#header #container-right #nav .no-margin{

	margin:0px 0px 0px 0px;

}



#header #container-right #nav #tab1 {

	background-image:url(../img/tab-01-hover.jpg);

	height:16px;

	width:37px;

}



#header #container-right #nav #tab2 {

	background-image:url(../img/tab-02-hover.jpg);

	height:16px;

	width:57px;                   

}



#header #container-right #nav #tab3 {

	background-image:url(../img/tab-03-hover.jpg);    

	height:16px;

	width:51px;

}



#header #container-right #nav #tab4 {

	background-image:url(../img/tab-04-hover.jpg);

	height:16px;

	width:80px;

}



#header #container-right #nav #tab5 {

	background-image:url(../img/tab-05-hover.jpg);

	height:16px;

	width:86px;

}



#header #container-right #nav #tab6 {

	background-image:url(../img/tab-06-hover.jpg);

	height:16px;

	width:73px;

}



#header #container-right #nav .rollover { display: block;color:#000000; } /* Allow setting widths and heights  */



#header #container-right #nav .rollover:hover{color:#363636; font-weight:500; }



#header #container-right #nav .rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */

#header #container-right #nav .rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */

#header #container-right #nav .rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

 

#header #container-right #baseline{

	padding:3px 0px 0px 0px;

	clear:both;

	text-align:center;

	width:500px;

}



/* ----------------------------------- header style end ------------------------------------ */



#flash{

	position: relative; 

	width:780px;

	margin:0px 0px 0px 0px;

}



/* ----------------------------------- flash style end ------------------------------------ */



#product-nav{

	position: relative; 

	width:780px;

	background:url(../img/bg-product-nav1.jpg) left top no-repeat;

	height:42px;

	z-index:500;

}



#product-nav ul{

	padding:10px 0px 0px 31px;

}



#product-nav li{

	float:left;

	list-style:none;

	background:url(../img/product-seprator.jpg) right top no-repeat;

	padding:4px 20px 4px 0px;

	margin:0px 20px 0px 0px;

}



#product-nav .no-bg{

	background:none;

}

#product-nav li a{

	display:block;

	padding:0px 0px 0px 10px;

	background:url(../img/arrow-product.jpg) left 5px no-repeat;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#454545;

}



#product-nav li a:hover{

	text-decoration:underline;

	color:#232323;

}



/* ----------------------------------- Product nav style end ------------------------------------ */



#wrapper{

	background:#ffffff;

	padding:15px 0px 0px 0px;

}



/* ----------------------------------- wrapper style end ------------------------------------ */



#leftcol{

	width:255px; 

	float:left; 

	position:relative;

	margin:14px 0px 0px 0px;

	padding:0px 0px 0px 0px;

}



#leftcol ul{

	margin:0px 0px 0px 0px;

}



#leftcol li{

	float:left;

	list-style:none;

	background:url(../img/bg-tab.jpg) left top no-repeat;

	width:89px;

	padding:5px 0px 5px 5px;

}



#leftcol li a{

	background:url(../img/bullet-up.jpg) left 4px no-repeat;

	font-size:15px;

	color:#3a3a3a;

	padding:0px 0px 0px 20px;

}



#leftcol li .active{

	background:url(../img/bullet-down.jpg) 3px top no-repeat;

}



#leftcol .on{

	background:url(../img/bg-tab-active.jpg) left top no-repeat;

}



#leftcol #container-1{

	clear:both;

	background:url(../img/bg-news.jpg) top left no-repeat;

	height:194px;

	width:239px;

	padding:5px;

}



#leftcol #container-1 ol{

	width:225px;

	margin:10px 0px 0px 5px;

}



#leftcol #container-1 ol li{

	list-style:none;

	background:url(../img/arrow-product.jpg) left 4px no-repeat;

	padding:0 0 5px 10px;

	margin:0px 0px 5px 0px;

	width:225px;

}



#leftcol #container-1 ol li a{

	display:block;

	font-size:11px;

	background:none;

	padding:0;

}



#leftcol #container-1 ol li a:hover{

	color:#424242;

	text-decoration:underline;

}



#leftcol #container-1 .more{

	margin:0px 10px 0px 0px;

	text-align:right;

}



#leftcol #container-1 .more a{

	color:#353535;

}



#leftcol #container-1 .more a:hover{

	color:#535353;

	text-decoration:underline;

}



/* ----------------------------------- Left style end ------------------------------------ */



#twocols{

	width:525px; 

	float:right; 

	position:relative; 

	background:#ffffff;

}

 

#rightcol{

	width:180px; 

	float:right; 

	position:relative; 
	top:-34px;

}



#maincol{

	background:url(../img/bg-hot-seller.jpg) left top no-repeat;  

	float: left; 

	display:inline;

	position: relative;

	padding:0px 0px 15px 3px;

	width:341px;

	text-align:center;

}



#maincol img{

	margin:57px 0px 0px 3px;

}



/* ----------------------------------- twocols style end ------------------------------------ */



#container{

	position:relative; 

	clear:both;

	width:774px;

	padding:5px 3px 5px 3px;

	background:#ffffff;

}



#container #subscribe{

	float:left;

	background:url(../img/bg-newsletter.jpg) left top no-repeat;	

	padding:10px 0px 0px 10px;

	width:307px;

	height:110px;

}



#container h3{

	padding:0px 0px 0px 25px;

	font-size:16px;

	font-weight:normal;

	background:url(../img/bullet-up.gif) left 1px no-repeat;

}



#container #subscribe form{

	padding:20px 10px 10px 0px;

}



#container #subscribe form li{

	float:left;

	list-style:none;

	margin:0px 7px 0px 0px;

}



#container #subscribe form .inputType{

	border:1px solid #797979;

	height:20px;

	font-size:13px;

	width:200px;

}



#container #subscribe form .button{

	background:url(../img/bg-btn.jpg) left top repeat-x;

	border:1px solid #9e9e9f;

	font-size:13px;

	height:25px;

	width:66px;

}



#container #trivia{

	float:right;

	padding:10px 0px 0px 10px;

	width:426px;

	text-align:right;

}





/* ----------------------------------- Container style end ------------------------------------ */



#dealer{	

	position:relative; 

	clear:both;

	width:772px;

	padding:5px 0px 5px 0px;

	margin:0px 0px 10px 3px;

	background:url(../img/bg-we-are-dealer-of-top.jpg) left top no-repeat;

	height:177px;

}



#dealer h3{

	margin:0px 0px 0px 15px;

	padding:10px 0px 7px 25px;

	font-size:16px;

	font-weight:normal;

	background:url(../img/bullet-up.gif) left 10px no-repeat;

}



#dealer .body{

	clear:both;

	margin:12px 0px 0px 0px;

	padding:0px 0px 0px 0px;

/*	background:url(../images/bg-we-are-dealer-of-bottom.jpg) center bottom no-repeat #ccc;*/

	background:#f9f9f9;

	border-left:2px solid #dfdfdf;

	border-right:2px solid #dfdfdf;

	height:180px;

}



#dealer ul{

	margin:0px 0px 10px 15px;

}





#dealer li{

	list-style:none;

	float:left;

	margin:0px 3px 10px 0px;

	vertical-align:middle;

}



#dealer .bottom{

	clear:both;

	float:left;

	margin:-10px 0px 5px 0px;

	background:url(../img/bg-we-are-dealer-of-bottom.jpg) left top no-repeat;

	height:17px;

	width:100%;

}



/* ----------------------------------- Container 2 style end ------------------------------------ */

 

#footer{

	height:51px;

	padding:14px 0px 0px 0px;

	background:url(../img/bg-footer.jpg) left top no-repeat; 

	clear:both;

	text-align:center;

	font-size:11px;

} 

 



/* *** Float containers fix: *** */ 

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  



 /*printer styles*/ 

 @media print{ 

	/*hide the left column when printing*/ 

	#leftcol{display:none;} 



	/*hide the right column when printing*/ 

	#rightcol{display:none;} 

	#twocols, #maincol{width:100%; float:none;}

}