@charset "utf-8";
/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,img { margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,dl,dt,dd { font:normal 12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#454545;}
ul,ol { list-style:none;}
fieldset { border:none;}
img { border:none;}
table { border-collapse:collapse; border-spacing:0;}
table,tr,td{ font-size:11px;}
caption,th { text-align:left;}
a { color:#5e5e5e; text-decoration:none; blr:expression(this.onFocus=this.close()); blr:expression(this.onFocus=this.blur()); outline:none;}
a:hover { text-decoration:underline; color:#09c;}
dd { line-height:1.8em;}
ol { list-style-type:decimal; margin:0 0 0 38px;}
ol li { color:#676767;}
input[type=text]:focus{ outline:0;}
/* global */
body { background:#fff url(../images/bg-body.gif) repeat-x scroll 0 0;}
#main { width:1020px; overflow:hidden; margin:0 auto;}
/* header */
#header{ margin:0 auto;height:85px; width:1020px;}
.logo{float:left; width:381px; padding-top:10px;}
#header-txt{float:right; width:750px;}
/*Nav style*/
#nav{margin:0px; padding:0px; font-size:16px;}
#nav li{display:block; float:left; width:100px; height:85px;margin:0px; padding:0px;}
#nav li a{display:block; width:100px; height:51px; text-align:center; padding-top:34px;
	color:#000000; text-decoration:none;
	text-shadow:1px 1px 1px #f3f3f3; font-size:18px;}
#nav li a:hover{color:#f3f3f3; text-shadow:-1px -1px 1px #000000;}


/* crumb */
#crumb { background:transparent url(../images/bgs-3.png) no-repeat scroll -40px -18px; padding:0 0 0 22px; margin:12px 0 8px; font-size:11px; text-shadow:0 1px 0 #fff;}
#crumb a { text-decoration:none; font-size:11px; text-shadow:0 1px 0 #fff;}
#crumb h1 { display:inline; font-size:11px; color:#555; text-shadow:0 1px 0 #fff;}

/*main content */
   /*slider left*/
#slider-left{float:left; width:764px; height:100%;}
.left-top{background: url(../images/bgs-1.png) no-repeat scroll -10px -135px transparent;clear:both;font-size:0;height:18px;background-position:-11px -112px;}
.left-content{background:url(../images/bg-left-c.png) repeat-y; padding:12px 24px;}
.left-content h1{color:#007700;font-size:21px;margin-bottom:20px;text-shadow:0 1px 0 #EEEEEE;}

      .left-content h3{background:url(../images/arrow-categoryTitle.png) no-repeat scroll 0 2px transparent;border-bottom:2px solid #F99A3D;font-size:14px;font-weight:bold;height:20px;margin:15px 0;padding:0 0 3px;text-indent:22px;}
	  .left-content ul{ padding:10px;}
	  .left-content ul li{background: url(../images/yes.png) no-repeat scroll transparent;padding:0 0 15px 20px;}
	  
.left-bottom{background: url(../images/bgs-1.png) no-repeat scroll -10px -236px transparent;clear:both;font-size:0;height:22px;}

   /*slider right*/
.slider-right{float:right;margin:4px 8px 0 0;width:234px;}
.right-top{background:url(../images/bgs-1.png) no-repeat scroll -1px -40px transparent;color:#FFFFFF;font-size:13px;font-weight:bold;height:29px;line-height:30px;
padding:0 0 0 14px;text-shadow:1px 1px 1px #555555;}
.right-content{background:none repeat scroll 0 0 #FFFFFF;border-left:1px solid #AEAEAE;border-right:1px solid #AEAEAE;margin-right:1px;}
		.right-content ul{padding:12px; margin:0px;}
		.right-content ul li{background: url(../images/bgs-3.png) no-repeat scroll -47px -68px transparent;padding-left:12px; padding-bottom:10px;}
		.right-content ul li a {color:#555555;font-size:12px;text-decoration:underline;}
		.right-content ul li a:hover { text-decoration:underline; color:#09c;}

.right-bottom{background:url(../images/bgs-1.png) no-repeat scroll -1px -105px transparent;clear:both;font-size:0;height:7px;}



/*block style*/

.block{margin-top:25px; height:100%;}
.block-left{background:url(../images/block-left.png) no-repeat scroll left top transparent;float:left;height:336px;width:5px;}
.block-main{background: url(../images/block-content.png)repeat-x scroll 0 0 transparent;float:left;padding:15px 10px;width:95%;}
  .block-main p{padding:0 0 0 30px;width:70%;}
   .icon-1{ background:url(../images/ico1.gif) no-repeat;}
   .icon-2{background:url(../images/ico2.gif) no-repeat;}
   .icon-3{background:url(../images/ico3.gif) no-repeat;}
   
.block-right{background:url(../images/block-right.png) no-repeat scroll right top transparent;float:left;height:336px;width:5px;}

/*footer*/
#footer{
background:none repeat scroll 0 0 #222222;border-top:2px solid #000000;clear:both;margin:26px 0 0;padding:10px 0;width:100%;text-align:center; color:#645E5E;}

#footer a{ color:#645E5E;font-size:12px;}
#footer a:hover { text-decoration:underline; color:white;}

/*clear layout*/
.clear{ clear:both; height:0px;}
.red-big{font-size:35px; color:#F30; padding:0 0 0 15px;}
.yellow48{font-size:48.49px; line-height:35px; color:#ffc600; display:block; padding:9px 0 0 8px; font-family:Arial; float:left; }
.red{ color:#CC0000;}

/*button style*/
.bt-buyNow{ font-size:14px; font-weight:bold; background:url(../images/icon-buyNow.png) no-repeat; padding-left:25px; text-decoration:underline;}
.bt-downlaod { font-size:14px; font-weight:bold; background:url(../images/icon-downlaod.png) 0px 2px no-repeat; padding-left:22px; text-decoration:underline; }


a.m_buy {
background-image:url("../images/m-buy.gif");
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:60px;
margin:0;
padding:0;
width:300px;
}
a.m_buy:hover {
background-image:url("../images/m-buy.gif");
background-position:0 -60px;
background-repeat:no-repeat;
}

a.m_dow {
background-image:url("../images/dow.gif");
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:61px;
margin:0;
padding:0;
width:300px;
}
a.m_dow:hover {
background-image:url("../images/dow.gif");
background-position:0 -61px;
background-repeat:no-repeat;
display:block;
margin:0;
padding:0;
}
