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

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
	color:#333333;
	background-image:url(../images/bg_grey.jpg);
	background-repeat: repeat;
}
a {
	text-decoration: none;
	color: #333333;
}

A:visited {
	color: #333333; 
	text-decoration: none;
}

A:hover {
	color:#FF9900;
	text-decoration:underline;
}

img{
border:0px;
}

.page{
margin-left:auto;
margin-right:auto;
width:900px;
background-color:#fff;
}

.header{
	width:100%;
	background-image:url(/images/index/top_bg.jpg);
	float:left;
	height:88px;
	background-repeat: repeat-x;
}

.logo{
	float:left;
	width:233px;
	height:80px;
	margin-left:7px;
}

/* ------------- righttop -----------------------*/
.righttop{
	float:right;
	padding:5px;
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
	margin-top:3px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:330px;
	height:41px;
}
.righttop a{
	color:#FFFFFF;
}
.righttop a:visited{
	color:#FFFFFF;
}

.rtmenu1{
	float:left;
	background-image:url(/images/index/rt_off_buy.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:10px;
	height:35px;
	margin-right:14px;
	cursor:hand;
	width:78px;
	padding-top:10px;
	margin-top:11px;
}
.rtmenu1:hover{
	background-image:url(/images/index/rt_on_buy.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: underline;
}


.rtmenu2{
	float:left;
	background-image:url(/images/index/rt_off_retailer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:18px;
	height:24px;
	margin-right:14px;
	cursor:hand;
	width:88px;
	margin-top:17px;
	padding-top:3px;
	/*border:#FFFFFF solid 1px;*/
}
.rtmenu2:hover{
	background-image:url(/images/index/rt_on_retailer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: underline;
}


.rtmenu3{
	float:left;
	background-image:url(/images/index/rt_off_contact.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:19px;
	height:24px;
	margin-right:2px;
	cursor:hand;
	width:70px;
	margin-top:17px;
	padding-top:2px;

}

.rtmenu3:hover{
	background-image:url(/images/index/rt_on_contact.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: underline;

}


.rightbottom{
	float:right;
	color:#ffffff;
	font-size:12px;
	text-align:right;
	margin-top:58px;
	margin-right:-327px;
	width:360px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*border:#FFFFFF dashed 1px;*/
}

.rightbottom a{
cursor:hand;
text-decoration:none;
color:#FFFFFF;
}
.rightbottom a:hover{
cursor:hand;
text-decoration: underline;
}
/* --------------  main menu ------------------------*/
.mainmenu{
	width:100%;
	float:left;
	background-image:url(/images/index/bar_bg.gif);
	background-repeat:repeat-x;
	height:31px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}

.menu{
	float:right;
	font-size:11px;
	height:26px;
	text-align:center;
	vertical-align:middle;
	margin-right:0px;
	padding-top:5px;
	cursor:hand;
}

.menudeal{
	background-image:url(/images/index/hotdealsicon2.gif);
	width:108px;
}
.menudeal:hover{
	background-image:url(/images/index/hotdealsicon2.gif);
}
.menu0{
	background-image:url(/images/index/home_off.jpg);
	width:95px;
}
.menu0:hover{
	background-image:url(/images/index/home_on.jpg);
}
.menu1{
	background-image:url(/images/index/product_off.jpg);
	width:95px;
}
.menu1a,.menu1:hover{
	background-image:url(/images/index/product_on.jpg);
}
.menu2{
	background-image:url(/images/index/shop_off.jpg);
	width:95px;
}
.menu2a,.menu2:hover{
	background-image:url(/images/index/shop_on.jpg);
}
.menu3{
	background-image:url(/images/index/support_off.jpg);
	width:95px;
}
.menu3a,.menu3:hover{
	background-image:url(/images/index/support_on.jpg);
}
.menu4{
	background-image:url(/images/index/press_off.jpg);
	width:95px;
}
.menu4a,.menu4:hover{
	background-image:url(/images/index/press_on.jpg);
}

.menu5{
	background-image:url(/images/index/partners_off.jpg);
	width:95px;
}
.menu5a,.menu5:hover{
	background-image:url(/images/index/partners_on.jpg);
}


.leftmenu{
	margin-left:10px;
}

/* ------------------ drop down menu -------------- */
.submenu{
	margin-top:30px;
	z-index: 2;
	width:160px;
	height:65px;
	position:absolute;
	visibility: hidden;
	padding-top:5px;
	background-color:#000;
	filter: Alpha(Opacity=70);
	-moz-opacity:.7;    
    opacity:0.7;
	border: #ff6633 solid 2px; /*#006600 */
	}

.submenutext{
	z-index:3;
	margin-top:40px;
	position:absolute;
	text-align:right;
	visibility: hidden;
	/*width:138px;/* black*/
	width:145px;
	/*border: #000 solid 4px;/* black*/

}
.submenutext hr{
	#color: #999; /*For IE*/
	background-color: #999; /*for non-IE; Firefox,Opera and Safari do not support color*/
	height: 1px;
	border: 0; /*for non-IE; IE dosen't have border*/
}

.submenutext a{
	color:#fff;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

.submenutext a:visited{
	color: #fff;
	text-decoration:none;
}
.submenutext a:hover{
	color: #FF9900;
	text-decoration:none;
}

.submenu1{/*product*/
	margin-left:324px;
	#margin-left:228px;
	height:205px;
	width:192px;

}
.submenutext1{ 
	margin-top:40px;
	position:absolute;
	margin-left:332px;
	#margin-left:238px;
	width:180px;
}

.submenu2{/*shop*/
	margin-left:422px;
	#margin-left:328px;
	height:145px;
	width:190px;
}

.submenutext2{ 
	margin-top:40px;
	position:absolute;
	margin-left:435px;
	#margin-left:338px;
	width:172px;

}

.submenu3{/*support*/
	margin-left:548px;
	#margin-left:448px;
	height:55px;
}

.submenutext3{ 
	margin-top:40px;
	position:absolute;
	margin-left:561px;
	#margin-left:458px;
}

.submenu4{ /* press */
	/*margin-left:746px;/*black*/
	margin-left:642px;
	#margin-left:548px;
	height:145px;

}
.submenutext4{
	margin-top:40px;
	/*margin-top:30px;*/ 
	position:absolute;
	margin-left:656px;
	#margin-left:558px;

	/*margin-left:744px;/*black*/
	/*height:62px;/*black*/
	/*padding:5px;/*black*/
}



.submenu5{ /* partner */
	/*margin-left:746px;/*black*/
	margin-left:736px;
	#margin-left:638px;
	height:158px;

}
.submenutext5{
	margin-top:40px;
	position:absolute;
	margin-left:750px;
	#margin-left:648px;
}

.indexbanner{ /*only for index page main banner*/
	width:898px;
	float:left;
	border-bottom:#ebebeb solid 1px;
	/*background-image: url(../images/index/top_home.gif);*/
	height:252px;
	/*margin-top:-1px;*/
}

.bannertext{ /* for index main banner text */
	margin-left:50px;
	margin-top:20px;
	width:520px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	/*background-color:#fff;
	filter: Alpha(Opacity=60);
	-moz-opacity:.6;    
	opacity:0.6;
	padding:5px;
	height:173px;*/
}

.indextext{
width:490px;
/*color:#000000;
background-color:#FFFFFF;*/
}
.texttittle{/* for index main banner text tittle*/
font-size:26px;
color:#ff6633;/*#333*/
font-family:Helvetica, sans-serif;
}


.texttittle1{
font-size:26px;
color:#333;
font-family:Helvetica, sans-serif;
}

.toastimg{
z-index:3;
margin-top:314px;
#margin-top:-1003px;
margin-left:520px;
#margin-left:-386px;
position:absolute;

}


.mainbanner{ /*for all other sub page*/
	background-color:#fff;
	width:900px;
	float:left;
	border-bottom:#cccccc solid 1px;
}


.roundline{
height:1px;
overflow:hidden;
border-left:1px #66cc33 solid;
border-right:1px #66cc33 solid;
float:left;
}


.maincontent{
	width:900px;
	float:left;
	background-color:#ffffff;
	height:100%;
	text-align:left;
}

/* only index page have two column. careful! it is a 'absolute' here */
/* ----------------- left content for homepage, now is right part -----------------------*/

.leftcontent
{
	width:660px;
	/*margin-left:211px;*/
	float:left;
	margin-left:20px;
	/*z-index:4;
	position:absolute;*/
}

.whatnew{
float:left;
width:660px;
margin-top:15px;
/*border-bottom: #efefef solid 1px;*/
padding-bottom: 0px;
#padding-bottom: 15px;
}

/*.whatnew img:hover{
	border: 1px solid #ff6633;
}*/


.whatnewright{
float:left;
width:300px;
height:186px;
margin-left:25px;
}

.whatnewrighttext1,.whatnewrighttext2,.whatnewrighttext3,.whatnewrighttext4{
float:left;
margin-left:5px;
_margin-left:10px;
font-size:12px;
color:#000000;
font-weight:bold;
width:295px;
text-decoration:none;
cursor:hand;
height:35px;
margin-top:19px;
}

.whatnewrighttext5{
float:right;
margin-left:5px;
_margin-left:10px;
font-size:12px;
color:#000000;
font-weight:bold;
width:295px;
text-decoration:none;
cursor:hand;
height:35px;
margin-top:0px;
}

.whatnewrighttext5{
background-image:url(../images/index/takemetostore_off.gif);
}
.whatnewrighttext5:hover{
background-image:url(../images/index/takemetostore_on.gif);
}
.whatnewrighttext1{
background-image:url(../images/index/reseller_off.gif);
}
.whatnewrighttext1:hover{
background-image:url(../images/index/reseller_on.gif);
}


.whatnewrighttext2{
background-image:url(../images/index/b2b_off.gif);
}
.whatnewrighttext2:hover{
background-image:url(../images/index/b2b_on.gif);

}

.whatnewrighttext4{
background-image:url(../images/index/license_off.gif);
}
.whatnewrighttext4:hover{
background-image:url(../images/index/license_on.gif);

}

.whatnewrighttext3{
background-image:url(../images/index/affiliate_off.gif);
}


.whatnewrighttext3:hover{
background-image:url(../images/index/affiliate_on.gif);
}

.proddisp{
margin-right:10px;
}

.prodtext{
width:163px;
float:left;
margin-top:5px;
padding-left:2px;
text-align:center;
}



.whatnew img{
float:left;
}
.whatnewtext{
float:left;
width:315px;
margin-left:15px;
font-size:20px;
color:#ff6633;
}
.deco{
position:absolute;
margin-top:-15px;
margin-left:-8px;
#margin-left:-632px;

}
.maintextittle{
float:left;
color: #FF6600;
margin-top:15px;
width:660px;
font-size:20px;
}
.maintext{
float:left;
color:#333;
font-size:13px;
width:650px;
font-family: Arial, Helvetica, sans-serif;
padding-left:0px;
padding-right:10px;
#margin-top:15px;
}
.productview{
float:left;
margin-top:5px;
margin-left:-5px;
height:190px;
width:650px;

}
.inthenews{
float:left;
padding-left:2px;
margin-top:30px;
/*border-top:#eaeaea solid 1px;*/
padding-top:10px;
width:659px;
height:250px;

}

.newsul{
	list-style: none;
	padding-left: 18px;
	line-height: 15px;
	font-size:13px;
	margin-top:15px;
    width:650px;
	margin-left: -10px;
}

.newsul li{
	list-style-image: none;
	list-style-type: none;
	margin-left: -8px;
	_margin-left:0px;

}

.liimg{
width:150px;
float:left;
margin-left:0px;
font-weight:bold;
}


.linews{
	width:620px;
	float:left;
	margin-bottom:10px;
	margin-left:12px;

}
.seemorenews{
	float:right; 
	margin-right:15px; 
	font-size:12px;
	padding:3px;
	font-weight:bold;
	border:#666666 solid 1px;
	margin-top:0px;

}

/* -----------------  end of left content -----------------------*/

/* ----------------- right content -----------------------*/
.rightcontent{
	width:191px;
	height:900px; /*must same with leftcontent*/
	#height:915px;
	padding-top:15px;
	background-image: url(/images/rightbar_bg.jpg);
	/*background-color:#efefef;*/
	float:left;
}


.banner{
	width:191px;
	height:125px;
	margin-left:0px;
	margin-top:12px;
	float:left;
}

.newsletter{
width:175px;
margin-left:7px;
border: #999 solid 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
height:140px;
}
.shownews{
	height:80px;
	background-color:#fff;
	line-height:20px;
	padding-left:15px;
	margin-top:20px;
}

/* ----------------- footer -------------- */
.footer{
	width:895px;
	height:25px;
	font-size:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding:3px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	float:left;
	margin-top:0px;
	background-image:url(../images/index/footer.gif)
}


.footer a{
	color:#fff;
}

.footer a:visited{
	color:#fff;
}
.footer a:hover{
	color:#fff;
	text-decoration: underline;	
}
.footerleft{
	float:left;
	width:300px;
	font-size:15px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:5px;
	font-weight:bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
.footerleft {
font-weight:normal;
}
}

.footerright{
float:right;
text-align:right;
width:440px;
color:#fff;
}
/* -----------------end of  footer -------------- */


.popuprightop{
float:right;
text-align:right;
padding-top:0px;
/*background-image: url(../images/index/normal_clickfree.gif);*/
width:131px;
height:41px;
color:#FFFFFF;
padding-top:50px;
padding-right:10px;
font-weight:bold;
font-size:11px;
}

.popuprightop:hover{

/*background-image:url(../images/index/rollover_clickfree.gif);*/
color: #c4ef01;
}


.weeklysp {
width:115px;
height:88px;
float:left;
margin-left:73px;
margin-top:15px;

}