html { height: 100%; }

body {
	font-family:Tahoma;
	font-size:12px;
	margin: 0px;
	padding: 0px;	
	background-color:#000;
	color:#000;
	height:100%;
}
.menu_button{
	float:left; background-color:#ccc;cursor:pointer;text-align:center;height:20px;line-height:20px;
	margin-right:10px;color:#000000;padding-left:10px;padding-right:10px;
}
.menu_button:hover{background-color:#D1E459;}
.menu_button_selected{	
	float:left; background-color:#D1E459;cursor:pointer;text-align:center;height:20px;line-height:20px;
	margin-right:10px;color:#000000;padding-left:10px;padding-right:10px;
}
#container_left{
	float:left;
	clear:both;
	width:127px;
	height:477px;
	margin-left:10px;
	margin-top:95px;
	margin-right:10px;
	background: #000 url('../img/left_bar.gif') no-repeat left;
}
#container_left_login{
	float:left;
	clear:both;
	width:127px;
	height:477px;
	margin-left:10px;
	margin-top:100px;
	margin-right:10px;
}
#container_left_trunkshow{
	float:left;
	clear:both;
	width:127px;
	height:540px;
	margin-left:10px;
	margin-top:50px;
	margin-right:10px;
	background: #000 url('../img/left_bar.gif') no-repeat left;
}
#content_main{ padding-left:10px; padding-right:10px; padding-top:5px;}
#container{float:left;width:830px;height:100%;}
#content_box_menu{clear:both;width:100%; height:20px;}
#header{color:#FFFFFF;padding:10px;margin-top:5px;}
.sub_menu_left{float:left;height:20px;}
.sub_menu_right{float:right;height:20px;text-align:right; line-height:20px;margin-top:-7px;}
#menu_product{background-color:#000;margin-left:107px;margin-top:20px;position:absolute;position:absolute;z-index:5;display:none;}
.mac.safari #menu_product,.mac.gecko #menu_product{margin-left:109px;}
.mac.gecko #menu_product{margin-left:110px;}
#menu_product ul{list-style:none;padding:0px;width:153px;cursor:default;margin:0px;}
.mac.safari #menu_product ul,.mac.gecko #menu_product ul{width:156px;}
#menu_product ul li.header{margin-left:0px;height:18px;padding-right:5px;padding-top:5px;background-color:#ccc;color:#000;border:1px solid #000;text-align:right;}
#menu_product ul li.header:hover{background-color:#D1E459;color:#000;}
#menu_product ul li ul{display:none;list-style:none;margin-top:-20px;margin-left:151px;padding:1px;width:200px;font-weight:normal;text-align:left;background-color:#000;}
.mac.safari #menu_product ul li ul,.mac.gecko #menu_product ul li ul{margin-left:154px;}
.mac.gecko #menu_product ul li ul{margin-top:-22px;}
#menu_product ul li ul li{background-color:#ccc;padding:3px;border-bottom:1px solid #000;}
#menu_product ul li ul li:hover {background-color:#D1E459;}
#menu_product ul:hover,#menu_product ul:hover li.header:hover ul,#menu_product ul:hover li.header:hover ul:hover li{
    display: block;
}

#menu_trunkshow{background-color:#000;margin-left:-1px;margin-top:20px;position:absolute;position:absolute;z-index:5;display:none;}
#menu_trunkshow ul{display:block;list-style:none;margin:0px;padding:1px;width:200px;font-weight:normal;text-align:left;background-color:#000;cursor:pointer;color:#000;} 
#menu_trunkshow ul li{display:block;background-color:#ccc;padding:3px;border-bottom:1px solid #000;}	
#menu_trunkshow ul li:hover{display:block;background-color:#D1E459;}

#menu_setting{background-color:#000;margin-left:-1px;margin-top:20px;position:absolute;z-index:1;position:absolute;z-index:5;display:none;}
#menu_setting ul{list-style:none;padding:0px;width:120px;cursor:pointer;margin:0px;}
#menu_setting .header{margin-left:0px;height:18px;padding-left:5px;padding-top:5px;background-color:#ccc;color:#000;border:1px solid #000;text-align:left;}
#menu_setting .header:hover{background-color:#D1E459;color:#000;}
#menu_setting .header_selected{margin-left:0px;height:18px;padding-left:5px;padding-top:5px;background-color:#D1E459;color:#000;border:1px solid #000;text-align:left;}
#menu_setting li ul{display:none;} 
#menu_setting li:hover ul{display:block;list-style:none;margin:0px;margin-top:-20px;margin-left:161px;padding:1px;width:200px;font-weight:normal;text-align:left;background-color:#000;} 
#menu_setting li:hover ul li{display:block;background-color:#ccc;padding:3px;border-bottom:1px solid #000;}
#menu_setting li:hover ul li:hover{display:block;background-color:#D1E459;}
#menu_modules{background-color:#000;margin-left:127px;margin-top:21px;position:absolute;z-index:1;position:absolute;z-index:5;display:none;}
#menu_modules ul{list-style:none;padding:0px;width:145px;cursor:pointer;margin:0px;}
#menu_modules .header{margin-left:0px;height:18px;padding-left:5px;padding-top:5px;background-color:#ccc;color:#000;border-top:0px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;text-align:left;}
#menu_modules .header:hover{background-color:#D1E459;color:#000;}
#menu_modules .header_selected{margin-left:0px;height:18px;padding-left:5px;padding-top:5px;background-color:#D1E459;color:#000;border-top:0px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;text-align:left;}
#menu_modules li ul{display:none;} 
#menu_modules li:hover ul{display:block;list-style:none;margin:0px;margin-top:-20px;margin-left:161px;padding:1px;width:200px;font-weight:normal;text-align:left;background-color:#000;} 
#menu_modules li:hover ul li{display:block;background-color:#ccc;padding:3px;}	
#menu_modules li:hover ul li:hover{display:block;background-color:#D1E459;}
#divMenuSpace{float:left;height:25px;width:50px;}
#divMenuSpaceLoggedin{float:left;height:25px;width:35px;}

/* * Loggedin * */
#divAboutLoggedin{
	height:25px;width:160px;float:left;margin-right:20px;cursor:pointer;
	background: #000 url('../img/btn_whatwedo.gif') no-repeat left;border-right:1px solid #999;
}
#divAboutLoggedin:hover{background: #000 url('../img/btn_whatwedo_over.gif') no-repeat left;}
#divGetSmartLoggedin{
	height:25px;width:140px;float:left;margin-right:20px;cursor:pointer;
	background: #000 url('../img/btn_getsmart.gif') no-repeat left;border-right:1px solid #999;
}
#divGetSmartLoggedin:hover{background: #000 url('../img/btn_getsmart_over.gif') no-repeat left;}
#divMonthlyLoggedin{
	height:25px;width:155px;float:left;margin-right:20px;cursor:pointer;
	background: #000 url('../img/btn_topsecret.gif') no-repeat left;border-right:1px solid #999;
}
#divMonthlyLoggedin:hover{
	background: #000 url('../img/btn_topsecret_over.gif') no-repeat left;
}
#divContactLoggedin{
	height:25px;width:135px;float:left;margin-right:0px;cursor:pointer;
	background: #000 url('../img/btn_contactus.gif') no-repeat left;
}
#divContactLoggedin:hover{
	background: #000 url('../img/btn_contactus_over.gif') no-repeat left;
}
/* * End Loggedin * */
/* * Not Login * */
#divAbout{
	height:25px;width:164px;float:left;margin-right:24px;cursor:pointer;
	background: #000 url('../img/btn_whatwedo.gif') no-repeat left;border-right:1px solid #999;
}
#divAbout:hover{background: #000 url('../img/btn_whatwedo_over.gif') no-repeat left;}
#divGetSmart{
	height:25px;width:145px;float:left;margin-right:25px;cursor:pointer;
	background: #000 url('../img/btn_getsmart.gif') no-repeat left;border-right:1px solid #999;
}
#divGetSmart:hover{
	background: #000 url('../img/btn_getsmart_over.gif') no-repeat left;
}
#divMonthly{
	height:25px;width:158px;float:left;margin-right:24px;cursor:pointer;
	background: #000 url('../img/btn_topsecret.gif') no-repeat left;border-right:1px solid #999;
}
#divMonthly:hover{
	background: #000 url('../img/btn_topsecret_over.gif') no-repeat left;
}
#divContact{
	height:25px;width:135px;float:left;margin-right:0px;cursor:pointer;
	background: #000 url('../img/btn_contactus.gif') no-repeat left;
}
#divContact:hover{
	background: #000 url('../img/btn_contactus_over.gif') no-repeat left;
}
/* * End Not Login * */
#divMember{
	height:25px;width:139px;float:left;margin-right:17px;cursor:pointer;
	background: #000 url('../img/btn_loged_out.gif') no-repeat left;border-right:1px solid #999;
}
#divMember:hover{background: #000 url('../img/btn_loged_over.gif') no-repeat left;}
#divMemberLogout{
	height:25px;width:104px;float:left;margin-right:24px;margin-left:3px;cursor:pointer;
	background: #000 url('../img/btn_login.gif') no-repeat left;border-right:1px solid #999;
}
#divMemberLogout:hover{
	background: #000 url('../img/btn_login_over.gif') no-repeat left;
}
#divBackend{
	height:25px;width:135px;float:left;cursor:pointer;
	background: #000 url('../img/btn_backend.gif') no-repeat left;
}
#divBackend:hover{
	background: #000 url('../img/btn_backend_over.gif') no-repeat left;
}
#container_main{
  margin:0 auto; width:990px; height:560px;
}
#divContentQuiz{
		height:470px;
		color:#000;
		font-weight:normal;
}
.popup_block_quiz {
		background-color:#000;
		padding:0px;
		border: 0;
		float: left;
		width: 700px;
		position: fixed;
		top: 26%;
		left: 55%;
		margin: -80px 0 0 -400px;
		z-index: 100;
}
.divCoverTb{border:1px solid #FFF;}
#product_content_now{border:1px solid #FFF;}
#product_content_then{border:1px solid #FFF;}