/* CSS Document */
body{
	background:url(../images/body_bg.gif) 0 0 repeat-x #eaeaea;
}
a {text-decoration:none;}

#top2row{
	background:url(../jquery_dir/images/963x80_bg.gif) 0px 0px no-repeat #ffffff;
	}



div#index_body{
	width:960px;
	margin:0px auto;
	
}

#rollleft .tabtitle{
  float:left;
  margin:0 2px -2px 0;
  _margin-right:-1px;
  border:none;
  z-index:10;
}
#rollleft .tabtitle .tabbtn{
  display:block;
  border:0px solid #DDD;
  cursor:pointer;
  width:205px;
  height:37px;
  margin:-1px;
  background:url(../jquery_dir/images/tabbtn.gif) -1px -104px  no-repeat #eaeaea;
  padding-top:10px;
  
  
  
}
#rollleft .tabtitle .tabcur{
  border:0px solid #ddd;
  margin:0 -2px 2px 0;
  cursor:default;
  _position:relative;
  width:205px;
  height:37px;
  margin:-1px;
  background:url(../jquery_dir/images/tabbtn.gif) -1px -12px  no-repeat #eaeaea;
  padding-top:10px;
}
#rollleft .tabbody{
  border-width:0px;
  float:right;
  padding-bottom:15px;
  margin-top:-275px;
  _margin-top:0px;
}
#rollleft .tabcont{
  margin:5px;
  width:734px;
  min-height:300px; 
  _height:300px; 
  _overflow:visible;
} 


#rollleft .tabcont li{
  width:171px;
  height:200px;
  border:#FF0000 0px solid;
  float:left;
  margin:10px 5px 15px 5px;
  font: 12px/24px Arial, Helvetica, sans-serif;
  text-align:center;
  
}



#rollleft .tabcont li span.price1 {
	font-size: 48px;
	*font-size: 32px;
	 color: red;font-weight: bold; line-height:50px;
	background:url(../jquery_dir/images/rmb.gif) 0px 5px  no-repeat;
	padding-left:20px;
	*text-align:right;
	*float:left;
}

#rollleft .tabcont .produce_img  img{
margin:0px auto;
max-width:128px;
}
#rollleft .tabcont .produce_name{
 font-size: 14px; font-weight: bold; 
}
#rollleft .tabcont .produce_pire1{
 font-size: 12px; font-weight:normal; *width:135px;
}
#rollleft .tabcont .produce_pire2{
 font-size: 12px; font-weight:normal;
 width:60px;
 float:right;
 line-height:16px;
 text-align:left;
 margin-top:10px;
}
#rollleft .tabcont .produce_buy{
margin:5px auto;
width:80px;
*width:100px;
}

span.button a.blue span {
    /**width:120px;*/
	}

.contentcontainer {margin-bottom: 20px; margin-top:10px; color:#666;}
		
			.headings {padding: 0 20px; border: 1px solid #CACACA; text-shadow: 1px 1px 1px #fff; background: #EAEAEA url(../jquery_dir/images/bg_heading.png) repeat-x top; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; 	-moz-border-radius-topleft: 10px; letter-spacing: -1px; height: 45px; color:#666}
				.headings h2 {padding-top: 10px; font-size: 20px;}
			.contentbox {overflow: auto; border: 1px solid #fff; padding: 15px; background: #fff url(../jquery_dir/images/bg_fade_med.png) repeat-x top; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;overflow:hidden;}	
			.nopad {padding: 0;}
			.contentbox p {padding-bottom: 15px;}
			.contentbox a, #notificationsbox a {color: #666;}
			.contentbox a:hover, #notificationsbox a:hover {color: #333;}
			
			
input, textarea {font-family: Arial, Helvetica, sans-serif;}
	.inputbox {border: 1px solid #999; padding: 10px; width: 300px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; color: #666; background: url(../jquery_dir/images/bg_fade_sml.png) repeat-x top;}

.medleft{
float:left;
margin-left:10px;
}

#copyArea ul{
   list-style-type:disc;
   }
#copyArea li{
  float:left;
  list-style-type:disc;
  height:24px;
  padding:0 0 0 0px;
  margin-left:20px;
  font: 12px/24px Arial, Helvetica, sans-serif ;
  width:300px;
  }
#copyArea h3{
	padding:0px 0 6px 0;
	font: 18px/30px Arial, Helvetica, sans-serif bold;
	background:url(../images/getskype-win-skype-70.png) no-repeat left top;
	height:70px;
	padding-left:80px;
}

div.downloadButton_area{
margin:5px auto;
width:180px;
*width:200px;


}

div.innernotice {padding: 0px;width: 360px; height:250px; float: left; background: none; overflow:hidden;
font: 12px/24px Arial, Helvetica, sans-serif ;}
.kf_button 
{margin:5px 0px; float:left;}
#web_live_div{
width:220px;
float:left;
}

div.help_list{
	width:166px;
	float:left;
	border:0px  dashed #ccc;
	overflow:hidden;
	margin:0 5px;
   }

div.help_list li{
  float:left;
  list-style-type:disc;
  height:24px;
  padding:0 0 0 0px;
  margin-left:5px;
  font: 12px/24px Arial, Helvetica, sans-serif ;
  width:200px;
  list-style-type:none;
  }
div.help_list h2{
	padding:0px 0 6px 0;
	font: 14px/30px Arial, Helvetica, sans-serif;
	height:20px;
	font-weight:bold;
}

div.contentbox#member {
  height:260px; 
  width:261px;
  font: 12px/20px Arial, Helvetica, sans-serif ;
  padding-left:10px;
}

div.contentbox#member h4{
font: 16px/30px Arial, Helvetica, sans-serif;
font-weight:bold;
}
table.table3 td{
font: 12px/20px Arial, Helvetica, sans-serif ;
}
h1.product_buy{
font: 16px/30px Arial, Helvetica, sans-serif;
font-weight:bold;
}



/*2011.10.2 add*/
.kandyTabs h1{
margin-top:20px;
  
}
.kandyTabs ul li{
  width:171px;
  height:200px;
  float:left;
  margin:10px 5px 15px 5px;
  font: 12px/24px Arial, Helvetica, sans-serif;
  text-align:center;
  
}
div.produce_img  img{
margin:0px auto;
max-width:128px;
}

.kandyTabs {margin:0;padding:0px;border:1px solid #d5d5d5;background:#eaeaea;overflow:hidden;zoom:1;}
.kandyTabs ul{ width:730px; float:left;}


#rollleft .tabcont_tip{
float:left;
border:#000000 0px solid;
width:340px;
margin:0 10px;
}

#rollleft .tabcont_tip h2{
width:90%;
 font: 12px/24px Arial, Helvetica, sans-serif;
 border-bottom:#999999 1px dashed;
}
#rollleft .tabcont_tip ul{
width:300px;
margin-left:15px;
}

#rollleft .tabcont_tip li{
width:310px;
height:auto;
color:#666;
text-align:left;
list-style-type:decimal;
border:#000000 0px solid;
margin-bottom:0px;
}

#rollleft .tabcont_tip li span{
font-weight:bold;
}

#rollleft h1{
border-bottom:2px #CCCCCC solid;
width:960px;
float:left;}

#rollleft h1 span{
background:#CCCCCC;
padding:5px 5px 2px 10px;}



/* CountDown */

#offers{
width:724px;
height:180px;
float:left;
text-align:center;}
#offers h1{
color:#FF0000;
margin-top:5px;
margin-left:-100px;}
#offers h2{
color:#666666;
margin-top:5px;
font-size:12px;}

.countdown-box{height:131px;  margin:0 auto }
.countdown-box-con{height:131px;  margin:0 auto;}
.countdown-box-btn-bg{ overflow:hidden;zoom:1}
 
 
.distDateContainer {  height:131px;overflow: auto; width:450px; margin:0 auto;}
.distDateContainer .spiner.d0 {margin-left: 0px; display:inline; }
.distDateContainer .spiner.d1 {margin-right: 0px;display:inline; }
.distDateContainer .spiner.h0 {margin-left: 0px;display:inline}
.distDateContainer .spiner.h1 {margin-right: 0px;display:inline}
.distDateContainer .spiner.m1 {margin-right: 0px;display:inline}
.distDateContainer .spiner {float: left;overflow: hidden; width: 34px; height:60px; margin-top:20px;}
.distDateContainer .spiner_txt {float: left; width: auto; height:60px; margin:20px 5px 0px 5px; padding-top:40px;}
 
.distDateContainer .spiner .item{background: url(../jquery_dir/images/images_num.gif) no-repeat; width:34px; height:60px; text-indent:-999px}
.distDateContainer .spiner .item.num_0 { background-position:0 0;}
.distDateContainer .spiner .item.num_1 { background-position:-35px 0;}
.distDateContainer .spiner .item.num_2 {background-position:-72px 0;}
.distDateContainer .spiner .item.num_3 {background-position:-108px 0;}
.distDateContainer .spiner .item.num_4 {background-position:-145px 0;}
.distDateContainer .spiner .item.num_5 {background-position:-180px 0;}
.distDateContainer .spiner .item.num_6 {background-position:-217px 0;}
.distDateContainer .spiner .item.num_7 {background-position:-253px 0;}
.distDateContainer .spiner .item.num_8 {background-position:-289px 0;}
.distDateContainer .spiner .item.num_9 {background-position:-324px 0;}

/*2012.5.30 add*/
p.lftTxt {
width:360px;
line-height:26px;
}
p.lftTxt a{
color:#000000;
font-weight:bold;
}
p.lftTxt a:hover{
text-decoration:underline;
}


.grid_1,
.grid_2,
.grid_3 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

 .grid_3 {
	width: 780px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.post-date {
	padding:0px 0px;
	border:0px dotted #ccc;
	background:#FAFAFA;
	background-image:url(../images/post-date_bg.gif);
		width:76px;
	height:71px;
	margin-top:10px;
}
.post-date span {
	display:block;
	text-align:center;
}
.post-date span.month {
	text-transform: uppercase;
	color:#CCCCCC;
}
.post-date span.day {
padding-top:5px;
	font-size:36px;
}
.grid_1{
	font: 12px/24px Arial, Helvetica, sans-serif;
	
}
.grid_3 {
border-bottom:1px  dashed #ccc;
}
.grid_1 h2 a{
	padding:0px 0 6px 0;
	font: 14px/30px Arial, Helvetica, sans-serif;
	height:20px;
	font-weight:bold;
}
.grid_1 .entry-summary{
	padding:0px 0 6px 0;
	font: 12px/24px Arial, Helvetica, sans-serif;
	height:70px;
}

.grid_1 .entry-summary img{
display:none;
}

.grid_1 .entry-utility {
	text-align:right;
}

.grid_1 .entry-utility a{
	padding:0px 5px 6px 0;
	font: 12px/24px Arial, Helvetica, sans-serif;
	height:20px;
	font-weight:bold;
}