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

/* -----------------for all sub pages-------------------*/
.centermaincontent{ 
	width:820px;/*each side have 30px blank 900-60 = 840*/
	float:left;
	margin-left:20px;
}

.leftmaincontent{/*two border for centermaincontent*/
	width:30px;
	float:left;
	background-image:url(../images/left_shad_bg_filler.gif);
	background-repeat:repeat-y;
}
.rightmaincontent{
	width:30px;
	float:left;
	background-image:url(../images/right_shad_bg_filler.gif);
	background-repeat:repeat-y;
}

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


.main_textdiv{
	padding:10px 5px 5px 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	line-height: 4mm;
}

.main_prjdisp{
 margin-left:25px;
 margin-top:5px;
 }
 
.main_news {
	font-size: 10px;
	font-style: normal;
	color: #666666;
	list-style-type: none;
	margin-left: 15px;
	line-height: 20px;
	margin-right: 10px;
	width:450px;
}

/*---------------------- for retailer and distributor --------------------*/

.dltable{
	border-top: 1px solid #FF9933;
	border-left: 1px solid #FF9933;
	color: #666666;
}

.dltable td{
	border-right: 1px solid #FF9933;
	border-bottom: 1px solid #FF9933;
	text-align:left;
}

.lefttd{
	border-top: 0px solid #f1f1f1;
	border-right: 1px solid #9BCC57;
	border-bottom: 1px solid #9BCC57;
	border-left: 0px solid #f1f1f1;
	padding-left:35px;
}

.righttd{
	border-top: 0px solid #f1f1f1;
	border-right: 1px solid #9BCC57;
	border-bottom: 1px solid #9BCC57;
	border-left: 0px solid #f1f1f1;
}

.lefttd:hover{
	background-color:#FFCC33;
}


.closewin{
    background:#9BCC57;
	border:0;
	font-size:13px;
	color:#fff;
	width:155px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.shopbutton{
	background:#999999;
	border:0;
	font-size:9px;
	color:#fff;
	width:105px;
	font-weight: bold;
	height:15px;
	margin-top:6px;
	vertical-align:middle;
}
.searchsel{
  background-color: #efefef;
  border:0px;
  font-size:12px;
  color:#333;
  width:200px;
  border: 1px solid  #FF9933;

}

.regmaindiv {
	width:655px;
	margin-left:15px;
	margin-top:50px;
}
.regsubdiv {
	width:175px;
	background-color: #fff;
	float:left;
	height:90px;
	text-align:center;
	margin-bottom:8px;
	margin-right:40px;
	color:#0000FF;
	font-size:11px;
}

.newhr{
	background-color: #CCCCCC;/*#FF9900; #9BCC57*/
	#color:#CCCCCC; 
	height:1px; 
	border:0;
	width:100%;
	margin-left:0px;
}



.fortext{
	font-size: 11px;
	color: #666666;
	line-height: 25px;
}

.searchtable{
	margin-left:2px;
	color: #333;
	margin-top:20px;
}
.listcontainer{
	width:100%;
	float:left;
}

/* ------------------ */
.reviewhead{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	height:22px;
	width:160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66cc33;	
}

.tdline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66cc33;
}

.revtitle{
	font-weight:bold;
	font-size:11px;
}

.seeall{
	background-image:url(/images/button.gif);
	width:112px;
	height:16px;
	background-repeat: no-repeat;
}
.seeall:hover{
	border: 1px dotted #cccccc;
	cursor: hand;	
}
.seealltext{
margin-left:25px;
padding-top:15px;
color:#666666;
}
.seealltext:hover{
color:#ff6600;
}

.shopcfdiv{
background-image:url(/images/retshopbutton.gif);
width:135px;
height:20px;
float:left;
}

.shopcfdiv:hover{
background-image:url(/images/retshopbutton_hover.gif);
width:135px;
height:20px;
cursor:hand;
}


/*distributor page*/
.jumpMenu{
	background-color:#efefef;
	border:1px solid #FF9933;
	font-size:12px;
	width:260px;
}

/*retail page,each subpage main text*/

.retailertext{
float:left;
width:775px;
margin-top:10px;
padding:10px 0px 10px 10px;
border-bottom:2px solid #efefef;
margin-left:5px;

}

.subtext{
float:left;
width:775px;
margin-top:10px;
padding:10px 0px 10px 10px;
margin-left:5px;
}

.searchpart{
float:left;
width:760px;
margin-left:20px;
margin-top:5px;
margin-bottom:30px;
}

/***** in the news ***********/
.newslogo {
	margin-right: 10px;
	margin-left: 35px;
	float: left;
}

.dottedline3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-top: 6px;
	margin-bottom: 8px;
	margin-right: 26px;
	margin-left: 26px;	
}

.newscontent {
	font-size: 12px;
	color: #666666;
	margin-top: 11px;
	margin-right: 45px;
	margin-bottom: 5px;
	margin-left: 165px;
	line-height: 19px;
}

/* company */
.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1264A0;
	margin-left: 35px;
}
.dottedlineshort {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-bottom: 4px;
	margin-right: 15px;
	margin-left: 5px;
}
.leftimageindent {
	margin-right: 15px;
	margin-left: 5px;
	float: left;
}


/** policy **/
.heading2 {
	font-size: 12px;
	line-height: 20pt;
	font-weight: bold;
}
.bulletsmain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	list-style-position: outside;
	margin-left: -10px;
	line-height: 16px;
	margin-right: 25px;
}

.bulletsmain li{
margin-left:15px;

}

.bulletsmain1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	list-style-position: outside;
	margin-left: 20px;
	line-height: 16px;
	margin-right: 25px;
}

.maintitle{
font-size:20px;
color: #ff6633;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-left:0px;
}
.maintitle:visited{
color:#ff6633;
}


/*----------------------- produtct page ---------------------*/

.productlist{
margin-left:5px;
margin-top:20px;
}
.productlist td{
border-top:#efefef solid 1px;
height:220px;
vertical-align:center;

}

.prorighttd{
background-image:url(../images/product/prolist_bg.gif);
background-repeat:repeat-x;
padding-left:15px;
vertical-align:top;
#padding-top:15px;
}

.learnmore{
	float:right; 
	margin-right:35px; 
	font-size:12px;
	padding:4px;
	color:#666;
	margin-top:-35px;
	font-weight:bold;
	border:#666666 solid 1px;

}
.learnmore:visited{
	color:#666;
}

.learnmore:hover{
	color: #ff6600;	
}


.secAstyle{ /*second style of A, orange->black->orange*/
	color: #ff6600;	
}

.secAstyle:visited{
	color: #ff6600;	
}
.secAstyle:hover{
  color:#000;
  text-decoration:none;
}

.thiAstyle{ /*third style of A, black->orange->black*/
	color:#000;	
}

.thiAstyle:visited{
	color:#000;	
}
.thiAstyle:hover{
  color:#ff6600;
  text-decoration:none;
}


.fourAstyle{ /*fourth style of A, black->white->black*/
	color:#000;	
}

.fourAstyle:visited{
	color:#000;	
}
.fourAstyle:hover{
  color:#fff;
  text-decoration:none;
}

.supporttbl{
  border-top:#CCCCCC solid 1px;;
  border-left:#CCCCCC solid 1px;
}

.supporttbl td{
  border-right:#CCCCCC solid 1px;;
}
.tdbottom{
  border-bottom:#CCCCCC solid 1px;;
  text-align:center;
}
.supporttbl a:hover{
  text-decoration:none;
}

.getmore{
  font-size:11px;
}


/* for the big bold text and orange bold text*/

.boldtext{
font-size:15px;
font-weight:bold;
color: #333333;
}
.boldtext_orange{
font-size:15px;
font-weight:bold;
color:#ff6600;
}


.textunderline{
text-decoration:underline;
}

/* qsg1 and qsg3 for support page, guickstart guide. get from cf.css. cut the link of cf.css from qsg.html*/
.qsg1 {color: #000000;
	font-weight: bold; 
	margin-top: 11px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 0px;}

.qsg3 { 
	font-size: 11px;
	color: #666666;
	margin-top: 11px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 17px;
}

/* ----------------------events---------------------------- */
.eventcontent
{
	font-size: 12px;
	color: #666666;
	margin-top: 11px;
	margin-bottom: 5px;
	margin-left: 300px;
	line-height: 19px;
}

.supportarrow
{
 font-size:9px;

}