body{background:#F0F1F4;color:#333;}
/* =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;}
/* =general
/*-------------------------------------------------- */
ul{margin:5px 0;}
li{list-style:none;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;}
a,a:visited,a:active{color:#333;outline:none;text-decoration:none;}
a:hover{color:#09F;text-decoration:underline;}
div.clearer{clear:both;font-size:1px;}
/* =header
/*-------------------------------------------------- */
h1,h2,h3{font-weight:700;margin:0;padding:0;}
h1{font-size:15px;margin:4px 0 5px;padding:4px 0 8px;}
h2{font-size:14px;font-weight:700;margin:2px 0 4px;}
/* =span color
/*-------------------------------------------------- */
.red{color:#D20911;}
.green{color:green;}
.gray{color:#CCC;}
#container{/*height:auto !important;*/min-height:768px;min-width:1024px;overflow:hidden;/*width:auto !important;*/}
/* =border layout
----------------------------------------- */
#border_layout{width:100%;}
#north_panel{height:65px;padding:5px 0px 5px 9px;}
#south_panel{height:38px;margin:2px 195px 0px;position:relative;}
#center_panel{background-color:#FFF;border:1px solid #9FACAD;*height:100%;/*margin:0px 195px;*/overflow:hidden;position:relative;width:auto;}
#west_panel_expanded,#west_panel_collapsed,#east_panel_expanded,#east_panel_collapsed{background-color:#FFF;border-bottom:1px solid #9FACAD;border-top:1px solid #9FACAD;height:677px;position:relative;width:190px;}
#west_panel_collapsed,#east_panel_collapsed{background-color:#ABB8BA;cursor:pointer;width:23px;}
#west_panel_collapsed:hover,#east_panel_collapsed:hover{background-color:#E2E6E7;}
#west_panel_expand_bar,#east_panel_expand_bar{color:#000;font-weight:700;height:486px;padding:60px 0px;position:relative;text-align:center;width:auto;}
/* =west panel
----------------------------------------- */
#west_panel_expanded,#west_panel_collapsed{border-right:1px solid #9FACAD;float:left;margin-right:5px;}
#west_panel_collapsed{border:1px solid #9FACAD;margin-left:5px;}
/* =east panel
----------------------------------------- */
#east_panel_expanded,#east_panel_collapsed{border-left:1px solid #9FACAD;float:right;margin-left:5px;}
#east_panel_collapsed{border:1px solid #9FACAD;margin-right:5px;}
#user_panel a.main_section{background:url('../img/right/bar_bg.gif') repeat-x 0 0;padding:4px 0 5px 10px;}
#user_panel div.main_section_content{padding:5px 10px;height:auto;}
#user_panel div.header_text{background:url('../img/right/btn_sprite.gif') no-repeat -30px 0;padding-left:20px;}
/* =west and east panel icons
----------------------------------------- */
.icon_wrap{cursor:pointer;float:right;height:15px;margin:5px 4px 3px;width:15px;}
#icoCollapseWest,#icoExpandEast{background:url('../img/left/nav_btn_sprite.gif') no-repeat 0 0;}
#icoExpandWest,#icoCollapseEast{background:url('../img/left/nav_btn_sprite.gif') no-repeat -15px 0;}
#accordion_nav_panel_content a div.icon_wrap,#quick_link_header div.icon_wrap{background:url('../img/left/nav_btn_sprite.gif') no-repeat -60px 0;margin:1px 4px 0 0;}
#accordion_nav_panel_content a.selected div.icon_wrap,#quick_link_header.expanded div.icon_wrap{background:url('../img/left/nav_btn_sprite.gif') no-repeat -45px 0;}
#quick_link_header.collapsed div.icon_wrap{background:url('../img/left/nav_btn_sprite.gif') no-repeat -60px 0;}
#user_panel a div.icon_wrap{background:url('../img/right/btn_sprite.gif') no-repeat 0 0;margin:1px 4px 0 0;}
#user_panel a.selected div.icon_wrap{background:url('../img/right/btn_sprite.gif') no-repeat -15px 0;}
/* =north panel
/*-------------------------------------------------- */
#company_logo{float:left;height:65px;width:186px;}
#header_controls{margin-left:186px;margin-right:5px;text-align:right;}
#btnLogout{background:url(../../img/btn_logout.gif) no-repeat 0px 1px;border:0;color:#333;cursor:pointer;font-family:Arial;font-size:1.0em;height:20px;margin:0;padding:0px 6px 5px 15px;*padding-top:3px;width:66px;}
#mixed_box{height:44px;position:relative;}
ul.list_inline{border:none;margin:0;}
ul.list_inline li{display:inline;margin:0;}
ul.list_inline li.seperator{background-image:url(../../img/seperator.gif);background-position:center;background-repeat:no-repeat;margin:0 10px;padding:0;}
ul.list_inline li.toggle_link a{background-image:url(../../img/icon/arrow_down_blue.gif);background-position:right;background-repeat:no-repeat;color:#333;padding-left:1px;padding-right:15px;text-decoration:none;}
ul.list_inline li.toggle_link a:hover,ul.list_inline li.selected a{background-color:#749BD1;background-image:url(../../img/icon/arrow_down_white.gif);color:#FFF;}
#languagetogglebox li,div#companytogglebox li{border-left:1px solid #FFF;}
#languagetogglebox a,div#companytogglebox a{color:#FFF;}
#languagetogglebox a:hover,div#companytogglebox a:hover{text-decoration:none;}
ul.list_inline li:first-child{border-left:none;}
/* =north panel: toogle box
/*-------------------------------------------------- */
div.list_inline_container{border:none;margin:0;vertical-align:middle;}
div.toggle_box{background-color:#749BD1;border:none;display:none;margin:0;text-align:center;}
div.toggle_box ul.list_inline{padding:3px 0;}
div.toggle_box li{padding:0 10px;}
div.toggle_box a{color:#FFF !important;}
/* =north panel: announcement box
/*-------------------------------------------------- */
#announcement_box{height:22px;text-align:left;}
#announcement_box div.system_title{float:left;font-weight:700;height:12px;padding:5px 0;width:200px;}
#announce_scroller{background-color:#E2E6E7;border:1px solid #99A9AA;height:20px;line-height:20px;margin-left:200px;}
#announce_button{float:right;width:75px;}
#announce_content,#announce_content_detail{margin-right:75px;padding:0px 10px;}
#announce_content_detail{background-color:#FFF;border:1px solid #99A9AA;position:relative;z-index:9309999;margin:0px 75px 0px 200px; border-top: 0px;display:none;*margin-top:-2px;}
/* =south panel
/*-------------------------------------------------- */
#footer{color:#999;font-size:11px;padding:12px 0 5px;position:relative;text-align:center;}
/* =accordion navigation panel
-------------------------------------------------- */
ul.main_section,ul.sub_section,ul.sub_link{margin:0;}
ul.main_section{width:190px;}
div.main_section_content,div.sub_section_content{background:#FFF;display:none;overflow:hidden;}
div.main_section_content{height:228px;_height:204px;}
div.overflow{overflow:auto;}
div.main_section_content p{color:#333;margin:0;padding:10px 10px 10px 20px;}
ul.main_section li{background-color:#FFF;border-top:solid 1px #9FACAD;color:#776339;}
ul.sub_section li{background:none;border-top:none;color:#333;}
ul.main_section h2{cursor:pointer;margin:0;}
.panel_header{background:url('../img/left/nav_bar_sprite.jpg') repeat-x 0 0;}
.panel_header_text{color:#000;float:left;font-weight:700;height:14px;padding:5px 0 4px 15px;}
#accordion_nav_panel{height:516px;width:inherit;}
#user_panel{height:606px;width:inherit;}
#accordion_nav_panel_content a.main_section{background:url('../img/left/nav_bar_sprite.jpg') repeat-x 0 -48px;padding:4px 0 5px 20px;}
#accordion_nav_panel_content a.main_section,#user_panel a.main_section{border-top:1px solid #9FACAD;clear:both;color:#000;cursor:pointer;display:block;font-weight:700;height:14px;text-decoration:none;}
#accordion_nav_panel_content div.main_section_content,#user_panel div.main_section_content{display:none;overflow:auto;}
#accordion_nav_panel_content a div.header_text,#quick_link_header div.header_text,#user_panel div.header_text{font-weight:700;float:left;}
#accordion_nav_panel_content a.selected{padding:4px 0 5px 25px;}
/* =accordion navigation panel: sub-section
/*-------------------------------------------------- */
ul.sub_section{padding:0;}
ul.sub_section h2{font-size:11px;font-weight:400;margin:0;padding:5px 0 5px 22px;}
ul.sub_section h2.collapsed,ul.sub_section h2.has_more{background:url('../img/left/grey_arrow_right.gif') no-repeat 9px 8px;}
ul.sub_section h2.expanded,ul.sub_section li.active_sub h2.has_more{background:url('../img/left/arrow_down.gif') no-repeat 8px 10px;}
ul.sub_section a:hover h2{background-color:#F2F2F2;}
/* =accordion navigation panel: sub-link
/*-------------------------------------------------- */
ul.sub_link li{display:inline;}
ul.sub_link li a{display:block;}
ul.sub_link li a,ul.sub_link li a:active,ul.sub_link li a:visited{padding:4px 0 4px 29px;}
ul.sub_link li a:hover{background:#F2F2F2;}
/* Active section/link highlight  */#accordion_nav_panel li.active_sub h2,#accordion_nav_panel li.active_link a{background-color:#F2F2F2;color:#09F;}
/* =Quick link panel
----------------------------------------- */
#quick_link_header{background:url('../img/left/nav_bar_sprite.jpg') repeat-x 0 -24px;border-top:1px solid #9FACAD;clear:both;color:#FFF;display:block;font-weight:700;height:14px;display:block;padding:4px 0 5px 15px;text-decoration:none;}
#quick_link_content{height:66px;/*overflow:auto;*/}
/* =cennter panel: main
/*-------------------------------------------------- */
#main_header{background:#E3E7E8 url(../img/tab_bg.jpg) repeat-x left bottom;position:relative;}
#main_header h1{margin:0;padding:10px 10px 14px;}
#mail_panel{color:#6F4200;padding:0px 10px 5px 10px;margin-top:-5px;}
#ico_normal_msg{width:16px;height:20px;position:static;background:url(../../img/icon/sprite_mail.gif) no-repeat 0 0;background-position:0 -20px;vertical-align:middle;}
/* =cennter panel: tab
/*-------------------------------------------------- */
.tab_nav{height:24px;}
.tab_nav ul{list-style-type:none;margin:0;padding-right:10px 10px 0 10px;height:24px;}
.tab_nav li{background:url(../img/tab_left.gif) no-repeat left top;float:left;margin-left:3px;padding:0 0 0 3px;}
.tab_nav a{background:url(../img/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/active_tab_left.gif);}
.tab_nav li:hover a{background-image:url(../img/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/active_tab_right.gif);color:#333;padding-bottom:5px;}
/* =cennter panel: tab header
/*-------------------------------------------------- */
#tab_header,
.tab_header{background:url(../img/tab_hdr_bg.jpg) repeat-x left top;border-bottom:1px solid #99A9AA;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{border-bottom:1px solid #99A9AA;display:none;}
/* =cennter panel: action panel
/*-------------------------------------------------- */
#action_panel{background:url(../img/act_pnl_bg.gif) repeat-x left top;border-bottom:1px solid #99A9AA;height:20px;padding:4px 10px;}
/* =cennter panel: button panel
/*-------------------------------------------------- */
div.button_panel{background-color:#E2E6E7;border-top:1px solid #9FACAD;height:20px;padding:5px 5px 5px 5px;}
div.button_panel ul.button{float:right; margin: 0px 0px 0px 5px;}
/* =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:#FFF;border:1px solid #9FACAD;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{margin:0;padding:0;}
dl.button_menu  dd.button_menu_cont a.item_wrapper{display:block;padding:3px 10px 3px 0px;text-decoration:none;line-height:20px;}
dl.button_menu  dd.button_menu_cont a:hover.item_wrapper{background-color:#F4F0E7;}
dl.button_menu  dd.button_menu_cont input.item_icon{background-color:transparent;background-image:url(../../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:#F9F9F9;border:1px solid #CFCFCF;}
input.input_button{background-color:#FCFBF9;background-image:url(../../img/btn/button_sprite.gif);background-repeat:no-repeat;border:1px solid #CFCFCF;border-left:none;cursor:pointer;margin:0;padding:0;height:18px;width:18px;}
input.input_button:hover{border-left:1px solid #CFCFCF;}
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(../../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(../../img/btn/button_sprite.gif) no-repeat 0 0;border:none;cursor:pointer;margin:0 0 0 10px;padding:0;height:18vpx;width:18px;height:18px;}
ul.button:hover input.button_button{border-left:1px solid #CFCFCF;}
select{background-color:#FFF;border:1px solid #CFCFCF;height:18px;}
/* =general: button & icon
/*-------------------------------------------------- */
ul.button,ul.icon{background:url(../../img/btn/btn_left_bg.jpg) no-repeat left top;border:1px solid #9FACAD;cursor:pointer;display:block;float:left;height:18px;margin:0 8px 0 0;padding:0;}
ul.button li,ul.icon li{border:0;display:block;float:left;height:18px;line-height:18px;margin:0;padding:0;}
ul.button li.btn_icon,ul.icon li.btn_icon{background:url(../../img/btn/button_sprite.gif) no-repeat 0 0;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_bg.jpg) repeat-x left top;padding:0px 10px;vertical-align:middle;}
ul.button li.btn_name input[type=button]{margin-top:-2px;}
#btn_activate{background-position:-100px -360px;}
#btn_add{background-position:0 -80px;}
#btn_approve{background-position:0 0;}
#btn_ban{background-position:-100px -340px;}
#btn_cancel{background-position:0 -20px;}
#btn_compose{background-position:-100px -560px;}
#btn_deactivate{background-position:-100px -380px;}
#btn_delete{background-position:0 -40px;}
#btn_download{background-position:0 -260px;}
#btn_down{background-position:-100px -60px;}
#btn_edit{background-position:0 -100px;}
#btn_export{background-position:0 -300px;}
#btn_excel{background-position:0 -320px;}
#btn_first{background-position:-100px -100px;}
#btn_freeze{background-position:-100px -320px;}
#btn_home{background-position:-100px -580px;}
#btn_inprogress{background-position:0 -200px;}
#btn_last{background-position:-100px -80px;}
#btn_list{background-position:0 -580px;}
#btn_next, #btn_confirm{background-position:-100px 0;}
#btn_pending{background-position:0 -140px;}
#btn_print{background-position:0 -220px;}
#btn_pay{background-position:0 -240px;}
#btn_pdf{background-position:0 -340px;}
#btn_previous, #btn_back{background-position:-100px -20px;}
#btn_reply{background-position:-100px -500px;}
#btn_remove{background-position:0 -120px;}
#btn_read{background-position:-100px -540px;}
#btn_save{background-position:-100px -180px;}
#btn_search{background-position:0 -160px;}
#btn_suspend{background-position:0 -180px;}
#btn_unread{background-position:-100px -520px;}
#btn_upload{background-position:0 -280px;}
#btn_up{background-position:-100px -40px;}
#btn_view{background-position:0 -60px;}
#btn_view_result{background-position:-0px -360px;}
/* =message box
/*-------------------------------------------------- */
div.messageBox{background:#FFF;border:solid 1px #B9B9B9;margin:13px;padding:3px;width:auto;}
div.white_box{background:#FFF;border:solid 1px #B9B9B9;padding:10px;width:650px;}
/* =image frame
/*-------------------------------------------------------*/
table.img_frame{height:auto;width:auto;}
table.img_frame td{margin:0 !important;padding:0 !important;border:none !important;width:auto !important;height:auto !important;}    
table.img_frame td.bot_lft div,
table.img_frame td.bot_ctr div,
table.img_frame td.bot_rgh div{height:8px;_margin-bottom:-8px;}
table.img_frame td.top_lft div,
table.img_frame td.top_ctr div,
table.img_frame td.top_rgh div{height:6px;_margin-bottom:-10px;}
table.img_frame td.bot_lft div{background:url(../../../image/frame/bl.gif) no-repeat top left;width:6px;}
table.img_frame td.bot_ctr div{background:url(../../../image/frame/bc.gif) repeat-x top left;}
table.img_frame td.bot_rgh div{background:url(../../../image/frame/br.gif) no-repeat top left;width:8px;}
table.img_frame td.ctr_lft div{background:url(../../../image/frame/cl.gif) repeat-y top left;height:65px;width:6px;}
table.img_frame td.ctr_rgh div{background:url(../../../image/frame/cr.gif) repeat-y top left;height:65px;width:8px;}
table.img_frame td.top_lft div{background:url(../../../image/frame/tl.gif) no-repeat top left;width:6px;}
table.img_frame td.top_ctr div{background:url(../../../image/frame/tc.gif) repeat-x top left;}
table.img_frame td.top_rgh div{background:url(../../../image/frame/tr.gif) no-repeat top left;width:8px;}
/* =Thumbnail Photo Box  */
/*-------------------------------------------------- */
div.profile_image_wrapper{background-color:#fff;border:1px solid #CCC;height:96px;margin:0px auto 0px auto;width:120px;float:left;background-repeat:no-repeat;background-position:center;}
/* =progress panel
/*-------------------------------------------------------*/
div.progress_panel div.progress_bar{background:url(../../../image/home/progress_bar.gif) no-repeat top left;height:4px;width:101px;padding:2px;}
div.progress_panel div.progress_bar div{height:4px;_margin-bottom:-16px;}
div.progress_panel div.progress_bar div.bar_0{background:#D6728C;}
div.progress_panel div.progress_bar div.bar_1{background:#E18C75;}
div.progress_panel div.progress_bar div.bar_2{background:#E2BC7D;}
div.progress_panel div.progress_bar div.bar_3{background:#93D357;}
div.progress_panel div.progress_bar div.bar_4{background:#50A7CA;}
div.progress_panel div.text{border:none;color:#333;font-size:11px;line-height:16px;margin:0;padding:5px 0px;}
div.progress_panel div.text div.number{float:left;}
div.progress_panel div.text div.percentage{float:right;}
/* =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; }
#pay_tbl th { text-align:left; margin-right:3px; width:300px; height:25px; vertical-align:middle; border-right:solid 1px #CCCCCC; 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:90px; 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:90px; 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; }
/* =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;width:200px;}
/* =CART BOX */
/*-------------------------------------------------------*/
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 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.bottom{border:1px solid #CCC;border-top:none;padding:8px 4px;}
div#cart_box div.bottom ul{float:right;margin:0 0 0 8px;}
/* =PRODUCT WRAPPER */
/*-------------------------------------------------------*/
div.product_wrapper{float:left;height:280px;width:180px;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;}
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;width:90px;}
div.product_wrapper ul.info li.right{border-left:1px solid #9FACAD;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 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;}
/* =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;}
/*-------------------------------------------------------*/
/* =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;}
/* =error panel */
/*-------------------------------------------------------*/
div.error_panel ul.message_cont{display:block;margin:10px;}
div.error_panel ul.message_cont li{display:block;list-style-image:none;list-style-position:outside;list-style-type:disc;margin-left:20px;}
/* add member page*/
/*-------------------------------------------------------*/
#btn_delete_memb, input.cancel_cross{ background:transparent url(../../img/btn/button_sprite.gif); background-position:0px -20px;border:none; }