@charset "windows-874";
/* CSS Document */

body {
background: #202020 url(../images/img_t_001.gif) repeat-x center top;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0px; padding:0px;}

a:link { color: #0392e0; text-decoration: none}
a:visited { color: #0392e0; text-decoration: none}
a:active { color: #f39b10; text-decoration: none}
a:hover { color: #f39b10; text-decoration: none}

ul, li { list-style:none; padding:0; margin:0;} 
#ico{background:url(../images/ico_002.gif) no-repeat 0 50%; background-attachment: scroll;padding-left:18px;}

*{outline: none;}

#dotX { background: url(../images/dotX.gif) center top repeat-x; margin:5px 0px 5px 0px; height:10px;}
#dotY { background: url(../images/dotY.gif) center top repeat-y; margin:0px 5px 0px 5px; height:auto; width:10px; float:left}
#body { width:950px; height:auto; margin:0 auto; clear:both}
#Logo { width:207px; height:177px; float:left; position:relative;}
#Left{ width:207px; height:auto; float:left; position:relative; text-align:left;}
#Right{ width:738px; height:auto; float:right; position:relative; padding-left:5px; text-align:left;}

#rightTop { background: url(../images/img_t_002.jpg) center top no-repeat; width:647px; height:62px; text-align:right; padding:67px 91px 0px 0px; position:relative; float:left}
#bannerFlash { width:738px; height:347px; float:left; position:relative; padding-top:2px;}

#detail { width:738px; height:auto; float:left; position:relative; padding-top:2px;}
#detailTop { background:url(../images/img_d_001.gif) center top no-repeat; width:738px; height:27px; float:left;}
#detailText { background:url(../images/img_d_002.gif) center top repeat-y; width:692px; height: auto; float:left; text-align:left; vertical-align:top; padding:0px 18px 0px 28px;}
#detailBottom { background:url(../images/img_d_003.gif) center top no-repeat; width:738px; height:13px; float:left;}

#contentD { width:692px; height:auto; float:left; position:relative; margin-bottom:7px;}
#contentD2 { width:692px; height:250px; float:left; position:relative; margin-bottom:7px;}
#colsL { width:341px; height:auto; float:left; vertical-align:top; padding-right:10px; text-align:left; position:relative}
#colsR { width:341px; height:auto; float:left; vertical-align:top; text-align:left; position:relative}

#bar_product { width:341px; height:37px; position:relative; text-align:left; float:left; clear:both;}
#bar_productL { background:url(../images/bar_products_ico.gif) left top no-repeat; width:50px; height:37px; float:left}
#bar_productText { background:url(../images/bar_products_d.gif) left top repeat-x; width:270px; height:37px;float:left}
#bar_productR { background:url(../images/bar_products_right.gif) left top no-repeat; width:21px; height:37px;float:left}

#bar_product_all { width:692px; height:37px; position:relative; text-align:left; float:left; clear:both;}
#bar_productText_all { background:url(../images/bar_products_d.gif) left top repeat-x; width:621px; height:37px;float:left; }


#bar_reward { width:341px; height:37px; position:relative; text-align:left; float:left; clear:both;}
#bar_rewardL { background:url(../images/bar_revard_ico.gif) left top no-repeat; width:50px; height:37px; float:left}
#bar_rewardText { background:url(../images/bar_revard_d.gif) left top repeat-x; width:270px; height:37px;float:left}
#bar_rewardR { background:url(../images/bar_revard_right.gif) left top no-repeat; width:21px; height:37px;float:left}

#bar_reward_all { width:692px; height:37px; position:relative; text-align:left; float:left; clear:both;}
#bar_rewardText_all { background:url(../images/bar_revard_d.gif) left top repeat-x; width:621px; height:37px; float:left;}

#bar_news { width:692px; height:37px; float:left; position:relative}
#bar_newsL { background:url(../images/bar_news_activity_ico.gif) left top no-repeat; width:50px; height:37px; float:left}
#bar_newsText { background:url(../images/bar_news_activity.gif) left top no-repeat; width:642px; height:37px;float:left}

#content2{width:672px; height:auto; padding:10px 10px 2px 10px;text-align:left; float:left; position:relative;}
#contentAll{width:692px; height:auto; padding:0;text-align:left; float:left; position:relative;}

#content3{width:450px; height:auto; padding:10px 10px 2px 10px;text-align:left; float:right; position:relative;}

.contentStyle02 {width:100%; font-size: 9pt; height:120px;}
.contentStyle02 img {float: left; margin: 0em 0.625em; border: 1px solid #fff;}

.contentStyle01 {width:100%; font-size: 9pt; height:230px;}
.contentStyle01 img {float: left; margin: 0em 0.625em; border: 1px solid #fff;}

.contentStyle_vdo {width:100%; font-size: 9pt; height: auto; text-align:center;}
/*.contentStyle_vdo img {float: left; margin: 0em 0.625em; border: 1px solid #fff;}*/

.contentStyle_vdoAll {width:50%; font-size: 9pt; height:120px; float:left}
.contentStyle_vdoAll img {float: left; margin: 0em 0.625em; border: 1px solid #fff;}

#reward_L { width:172px; height:auto; float:left; position:relative; vertical-align:top; text-align:left}
#reward_R { width:492px; height:auto; float:left; position:relative; vertical-align:top; text-align:center; padding-left:8px;/* border-left:#CCCCCC 0px 0px 0px 1px solid;*/}



#page_more {width:672px; height:auto; padding:10px 10px 2px 10px;
text-align:right; float:left; position:relative;}

.form { width:auto; height: auto; color:#5a5a5a; font-size:8pt; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;}



#menuLeft { width:207px; height:252px; float:left; position:relative;margin-bottom:8px; text-align:left}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 207px;
	list-style: none;
}
ul#topnav li{
	background:url(../images/menuLeft_bg.gif) no-repeat left -28px;
	height:28px; 
	width:207px;
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li:hover, #current a  {
	background:url(../images/menuLeft_bg.gif) no-repeat left top;
	height:28px; 
	width:207px;
	float: left;
	margin: 0; padding: 0;
	position: relative;
	/*text-indent: -9999px;*/
}



#wheretobuy { width:207px; height:63px; float:left; position:relative; margin-bottom:8px;}
#bannersponsor { width:207px; height: auto; float:left; position:relative; margin-bottom:8px;}

#LeftContact { width:207px; height:216px; position:relative; float:left; margin-bottom:8px;}
#LeftContactT { background:url(../images/Left_banner_contact_001.gif) center top no-repeat; width:207px; height:73px; float:left;}
#LeftContactText { background:url(../images/Left_banner_contact.jpg) center top no-repeat; width:207px; height:51px; float:left; text-align:center; padding-top:92px}

#video { width:207px; height: auto; float:left; position:relative; margin-bottom:8px; text-align:left}
#bgVideo { background-color:#000; padding:2px 0px 2px 0px; margin:0; height:139px;}
#more { 
background:url(../images/more_all.gif) center top no-repeat; float:right; position:relative; width:61px; height:18px; cursor:pointer; text-align:center;
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:9pt;
text-decoration: none;
font-weight: normal;
line-height:120%;}
#more a:hover { background:url(../images/more_all_over.gif) center top no-repeat; float:right; position:relative; width:61px; height:18px;cursor:pointer; text-align:center; color:#fff; text-decoration: none}
#more a:link{color:#fff;text-decoration:none;}
#more a:visited{color:#fff;text-decoration:none;}
#more a:active{color:#fff; text-decoration:none;}




.gray {
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#7a7a7a;
font-size:10pt;
text-decoration: none;
font-weight: normal;
line-height:120%;}
/*.gray a:link{color:#7a7a7a;text-decoration:none;}
.gray a:visited{color:#7a7a7a;text-decoration:none;}
.gray a:hover{color:#ff0000; text-decoration: underline;}
.gray a:active{color:#ff0000; text-decoration:none;}*/

.skyB {font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#006ed5;
font-size:9pt;
text-decoration: none;
font-weight: bold;
line-height:130%;}
.skyB a:link{color:#006ed5;text-decoration:none;}
.skyB a:visited{color:#006ed5;text-decoration:none;}
.skyB a:hover{color:#ff9600; text-decoration:none;}
.skyB a:active{color:#ff9600; text-decoration:none;}

.redB {
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#ff0000;
font-size:10pt;
text-decoration: none;
font-weight: bold;
line-height:130%;}
.redB a:link{color:#ff0000;text-decoration:none;}
.redB a:visited{color:#ff0000;text-decoration:none;}
.redB a:hover{color:#ff9600; text-decoration:none;}
.redB a:active{color:#ff9600; text-decoration:none;}

.redBs {
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#ff0000;
font-size:8pt;
text-decoration: none;
font-weight: bold;
line-height:130%;}
.redBs a:link{color:#ff0000;text-decoration:none;}
.redBs a:visited{color:#ff0000;text-decoration:none;}
.redBs a:hover{color:#ff9600; text-decoration: underline;}
.redBs a:active{color:#ff9600; text-decoration:none;}

.wh {
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:9pt;
text-decoration: none;
font-weight: normal;
line-height:130%;}
.wh a:link{color:#fff;text-decoration:none;}
.wh a:visited{color:#fff;text-decoration:none;}
.wh a:hover{color:#fff; text-decoration: underline;}
.wh a:active{color:#fff; text-decoration:none;}

.bk {
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:9pt;
text-decoration: none;
font-weight: normal;
line-height:130%;}
.bk a:link{color:#000;text-decoration:none;}
.bk a:visited{color:#000;text-decoration:none;}
.bk a:hover{color:#ff9600; text-decoration: underline;}
.bk a:active{color:#ff9600; text-decoration:none;}

#footer { width:930px; height: auto; padding:10px; position:relative; text-align:right; float:left; background:#000000; margin-top:8px;}
.footer {
font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif;
color:#a3a3a3;
font-size:8pt;
text-shadow: #000 1px 1px 1px;
text-decoration: none;
font-weight: normal;
line-height:130%;}
.footer a:link{color:#a3a3a3;text-decoration:none;}
.footer a:visited{color:#a3a3a3;text-decoration:none;}
.footer a:hover{color:#ff9600; text-decoration: underline;}
.footer a:active{color:#ff9600; text-decoration:none;}

/*** slider  ***/