/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

#fix{ word-wrap:break-word; white-space:normal; }

.searchResult{background-color:#FFFFCC; color:#333333}
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
FORM { display: inline; }
.infoBox { background: #b6b7cb; }
.infoBoxNotice { background:#FF8E90; }
.infoBoxContents { background:#f8f8f9; font-family:Verdana, Arial, sans-serif; font-size:10px; }
.infoBoxNoticeContents { background:#FFE6E6; font-family:Verdana, Arial, sans-serif; font-size:10px; }
TD.infoBoxHeading { font-family:Verdana, Arial, sans-serif; font-size:10px; font-weight:bold; background:#bbc3d3; color:#ffffff; }
TD.infoBox, SPAN.infoBox { font-family:Verdana, Arial, sans-serif; font-size:10px; }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background:#f8f8f9; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background:#f8f8f9; }
TABLE.productListing { border:1px; border-style:solid; border-color:#b6b7cb; border-spacing:1px; }
.productListing-heading { font-family:Verdana, Arial, sans-serif; font-size:10px; background:#b6b7cb; color:#FFFFFF; font-weight:bold; }
TD.productListing-data { font-family:Verdana, Arial, sans-serif; font-size:10px; }
A.pageResults { color:#353535; }
A.pageResults:hover { color:#353535; }
TD.pageHeading, DIV.pageHeading { font-family:Verdana, Arial, sans-serif; font-size:20px; font-weight:bold; color:#9a9a9a; }
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #dcdcdc; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */
#manu * {background:none;padding-top:0;padding-bottom:0;}
#manu select {background-color:#fff;padding-top:0;padding-bottom:0;}
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.smallText_1 a {
	color:#000;
	text-decoration:underline;
}
.smallText_1 a:hover {
	color:#999999;
	text-decoration:none;
}
.smallText a {
	color:#999999;
	text-decoration:none;
}
.smallText a:hover {
	color:#999999;
	text-decoration:none;
}
#myse select {
	width:90%;
}
.delp {
	color:#808080;
	font-size:11px;
	font-weight:normal;
}
s {
	color:#808080;
	font-size:11px;
	font-weight:normal;
}
.main a {
	color:#333333;
	text-decoration:none;
}
.main a:hover {
	color:#333333;
	text-decoration:underline;
}

ul{
   margin:0px;
   padding:0px;
   list-style:none;
}
ul li{		
	padding:0 0 0 40px;
}

ul a{
	color:#4B4A4A;
	text-decoration:none;
    font-size:11px;	
	line-height:24px;
}
ul a:hover{
	color:#68A600;
}

#zxc1 {color:#5A5A5A; font-size:11px; text-decoration:underline; font-weight:bold;}
#zxc1 a {color:#5A5A5A; font-size:11px; text-decoration:underline; font-weight:bold;}
#zxc1 a:hover {text-decoration:none;}


/*---------------------------------------------- for New Style -------------------------------------------------------------*/
/*---------------------------------------------- for New Style -------------------------------------------------------------*/

.opacityit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
.opacityit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity: 0.2;
}

.cateName{
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
	line-height:25px;
}

.cateNameActive{
	color:#6c9ed8;
}

.borderImage{
	color:#333333;
}

.preImage{
	border: 1px solid #333333;
}

hr.hrUpdate{
	height:1px;
	width:100%;
	color:#333333;
}

.updateTitle{
	color:#333333;
	font-size:14px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateTitle a{
	color:#FFFFFF;
	font-size:14px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateTitle a:hover{
	color:#FFFFFF;
	font-size:14px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.fieldsetColor{
	color:#1c1c1c;
	font-size:12px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	border: 1px solid #1c1c1c;
}

.legendColor{
	color:#6c9ed8;
	font-size:12px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateTitle a:hover{
	color:#FFFFFF;
	font-size:14px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.memberDetail{
	/*color:#818181;*/
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberDetailHeader{
	/*color:#818181;*/
	/*color:#336ca1;*/
	color:#FFFFFF;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberDetailHeader a{
	/*color:#818181;*/
	/*color:#336ca1;*/
	color:#FFFFFF;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberDetailHeader a:hover{
	/*color:#818181;*/
	/*color:#3576b3;*/
	color:#FFFFFF;
	font-size:11px;
	font-weight: normal;
	text-decoration:underline;
}

.memberExpireDate{
	color:#6c9ed8;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberExpireDate a{
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberExpireDate a:hover{
	color:#6c9ed8;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberForgetPass{
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberForgetPass{
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}

.memberForgetPass a{
	color:#333333;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
}

.memberForgetPass a:hover{
	color:#6c9ed8;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
}

.buttonLink{
	color:#333333;
	font-size:12px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.buttonLink a{
	color:#333333;
	font-size:12px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.buttonLink a:hover{
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.buttonLinkM{
	color:#333333;
	font-size:10px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.buttonLinkM a{
	color:#333333;
	font-size:10px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.buttonLinkM a:hover{
	color:#333333;
	font-size:10px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.captionActive{
	color:#FFFFFF;
	font-size:12px;
	font-weight: normal;
	text-align:right;
	text-decoration:none;
}

.captionActive2{
	color:#ffffff;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateList{
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateList a{
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateList a:hover{
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateListHead{
	color:#333333;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListHead a{
	color:#333333;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListHead a:hover{
	color:#ffffff;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListSub{
	color:#999999;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateListSub a{
	color:#999999;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateListSub a:hover{
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.updateListHeadActive{
	color:#ffffff;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListHeadActive a{
	color:#ffffff;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListHeadActive a:hover{
	color:#ffffff;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListActive{
	color:#6c9ed8;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListActive a{
	color:#6c9ed8;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.updateListActive a:hover{
	color:#6c9ed8;
	font-size:13px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
}

.information{
	position:absolute;
	z-index:1;
	text-align:center;
	vertical-align: text-bottom; 
	display: block;
	visibility:hidden;
	background:#000;
	color:#FFF;
	cursor:pointer;
	filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;
}

.informationText{
	position:absolute;
	z-index:2;
	text-align:center;
	vertical-align: text-bottom; 
	display: block;
	background:#000;
	color:#FFF;
	cursor:pointer;
	filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;
}

.vertcalText{
	line-height:64px;
}

.link{
	color:#FFFFFF;
	font-size:9px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
}

.linkCaption{
	color:#FFFFFF;
	font-size:13px;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
}

li.navi{
	color:#FFFFFF;
	font-size:12px;
	font-weight: normal;
	text-align:left;
    background: #dcdcdc;	
}

.navi a{
	color:#FFFFFF;
	font-size:12px;
	font-weight: normal;
	text-align:left;
    background: #dcdcdc;	
}

.last7days{
	color:#333333;
	background-color:#ffffff;
	font-size:9px;
	font-weight: normal;
	text-align:center;
	cursor: pointer;
}

.last7days a{
	color:#333333;
	/*background-color:#ffffff;*/
	font-size:9px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
}

.last7daysActive{
	color:#dcdcdc;
	background-color:#6c9ed8;
	font-size:9px;
	font-weight: normal;
	text-align:center;
	cursor: pointer;
}

.last7daysActive a{
	color:#dcdcdc;
	/*background-color:#6c9ed8;*/
	font-size:9px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
}

.showPageNumber{
	color:#333333;
	background-color:#ffffff;
	font-size:9px;
	font-weight: normal;
	text-align:center;
	cursor: pointer;
}

.showPageNumber a{
	color:#333333;
	background-color:#ffffff;
	font-size:9px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
}

.showPageNumberActive{
	color:#dcdcdc;
	background-color:#6c9ed8;
	font-size:9px;
	font-weight: normal;
	text-align:center;
	cursor: pointer;
}

.showPageNumberActive a{
	color:#dcdcdc;
	background-color:#6c9ed8;
	font-size:9px;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	cursor: pointer;
}

.updateCatListPlayImg{
	background: url(/css/style_light/playSmall.png) no-repeat;
	line-height:21px;
	width:23px; 
	height:20px; 
	cursor:pointer; 
	float:left; 
	padding-top:1px
}

.updateCatListChaptersImg{
	background: url(/css/style_light/playChapters.png) no-repeat;
	line-height:21px;
	width:23px; 
	height:20px; 
	cursor:pointer; 
	float:left; 
	padding-top:1px
}

.updateCatListInfoImg{
	background: url(/css/style_light/playInfo.png) no-repeat;
	line-height:21px;
	width:23px; 
	height:20px; 
	cursor:pointer; 
	float:left; 
	padding-top:1px
}

.updateCatListAddFavImg{
	background: url(/css/style_light/playAddFav.png) no-repeat;
	line-height:21px;
	width:23px; 
	height:20px; 
	cursor:pointer; 
	float:left; 
	padding-top:1px
}

.updateCatListReviewsImg{
	background: url(/css/style_light/playReviews.png) no-repeat;
	line-height:21px;
	width:23px; 
	height:20px; 
	cursor:pointer; 
	float:left; 
	padding-top:1px
}

li.updateCatListPlay{
	color:#dcdcdc;
	list-style-image: url(/css/style_light/playSmall.png);
	vertical-align:middle;
	line-height:15px;
}

li.updateCatListChapters{
	color:#dcdcdc;
	list-style-image: url(/css/style_light/playChapters.png);
	vertical-align:middle;
	line-height:15px;
}

li.updateCatListInfo{
	color:#dcdcdc;
	list-style-image: url(/css/style_light/playInfo.png);
	vertical-align:middle;
	line-height:15px;
}

li.updateCatListAddFav{
	color:#dcdcdc;
	list-style-image: url(/css/style_light/playAddFav.png);
	vertical-align:middle;
	line-height:15px;
}

li.updateCatListReviews{
	color:#dcdcdc;
	list-style-image: url(/css/style_light/playReviews.png);
	vertical-align:middle;
	line-height:15px;
}

li.updateCatList{
	color:#dcdcdc;
	font-size:13px;
}

/*for old menu*/
.updateCatListActiveForProgram{
	color:#dcdcdc;
	font-size:13px;
}

.updateCatListActive{
	color:#6c9ed8;
	font-size:13px;
}

.updateCatListBG{
	padding-left:10px;
	cursor: pointer;
}

.updateCatListActiveBG{
    background: #6c9ed8;	
	padding-left:5px;
	padding-bottom:2px;
	cursor: pointer;
}

.updateCatListInActiveBG{
    background: #9dc1d8;
	padding-left:5px;
	padding-bottom:2px;
	cursor: pointer;
}

.updateCatListSubActiveBG{
    background: #eeeeee;
	color:#6c9ed8;
}

.updateCatListSubActiveBG a{
    background: #eeeeee;
	color:#6c9ed8;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	display: block;
	width: 100%;
	cursor: pointer;
	padding-top:2px;
	padding-bottom:2px;
	text-indent:10px; 
	text-align:left
}

.updateCatListSubActiveBG a:hover{
    background: #ccdbe5;
}

.updateCatListSubBG{
    background: #eeeeee;
	color:#333333;
}

.updateCatListSubBG a{
    background: #eeeeee;
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	display: block;
	width: 100%;
	cursor: pointer;
	padding-top:2px;
	padding-bottom:2px;
	text-indent:22px; 
	text-align:left
}

.updateCatListSubBG a:hover{
    background: #ccdbe5;
}

.menuSub{
    background: #222222;	
	cursor: pointer;
	font-size:11px;
}

.menuSubActive{
    background: #282828;	
	cursor: pointer;
	font-size:11px;
}

.menuSubBG{
	padding-left:10px;
	cursor: pointer;
}

.emptyProgram{
	color:#333333;
	font-size:12px;
	font-weight: normal;
	text-align:right;
	text-decoration:none;
	cursor: default;
	line-height: 20px;
	vertical-align: text-top;
}

.updateCatButton{
	cursor: pointer;
}

.productTitle{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	vertical-align: text-top;
}

a.captionShowBoxTitle{
	color:#333333;
	font-size:13px;
	font-weight: bold;
	/*text-align:left;*/
	text-decoration:none;
}

a.captionShowBoxTitle hover{
	color:#333333;
	font-size:13px;
	font-weight: bold;
	/*text-align:left;*/
	text-decoration:none;
}

a.captionShowBox{
	color:#333333;
	
	font-size:12px;
	text-align:left;
	text-decoration:none;
	line-height: 15px;
}

a.captionShowBox hover{
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	line-height: 15px;
}

a.captionShowBoxDrama{
	color:#333333;
	font-size:14px;
	text-align:right;
	line-height:25px;
	text-decoration:none;
}

a.captionShowBoxDrama hover{
	color:#333333;
	font-size:14px;
	text-align:right;
	line-height:25px;
	text-decoration:none;
}

.captionShowBoxForSubCat a{
	color:#333333;
	font-size:11px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
	line-height: 15px;
}

.captionShowBoxForSubCat a:link{
	color:#333333;
	font-size:11px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
	line-height: 15px;
}

.captionShowBoxForSubCat a:hover{
	color:#FFFFFF;
	font-size:11px;
	font-weight: bold;
	text-align:left;
	text-decoration:underline;
	line-height: 15px;
}

a.captionShowBoxChapter{
	color:#839999;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	line-height: 15px;
}

a.captionShowBoxChapter hover{
	color:#9cb2b2;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	line-height: 15px;
}

.tabLast7Days{
	border: #ffffff solid 1px; 
	border-collapse:collapse;
	background-color: #eeeeee;
	color:#333333;
}

#dayDetail{
	color: #2d6498;
	font-size:12px;
}

#myPlaylistIFrame {
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-track-color: #ffffff;
}

td {font-family:Tahoma,verdana,arial; font-size:11px; color: #333333; line-height:14px;}

body{
	font-family:Tahoma,verdana,arial; 
	font-size:11px; 
	color: #333333; 
	line-height:14px;
	padding:0; 
	margin:0;
	/*background:url(/css/style_light/bgPage.png) center repeat-y;*/
	background:url(/css/style_dark/bg_content.png) center top no-repeat;
}

.bodyBG{
	/*background-color:#002a3b;*/
	background-color:#3d3e3e; /*#DCDCDC*/
}
.bodyBGInner{
	background-color:#ffffff;
}
.bodyBGInnerIframe{
	background-color:#ffffff;
}


/*---------------------------------------------- for New Style -------------------------------------------------------------*/

#blq-login{font-size:12px;padding:2px 1px 5px 5px;width:180px;height:22px;border:0pt none;}
#blq-login-btn{ font-size:11px;padding:0;width:100px;height:24px;background:url(/css/style_light/button.jpg) center no-repeat #efefef;border:none;color:#333333}

#txtSearchHeader{font-size:11px;padding:0px;width:145px;height:15px;border:#cdcdcd 1px solid; color:#999999}
#blq-search{font-size:12px;padding:5px 1px 5px 5px;width:180px;height:22px;border:0pt none; color:#999999}
#blq-search-btn{ font-size:12px;padding:0;width:66px;height:22px;background:url(/css/style_light/search.jpg) center no-repeat #efefef;border:none;color:#333333}

.borderBox{
	border:#999999 solid 1px;
}

.borderBox2{
    background: #ffffff;	
	border:#dcdcdc solid 1px;
}

.bgColorTone{
    background: #ffffff;	
	color:#818181;
	font-size:11px;
	font-weight: normal;
}

.bgColorToneOver{
    background: #eeeeee;	
	color:#818181;
	font-size:11px;
	font-weight: normal;
}

.bgColorToneInner{
    background: #dcdcdc;	
	color:#818181;
	font-size:11px;
	font-weight: normal;
}

.boxTopLeft{ width:7px; background: url(/css/style_light/update_top_left.png) no-repeat; line-height:35px}
.boxTopMid{ 
	background: url(/css/style_light/update_top_mid.png) repeat-x top;
	line-height:35px;
	color:#333333;
	font-size:13px;
	font-weight: bold;
	/*text-align:left;*/
	text-decoration:none;
}
.boxTopMidSub{ 
	background: url(/css/style_light/update_top_mid_sub.png) repeat-x top;
	line-height:19px;
	color:#333333;
	font-size:11px;
	font-weight: normal;
	/*text-align:left;*/
	text-decoration:none;
}
.boxTopRight{ width:7px; background: url(/css/style_light/update_top_right.png) no-repeat; line-height:35px}

.boxLeft{ right: 0px; top: 0px; height:60%; background: url(/css/style_light/update_left.png) repeat-y left} 
.boxRight{ right: 0px; top: 0px; height:60%; background: url(/css/style_light/update_right.png) repeat-y right}

.boxBottomLeft{ width:7px; background: url(/css/style_light/update_bottom_left.png) no-repeat top; line-height:7px}
.boxBottomMid{ background: url(/css/style_light/update_bottom_mid.png) repeat-x top; line-height:7px}
.boxBottomRight{ width:7px; background: url(/css/style_light/update_bottom_right.png) no-repeat top; line-height:7px}

.bgLeft{
	background: #FFFFFF url(/css/style_light/bg_left.png) repeat-y;
}
.bgRight{
	background: #FFFFFF url(/css/style_light/bg_right.png) repeat-y;
}
.bgHeader{
	background: #dcdcdc url(/css/style_light/bgHeader.png) repeat-x;
}

.bgHeaderNewYear{
	background: #dcdcdc url(/css/logo/dootv_logo_newyear.png) top no-repeat;
}

.bgHeaderChristmas{
	background: #dcdcdc url(/css/logo/dootv_logo_christmas.png) top no-repeat;
}

.bgHeaderSongkran{
	background: #dcdcdc url(/css/logo/dootv_logo_songkran.png) top no-repeat;
}

.sepProductList{
	padding-top:0px;
	background-color:#dcdcdc;
}

.hitNumbers{
	color:#333;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
	background: url(/css/style_light/hit_numbers.png) left top no-repeat;
	text-align:center;
}

.hitBG{
	color:#333;
	font-size:11px;
	font-weight: bold;
	text-decoration:none;
	background: url(/css/style_light/hit_bg.png) no-repeat;
	text-align:center;
}

.cateNameSub{
	color:#666666;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}
.cateNameSub a{
	color:#666666;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
}
.cateNameSub a:hover{
	color:#666666;
	font-size:11px;
	font-weight: normal;
	text-decoration:underline;
}

.catTopMainActive{
	background:url(/css/style_light/categories_top_main_active.png) bottom repeat-x; 
	line-height:8px; 
	height:8px;
}

.catBottomMainActive{
	background:url(/css/style_light/categories_bottom_main_active.png) top repeat-x; 
	line-height:7px; 
	height:7px;
}

.catTopMain{
	background:url(/css/style_light/categories_top_main.png) bottom repeat-x; 
	line-height:8px; 
	height:8px;
}

.catBottomMain{
	background:url(/css/style_light/categories_bottom_main.png) top repeat-x; 
	line-height:7px; 
	height:7px;
}

.catBottomSub{
	background:url(/css/style_light/categories_bottom_sub.png) top repeat-x; 
	line-height:7px; 
	height:7px;
}

/*---------------------------------------------- for New Style -------------------------------------------------------------*/

.fix100{
	width:100%;
	float:inherit; 
	clear:both;
}
.div_boxTopLeft{
	width:7px;
	height:35px;
	background: url(/css/style_light/update_top_left.png) no-repeat;
	float:left;
}
.div_boxTopRight{
	width:7px;
	height:35px;
	background: url(/css/style_light/update_top_right.png) no-repeat;
	float:right;
}
.div_boxTopMid{
	background: url(/css/style_light/update_top_mid.png) repeat-x top;
	height:35px;
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-decoration:none;
	padding-top:10px;
	padding-left:0px;
	text-align:left;
	float:left;
}

.div_boxBottomLeft{
	width:7px;
	height:7px;
	background: url(/css/style_light/update_bottom_left.png) no-repeat;
	float:left;
}
.div_boxBottomRight{
	width:7px;
	height:7px;
	background: url(/css/style_light/update_bottom_right.png) no-repeat;
	float:right;
}
.div_boxBottomMid{
	background: url(/css/style_light/update_bottom_mid.png) repeat-x top;
	height:7px;
	float:left;
}

.div_boxMidLeft{
	background: url(/css/style_light/update_left.png) repeat-y left
	width:7px;
	float:left;
}
.div_boxMidMid{
	float:left;
}
.div_boxMidRight{
	background: url(/css/style_light/update_right.png) repeat-y right
	width:7px;
	float:right;
}
.div_tabLast7Days{
 	cursor:pointer;
	width:25%;
	border: #FFFFFF solid 1px; 
	float:left;
	background-color: #ffffff;
	text-align:center;
	color:#333333;
}
.div_floatLeft{
	float:left;
}
.div_floatRight{
	float:right;
}

.cornerBox{	cursor:pointer;
	color: #eeeeee;
}

.cornerBox li{
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.cornerBox a{
	display: block;
	width: 100%;
	cursor: pointer;
	text-indent:10px;
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.cornerBox a:hover{
	background-color: #ccdbe5;
	color:#000000;
}


.cornerBoxMenuBrowse{ cursor:pointer; color:#eeeeee; }
.cornerBoxMenuBrowse li{ vertical-align:top; margin:0px; padding:0px; list-style-type:none; }
.cornerBoxMenuBrowse a{ background-color:#f2f2f2; display:block; width:100%; cursor:pointer; text-indent:10px; color:#333333; font-size:13px; font-weight:normal; text-align:left; text-decoration:none; }
.cornerBoxMenuBrowse a:hover{ background-color:#ccdbe5; color:#333333; }

.cornerBoxText{
	color: #333333;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

.cornerBoxText li{
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.cornerBoxText a{
	color:#333333;
	cursor: pointer;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.cornerBoxText a:hover{
	color:#000000;
}

.cornerBoxTabMenu{
	border: #ffffff solid 1px; 
	border-collapse:collapse;
	background-color: #e2e2e2;
	color:#333333;
}

.cornerBoxTabMenuActive{
	border: #ffffff solid 1px; 
	border-collapse:collapse;
	background-color: #6c9ed8;
	color:#ffffff;
}

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

.cornerBoxPage{
	cursor:pointer;
	color: #333333;
	background-color: #ffffff;
}

.cornerBoxPage a{
	background-color: #e2e2e2;
	color: #333333;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	display: block;
	width: 100%;
	cursor: pointer;
	padding:1px;
	font-size:10px;
}

.cornerBoxPage a:hover{
	background-color: #ccdbe5;
}

.cornerBoxPageFirstLast a{
	background-color: #7a7a7a;
	color: #fff;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	display: block;
	width: 100%;
	cursor: pointer;
	padding:1px;
	font-size:10px;
}

.cornerBoxPageFirstLast a:hover{
	background-color: #ccdbe5;
	color: #333;
}

.cornerBoxPagePreviousNext a{
	background-color: #a1a1a1;
	color: #fff;
	font-weight: normal;
	text-align:center;
	text-decoration:none;
	display: block;
	width: 100%;
	cursor: pointer;
	padding:1px;
	font-size:10px;
}

.cornerBoxPagePreviousNext a:hover{
	background-color: #ccdbe5;
	color: #333;
}

.cornerBoxPageActive{
	cursor:pointer;
	color: #ffffff;
}

.cornerBoxPageActive a{
	background-color: #6c9ed8;
	color: #ffffff;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	display: block;
	width: 100%;
	cursor: pointer;
	padding:1px;
	font-size:10px;
}

.cornerBoxPageActive a:hover{
	background-color: #6c9ed8;
}

.menuArrowDown{
	background:url(/css/style_light/arrowDown.png) center no-repeat; 
	line-height:11px; 
	height:11px;
	width:15px;
}
.menuArrowRight{
	background:url(/css/style_light/arrowRight.png) center no-repeat; 
	line-height:11px; 
	height:11px;
	width:15px;
}.menuArrowRightSub{
	background:url(/css/style_light/arrowRightSub.png) center no-repeat; 
	line-height:11px; 
	height:11px;
	width:15px;
}

.inftopMid{
	background-color:#fff;
}
.inftopLeft{
	background:url(/css/spacer.gif) no-repeat left top #ffffff;
}
.inftopRight{
	background:url(/css/spacer.gif) no-repeat right top #ffffff;
}
.infbotLeft{
	background:url(/css/spacer.gif) no-repeat left bottom #ffffff;
}
.infbotRight{
	background:url(/css/spacer.gif) no-repeat left bottom #ffffff;
}
.inf_bg{
	background:url(/css/spacer.gif) repeat-x #FFFFFF;
}

.navLinks {
	clear: both;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
.navLinks  a{
	color:#9dc1d8;
	font-size:20px;
	text-decoration:none;
}
.navLinks  a:hover{
	color:#6c9ed8;
	font-size:20px;
	text-decoration:none;
}
.navLinksHover  a{
	color:#6c9ed8;
	font-size:20px;
	text-decoration:none;
}
.navLinksHover  a:hover{
	color:#6c9ed8;
	font-size:20px;
	text-decoration:none;
}

.faqList{
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.faqList a{
	color:#333333;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.faqList a:hover{
	color:#000000;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	text-decoration:underline;
}

.faqListCat{
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.faqListCat a{
	color:#333333;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.faqListCat a:hover{
	color:#000000;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:underline;
}

.faq_content p { font-family:Tahoma,verdana,arial; font-size:13px; color: #333; line-height:14px; }
.faq_content td { font-family:Tahoma,verdana,arial; font-size:13px; color: #333; line-height:14px; }

.tabMenu1{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_01.png) no-repeat top; cursor:pointer; }
.tabMenu2{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_02.png) no-repeat top; cursor:pointer; }
.tabMenu3{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_03.png) no-repeat top; cursor:pointer; }
.tabMenu4{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_04.png) no-repeat top; cursor:pointer; }
.tabMenu5{ width:193px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_05.png) no-repeat top; cursor:pointer; }
.tabMenu1_Over{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Over_01.png) no-repeat top; cursor:pointer; }
.tabMenu2_Over{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Over_02.png) no-repeat top; cursor:pointer; }
.tabMenu3_Over{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Over_03.png) no-repeat top; cursor:pointer; }
.tabMenu4_Over{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Over_04.png) no-repeat top; cursor:pointer; }
.tabMenu5_Over{ width:193px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Over_05.png) no-repeat top; cursor:pointer; }
.tabMenu1_Active{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Active_01.png) no-repeat top; cursor:pointer; }
.tabMenu2_Active{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Active_02.png) no-repeat top; cursor:pointer; }
.tabMenu3_Active{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Active_03.png) no-repeat top; cursor:pointer; }
.tabMenu4_Active{ width:194px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Active_04.png) no-repeat top; cursor:pointer; }
.tabMenu5_Active{ width:193px; height:25px; float:left; text-align:left; background:url(/css/style_light/tabMenu_Active_05.png) no-repeat top; cursor:pointer; }
.tabMenuSep{ width:2px; height:25px; float:left; text-align:left; background:#072339; background:url(/css/style_light/tabMenu_Sep.png) no-repeat top; }

#bxTopLeft{ width:7px; height:28px; float:left; text-align:left; background:url(/css/style_light/bxTopLeft.png) no-repeat top; }
#bxTopRight{ width:7px; height:28px; float:left; text-align:right; background:url(/css/style_light/bxTopRight.png) no-repeat top; }
#bxBottomLeft{ width:7px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomLeft.png) no-repeat top; }
#bxBottomRight{ width:7px; height:7px; float:left; text-align:right; background:url(/css/style_light/bxBottomRight.png) no-repeat top; }

#bxTopMidCenter{ width:502px; height:28px; float:left; text-align:left; background:url(/css/style_light/bxTopMid.png) repeat-x top; }
#bxBottomMidCenter{ width:502px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomMid.png) repeat-x top; }
#bxContentCenter{ width:514px; float:center; clear:both; text-align:center; background: #FFF; color:#333333; font-size:13px; font-weight: normal; text-decoration:none; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding-top:10px;}

#bxTopMidLeft{ width:225px; height:28px; float:left; text-align:left; background:url(/css/style_light/bxTopMid.png) repeat-x top; }
#bxBottomMidLeft{ width:225px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomMid.png) repeat-x top; }
#bxContentLeft{ width:237px; float:center; clear:both; text-align:center; background: #FFF; color:#333333; font-size:13px; font-weight: normal; text-decoration:none; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding-top:10px;}

#bxTopMidRight{ width:188px; height:28px; float:left; text-align:left; background:url(/css/style_light/bxTopMid.png) repeat-x top; }
#bxBottomMidRight{ width:188px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomMid.png) repeat-x top; }
#bxContentRight{ width:200px; float:center; clear:both; text-align:center; background: #FFF; color:#333333; font-size:13px; font-weight: normal; text-decoration:none; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding-top:10px;}

#bxTopMidExpand{ width:953px; height:28px; float:left; text-align:left; background:url(/css/style_light/bxTopMid.png) repeat-x top; }
#bxBottomMidExpand{ width:953px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomMid.png) repeat-x top; }
#bxContentExpand{ width:965px; float:center; clear:both; text-align:center; background:#FFF; color:#333333; font-size:13px; font-weight:normal; text-decoration:none; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding-top:10px;}

#bxTopMidLeftExpand{ width:746px; height:28px; float:left; text-align:left; background:url(/css/style_light/bxTopMid.png) repeat-x top; }
#bxBottomMidLeftExpand{ width:746px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomMid.png) repeat-x top; }
#bxContentLeftExpand{ width:758px; float:center; clear:both; text-align:center; background: #FFF; color:#333333; font-size:13px; font-weight: normal; text-decoration:none; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding-top:10px;}

#bxTopMidRightExpand{ width:709px; height:28px; float:left; text-align:left; background:url(/css/style_light/bxTopMid.png) repeat-x top; }
#bxBottomMidRightExpand{ width:709px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomMid.png) repeat-x top; }
#bxContentRightExpand{ width:721px; float:center; clear:both; text-align:center; background: #FFF; color:#333333; font-size:13px; font-weight: normal; text-decoration:none; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding-top:10px;}

#bxTopLeftFooter{ width:7px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxTopLeftFooter.png) no-repeat top; }
#bxTopRightFooter{ width:7px; height:7px; float:left; text-align:right; background:url(/css/style_light/bxTopRightFooter.png) no-repeat top; }
#bxTopMidFooter{ width:953px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxTopMidFooter.png) repeat-x top; }
#bxBottomMidFooter{ width:953px; height:7px; float:left; text-align:left; background:url(/css/style_light/bxBottomMid.png) repeat-x top; }
#bxContentFooter{ width:965px; float:center; clear:both; text-align:center; background: #FFF; color:#333333; font-size:13px; font-weight: normal; text-decoration:none; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding-top:0px;}

#bxTitleLeft{ float:left; margin-top:4px; color:#FFF; font-size:13px; font-weight:bold; line-height:18px; text-align:left; vertical-align:bottom; text-decoration:none; padding-left:2px; padding-right:2px; }
#bxTitleRight{ float:right; padding-top:4px; color:#333333; font-size:13px; font-weight:normal; line-height:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; text-decoration:none; }
#clear{ float:none; clear:both; display:block; }

#_bxTitleLeftInnerLeft{ margin-top:4px; width:4px; height:18px; float:left; text-align:left; background:url(/css/style_light/bxTitleBGLeft.png) no-repeat top; }
#_bxTitleLeftInnerRight{ margin-top:4px; width:4px; height:18px; float:left; text-align:left; background:url(/css/style_light/bxTitleBGRight.png) no-repeat top; }

#bx2TopLeft{ width:7px; height:28px; float:left; text-align:left; background:url(/css/style_light/bx2TopLeft.png) no-repeat top; }
#bx2TopRight{ width:7px; height:28px; float:left; text-align:right; background:url(/css/style_light/bx2TopRight.png) no-repeat top; }
#bx2TopMidCenter{ width:502px; height:28px; float:left; text-align:left; background:url(/css/style_light/bx2TopMid.png) repeat-x top; }
#bx2TitleLeft{ float:left; margin-top:4px; color:#FFF; font-size:13px; font-weight:bold; line-height:18px; text-align:left; vertical-align:bottom; text-decoration:none; padding-left:2px; padding-right:2px; }
#bx2TitleRight{ float:right; padding-top:4px; color:#333333; font-size:13px; font-weight:normal; line-height:20px; height:20px; overflow:hidden; text-align:right; vertical-align:bottom; text-decoration:none; }

.signupIcon{ width:202px; height:50px; float:center; text-align:left; clear:both; background:url(/css/style_light/icon_signUp.gif) no-repeat top; cursor:pointer; }
.renewIcon{ width:202px; height:50px; float:center; text-align:left; clear:both; background:url(/css/style_light/icon_renew.gif) no-repeat top; cursor:pointer; }

.btn{ font-size:11px;padding:0;width:87px;height:23px;background:url(/css/style_light/button.png) center no-repeat; border:none;color:#CCCCCC}

.menuBrowseCat{
	padding-top:4px; 
	height:22px; 
	text-align:left; 
	padding-left:15px; 
	background:#cccccc; 
	color:#000; 
	border-top:#cccccc 1px solid; 
	border-bottom:#cccccc 1px solid;
	color:#333; 
	text-decoration:none; 
	font-weight:bold;
}
.menuBrowseCat a{
	color:#333; 
	text-decoration:none; 
	font-weight:bold;
}
.menuBrowseCatActive{ background:#6c9ed8; }
.menuBrowseCatActive a{	color:#fff; text-decoration:none; font-weight:bold; }

.menuBrowseCatIcon{ background:url(/css/style_light/arrowIcon.png) no-repeat right; margin-right:10px ; width:20px;}
.menuHelpCatExpandIcon{ background:url(/css/style_dark/expand.png) no-repeat right; margin-right:10px ; width:20px;}
.menuHelpCatCollapseIcon{ background:url(/css/style_dark/collapse.png) no-repeat right; margin-right:10px ; width:20px;}
.menuHelpCatActive{ background: #629ed7; font-weight:bold;}
/*prite edit 20090608 add class for help icon*/
.menuHelpIcon{ background:url(/css/style_light/arrowIcon2.png) no-repeat right; margin-right:10px ; width:20px;}

.subMenuBrowseCatActive { color:#336699; }
.subMenuBrowseCatActive a{ color:#336699; }

.subMenu {
	position: absolute;
	z-index:500;
	width: 194px;
	background:url(/css/subMenuBg.png) repeat-x top;
	filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;
	background-color: #343434;
	color: #fff;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
.subMenuList {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.subMenuList li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}
.subMenuList li:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #659CD8;
}
.subMenuList a {
	margin: 0px 0px 0px 0px;
	width:100%;
	height:100%;
	display:block;
	color:#FFF;
	background:#404040;
}
.subMenuList a:hover {
	margin: 0px 0px 0px 0px;
	color:#FFF;
	background:#6c9ed8;
}

.productsDetail{ color:#333; }

.trialBannerHeader{ background:url(/css/style_light/trialBanner.png) no-repeat center; }