/* 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;font-weight:300;font-size:11px;font-family:Arial;margin:0;padding:0;}
body{background: #FFF url('../img/body_bg.jpg') repeat-x;color: #32531A;}
div#header{background: url('../img/nav_bar_bg.jpg') repeat-x;height: 130px;border-bottom: solid 1px #FAE0AF;}
div#header,div#main{width: 985px;}
div#logo{width: 231px;height: 120px;background: url('../img/logo_bg.jpg') no-repeat;float: left;}
div#logo_date{margin: 95px 0 0 16px;}
/* NAVIGATION BAR */
div#nav_bar{float: left;}
ul#nav_bar_list li{float: left;list-style-type: none;}
ul#nav_bar_list li.first{background: url('../img/icon_home.gif') no-repeat 16px 32px;}
ul#nav_bar_list li a,ul#nav_bar_list li a:Active,ul#nav_bar_list li a:Visited{width: 90px;display: block;color: #32531A;text-align: center;text-decoration: none;font-size: 13px;font-weight: bold;padding: 30px 0 20px 0;border-left: solid 1px #D2E5B1;border-right: solid 1px #FFF;}
ul#nav_bar_list li.active a,ul#nav_bar_list li.active a:Active,ul#nav_bar_list li.active a:Visited,ul#nav_bar_list li a:Hover{color: #32531A;background: url('../img/nav_bar_highlight.jpg') no-repeat;}
/* DROP DOWN */
ul.nav_dropdown{width: 106px;_width: 100px;position: absolute;z-index: 100;display: none;border-top: solid #FF9900 2px;background: #5B5B5B;}
ul#nav_bar_list ul.nav_dropdown li{display: block;float: none;line-height: 11px;border-bottom: solid 1px #525252;}
ul#nav_bar_list ul.nav_dropdown li a,ul#nav_bar_list ul.nav_dropdown li a:Active,ul#nav_bar_list ul.nav_dropdown li a:Visited{display: block;width: auto;_width: 100px;color: #FFF;padding: 8px 2px 8px 4px;border: 0;border-top: solid 1px #6C6C6C;text-align: left;font-size: 11px;font-weight: 300;background: #5B5B5B;}
ul#nav_bar_list ul.nav_dropdown li a:Hover{color: #DFEDCA;background: #6D6D6D;}
/* INFO BAR */
div#info_bar{float: left;margin: 14px 0 0 10px;}
div#info_bar ul li.first{border-left: 0;}
div#info_bar ul li{float: left;list-style-type: none;border-left: solid 1px #FAE0AF;border-right: solid 1px #FFF;width: 110px;height: 40px;}
div#info_bar ul li{padding: 4px 0 0 10px;}
div#info_bar ul li h1{font-size: 12px;font-weight: bold;color: #32531A;margin-bottom: 2px;}
/*** MAIN ***/
div#main{border-top: solid 1px #FFF;}
/* LEFT BAR */
div#left_bar{width: 155px;_width: 143px;padding-top: 12px;margin-left: 7px;float: left;display: inline;}
div#left_bar h1{font-size: 15px;font-weight: bold;}
div#left_bar h2{color: #FF9900;font-weight: bold;}
div#left_bar div#divBtnLogout{padding-left: 77px;margin-bottom: 5px;}
#profile_image{border:solid 1px #F5D3D3;height:135px;width:135px;margin: 10px 0 10px 0;}
/* ANNOUNCEMENT BAR */
div#announcement{margin-bottom: 10px;}
div#ann_bar{background:  url(../img/ann/ann_bar_bg.gif) no-repeat;width: 798px;height: 26px;}
div#ann_ctrl_more{background: url(../img/ann/ann_btn_more.gif) no-repeat 9px 9px;width: 25px;height: 24px;float: left;display: inline;cursor: pointer;}
div#ann_ctrl_more.ann_less{background-image: url(../img/ann/ann_btn_less.gif);}
div#ann_content{color:#FFF;width:728px;line-height:26px;margin:0 3px 0 10px;float: left;display: inline;}
div#ann_ctrls, div#ann_ctrls div{float: left;display: inline;}
div#ann_ctrls_left, div#ann_ctrls_right {width:15px;height: 24px;cursor:pointer;}
div#ann_ctrls_left{background: url(../img/ann/ann_btn_left.gif) no-repeat 2px 9px;}
div#ann_ctrls_right{background: url(../img/ann/ann_btn_right.gif) no-repeat 2px 9px;}
div#ann_more_content{color:#FFF;display:none;padding:6px 8px 6px 8px;clear: both; background: #5E7D41;}
/* CONTENTS */
div#breadcrumb{float: right;font-size: 11px;font-weight: normal;background: url(../img/icon_home.gif) no-repeat 0 4px;padding-left: 14px;}
div#contents_container{float: left;width: 807px;background: url('../img/line_bg.gif') repeat-y;}
div#contents{padding: 10px 0 0 10px;}
/* FOOTER */
div#footer{clear: both;padding: 20px 0 9px 15px;background: url('../img/footer_bg.jpg') repeat-x 0 10px; text-align: center;}
div#footer select#optSites{float: right;}
/*** GENERAL STYLES ***/
div#contents h1{background: url('../img/h1_bullet.gif') 3px 2px no-repeat;margin: 4px 0 15px 0;height: 20px;padding-left: 25px;font-size: 17px;font-weight: bold;line-height: 20px;}
a, a:Active, a:Visited{text-decoration:none;color:#F5D3D3;}
a:Hover{color:#FF9900;}
/* TABS */
.tab_nav{height:26px;}
.tab_nav ul{list-style-type:none;margin:0;padding-right:10px 10px 0 10px;}
.tab_nav li{background:url(../img/tab_left.gif) no-repeat;float:left;}
.tab_nav li.first{background:url(../img/tab/tab_left_first.gif) no-repeat;padding-left: 5px;}
.tab_nav a{background:url(../img/tab/tab_right.gif) no-repeat right 0;color:#B9C4B3;display:block;font-weight:700;padding:5px 55px 7px 2px;text-decoration:none;white-space:nowrap;}
.tab_nav li.first a{padding-left: 7px;}
.tab_nav li.last a{background-image :url(../img/tab/tab_right_last.gif);}
.tab_nav a:hover{color: #32531A;}
.tab_nav li.active,.tab_nav li.active_last{margin-left: -53px;padding-left: 45px;background-image:url(../img/tab/tab_active_left.gif);}
.tab_nav li.active a,.tab_nav li.active_first a,.tab_nav li.active_last a{background-image:url(../img/tab/tab_active_right.gif);color:#32531A;}
.tab_nav li.active_first, .tab_nav li.single{background-image:url(../img/tab/tab_active_left_first.gif); padding-left: 5px;}
.tab_nav li.active_last a{background-image:url(../img/tab/tab_active_right_last.gif);}
.tab_nav li.single a{background-image:url(../img/tab/tab_single_right.gif);color:#32531A;}
/* Tab Header */
#tab_header,.tab_header{background:url(../img/tab/tab_hdr_bg.gif) no-repeat left top;margin:-2px 0 3px 0;width:798px;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;}
/* =center panel: action panel */
#action_panel{background:url(../img/act_pnl_bg.gif) repeat-x left top;height:20px;padding:4px 0 2px 10px;}
/* =center panel: button panel */
div.button_panel{border-top:solid 1px #FAE0AF;height:20px;padding:5px 5px 5px 5px;}
div.button_panel ul.button{float:right; margin: 0px 0px 0px 5px;}
/* =general: button & icon */
ul.button,ul.icon{background:url(../img/btn/btn_left.gif) no-repeat left top;cursor:pointer;display:block;float:left;height:20px;margin:0 8px 0 0;padding:0;}
ul.button li,ul.icon li{border:0;display:block;float:left;height:20px;line-height:20px;margin:0;padding:0;}
ul.button li.btn_icon{background:url(../img/btn/btn_left.gif) no-repeat 0 0;position:static;width:10px;}
ul.icon li.btn_icon{background:url(../../img/btn/button_sprite.gif) no-repeat 0 0;margin-left:5px;*margin-left:2px;position:static;width:20px;}
ul.icon{border:none;height:20px;}
ul.icon li.btn_icon{height:19px;margin-top:1px;}
ul.button li.btn_name{background:url(../img/btn/btn_right.gif) no-repeat right top;color:#F5D3D3;padding:0px 15px 0px 4px;vertical-align:middle;}
ul.button li.btn_name input[type=button]{margin-top:-2px;}
#btn_cancel{background-position:0 -20px;}
#btn_export{background-position:0 -300px;}
#btn_excel{background-position:0 -320px;}
#btn_pdf{background-position:0 -340px;}
#btn_down{background-position:-100px -60px;}
#btn_search{background-position:0 -160px;}
/* =general: popup menu */
dl.button_menu{display:block;float:left;margin:0;padding:0;position:relative;}
dl.button_menu dt{display:block;margin:0;padding:0;}
dl.button_menu dd.button_menu_cont{background-color:#5E1313;border:1px solid #2F0909;display:none;margin:1px 0;position:absolute;width:150px;}
dl.button_menu dd.button_menu_cont ul,dl.button_menu dd.button_menu_cont li{list-style:none;margin:0;padding:0;}
dl.button_menu dd.button_menu_cont a.item_wrapper{display:block;padding:3px 10px 3px 0px;text-decoration:none;}
dl.button_menu dd.button_menu_cont a:hover.item_wrapper{background-color:#882929;}
dl.button_menu dd.button_menu_cont input.item_icon{background-color:transparent;background-image:url(../../../2/img/btn/button_sprite.gif);background-repeat:no-repeat;border:none;height:18px;margin:0px 5px;padding:0;width:18px;}
/* =general: input, select, textarea */
input[readonly=readonly]{background-color:#F8F5F0;}
input,select,textarea{background-color:#FCFBF9;border:1px solid #2F0909;}
input.input_button{background-color:#FCFBF9;background-image:url(../../../2/img/btn/button_sprite.gif);background-repeat:no-repeat;border:1px solid #2F0909;border-left:none;cursor:pointer;margin:0;padding:0;height:18px;width:18px;}
input.input_button:hover{border-left:1px solid #2F0909;}
input.input_search_text{background-color:#FFF;border:1px solid #999;border-right:none;color:#72809A;height:20px;*height:12px;padding:3px 22px 3px 3px;width:125px;}
input.input_search_button{background-color:#FFF;background-image:url(../../../2/img/btn/button_sprite.gif);background-repeat:no-repeat;border:1px solid #999;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 #999;}
input.button_button{background:url(../../../2/img/btn/button_sprite.gif) no-repeat 0 0;border:none;cursor:pointer;margin:0 4px 0 10px;padding:0;height:18vpx;width:18px;}
select{background-color:#FFF;border:1px solid #2F0909;height:18px;}
div.clearer{clear:both;}
div.profile_image_wrapper{background-color:#fff;border:1px solid #333;height:96px;margin:0px auto 0px auto;width:120px;float:left;background-repeat:no-repeat;background-position:center;border-top-style:none;border-left-style:none;border-bottom-style:groove;border-right-style:groove;border-bottom-color:#CCCCCC;border-right-color:#CCCCCC;}
#feedback_img {	vertical-align:text-top; font-style:italic;}
div.messageBox{margin:4px 5px 15px 5px;border:solid 1px #FFCC00;background:#FFF;}
/* =error */
div#main_header h1{font-size:14px;font-weight:700;line-height:30px;margin:10px;}
/* =payment table */
/*-------------------------------------------------------*/
#pay_tbl { margin:15px 0; }
#pay_tbl td { text-align:right; }
#pay_tbl td.insuf { color:#FF3333; }
#pay_tbl th { text-align:left; }
span.disabled { color: #999999;}
/* =step panel */
/*-------------------------------------------------------*/
div.step_panel{background:#FFF;border:1px solid #EAEAE9;margin:10px 0;padding:0 3px;height:48px;}
div.step_panel ul{margin:0;padding:0;}
div.step_panel ul li{background:url('../../img/step/active_none.jpg') no-repeat right top;float:left;display:block;padding:0 21px 0 0;height:48px;}
div.step_panel ul li.last{background:none;}
div.step_panel ul li div{height:40px;margin:2px 0;padding:2px 20px 2px 5px;_float:left;}
div.step_panel ul li h3{background:url('../../img/bullet/orange_dot.gif') no-repeat left 4px;color:#CECECE;font-weight:700;padding-left:10px;margin-top:3px;}
div.step_panel ul li h3 span{color:#CECECE;}
div.step_panel ul li h4{color:#CECECE;font-weight:700;margin:5px 0 0 10px;}
div.step_panel ul li.active{background: url('../../img/step/active_left.jpg') no-repeat right top;}
div.step_panel ul li.active_right{background: url('../../img/step/active_right.jpg') no-repeat right top;}
div.step_panel ul li.active h3{background:url('../../img/bullet/red_dot.gif') no-repeat left 4px;color:#333;padding-left:10px;}
div.step_panel ul li.active div{background:#F0F0F0;}
div.step_panel ul li.active h3 span{color:#757575;}
div.step_panel ul li.active h4{color:#006699;}
/* =listing panel */
/*-------------------------------------------------------*/
div.listing_panel{width:100%;margin:10px 0;}
div.listing_panel div.toolbar{background:#F0F0F0;border:1px solid #CCC; padding:5px 10px;}
div.listing_panel table tbody tr td{margin:0px;padding:0px 10px 0px 0px;}
div.listing_panel table tbody tr td.left{margin:0px;padding:0px;width:auto;}
div.listing_panel table tbody tr td.right{margin:0px;padding:0px;width:200px;}
/* =CART BOX */
/*-------------------------------------------------------*/
div#cart_box div.top{background:url('../img/cart/cart_top_bg.jpg') no-repeat;height:6px;}
div#cart_box div.center{background:url('../img/cart/cart_ctr_bg.jpg') repeat-y center;padding:0 10px;}
div#cart_box div.center h3{background:url('../../img/icon/cart.gif') no-repeat;border-bottom:1px solid #CCC;font-size:12px;font-weight:700;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 td{width:auto;padding:5px;}
div#cart_box div.center div.cart_summary{display:block;height:40px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin-top:5px;}
div#cart_box div.center div.cart_summary div{float:left;width:90px;padding:5px 0;}
div#cart_box div.center div.cart_summary div.clearer{float:none;margin-bottom:5px;padding:0px;margin:0px 0px 5px 0px;width:auto;}
div#cart_box div.bottom{background:url('../img/cart/cart_btm_bg.jpg') no-repeat;height:6px;}
div#cart_box ul.icon,
div#cart_box ul.icon li.btn_name{background:none;}
/* =PRODUCT WRAPPER */
/*-------------------------------------------------------*/
div.product_wrapper{background:url('../../img/prod/prod_box_bg.jpg') no-repeat left top;display:block;float:left;height:280px;width:180px;margin:10px 10px 30px 0;}
div.product_wrapper div.img{height:140px;}
div.product_wrapper h2{background:url('../../img/bullet/bullet_arrow_grey.gif') no-repeat left 10px;color:#B14747;font-size:14px;font-weight:700;padding:5px 0 5px 10px;}
div.product_wrapper ul.info{display:block;height:20px;line-height:20px;margin:0;padding:0;}
div.product_wrapper ul.info li{color:#333;float:left;font-weight:700;display:block;width:90px;}
div.product_wrapper ul.info li.right{color:#333;border-left:1px solid #B3CDEC;padding-left:10px;width:79px;}
div.product_wrapper div.desc{clear:both;height:40px;padding:3px 0;overflow-x:hidden;overflow-y:auto;margin:0 0 10px 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;text-decoration:none;width:94px;}
div.product_wrapper div.button a.btn:hover{color:#FFF;}
div.product_wrapper div.button a.btn span{padding-left:30px;}
/* =increment box */
/*-------------------------------------------------------*/
div.increment_box{width:50px;}
div.increment_box input{float:left;height:20px;line-height:20px;width:28px;}
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;}
/*-------------------------------------------------------*/
/* =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.img_wrapper{background:url('../../img/prod/prod_box_bg.jpg') no-repeat left top;float:left;height:140px;width:180px;}
table#tblShoppingCart tbody tr td div.prod_img{background-color:transparent;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_name h3{color:#B14747;font-size:12px;font-weight:700;}
table#tblShoppingCart tbody tr td div.prod_desc{line-height:14px;height:90px;overflow-y:auto;padding-left:10px;}
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 #B3CDEC;padding-left:10px;width:79px;}
table#tblShoppingCart tbody tr td{border-bottom:1px solid #CCC;}
/*-------------------------------------------------------*/
/* =LEFT SUB MENU: DOWNLOAD, REGISTER */
div#left_bar{ padding-top:0px;}
div#language_bar{ background-color:#F0E7BD;	border-bottom:1px solid white; padding:10px; margin-bottom:12px; }
div#language_bar #language_title{ font-weight:bold; display:inline-block; width:55px; text-align:center; }
div#left_bar .left_menu{ background:url(../img/btn/left_bar_menu_green.gif) no-repeat; height:36px;	padding-top: 6px; padding-left: 9px; width:136px; cursor:pointer; }
.yellow{ background:url(../img/btn/left_bar_menu_yellow.gif) no-repeat;	height:36px; padding-top: 6px; padding-left: 9px; width:136px; cursor:pointer; }
div#left_sub_menu_link  a:link, div#left_sub_menu_link  a:visited, div#left_sub_menu_link  a:hover, div#left_sub_menu_link  a:active{ color: #40552D; }
div#left_bar .left_menu_icon{ float:left; }
div#left_bar span.left_menu_display_text{ float:left; margin: 5px 0px 0px 5px; font-weight:bold; white-space:nowrap; }