/* =reset
/*-------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{border:0;margin:0;padding:0;}
/* =general tag
/*-------------------------------------------------- */
body {
	background: url(../img/body_bg.jpg) repeat-x;
	color:#666;
	font-size: 12px;
	font-family: Arial;
}
h1,h2,h3{font-weight:700;}
h1{font-size:24px;}
h1.page_header{font-size:18px;}
h2{font-size:18px;}
h2.table_header{
	background:transparent url(../img/table_header_bg.jpg) no-repeat 0 0;
	color:#FFF;
	font-size:12px;
	font-weight:700;
	height:41px;
	line-height:41px;
	margin:15px 0 0;
	padding:0 0 0 35px;
}
h2.table_header2{margin:0;}
h3{font-size:13px;}
a:link, a:visited{color:#666;}
a:hover{color:#51A8FF;}

.align-left{text-align:left;}
.align-right{text-align:right;}

.fleft{float:left;}
.fright{float:right;}
/* =border color
/*-------------------------------------------------- */
.bdrtop1{border-top:1px solid #CCC;}
.bdrright1{border-right:1px solid #CCC;}
.bdrbottom1{border-bottom:1px solid #CCC;}
.bdrleft1{border-left:px solid #CCC;}
/* =span color
/*-------------------------------------------------- */
.red{color:#D20911;}
.green{color:green;}
.gray{color:#CCC;}
/* =margin
/*-------------------------------------------------- */
.mtop5{margin-top:5px;}
.mright5{margin-right:5px;}
.mbottom5{margin-bottom:5px;}
.mleft5{margin-left:5px;}
.mall5{margin:5px;}
.mtopbottom5{margin-top:5px;margin-bottom:5px;}
.mside5{margin-left:5px;margin-right:5px;}

.mtop10{margin-top:10px;}
.mright10{margin-right:10px;}
.mbottom10{margin-bottom:10px;}
.mleft10{margin-left:10px;}
.mall10{margin:10px;}
.mtopbottom10{margin-top:10px;margin-bottom:10px;}
.mside10{margin-left:10px;margin-right:10px;}
/* =cennter panel: main
/*-------------------------------------------------- */
#main_header{background:url(../img/tab/tab_bg.jpg) repeat-x left bottom;position:relative;}
#main_header h1{margin:0;padding:0 0 15px;}
/* =cennter panel: tab
/*-------------------------------------------------- */
.tab_nav{height:22px;}
.tab_nav ul{list-style-type:none;margin:0;padding-right:10px 10px 0 10px;height:24px;}
.tab_nav li{background:url(../img/tab/tab_left.gif) no-repeat left top;float:left;margin-left:3px;padding:0 0 0 3px;}
.tab_nav a{background:url(../img/tab/tab_right.gif) no-repeat right top;color:#333;display:block;float:none;font-weight:700;padding:5px 15px 4px 12px;text-decoration:none;white-space:nowrap;}
.tab_nav a:hover{_text-decoration:none;_color:#333;}
.tab_nav li:hover,.tab_nav li.active,.tab_nav li.active_first,.tab_nav li.active_last{background-image:url(../img/tab/active_tab_left.gif);}
.tab_nav li:hover a{background-image:url(../img/tab/active_tab_right.gif);color:#333;}
.tab_nav li.active a,.tab_nav li.active_first a,.tab_nav li.active_last a{background-image:url(../img/tab/active_tab_right.gif);color:#333;padding-bottom:5px;}
/* =cennter panel: tab header
/*-------------------------------------------------- */
#tab_header,
.tab_header{height:30px;}
#tab_header ul,#tab_header li,
.tab_header ul,.tab_header li{list-style:none;margin:0;padding:0;}
#tab_header li,
.tab_header li{float:right;padding-right:12px;padding-top:5px;}
#tab_header div.tab_desc,
.tab_header div.tab_desc{color:#333;float:left;line-height:20px;padding:5px;}
#tab_header div.tab_controls,
.tab_header div.tab_controls{height:30px;}
#optKeyword{border-right:none;}
/* =cennter panel: advanced search panel
/*-------------------------------------------------- */
#search-box-content{display:none;}
/* =cennter panel: action panel
/*-------------------------------------------------- */
#action_panel{background:transparent;border-top:1px solid #99A9AA;height:20px;padding:4px 10px;}
/* =payment table */
/*-------------------------------------------------------*/
#pay_tbl { width:380px; border:solid 1px #CCC; background-color:#FCFCFC; margin:15px 0px 15px 15px; }
#pay_tbl tr.total th,
#pay_tbl tr.total td { border-top:1px solid #333; }
#pay_tbl tr.total th,
#pay_tbl tr.total td,
#pay_tbl tr.total td span { background:#DDD; font-weight:700; }
#pay_tbl td { text-align:right; margin-right:3px; width:80px; height:25px; vertical-align:middle; border-bottom:solid 1px #CCCCCC;padding:0 4px; }
#pay_tbl th { text-align:left; margin-right:3px; width:300px; height:25px; vertical-align:middle; border-right:solid 1px #CCCCCC; padding:0 4px;border-bottom:solid 1px #CCCCCC; }
#pay_tbl td.insuf{ color:#FF3333; }
span.disabled { color: #999999;}
/* =step panel */
/*-------------------------------------------------------*/
div.step_panel{background:url('../../img/bullet/step_box_bg.gif') repeat-x;  width:auto; float:left; height:77px; margin-top:10px;}
div.step_panel ul{margin:0; padding:0; margin-top:3px;}
div.step_panel_left{background:url('../../img/bullet/step_box_left.gif') no-repeat; float:left; width:8px; height:77px; margin-left:10px; margin-top:10px;}
div.step_panel_right{background:url('../../img/bullet/step_box_right.gif') no-repeat; float:left; width:8px; height:77px; margin-top:10px;}
div.step_panel ul li{float:left;}
div.step_panel ul li.first{background:url('../../img/bullet/step_first.gif') no-repeat 8px 9%;padding-left:14px;}
div.step_panel ul li.last{background:url('../../img/bullet/step_last.gif') no-repeat 130px 9%; padding-right:14px;}
div.step_panel ul li h3{background:url('../../img/bullet/step_bg.gif') repeat-x left 4px;color:#fff; height:27px; width:/*90*/70px; text-align:center; padding-left:20px; padding-right:20px; padding-top:7px;}
div.step_panel ul li h3 b{ font-size:18px; }
div.step_panel ul li h4{color:#999999;font-weight:bold; width:/*90*/70px; text-align:center;padding-left:20px; padding-right:20px; height:38px; *height:34px; background:url('../../img/bullet/step_arrow.jpg') no-repeat; }
div.step_panel ul li.first h4{ background:none; }
div.step_panel ul li.process h4{color:#A22F11;}
div.step_panel ul li.active h4{color:#EAA10B;}
div.step_panel ul a:hover{ text-decoration:none; }
/* =miscellaneous: listing panel
/*-------------------------------------------------------*/
div.listing_panel{margin:10px;}
div.listing_panel div.toolbar{background:#EEE;border:1px solid #CCC; padding:5px 10px;}
div.listing_panel table tr td.left{margin:0px;padding:0px;width:auto;}
div.listing_panel table tr td.right{margin:0px;padding:0 0 0 10px;vertical-align:top;width:200px;}
/* =miscellaneous: cart box
/*-------------------------------------------------------*/
div#cart_box{border:1px solid #CCC;width:200px;}
div#cart_box div.top{/*border:1px solid #CCC;border-bottom:none;*/height:6px;}
div#cart_box div.center{/*border-left:1px solid #CCC;border-right:1px solid #CCC;*/padding:0 5px;}
div#cart_box div.center h3{background:url('../../img/icon/cart.gif') no-repeat;border-bottom:1px solid #CCC;padding:0 0 5px 25px;}
div#cart_box div.center table.cart_list{margin-top:5px;}
div#cart_box div.center table.cart_list tr.even{background:#F0F0EF;}
div#cart_box div.center table.cart_list tr th,
div#cart_box div.center table.cart_list tr td {line-height:14px;}
div#cart_box div.center table.cart_list tr td{width:auto;padding:5px;}
div#cart_box div.center div.cart_summary{display:block;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin-top:5px;}
div#cart_box div.center div.cart_summary div.item{float:left;width:90px;padding:5px 0;}
div#cart_box div.bottom{/*border:1px solid #CCC;border-top:none;*/clear:both;padding:8px 4px;}
div#cart_box div.bottom ul{float:right;margin:0 0 0 8px;}
/* =miscellaneous: product wrapper
/*-------------------------------------------------------*/
div.product_wrapper{float:left;height:250px;width:148px;margin:10px 20px 30px 0;}
div.product_wrapper div.img{border:1px solid #CCC;height:140px;}
div.product_wrapper h2{background:url('../../img/bullet/bullet_arrow_grey.gif') no-repeat left 8px;padding:3px 0 3px 10px; font-size:11px;}
div.product_wrapper ul.info{display:block;height:20px;line-height:20px;margin:0;padding:0;}
div.product_wrapper ul.info li{float:left;font-weight:700;display:block;padding:0 5px 0 0;}
div.product_wrapper ul.info li.right{border-left:1px solid #9FACAD;padding-left:5px;}
div.product_wrapper div.desc{clear:both;height:40px;padding:3px 0;overflow-x:hidden;overflow-y:auto;margin:0 0 5px 0;}
div.product_wrapper div.button a.btn{background:url('../../img/btn/btn_cart.gif') no-repeat left top;display:block;color:#CCC;font-weight:700;height:23px;line-height:22px;margin-bottom:14px;text-decoration:none;width:150px;}
div.product_wrapper div.button a.btn:hover{color:#FFF;}
div.product_wrapper div.button a.btn span{padding-left:30px;}
/* =miscellaneous: increment box
/*-------------------------------------------------------*/
div.increment_box input{float:left;height:20px;line-height:20px;width:25px;}
div.increment_box ul{float:left;list-style:none;margin:0;}
div.increment_box ul li{cursor:pointer;padding-left:2px;height:10px;width:15px;}
div.increment_box ul li img{display:block;}
/* =miscellaneous: shopping cart
/*-------------------------------------------------------*/
table#tblShoppingCart{}
table#tblShoppingCart tbody tr.even{background:#F0F0EF;}
table#tblShoppingCart tbody tr td{padding:5px 8px;}
table#tblShoppingCart tbody tr td div.prod_img{background-color:#FFF;background-repeat:no-repeat;background-position:center center;border:1px solid #CCC;float:left;height:140px;width:180px;}
table#tblShoppingCart tbody tr td div.prod_name{line-height:30px;height:30px;text-indent:10px;}
table#tblShoppingCart tbody tr td div.prod_desc{line-height:14px;height:90px;overflow-y:auto;padding-left:10px;white-space:normal;}
table#tblShoppingCart tbody tr td div.prod_price{line-height:30px;height:30px;text-indent:10px;}
table#tblShoppingCart tbody tr td div.prod_price ul.info{display:block;height:20px;line-height:20px;margin:0;padding:0;}
table#tblShoppingCart tbody tr td div.prod_price ul.info li{float:left;font-weight:700;display:block;width:90px;}
table#tblShoppingCart tbody tr td div.prod_price ul.info li.right{border-left:1px solid #9FACAD;padding-left:10px;width:79px;}
table#tblShoppingCart tbody tr td{border-bottom:1px solid #CCC;}
/* =general: input, select, textarea
/*-------------------------------------------------- */
input,select,textarea{background-color:#FFFFEA;border:1px solid #A7BCD6;font-size:11px;}
input[readonly="readonly"],
input.readonly{background:transparent;border:none;color:#666;}
input[type="radio"],input[type="checkbox"],
input.radio,input.checkbox {background:transparent;border:none;}
input.input_button {
	background-color:#FCFBF9;
	background-image:url(../../img/btn/button_sprite.gif);
	background-repeat:no-repeat;
	border:1px solid #809DB9;
	border-left:none;
	cursor:pointer;
	margin:0;
	padding:-1px;
	height:18px;
	width:18px;
	position:relative;
	top:1px;
	*top:0;
}
input.input_button:hover {border-left:1px solid #809DB9;}
input.input_search_text {
	border:1px solid #809DB9;
	color:#999;
	font-size:11px;
	float:left;
	padding:3px;
	position:relative;
	margin:0 10px 0 0;
}
#btn_delete_memb, input.cancel_cross {
	background:transparent url(../../img/btn/button_sprite.gif) repeat scroll 0 -20px;
	border:medium none;
}
input.input_search_button {
	background-color:#FFF;
	background-image:url(../../img/btn/button_sprite.gif);
	background-repeat:no-repeat;
	border:1px solid #809DB9;
	border-left:none;
	cursor:pointer;
	margin:0;
	padding:0;
	height:20px;
	width:20px;
}
input.input_search_button:hover {
	background-color:#FCFBF9;
	border-left:1px solid #809DB9;
}
input.button_button {
	background:url(../../img/btn/button_sprite.gif) no-repeat 0 0;
	border:none;
	cursor:pointer;
	margin:0 0 0 10px;
	padding:0;
	height:18px;
	width:18px;
}
ul.button:hover input.button_button {border-left:1px solid #809DB9;}
select{background-color:#FFF;border:1px solid #9FACAD;height:18px;}
/* Right side inc bar */
div.widget-content table.right_memb_info{ width:95%; margin:0px auto;}
div.widget-content table.right_memb_info th, div.widget-content table.right_memb_info td{ white-space:nowrap; padding:3px 2px; color:black;}
div.widget-content table.right_memb_info th{ width:40%; font-weight:normal; }
div.widget-content table.right_memb_info td{ width:60%; }
div.widget-content table.right_memb_info td.number{ text-align:right; }
div.widget-content table.right_memb_info td.red{ color:red; }
div.widget-content table.right_memb_info td.bold{ font-weight:bold; }
div.widget-content table.right_memb_info th span.table-unique-title{ font-size:12px; font-weight:bold; color: #666666; }
div.widget-content div#right_logout_btn{ background: transparent  url(../img/btn/btn_empty_2.gif) no-repeat; height:25px; width:55px; padding:5px 0px 0px 14px; font-size:11px;}
div.widget-content div#mail-icon{ background:transparent url(../../img/icon/sprite_mail.gif) no-repeat 1px -22px; width:19px; height:15px; float:left; display:inline-block; }
/* =align
/*-------------------------------------------------- */
.align-center{text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}
/* =float
/*-------------------------------------------------- */
.fleft{float:left;}
.fright{float:right;}
/* =border color
/*-------------------------------------------------- */
.bdrtop1{border-top:1px solid #CCC;}
.bdrright1{border-right:1px solid #CCC;}
.bdrbottom1{border-bottom:1px solid #CCC;}
.bdrleft1{border-left:px solid #CCC;}
/* =span color
/*-------------------------------------------------- */
.red{color:#D20911;}
.green{color:green;}
.gray{color:#CCC;}
/* =margin
/*-------------------------------------------------- */
.mall5{margin:5px;}
.mtop5{margin-top:5px;}
.mright5{margin-right:5px;}
.mbottom5{margin-bottom:5px;}
.mleft5{margin-left:5px;}
.mall5{margin:5px;}
.mtopbottom5{margin-top:5px;margin-bottom:5px;}
.mside5{margin-left:5px;margin-right:5px;}

.row-counter{ margin: 5px 10px;}

.mall10{margin:10px;}
.mtop10{margin-top:10px;}
.mright10{margin-right:10px;}
.mbottom10{margin-bottom:10px;}
.mleft10{margin-left:10px;}
.mall10{margin:10px;}
.mtopbottom10{margin-top:10px;margin-bottom:10px;}
.mside10{margin-left:10px;margin-right:10px;}
/* =padding
/*-------------------------------------------------- */
.pall5{padding:5px;}
.ptop5{padding-top:5px;}
.pright5{padding-right:5px;}
.pbottom5{padding-bottom:5px;}
.pleft5{padding-left:5px;}
.pall5{padding:5px;}
.ptopbottom5{padding-top:5px;padding-bottom:5px;}
.pside5{padding-left:5px;padding-right:5px;}

.pall10{padding:10px;}
.ptop10{padding-top:10px;}
.pright10{padding-right:10px;}
.pbottom10{padding-bottom:10px;}
.pleft10{padding-left:10px;}
.pall10{padding:10px;}
.ptopbottom10{padding-top:10px;padding-bottom:10px;}
.pside10{padding-left:10px;padding-right:10px;}
/* =etc
/*-------------------------------------------------- */
span.title {font-weight:700;}
span.date {color:#999;font-style:italic;}