/* * @version : 2.2 (Patch 13) * @update : 2009-10-21 */ /* Button */ div.simplemodal-data a.modalClose { background:url('../images/ico-close.png') no-repeat; width: 38px; height: 40px; display:inline; z-index:1001; position: absolute; top:-15px; right:-18px; cursor: pointer; _behavior: url('css/iepngfix.htc'); } div.simplemodal-data div.buttons { text-align: center; } div.simplemodal-data div.buttons input { cursor: pointer; } div.simplemodal-data div.buttons a { display: inline-block; margin: 0px 3px; cursor: pointer; } div.simplemodal-data { display: block; } div.simplemodal-container div.content { position: relative; } div.simplemodal-data div.swf_title { display: inline-block; position: relative; height: auto; } /* Checkbox */ div.simplemodal-data .jquery-checkbox { display: inline; font-size: 16px; line-height: 25px; cursor: pointer; cursor: hand; } div.simplemodal-data .jquery-checkbox .mark { display: inline; } div.simplemodal-data .jquery-checkbox img { vertical-align: middle; width: 26px; height: 30px; background: transparent url('../images/popup/menu/checkbox.gif') no-repeat; } div.simplemodal-data .jquery-checkbox img { background-position: 0px 0px; } div.simplemodal-data .jquery-checkbox-hover img { background-position: 0px -30px; } div.simplemodal-data .jquery-checkbox-checked img { background-position: 0px -30px; } div.simplemodal-data .jquery-checkbox-checked .jquery-checkbox-hover img { background-position: 0px -30px; } div.simplemodal-data .jquery-checkbox-disabled img { background-position: 0px -120px; } div.simplemodal-data .jquery-checkbox-checked .jquery-checkbox-disabled img { background-position: 0px -150px; } /* Scroll */ div.simplemodal-data .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } div.simplemodal-data .jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; bottom: 0; width: 100%; background: url('../images/popup/scroll_track.gif') no-repeat center center; } div.simplemodal-data .jScrollIntervalTrack { position: absolute; } div.simplemodal-data .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; background: url('../images/popup/scroll_drag.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div.simplemodal-data .jScrollPaneDragLeft { position: absolute; bottom: 0; left: 0; overflow: hidden; } div.simplemodal-data .jScrollPaneDragRight { position: absolute; bottom: 0; right: 0; overflow: hidden; } div.simplemodal-data a.jScrollArrowLeft { display: block; position: absolute; height: 23px; width: 17px; z-index: 1; bottom: 0; left: 0; text-indent: -2000px !important; overflow: hidden; background: url('../images/popup/scroll_arrow.gif') no-repeat top left; /*background-color: #666;*/ } div.simplemodal-data a.jScrollArrowLeft:hover { /*background-color: #f60;*/ } div.simplemodal-data a.jScrollArrowRight { display: block; position: absolute; height: 23px; width: 17px; z-index: 1; bottom: 0; right: 0; text-indent: -2000px !important; overflow: hidden; background: url('../images/popup/scroll_arrow.gif') no-repeat top right; /*background-color: #666;*/ } div.simplemodal-data a.jScrollArrowRight:hover { /*background-color: #f60;*/ } div.simplemodal-data a.jScrollActiveArrowButton {} div.simplemodal-data a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* Upload */ .fileUploadQueueItem { display: none; font: 11px Verdana, Geneva, sans-serif; background-color: #F5F5F5; border: 3px solid #E5E5E5; margin-top: 5px; padding: 10px; width: 300px; } .fileUploadQueueItem .cancel { float: right; } .fileUploadProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; } .fileUploadProgressBar { background-color: #0099FF; } /* Error Message */ div#modelMessage { display: none; min-height: 230px; width: 390px; margin: auto; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; } div#modelMessage div.header { display: block; height: 38px; background: url('../images/popup/message/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMessage div.footer { display: block; height: 58px; background: url('../images/popup/message/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMessage div.body { display: block; min-height: 134px; _height: 134px; padding: 0px 15px; background: url('../images/popup/message/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMessage div.content { min-height: 60px; _height: 60px; padding-top: 30px; background: url('../images/popup/icon-warning.gif') no-repeat top left; } div#modelMessage div.content label.title { display: block; padding: 0px 0px 0px 120px; font-family: "Arial"; font-size: 14px; font-weight: bold; color: #FFFFFF; } div#modelMessage div.content label.message { display: block; padding: 10px 0px 10px 120px; font-family: "Arial"; font-size: 13px; font-weight: normal; color: #FFFFFF; } div#modelMessage input.btClose, div#modelMessage a.btClose { width: 100px; height: 32px; border: 0px; background: url('../images/popup/bt-close1_th.gif') no-repeat center center; } body.en div#modelMessage input.btClose, body.en div#modelMessage a.btClose { background-image: url('../images/popup/bt-close1_en.gif'); } /* Forgot Password */ div#modelForgotPassword { display: none; min-height: 230px; width: 555px; margin: auto; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; } div#modelForgotPassword div.header { display: block; height: 38px; background: url('../images/popup/password/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelForgotPassword div.footer { display: block; height: 58px; background: url('../images/popup/password/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelForgotPassword div.body { display: block; min-height: 135px; _height: 135px; padding: 0px 15px; background: url('../images/popup/password/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelForgotPassword div.content { min-height: 80px; _height: 80px; padding-top: 20px; background: url('../images/popup/icon-warning.gif') no-repeat top left; } div#modelForgotPassword div.content label.title { display: block; padding: 0px 0px 10px 120px; font-family: "Arial"; font-size: 14px; font-weight: bold; color: #FFFFFF; } div#modelForgotPassword div.content label.message { display: block; padding-left: 120px; font-family: "Arial"; font-size: 13px; font-weight: normal; color: #FFFFFF; } div#modelForgotPassword div.content div.form { display: block; padding: 10px 0px 10px 120px; } div#modelForgotPassword div.content div.form label { display: inline-block; padding: 0px 10px 0px 0px; font-family: "Arial"; font-size: 12px; font-weight: bold; color: #FFFFFF; } div#modelForgotPassword input.post, div#modelForgotPassword input.focus { border: 1px solid #610716 !important; border-bottom: 1px solid #F35183 !important; width: 200px; background: #960B1B url('../images/popup/password/bg-input.gif') repeat-x top left; color: #FFFFFF; } div#modelForgotPassword input.btRequestPassword { width: 160px; height: 32px; border: 0px; background: url('../images/popup/bt-forgot_th.gif') no-repeat center center; } div#modelForgotPassword input.btCancel { width: 100px; height: 32px; border: 0px; background: url('../images/popup/bt-cancel1_th.gif') no-repeat center center; } body.en div#modelForgotPassword input.btRequestPassword { width: 215px; background-image: url('../images/popup/bt-forgot_en.gif'); } body.en div#modelForgotPassword input.btCancel { background-image: url('../images/popup/bt-cancel1_en.gif'); } /* LOGIN */ div#cTopLogin { display: inline-block; position: absolute; top: -400px; height: 300px; width: 1000px; z-index: 20; } div#cTopLogin div.Frame { position: relative; width: 710px; margin-left: 240px; padding-bottom: 35px; z-index: 20; } div#cTopLogin div.BG { display: block; position: relative; min-height: 100px; _height: 100px; background: url('../images/top/bg.gif') repeat-y top left; } div#cTopLogin div.Footer { display: block; position: relative; height: 35px; background: url('../images/top/bg-footer.png') no-repeat top left; _behavior: url('css/iepngfix.htc'); } div#cTopLogin div.Login { display: inline-block; float: left; width: 237px; } div#cTopLogin div.Promotion { display: inline-block; float: left; width: 472px; margin-left: 1px; } /*div#cTopLogin a.modalCloseImg {background:url('../images/ico-close.png') no-repeat; width: 38px; height: 40px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor: pointer;_behavior: url('css/iepngfix.htc'); }*/ div#cTopLogin div.Login div.frm { display: block; width: 222px; margin: 0px auto; background: url('../images/top/login-bg.gif') repeat-y top left; } div#cTopLogin div.Login div.frm div.frm_bg { display: block; background: url('../images/t_login/bg-head_th.gif') no-repeat top center; padding: 35px 7px 0px 30px; } div#cTopLogin div.Login div.frm_btn { display: block; position: relative; width: 222px; margin: 0px auto; } div#cTopLogin div.Login div.frm_btn div.btn { padding: 0px 0px 0px 30px; } div#cTopLogin div.Login div.frm_btn div.footer { position: absolute; top: 0px; left: 0px; width: 222px; height: 85px; padding: 0px 0px 0px 30px; background: url('../images/top/login-footer.png') no-repeat top left; _behavior: url('css/iepngfix.htc'); z-index: 0; } div#cTopLogin div.Login span.Username { display: block; background: url('../images/t_login/txt-username_th.gif') no-repeat top left; padding: 15px 0px 5px 0px; } div#cTopLogin div.Login span.Password { display: block; background: url('../images/t_login/txt-password_th.gif') no-repeat top left; padding: 15px 0px 5px 0px; } div#cTopLogin div.Login input.post { border: 2px solid #FFFFFF; width: 150px; color: #FFFFFF; font-weight: bold; background: #AE0F2A url('../images/top/bg-input.gif') no-repeat top left; } div#cTopLogin div.Login input.focus { border: 2px solid #FFFFFF; /*color: #5EA217;*/ } div#cTopLogin div.Login .btLogin { display: block; position: relative; cursor: pointer; width: 139px; height: 38px; background: url('../images/t_login/bt-login_th.gif') no-repeat top left; border: 0px; margin-top: 46px; z-index: 0; } div#cTopLogin div.Login a.btForgot { display: inline-block; position: relative; width: 74px; height: 29px; background: url('../images/t_login/bt-forgot_password_th.gif') no-repeat center center; border: 0px; z-index: 1; } div#cTopLogin div.Login a.btRegister { display: inline-block; position: relative; width: 82px; height: 29px; background: url('../images/t_login/bt-register_th.gif') no-repeat center center; border: 0px; z-index: 1; } div#cTopLogin div.Links { position: absolute; right: 10px; bottom: 50px; } div#cTopLogin div.Links { position: absolute; right: 10px; bottom: 50px; } div#cTopLogin div.Links a#bt4Step { display: inline-block; width: 156px; height: 35px; background: url('../images/top/text-step_and_example_th.gif') no-repeat 0px 0px; } div#cTopLogin div.Links a#bt4Step:hover { background-position: 0px -35px; } div#cTopLogin div.Links a#btPreview { display: inline-block; width: 145px; height: 35px; background: url('../images/top/text-step_and_example_th.gif') no-repeat -166px 0px; } div#cTopLogin div.Links a#btPreview:hover { background-position: -166px -35px; } div#cTopLogin div.Links span { display: inline-block; width: 10px; height: 35px; background: url('../images/top/text-step_and_example_th.gif') no-repeat -156px 0px; } div#cTopLogin a.btPanelClose { position: absolute; right: -15px; bottom: 15px; width: 40px; height: 40px; z-index:3200; background: url('../images/ico-close.png') no-repeat center center;_behavior: url('css/iepngfix.htc'); } body.en div#cTopLogin div.Login div.frm div.frm_bg { background-image: url('../images/t_login/bg-head_en.gif'); } body.en div#cTopLogin div.Login div.frm_btn div.footer { background-image: url('../images/top/login-footer_en.png'); } body.en div#cTopLogin div.Login span.Username { background-image: url('../images/t_login/txt-username_en.gif'); } body.en div#cTopLogin div.Login span.Password { background-image: url('../images/t_login/txt-password_en.gif'); } body.en div#cTopLogin div.Login .btLogin { background: url('../images/t_login/bt-login_en.gif'); } body.en div#cTopLogin div.Login a.btForgot { width: 82px; height: 42px; background-image: url('../images/t_login/bt-forgot_password_en.gif'); } body.en div#cTopLogin div.Login a.btRegister { width: 74px; height: 41px; background: url('../images/t_login/bt-register_en.gif'); } body.en div#cTopLogin div.Links a#bt4Step { width: 151px; background-image: url('../images/top/text-step_and_example_en.gif'); } body.en div#cTopLogin div.Links a#bt4Step:hover { background-position: 0px -35px; } body.en div#cTopLogin div.Links a#btPreview { width: 156px; background-image: url('../images/top/text-step_and_example_en.gif'); background-position: -159px 0px; } body.en div#cTopLogin div.Links a#btPreview:hover { background-position: -159px -35px; } body.en div#cTopLogin div.Links span { background-image: url('../images/top/text-step_and_example_en.gif'); background-position: -150px 0px; } /* Confirm Logout */ div#modelConfirmLogout { display: none; min-height: 230px; width: 390px; margin: auto; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; } div#modelConfirmLogout div.header { display: block; height: 38px; background: url('../images/popup/message/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelConfirmLogout div.footer { display: block; height: 58px; background: url('../images/popup/message/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelConfirmLogout div.body { display: block; min-height: 134px; _height: 134px; padding: 0px 15px; background: url('../images/popup/message/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelConfirmLogout div.content { min-height: 60px; _height: 60px; padding-top: 30px; background: url('../images/popup/icon-warning.gif') no-repeat top left; } div#modelConfirmLogout div.content label.title { display: block; padding: 0px 0px 10px 120px; font-family: "Arial"; font-size: 14px; font-weight: bold; color: #FFFFFF; } div#modelConfirmLogout div.content label.message { display: block; padding-left: 120px; font-family: "Arial"; font-size: 13px; font-weight: normal; color: #FFFFFF; } div#modelConfirmLogout a.btConfirm { width: 100px; height: 32px; background: url('../images/popup/bt-confirm1_th.gif') no-repeat center center; } div#modelConfirmLogout a.btCancel { width: 100px; height: 32px; background: url('../images/popup/bt-cancel1_th.gif') no-repeat center center; } body.en div#modelConfirmLogout a.btConfirm { background-image: url('../images/popup/bt-confirm1_en.gif'); } body.en div#modelConfirmLogout a.btCancel { background-image: url('../images/popup/bt-cancel1_en.gif'); } /*div#confirmModalLogout .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em; }*/ /*div#confirmModalLogout .buttons {width:160px; float:right; padding:10px 8px 0; } div#confirmModalLogout .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background: url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer; } */ /*div#confirmModalLogout a.modalCloseX, div#confirmModalLogout a.modalCloseX:link, div#confirmModalLogout a.modalCloseX:active, div#confirmModalLogout a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd; } div#confirmModalLogout a.modalCloseX:hover {color:#9bb3b3; }*/ /* Select Location */ div#modelConfirmLocation { display: none; width: 706px; margin: auto; } div#modelConfirmLocation a.modalClose { position: absolute; width: 34px; height: 36px; top: 30px; right: 20px; background-image: url('../images/popup/bt-close.png'); _behavior: url('css/iepngfix.htc'); } div#modelConfirmLocation div.header { display: block; position: relative; height: 75px; background: url('../images/popup/location/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelConfirmLocation div.footer { display: block; height: 70px; background: url('../images/popup/location/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelConfirmLocation div.body { display: block; width: 100%; background: url('../images/popup/location/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelConfirmLocation div.content { padding: 0px 15px; min-height: 50px; _height: 50px; } div#modelConfirmLocation div.content div.location { display: block; padding: 10px 0px 10px 0px; width: 500px; margin: auto; } div#modelConfirmLocation div.content div.location label.title { display: block; height: 25px; background: url('../images/popup/location/txt-subject_th.gif') no-repeat center center; } div#modelConfirmLocation div.content div.location div.select { display: block; width: 200px; height: 30px; padding-left: 110px; margin: auto; background: url('../images/popup/location/txt-selected_th.gif') no-repeat center left; } div#modelConfirmLocation div.content div.location div.select div { display: inline-block; width: 215px; height: 30px; padding: 0px 5px; background: url('../images/popup/location/bg-select.gif') no-repeat center center; } div#modelConfirmLocation div.content div.location div.address { display: block; padding: 10px 0px 0px 100px; color: #C41130; } div#modelConfirmLocation div.content div.virtual_money { display: block; width: 330px; padding: 30px 90px 10px 0px; margin: 0px 0px 0px 185px; background: url('../images/popup/location/virtual_money_title2_th.gif') no-repeat top left; } div#modelConfirmLocation div.content div.virtual_money div.border { width: 330px; background: #E8E8E3 url('../images/popup/location/virtual_money_border.gif') no-repeat; } div#modelConfirmLocation div.content div.virtual_money div.t { background-position: 0px 0px; padding-top: 10px; } div#modelConfirmLocation div.content div.virtual_money div.b { background-position: -350px bottom; padding-bottom: 10px; } div#modelConfirmLocation div.content div.virtual_money div.m { color: #ACACAB; background: #2F2F2D none; padding: 0px 10px; } div#modelConfirmLocation div.content div.virtual_money_example { display: block; width: 330px; height: 140px; padding: 0px; margin: 10px auto 0px auto; background: url('../images/popup/location/virtual_money.gif') no-repeat center center; } div#modelConfirmLocation div.content div.virtual_money_remark { display: block; width: 400px; padding: 30px 90px 10px 0px; margin: 10px auto 0px auto; background: url('../images/popup/location/virtual_money_remark.gif') no-repeat center center; } div#modelConfirmLocation div.content div.date { padding: 10px 0px 10px 0px; width: 500px; margin: auto; } div#modelConfirmLocation div.content div.date div.options { display: block; min-height: 50px; _height: 50px; padding: 30px 0px 0px 100px; margin: auto; background: url('../images/popup/location/select_date_th.gif') no-repeat 95px 0px; } div#modelConfirmLocation div.content div.date div.options label.item { display: inline-block; float: left; } div#modelConfirmLocation div.content div.date div.options label.date { width: 200px; } div#modelConfirmLocation div.content div.date div.options img.order_now { width: 50px; height: 15px; background: url('../images/popup/location/txt-order_now_th.gif') no-repeat bottom left; } div#modelConfirmLocation div.content div.date div.options img.order_adv { width: 80px; height: 15px; background: url('../images/popup/location/txt-order_adv_th.gif') no-repeat bottom left; } div#modelConfirmLocation div.content div.date span.date_delivery { color: #C41130; } div#modelConfirmLocation div.content div.date input.txt_datetime { border: 0px; background: transparent none; width: 50px; padding: 3px 0px 3px 3px; font-size: 10px; color: #C41130; } div#modelConfirmLocation div.content div.date input.datetime { border: 0px; background: transparent none; width: 110px; padding: 3px 0px 3px 3px; font-size: 10px; color: #C41130; } div#modelConfirmLocation input.post { width: 150px; border: 0px; margin: 5px 0px 0px 0px; background: #FBFF0C url('../images/popup/location/bg-input.gif') no-repeat top left; } div#modelConfirmLocation select.post { width: 215px; border: 0px; margin: 5px 0px 0px 0px; background-color: transparent; } div#modelConfirmLocation div.buttons { display: block; padding: 10px 0px 0px 0px; text-align: center; } div#modelConfirmLocation input.btProcess { width: 133px; height: 32px; border: 0px; background: url('../images/popup/bt-loc_process_th.gif') no-repeat center center; } div#modelConfirmLocation label.free_chicken { display: block; height: 90px; background: url('../images/popup/location/free_chicken.gif') no-repeat center center; } div#modelConfirmLocation label.address_na { display: block; height: 90px; background: url('../images/popup/location/address_na.gif') no-repeat center 20px; } div#modelConfirmLocation div.content img.ui-datepicker-trigger { cursor: pointer; } div#modelConfirmLocation div.content .jquery-checkbox { display: inline; font-size: 16px; line-height: 25px; cursor: pointer; cursor: hand; } div#modelConfirmLocation div.content .jquery-checkbox .mark { display: inline; } div#modelConfirmLocation div.content .jquery-checkbox img { vertical-align: middle; width: 26px; height: 30px; background: transparent url('../images/popup/location/radio.gif') no-repeat; } div#modelConfirmLocation div.content .jquery-checkbox img { background-position: 0px 0px; } div#modelConfirmLocation div.content .jquery-checkbox-hover img { background-position: 0px -30px; } div#modelConfirmLocation div.content .jquery-checkbox-checked img { background-position: 0px -30px; } div#modelConfirmLocation div.content .jquery-checkbox-checked .jquery-checkbox-hover img { background-position: 0px -30px; } div#modelConfirmLocation div.content .jquery-checkbox-disabled img { background-position: 0px -120px; } div#modelConfirmLocation div.content .jquery-checkbox-checked .jquery-checkbox-disabled img { background-position: 0px -150px; } body.en div#modelConfirmLocation div.content div.location label.title { background-image: url('../images/popup/location/txt-subject_en.gif'); } body.en div#modelConfirmLocation div.content div.location div.select { padding-left: 220px; background-image: url('../images/popup/location/txt-selected_en.gif'); } body.en div#modelConfirmLocation div.content div.location div.address { display: block; padding: 10px 0px 0px 100px; } body.en div#modelConfirmLocation div.content div.date { margin: 0px 0px 0px 85px; width: 550px; } body.en div#modelConfirmLocation div.content div.date div.options { background: url('../images/popup/location/select_date_en.gif') no-repeat 40px 0px; } body.en div#modelConfirmLocation div.content div.date div.options img.order_now { width: 80px; background-image: url('../images/popup/location/txt-order_now_en.gif'); } body.en div#modelConfirmLocation div.content div.date div.options img.order_adv { width: 90px; background-image: url('../images/popup/location/txt-order_adv_en.gif'); } body.en div#modelConfirmLocation div.content div.date div.options div.date_delivery {} body.en div#modelConfirmLocation input.btProcess { background-image: url('../images/popup/bt-loc_process_en.gif'); } /* Select Menu Option */ div#modelMenuOption { display: none; position: relative; width: 706px; color: #44494B; margin: auto; } div#modelMenuOption a.modalClose { position: absolute; background-image: url('../images/popup/bt-close.png'); width: 34px; height: 36px; top: 30px; right: 20px; } div#modelMenuOption div.header { display: block; height: 75px; background: url('../images/popup/location/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuOption div.footer { display: block; height: 70px; background: url('../images/popup/location/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuOption div.body { display: block; padding-top: 20px; background: url('../images/popup/location/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuOption div.content { display: block; width: 640px; min-height: 50px; _height: 50px; margin: auto; background: url('../images/popup/menu/line-ver.gif') repeat-y 355px 0px; } div#modelMenuOption div.cLeft { display: inline-block; float: left; width: 355px; } div#modelMenuOption div.cRight { display: inline-block; float: left; width: 270px; margin-left: 15px; } div#modelMenuOption div.cLeft div.image { display: block; width: 335px; height: 260px; border: 4px solid #FFFFFF; background: #FFFFFF none no-repeat center center; } div#modelMenuOption div.cLeft div.image div { display: block; width: 335px; height: 260px; background: url('../images/default_menu_add_cart.gif') no-repeat center center; } div#modelMenuOption div.cLeft div.description { padding: 5px 0px 10px 0px; } div#modelMenuOption div.cLeft div.description span { font-size: 16px; font-weight: bold; color: #B20C30; /*background-color: #FEFF98;*/ } div#modelMenuOption div.body div.title { display: block; } div#modelMenuOption div.body div.title label { display: block; font-size: 20px; font-weight: normal; color: #B20C30; } div#modelMenuOption div.body div.title span { display: inline-block; font-size: 15px; font-weight: bold; color: #000000; } div#modelMenuOption div.body div.title .jquery-checkbox img { background-image: url('../images/popup/menu/checkbox_2.gif') !important; } div#modelMenuOption div.body div.title div { display: inline-block; float: left; } div#modelMenuOption div.body .total { text-align: right; } div#modelMenuOption div.body .total label { display: inline-block; line-height: 22px; padding: 3px 1px 2px 1px; } div#modelMenuOption div.body .total label.input { display: inline-block; width: 20px; height: 20px; padding: 2px 1px; background: url('../images/popup/menu/bg-input.gif') no-repeat center center; text-align: center; } div#modelMenuOption div.body div.total { display: block; text-align: right; padding: 5px 0px 0px 0px; } div#modelMenuOption div.body table { width: 100%; margin: 3px 0px 0px 0px; } div#modelMenuOption div.body table th, div#modelMenuOption div.body table td { vertical-align: top; border-bottom: 2px solid #E8E9E4; background-color: #FFFFFF; } div#modelMenuOption div.body table th { text-align: left; font-weight: normal; padding: 8px 0px 8px 5px; } div#modelMenuOption div.body table td { width: 100px; } div#modelMenuOption div.body table tfoot td { background-color: #FEFF99; color: #B20C30; height: 30px; } div#modelMenuOption div.input { display: inline-block; height: 18px; width: 18px; padding: 2px 2px; background: url('../images/popup/menu/bg-input.gif') no-repeat center center; text-align: center; } div#modelMenuOption input.post { width: 14px; border: 0px; background-color: transparent; text-align: center; } div#modelMenuOption div.choice { display: block; padding: 3px 0px 0px 0px; background: url('../images/popup/menu/line-hor_1.gif') repeat-x top left; } div#modelMenuOption div.sum_total { display: block; font-weight: bold; font-size: 20px; padding: 15px 0px 10px 0px; text-align: right; background: url('../images/popup/menu/line-hor_2.gif') no-repeat 0px 2px; } div#modelMenuOption div.sum_total label { display: inline-block; } div#modelMenuOption div.sum_total span { display: inline-block; color:#B20C30; } div#modelMenuOption div.buttons { display: block; padding: 10px 0px 0px 0px; text-align: left; background: url('../images/popup/menu/line-hor_2.gif') no-repeat 0px 2px; } div#modelMenuOption div.buttons input.btOrder { width: 130px; height: 32px; border: 0px; background: url('../images/popup/bt-order_add_th.gif') no-repeat center center; } div#modelMenuOption div.buttons input.btCancel { width: 130px; height: 32px; border: 0px; background: url('../images/popup/bt-order_cancel_th.gif') no-repeat center center; } body.en div#modelMenuOption div.buttons input.btOrder { background-image: url('../images/popup/bt-order_add_en.gif'); } body.en div#modelMenuOption div.buttons input.btCancel { background-image: url('../images/popup/bt-order_cancel_en.gif'); } /* Select Location */ div#modelMenuAdditional { display: none; position: relative; width: 540px; margin: auto; color: #FFFFFF; } div#modelMenuAdditional a.modalClose { position: absolute; background-image: url('../images/popup/bt-close.png'); _behavior: url('css/iepngfix.htc'); width: 34px; height: 36px; top: 0px; right: 25px; } div#modelMenuAdditional div.header { display: block; height: 50px; background: url('../images/popup/recommend/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdditional div.footer { display: block; height: 40px; background: url('../images/popup/recommend/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdditional div.body { display: block; padding: 0px; background: url('../images/popup/recommend/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdditional div.content { padding: 0px 15px; min-height: 50px; _height: 50px; } div#modelMenuAdditional div.header div.title { position: absolute; background-image: url('../images/popup/recommend/title-additional_th.png'); width: 225px; height: 50px; top: 0px; left: 25px; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdditional div.item_list { display: block; float: left; width: 480px; height: 200px; margin: auto; overflow: hidden; } div#modelMenuAdditional ul { display: block; padding: 0; height: 170px; } div#modelMenuAdditional ul li { display: block; float: left; width: 118px; height: 170px; margin: 0px 1px 0px 1px; } div#modelMenuAdditional div.item { display: block; padding: 0px 0px 5px 0px; background: #3A3A3A url('../images/popup/recommend/layout_bg.gif') no-repeat bottom center; } div#modelMenuAdditional div.item div.image { background: #FFFFFF url('../images/default_menu_recommend.gif') no-repeat bottom center; } div#modelMenuAdditional div.item div.detail { min-height: 45px; _height: 45px; } div#modelMenuAdditional div.item label.cbAdd { display: block; margin-left: 5px; padding: 2px 5px 2px 0px; background: url('../images/popup/recommend/checkbox_th.gif') no-repeat center left; } div#modelMenuAdditional div.item .jquery-checkbox img{ background-image: url('../images/popup/recommend/checkbox.gif'); } div#modelMenuAdditional div.body div.select div { display: inline-block; width: 215px; height: 30px; padding: 0px 5px; background: url('../images/popup/location/bg_input.gif') no-repeat center center; } div#modelMenuAdditional select.post { width: 215px; border: 0px; margin: 5px 0px 0px 0px; background-color: transparent; } div#modelMenuAdditional div.buttons { display: block; padding: 10px 0px 0px 0px; text-align: center; } div#modelMenuAdditional input.btProcess { width: 480px; height: 38px; border: 0px; background: url('../images/popup/recommend/bt-checkout_th.gif') no-repeat center center; } div#modelMenuAdditional .jScrollPaneContainer { margin: auto; } body.en div#modelMenuAdditional div.header div.title { width: 310px; background-image: url('../images/popup/recommend/title-additional_en.png'); _behavior: url('css/iepngfix.htc'); } body.en div#modelMenuAdditional div.item label.cbAdd { background-image: url('../images/popup/recommend/checkbox_en.gif'); } body.en div#modelMenuAdditional input.btProcess { background-image: url('../images/popup/recommend/bt-checkout_en.gif'); } /********Choose*******/ div#Choose { display: block; width: 438px; } div#Choose a.modalClose { position: absolute; background-image: url('../images/popup/bt-close.png'); _behavior: url('css/iepngfix.htc'); width: 34px; height: 36px; top: 0px; right: 25px; } div#Choose div.body { display: block; padding: 0px; /*background: url('../images/popup/recommend/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc');*/ } div#Choose div#ChooseTop { display: block; width: 435px; height: 18px; } div#Choose div#ChooseFoot { display: block; width: 435px; height: 10px; } div#Choose div#ChooseCenter { display: block; width: 434px; height: 370px; border-left: 2px solid #750303; border-right: 2px solid #750303; background-color: #FFFFFF; } div#Choose div#ChooseCenter div#Topic { display: block; width: 414px; height: 35px; margin: auto; } div#Choose div#ChooseCenter ul { display: block; width: 414px; padding: 0px; margin: 0px; margin: auto; } div#Choose div#ChooseCenter ul li { display: inline; width: 414px; list-style: none; } div#Choose div#ChooseCenter ul li a { display: block; width: 414px; height: 55px; background: url('../images/profile/box.gif') no-repeat 0px -55px; margin-bottom: 3px; color: #4F4F4F; font-size: 15px; } div#Choose div#ChooseCenter ul li a.Active , div#Choose div#ChooseCenter ul li a:hover { background-position: 0px 0px; color: #FFF; font-size: 15px; text-decoration: none; } div#Choose div#ChooseCenter ul li a .Food { display: block; float: left; width: 60px; padding: 2px 0px 0px 12px; } div#Choose div#ChooseCenter ul li a .FoodDetail { display: block; float: right; width: 300px; padding-top: 20px; } div#Choose div#ChooseCenter div#BTNConfirm { display: block; width: 115px; margin: auto; padding-top: 5px; } /*********** Profile **************/ div.cProfile div.cLeft div.M_Name { display: block; color: #FFB71D; font-weight: bold; padding: 10px 0px 10px 65px; background: #6D2532 url('../images/profile/txt-hello_th.gif') no-repeat 10px center; } div.cProfile div.cLeft div.Avatar { display: block; padding: 10px 0px 0px 10px; } div.cProfile div.cLeft div.Avatar img { background: url('../images/profile/avatar.gif') no-repeat center center; _behavior: url('css/iepngfix.htc'); } div.cProfile div.cLeft div.Avatar div.image { display: inline-block; float: left; width: 70px; background-color: #C41130; } div.cProfile div.cLeft div.Avatar div.desc { display: inline-block; float: left; width: 140px; padding-left: 10px; overflow: hidden; } div.cProfile input#fileAvantar { width: 130px; background-color: #C41130; } div.cProfile div.cLeft div.Emotions { display: block; height: 45px; padding: 20px 0px 5px 10px; background: url('../images/profile/title-emotion_th.gif') no-repeat 10px 0px; } div.cProfile div.cLeft div.Emotions a { display: inline-block; float: left; width: 44px; height: 44px; margin-right: 3px; background: url('../images/profile/emotions.gif') no-repeat 0px 50px; } div.cProfile div.cLeft div.Emotions a.btEmotion1 { background-position: 0px 0px; } div.cProfile div.cLeft div.Emotions a.btEmotion1:hover { background-position: 0px -50px; } div.cProfile div.cLeft div.Emotions a.btEmotion1_active { background-position: 0px -50px; cursor: default; } div.cProfile div.cLeft div.Emotions a.btEmotion2 { background-position: -50px 0px; } div.cProfile div.cLeft div.Emotions a.btEmotion2:hover { background-position: -50px -50px; } div.cProfile div.cLeft div.Emotions a.btEmotion2_active { background-position: -50px -50px; cursor: default; } div.cProfile div.cLeft div.Emotions a.btEmotion3 { background-position: -100px 0px; } div.cProfile div.cLeft div.Emotions a.btEmotion3:hover { background-position: -100px -50px; } div.cProfile div.cLeft div.Emotions a.btEmotion3_active { background-position: -100px -50px; cursor: default; } div.cProfile div.cLeft div.Emotions a.btEmotion4 { background-position: -150px 0px; } div.cProfile div.cLeft div.Emotions a.btEmotion4:hover { background-position: -150px -50px; } div.cProfile div.cLeft div.Emotions a.btEmotion4_active { background-position: -150px -50px; cursor: default; } div.cProfile div.cLeft div.SymbolEmotion { display: block; height: 170px; background: url('../images/profile/bg-symbol_emo.gif') no-repeat center center; } div.cProfile div.cRight div.FavMenu { display: block; min-height: 100px; _height: 100px; padding: 30px 0px 0px 0px; /*background: url('../images/profile/title-favorite_menu_th.gif') no-repeat 10px 0px;*/ } /*div.cProfile div.cRight div.FavMenu { display: block; height: 150px; padding: 0px 0px 0px 0px; /*background: url('../images/profile/title-favorite_menu_th.gif') no-repeat 10px 0px;* / }*/ div.cProfile div.cRight div.KPoint { display: none; height: 90px; padding: 30px 0px 0px 0px; /*background: url('../images/profile/title-kpoint_th.gif') no-repeat 10px 0px;*/ } div.cProfile div.cRight div.VirtualMoney { display: block; position: relative; width: 440px; padding: 5px 0px 0px 0px; margin: 5px 0px 0px 10px; background: #4E2D33 url('../images/profile/bg-virtual_money.gif') no-repeat 0px 0px; } div.cProfile div.cRight div.VirtualMoney a.btInfo { display: block; position: absolute; width: 20px; height: 20px; top: 10px; left: 405px; } div.cProfile div.cRight div.VirtualMoney div.cTop { display: block; padding: 40px 0px 5px 0px; background: url('../images/profile/title-virtual_money2_th.gif') no-repeat 10px 0px; } div.cProfile div.cRight div.VirtualMoney div.cBottom { display: block; padding: 0px 0px 0px 0px; background: #4E2D33 url('../images/profile/bg-virtual_money.gif') no-repeat -450px bottom; } div.cProfile div.cRight div.VirtualMoney div.Money { display: inline-block; float: left; width: 240px; padding: 20px 0px 0px 10px; } div.cProfile div.cRight div.VirtualMoney div.Money a { display: inline-block; float: left; width: 70px; height: 40px; margin-right: 5px; background: url('../images/profile/virtual_money_2.gif') no-repeat 10px 0px; cursor: default; } div.cProfile div.cRight div.VirtualMoney div.Money a.p50 { background-position: 0px -100px; } div.cProfile div.cRight div.VirtualMoney div.Money a.p50_enable { background-position: 0px -50px; cursor: pointer; } div.cProfile div.cRight div.VirtualMoney div.Money a.p50_disable { background-position: 0px 0px; } div.cProfile div.cRight div.VirtualMoney div.Money a.p100 { background-position: -100px -100px; } div.cProfile div.cRight div.VirtualMoney div.Money a.p100_enable { background-position: -100px -50px; cursor: pointer; } div.cProfile div.cRight div.VirtualMoney div.Money a.p100_disable { background-position: -100px 0px; } div.cProfile div.cRight div.VirtualMoney div.Desc { display: inline-block; float: left; width: 170px; height: 20px; padding: 60px 0px 5px 5px; background: url('../images/profile/virtual-expired_date2_th.gif') no-repeat 0px 0px; } div.cProfile div.cRight div.VirtualMoney div.Desc label { display: inline-block; width: 100px; text-align: center; color: #BD1837; font-weight: bold; background-color: #FFFFFF; line-height: 20px; } div.cProfile div.cRight div.VirtualMoney div.Detail { display: block; padding: 0px 0px 0px 5px; } div.cProfile div.cRight div.VirtualMoney div.Detail div.nav { } div.cProfile div.cRight div.VirtualMoney div.Detail div.nav a.btHowto { display: inline-block; width: 235px; height: 25px; background: url('../images/profile/virtual_money_detail_th.gif') no-repeat 0px 0px; } div.cProfile div.cRight div.VirtualMoney div.Detail div.nav a.btWhat { display: inline-block; width: 140px; height: 25px; background: url('../images/profile/virtual_money_detail_th.gif') no-repeat -240px 0px; } div.cProfile div.cRight div.VirtualMoney div.Detail label.info { display: block; height: 40px; background: url('../images/profile/virtual_money_detail_th.gif') no-repeat 0px -25px; } div.cProfile div.cLeft div.btn { display: inline-block; padding: 3px 0px 5px 10px; } div.cProfile div.cLeft div.btn a { display: block; border: 0px; margin-top: 2px; } div.cProfile div.cLeft a.btProfileEdit { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-edit_profile_th.gif') no-repeat top left; cursor: pointer; } div.cProfile div.cLeft a.btOrderHistory { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-order_history_th.gif') no-repeat top left; cursor: pointer; } div.cProfile div.cLeft a.btLogout { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-logout_th.gif') no-repeat top left; cursor: pointer; } div.cProfile div.cLeft a.btInviteFriend { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-send2friend_th.gif') no-repeat top left; cursor: pointer; } div.cProfile div.cLeft a.btKPoint { display: block; border: 0px; width: 245px; height: 31px; background: url('../images/profile/bt-kpoint_th.gif') no-repeat top left; cursor: pointer; } body.en div.cProfile div.cLeft div.M_Name { background-image: url('../images/profile/txt-hello_en.gif'); } body.en div.cProfile div.cLeft div.Emotions { background-image: url('../images/profile/title-emotion_en.gif'); } /*body.en div.cProfile div.cRight div.FavMenu { background-image: url('../images/profile/title-favorite_menu_en.gif'); }*/ body.en div.cProfile div.cRight table.tbMenu a.btOrder { width: 52px; height: 20px; background-image: url('../images/profile/bt-order_en.gif'); } body.en div.cProfile div.cLeft a.btProfileEdit { background-image: url('../images/profile/bt-edit_profile_en.gif'); } body.en div.cProfile div.cLeft a.btOrderHistory { background-image: url('../images/profile/bt-order_history_en.gif'); } body.en div.cProfile div.cLeft a.btLogout { background-image: url('../images/profile/bt-logout_en.gif'); } body.en div.cProfile div.cLeft a.btInviteFriend { background-image: url('../images/profile/bt-send2friend_en.gif'); } body.en div.cProfile div.cLeft a.btKPoint { background-image: url('../images/profile/bt-kpoint_en.gif'); } /*********** Profile Top **************/ div#cTopProfile { display: block; position: absolute; top: -500px; width: 710px; min-height: 430px; _height: 430px; left: 50%; margin-left: -260px; z-index: 20; } div#cTopProfile div.Frame { position: relative; width: 710px; /*margin-left: 240px;*/ padding-bottom: 35px; z-index: 20; } div#cTopProfile div.BG { display: block; position: relative; min-height: 300px; _height: 300px; background: #C41130 url('../images/profile/bg.gif') repeat-y top left; } div#cTopProfile div.Footer { display: block; position: relative; height: 35px; background: url('../images/profile/bg-footer.png') no-repeat top left; _behavior: url('css/iepngfix.htc'); } div#cTopProfile div.line1 { display: block; height: 10px; background: url('../images/profile/line-h1.gif') no-repeat center center; } div#cTopProfile div.line2 { display: block; height: 10px; background: url('../images/profile/line-h2.gif') no-repeat left center; } div#cTopProfile div.btn { display: inline-block; padding: 3px 0px 5px 10px; } div#cTopProfile div.btn a { display: block; border: 0px; margin-top: 2px; } /*div#cTopProfile a.btProfileEdit { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-edit_profile_th.gif') no-repeat top left; cursor: pointer; } div#cTopProfile a.btOrderHistory { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-order_history_th.gif') no-repeat top left; cursor: pointer; } div#cTopProfile a.btLogout { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-logout_th.gif') no-repeat top left; cursor: pointer; } div#cTopProfile a.btKPoint { display: block; border: 0px; width: 245px; height: 31px; background: url('../images/profile/bt-kpoint_th.gif') no-repeat top left; cursor: pointer; }*/ div#cTopProfile a.btPanelClose { position: absolute; right: -15px; bottom: 15px; width: 40px; height: 40px; z-index: 50; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cTopProfile div.cLeft { display: inline-block; float: left; width: 237px; background: url('../images/profile/title-member_login_th.gif') no-repeat 10px 15px; padding-top: 50px; } div#cTopProfile div.cRight { display: inline-block; float: left; width: 470px; background: url('../images/profile/bg-symbol_emo.gif') no-repeat right -10px; padding-top: 20px; margin-left: 3px; } body.en div#cTopProfile div.cLeft { background-image: url('../images/profile/title-member_login_en.gif'); } /*********** Profile View **************/ div#cProfileView { display: inline-block; position: absolute; top: 30px; left: 50%; min-height: 300px; _height: 300px; width: 710px; margin-left: -355px; z-index: 20; } div#cProfileView div.Frame { position: relative; width: 710px; padding-bottom: 35px; z-index: 20; } div#cProfileView div.BG { display: block; position: relative; min-height: 100px; _height: 100px; background: url('../images/profile/bg.gif') repeat-y top left; } div#cProfileView div.Footer { display: block; position: relative; height: 35px; background: url('../images/profile/bg-footer.png') no-repeat top left; _behavior: url('css/iepngfix.htc'); } div#cProfileView a.btEditProfile {} div#cProfileView a.btClose {} div#cProfileView a.btPanelClose { position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; z-index: 50; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cProfileView div.line1 { display: block; height: 10px; background: url('../images/profile/line-h1.gif') no-repeat center center; } div#cProfileView div.line2 { display: block; height: 10px; background: url('../images/profile/line-h2.gif') no-repeat left center; } div#cProfileView div.line3 { display: block; height: 10px; background: url('../images/profile/line-h3.gif') no-repeat center center; } div#cProfileView div.line4 { display: block; height: 3px; background: #C41130 url('../images/profile/line-h4.gif') no-repeat center center; } div#cProfileView div.btn { display: inline-block; padding: 3px 0px 5px 10px; } div#cProfileView div.btn a { display: block; border: 0px; margin-top: 2px; } /*div#cProfileView a.btProfileEdit { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-edit_profile_th.gif') no-repeat top left; cursor: pointer; } div#cProfileView a.btOrderHistory { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-order_history_th.gif') no-repeat top left; cursor: pointer; } div#cProfileView a.btLogout { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-logout_th.gif') no-repeat top left; cursor: pointer; } div#cProfileView a.btKPoint { display: block; border: 0px; width: 245px; height: 31px; background: url('../images/profile/bt-kpoint_th.gif') repeat-y top left; cursor: pointer; }*/ div#cProfileView div.cLeft { display: inline-block; float: left; width: 237px; background: url('../images/profile/title-member_login_th.gif') no-repeat 10px 60px; padding-top: 0px; } div#cProfileView div.cRight { display: inline-block; float: left; width: 470px; padding: 20px 0px 10px 0px; margin-left: 3px; min-height: 200px; } div#cProfileView div.cLeft div.Avatar { display: block; position: relative; height: 80px; padding: 10px 0px 0px 10px; } div#cProfileView div.cLeft div.Avatar img { background: url('../images/profile/avatar.gif') no-repeat center center; _behavior: url('css/iepngfix.htc'); } div#cProfileView div.cLeft div.Avatar div.image { display: inline-block; position: absolute; width: 70px; top: -20px; left: 10px; background-color: #C41130; } div#cProfileView div.cLeft div.Avatar div.desc { display: inline-block; padding-left: 80px; width: 140px; overflow: hidden; } div#cProfileView div.Profile { display: block; padding: 5px 10px 0px 10px; background: #C41130 url('../images/profile/bg-profile_info_top.gif') no-repeat top right; } div#cProfileView div.Profile a.btEdit { display: inline-block; border: 0px; width: 133px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-edit_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cProfileView div.Profile a.btClose { display: inline-block; border: 0px; width: 113px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-close_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cProfileView div.Profile div.btn { display: block; height: 35px; } div#cProfileView div.Profile div.btn a { float: right; cursor: pointer; } div#cProfileView div.Profile div.btnTop { height: 10px; } div#cProfileView div.Profile div.btnMiddle { height: 35px; padding-top: 10px; } div#cProfileView div.Profile div.btnBottom { height: 30px; padding-top: 10px; background: url('../images/profile/bg-profile_info_bottom.gif') no-repeat top left; } div#cProfileView div.Profile label.personal_info { display: block; width: 150px; height: 40px; background: #C41130 url('../images/profile/title-info_th.gif') no-repeat 0px 0px; } div#cProfileView div.Profile div.content { display: block; padding: 0px 0px 0px 0px; background: url('../images/profile/line-h5.gif') no-repeat 0px 0px; } div#cProfileView div.Profile div.content label.tab { display: block; width: 20px; height: 26px; background: #2F2F2D url('../images/register/title_th.gif') no-repeat 0px 30px; } div#cProfileView div.Profile div.content label.tab_regist_info { width: 155px; background-position: 0px 0px; } div#cProfileView div.Profile div.content label.tab_personal_info { width: 105px; background-position: 0px -30px; } div#cProfileView div.Profile div.content label.tab_address { width: 85px; background-position: 0px -60px; } div#cProfileView div.Profile div.content label.tab_contact_address { width: 175px; background-position: 0px -90px; } div#cProfileView div.Profile div.content label.tab_tax_address { width: 235px; background-position: 0px -120px; } div#cProfileView div.Profile table.tbInfo { margin: 10px 0px 10px 0px; } div#cProfileView div.Profile table.tbInfo th { vertical-align: top; width: 205px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cProfileView div.Profile table.tbInfo td { vertical-align: top; width: 400px; padding: 2px 0px 2px 10px; } div#cProfileView div.Profile table.tbInfo td label { display: block; width: 400px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; } div#cProfileView div.Address { display: block; padding: 0px 0px 10px 0px; } div#cProfileView div.Address div.address { padding: 10px 0px 10px 0px; } div#cProfileView div.Address table.tbAddress { } div#cProfileView div.Address table.tbAddress th { vertical-align: top; width: 200px; height: 25px; *height: 23px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cProfileView div.Address table.tbAddress td { vertical-align: top; width: 400px; height: 25px; *height: 23px; padding: 2px 0px 2px 10px; } div#cProfileView div.Address table.tbAddress td label { display: block; width: 400px; min-height: 14px; _height: 12px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; } div#cProfileView div.Profile div.Address2 { display: block; padding: 0px 0px 20px 0px; } div#cProfileView div.Profile div.Address2 table.tbFrame { } div#cProfileView div.Profile div.Address2 table.tbFrame td.cLeft { vertical-align: top; width: 320px; padding: 0px 0px 20px 0px; } div#cProfileView div.Profile div.Address2 table.tbFrame td.cRight { vertical-align: top; padding: 0px 0px 20px 0px; background: url('../images/profile/line-v1.gif') repeat-y 0px 0px; } div#cProfileView div.Profile div.Address2 table.tbAddress2 { margin: 10px 0px 0px 0px; } div#cProfileView div.Profile div.Address2 table.tbAddress2 th { vertical-align: top; width: 100px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cProfileView div.Profile div.Address2 table.tbAddress2 td { vertical-align: top; width: 200px; padding: 2px 0px 2px 10px; } div#cProfileView div.Profile div.Address2 table.tbAddress2 td label { display: block; width: 180px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; } div#cProfileView div.Profile div.Address2 table.tbAddress3 { margin: 10px 0px 0px 0px; } div#cProfileView div.Profile div.Address2 table.tbAddress3 td { vertical-align: top; width: 320px; padding: 2px 0px 2px 20px; } div#cProfileView div.Profile div.Address2 table.tbAddress3 td label { display: block; width: 300px; min-height: 185px; _height: 185px; padding: 10px; color: #FFFFFF; border-bottom: 1px solid #F44F87; background-color: #F44F87; } body.en div#cProfileView a.btOrderHistory { background-image: url('../images/profile/bt-order_history_en.gif'); } body.en div#cProfileView a.btLogout { background-image: url('../images/profile/bt-logout_en.gif'); } body.en div#cProfileView div.cLeft { background-image: url('../images/profile/title-member_login_en.gif'); } body.en div#cProfileView div.Profile a.btEdit { width: 200px; height: 33px; background-image: url('../images/profile/bt-edit_en.png'); _behavior: url('css/iepngfix.htc'); } body.en div#cProfileView div.Profile a.btClose { width: 100px; height: 33px; background-image: url('../images/profile/bt-close_en.png') ; _behavior: url('css/iepngfix.htc'); } body.en div#cProfileView div.Profile label.personal_info { width: 250px; height: 40px; background-image: url('../images/profile/title-info_en.gif'); } body.en div#cProfileView div.Profile div.content label.tab { background-image: url('../images/register/title_en.gif'); } body.en div#cProfileView div.Profile div.content label.tab_regist_info { width: 160px; background-position: 0px 0px; } body.en div#cProfileView div.Profile div.content label.tab_personal_info { width: 190px; background-position: 0px -30px; } body.en div#cProfileView div.Profile div.content label.tab_contact_address { width: 145px; background-position: 0px -90px; } body.en div#cProfileView div.Profile div.content label.tab_tax_address { width: 145px; background-position: 0px -120px; } /*********** Profile Edit **************/ div#cProfileEdit { display: inline-block; position: absolute; top: 30px; left: 50%; min-height: 300px; _height: 300px; width: 710px; margin-left: -355px; z-index: 20; } div#cProfileEdit div.Frame { position: relative; width: 710px; padding-bottom: 35px; z-index: 20; } div#cProfileEdit div.BG { display: block; position: relative; min-height: 100px; _height: 100px; background: url('../images/profile/bg.gif') repeat-y top left; } div#cProfileEdit div.Footer { display: block; position: relative; height: 35px; background: url('../images/profile/bg-footer.png') no-repeat top left; _behavior: url('css/iepngfix.htc'); } div#cProfileEdit a.btPanelClose { position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; z-index: 50; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cProfileEdit input.post { width: 400px; background: #980B1C url('../images/profile/bg-input.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cProfileEdit input.focus { border: 1px solid #FFFFFF; } div#cProfileEdit select.post { width: auto; background: #980B1C url('../images/profile/bg-input.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cProfileEdit select.focus { border: 1px solid #FFFFFF; } div#cProfileEdit textarea.post { background: #980B1C url('../images/profile/bg-textarea.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cProfileEdit textarea.focus { border: 1px solid #FFFFFF; } div#cProfileEdit div.Address2 input.post { width: 180px; } div#cProfileEdit div.Address2 textarea.post { width: 300px; height: 220px; } div#cProfileEdit div.line1 { display: block; height: 10px; background: url('../images/profile/line-h1.gif') no-repeat center center; } div#cProfileEdit div.line2 { display: block; height: 10px; background: url('../images/profile/line-h2.gif') no-repeat left center; } div#cProfileEdit div.line3 { display: block; height: 10px; background: url('../images/profile/line-h3.gif') no-repeat center center; } div#cProfileEdit div.line4 { display: block; height: 3px; background: #C41130 url('../images/profile/line-h4.gif') no-repeat center center; } div#cProfileEdit div.btn { display: inline-block; padding: 3px 0px 5px 10px; } div#cProfileEdit div.btn a { display: block; border: 0px; margin-top: 2px; } /*div#cProfileEdit a.btProfileEdit { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-edit_profile_th.gif') no-repeat top left; cursor: pointer; } div#cProfileEdit a.btOrderHistory { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-order_history_th.gif') no-repeat top left; cursor: pointer; } div#cProfileEdit a.btLogout { display: block; border: 0px; width: 220px; height: 31px; background: url('../images/profile/bt-logout_th.gif') no-repeat top left; cursor: pointer; } div#cProfileEdit a.btKPoint { display: block; border: 0px; width: 245px; height: 31px; background: url('../images/profile/bt-kpoint_th.gif') repeat-y top left; cursor: pointer; }*/ div#cProfileEdit div.cLeft { display: inline-block; float: left; width: 237px; background: url('../images/profile/title-member_login_th.gif') no-repeat 10px 60px; padding-top: 0px; } div#cProfileEdit div.cRight { display: inline-block; float: left; width: 470px; padding: 20px 0px 10px 0px; margin-left: 3px; min-height: 200px; } div#cProfileEdit div.cLeft div.Avatar { display: block; position: relative; height: 80px; padding: 10px 0px 0px 10px; } div#cProfileEdit div.cLeft div.Avatar img { background: url('../images/profile/avatar.gif') no-repeat center center; _behavior: url('css/iepngfix.htc'); } div#cProfileEdit div.cLeft div.Avatar div.image { display: inline-block; position: absolute; width: 70px; top: -20px; left: 10px; background-color: #C41130; } div#cProfileEdit div.cLeft div.Avatar div.desc { display: inline-block; padding-left: 80px; width: 140px; overflow: hidden; } div#cProfileEdit div.Profile { display: block; padding: 5px 10px 0px 10px; background: #C41130 url('../images/profile/bg-profile_info_top.gif') no-repeat top right; } div#cProfileEdit div.Profile div.btn { display: block; height: 35px; } div#cProfileEdit div.Profile div.btn a { float: right; } div#cProfileEdit div.Profile div.btnTop { height: 10px; } div#cProfileEdit div.Profile div.btnMiddle { height: 40px; padding: 10px 0px 0px 0px; } div#cProfileEdit div.Profile div.btnBottom { height: 35px; padding-top: 10px; background: url('../images/profile/bg-profile_info_bottom.gif') no-repeat top left; } div#cProfileEdit div.Profile a.btSave { display: inline-block; border: 0px; width: 120px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-save_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cProfileEdit div.Profile a.btCancelSave { display: inline-block; border: 0px; width: 120px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-cancel_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cProfileEdit div.Profile a.btAddAddress { display: inline-block; border: 0px; float: left !important; width: 133px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-add_address_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cProfileEdit div.Profile label.personal_info { display: block; width: 150px; height: 40px; background: #C41130 url('../images/profile/title-info_th.gif') no-repeat 0px 0px; } div#cProfileEdit div.Profile span.error { display: block; color:#FFFFFF; } div#cProfileEdit div.Profile div.content { display: block; padding: 0px 0px 0px 0px; background: url('../images/profile/line-h5.gif') no-repeat 0px 0px; } div#cProfileEdit div.Profile div.content label.tab { display: block; width: 20px; height: 26px; background: #2F2F2D url('../images/register/title_th.gif') no-repeat 0px 30px; } div#cProfileEdit div.Profile div.content label.tab_regist_info { width: 155px; background-position: 0px 0px; } div#cProfileEdit div.Profile div.content label.tab_personal_info { width: 105px; background-position: 0px -30px; } div#cProfileEdit div.Profile div.content label.tab_address { width: 85px; background-position: 0px -60px; } div#cProfileEdit div.Profile div.content label.tab_contact_address { width: 175px; background-position: 0px -90px; } div#cProfileEdit div.Profile div.content label.tab_tax_address { width: 235px; background-position: 0px -120px; } div#cProfileEdit div.Profile table.tbInfo { margin: 10px 0px 10px 0px; } div#cProfileEdit div.Profile table.tbInfo th { vertical-align: top; width: 205px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cProfileEdit div.Profile table.tbInfo td { vertical-align: top; width: 400px; padding: 2px 0px 2px 10px; color: #FFFFFF; } /*div#cProfileEdit div.Profile table.tbInfo td label { display: block; width: 400px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; }*/ div#cProfileEdit div.Address { display: block; padding: 0px 0px 10px 0px; } div#cProfileEdit div.Address div.address { padding: 10px 0px 0px 0px; } div#cProfileEdit div.Address div#tabDeliAddress li a.remove { display: block; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background-image: none; cursor: pointer; } div#cProfileEdit div.Address table.tbAddress {} div#cProfileEdit div.Address table.tbAddress th { vertical-align: top; width: 200px; height: 25px; *height: 23px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cProfileEdit div.Address table.tbAddress td { vertical-align: top; width: 400px; height: 25px; *height: 23px; padding: 2px 0px 2px 10px; } div#cProfileEdit div.Address table.tbAddress td label { display: block; width: 400px; min-height: 14px; _height: 12px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; } div#cProfileEdit div.Profile div.Address2 { display: block; padding: 0px 0px 20px 0px; } div#cProfileEdit div.Profile div.Address2 table.tbFrame { } div#cProfileEdit div.Profile div.Address2 table.tbFrame td.cLeft { vertical-align: top; width: 320px; padding: 0px 0px 20px 0px; } div#cProfileEdit div.Profile div.Address2 table.tbFrame td.cRight { vertical-align: top; padding: 0px 0px 20px 0px; background: url('../images/profile/line-v1.gif') repeat-y 0px 0px; } div#cProfileEdit div.Profile div.Address2 table.tbAddress2 { border: 0px solid #FFFFFF; margin: 10px 0px 0px 0px; } div#cProfileEdit div.Profile div.Address2 table.tbAddress2 th { vertical-align: top; width: 100px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cProfileEdit div.Profile div.Address2 table.tbAddress2 td { vertical-align: top; width: 200px; padding: 2px 0px 2px 10px; } div#cProfileEdit div.Profile div.Address2 table.tbAddress3 { margin: 10px 0px 0px 0px; } div#cProfileEdit div.Profile div.Address2 table.tbAddress3 td { vertical-align: top; width: 320px; padding: 2px 0px 2px 20px; } div#cProfileEdit div.Profile div.Address2 table.tbAddress3 td label { display: block; width: 320px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; } body.en div#cProfileEdit a.btOrderHistory { background-image: url('../images/profile/bt-order_history_en.gif'); } body.en div#cProfileEdit a.btLogout { background-image: url('../images/profile/bt-logout_en.gif'); } body.en div#cProfileEdit div.cLeft { background-image: url('../images/profile/title-member_login_en.gif'); } body.en div#cProfileEdit div.Profile a.btSave { width: 153px; background-image: url('../images/profile/bt-save_en.png'); _behavior: url('css/iepngfix.htc'); } body.en div#cProfileEdit div.Profile a.btCancelSave { width: 105px; background-image: url('../images/profile/bt-cancel_en.png'); _behavior: url('css/iepngfix.htc'); } body.en div#cProfileEdit div.Profile a.btAddAddress { width: 270px; background-image: url('../images/profile/bt-add_address_en.png'); _behavior: url('css/iepngfix.htc'); } body.en div#cProfileEdit div.Profile label.personal_info { display: block; width: 230px; height: 40px; background: #C41130 url('../images/profile/title-info_en.gif') no-repeat 0px 0px; } body.en div#cProfileEdit div.Profile div.content label.tab { background-image: url('../images/register/title_en.gif'); } body.en div#cProfileEdit div.Profile div.content label.tab_regist_info { width: 170px; background-position: 0px 0px; } body.en div#cProfileEdit div.Profile div.content label.tab_personal_info { width: 190px; background-position: 0px -30px; } body.en div#cProfileEdit div.Profile div.content label.tab_contact_address { width: 150px; background-position: 0px -90px; } body.en div#cProfileEdit div.Profile div.content label.tab_tax_address { width: 145px; background-position: 0px -120px; } /*********** Delivery Address Edit **************/ div#cDeliveryAddress { display: block; position: absolute; top: 30px; left: 50%; min-height: 300px; _height: 300px; width: 710px; margin-left: -355px; z-index: 20; } div#cDeliveryAddress div.Frame { position: relative; width: 710px; padding-bottom: 35px; z-index: 20; } div#cDeliveryAddress div.BG { display: block; position: relative; min-height: 100px; _height: 100px; background: url('../images/profile/bg.gif') repeat-y top left; } div#cDeliveryAddress div.Footer { display: block; position: relative; height: 35px; background: url('../images/profile/bg-footer.png') no-repeat top left; _behavior: url('css/iepngfix.htc'); } div#cDeliveryAddress a.btPanelClose { position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; z-index: 50; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cDeliveryAddress input.post { width: 400px; background: #980B1C url('../images/profile/bg-input.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cDeliveryAddress input.focus { border: 1px solid #FFFFFF; } div#cDeliveryAddress select.post { width: auto; background: #980B1C url('../images/profile/bg-input.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cDeliveryAddress select.focus { border: 1px solid #FFFFFF; } div#cDeliveryAddress div.line1 { display: block; height: 10px; background: url('../images/profile/line-h1.gif') no-repeat center center; } div#cDeliveryAddress div.line2 { display: block; height: 10px; background: url('../images/profile/line-h2.gif') no-repeat left center; } div#cDeliveryAddress div.line3 { display: block; height: 10px; background: url('../images/profile/line-h3.gif') no-repeat center center; } div#cDeliveryAddress div.line4 { display: block; height: 3px; background: #C41130 url('../images/profile/line-h4.gif') no-repeat center center; } div#cDeliveryAddress div.btn { display: inline-block; padding: 3px 0px 5px 10px; } div#cDeliveryAddress div.btn a { display: block; border: 0px; margin-top: 2px; } div#cDeliveryAddress div.Profile { display: block; padding: 0px 10px 0px 10px; background: #C41130 url('../images/profile/bg-profile_info_top.gif') no-repeat top right; } div#cDeliveryAddress div.Profile div.btn { display: block; height: 35px; } div#cDeliveryAddress div.Profile div.btn a { float: right; } div#cDeliveryAddress div.Profile div.btnTop { height: 10px; } div#cDeliveryAddress div.Profile div.btnMiddle { height: 40px; padding: 10px 0px 0px 0px; } div#cDeliveryAddress div.Profile div.btnBottom { height: 35px; padding-top: 10px; background: url('../images/profile/bg-profile_info_bottom.gif') no-repeat top left; } div#cDeliveryAddress div.Profile a.btSave { display: inline-block; border: 0px; width: 120px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-save_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cDeliveryAddress div.Profile a.btCancelSave { display: inline-block; border: 0px; width: 120px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-cancel_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cDeliveryAddress div.Profile a.btAddAddress { display: inline-block; border: 0px; float: left !important; width: 133px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-add_address_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cDeliveryAddress div.Profile label.personal_info { display: block; width: 150px; height: 40px; background: #C41130 url('../images/profile/title-info_th.gif') no-repeat 0px 0px; } div#cDeliveryAddress div.Profile span.error { display: block; color:#FFFFFF; } div#cDeliveryAddress div.Profile div.content { display: block; padding: 10px 0px 0px 0px; /*background: url('../images/profile/line-h5.gif') no-repeat 0px 0px; */} div#cDeliveryAddress div.Profile div.content label.tab { display: block; width: 20px; height: 26px; background: #2F2F2D url('../images/register/title_th.gif') no-repeat 0px 30px; } div#cDeliveryAddress div.Profile div.content label.tab_address { width: 85px; background-position: 0px -60px; } div#cDeliveryAddress div.Address { display: block; padding: 0px 0px 10px 0px; } div#cDeliveryAddress div.Address div.address { padding: 10px 0px 0px 0px; } div#cDeliveryAddress div.Address div#tabDeliAddress li a.remove { display: block; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background-image: none; cursor: pointer; } div#cDeliveryAddress div.Address table.tbAddress {} div#cDeliveryAddress div.Address table.tbAddress th { vertical-align: top; width: 195px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cDeliveryAddress div.Address table.tbAddress td { vertical-align: top; width: 400px; padding: 2px 0px 2px 10px; } div#cDeliveryAddress div.Address table.tbAddress td label { display: block; width: 400px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; } /*********** Tax Address Edit **************/ div#cTaxAddress { display: block; position: absolute; top: 30px; left: 50%; min-height: 400px; _height: 400px; width: 710px; margin-left: -355px; z-index: 20; } div#cTaxAddress div.Frame { position: relative; width: 710px; padding-bottom: 35px; z-index: 20; } div#cTaxAddress div.BG { display: block; position: relative; min-height: 100px; _height: 100px; background: url('../images/profile/bg.gif') repeat-y top left; } div#cTaxAddress div.Footer { display: block; position: relative; height: 35px; background: url('../images/profile/bg-footer.png') no-repeat top left; _behavior: url('css/iepngfix.htc'); } div#cTaxAddress a.btPanelClose { position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; z-index: 50; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cTaxAddress input.post { width: 180px; background: #980B1C url('../images/profile/bg-input.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cTaxAddress input.focus { border: 1px solid #FFFFFF; } div#cTaxAddress select.post { width: auto; background: #980B1C url('../images/profile/bg-input.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cTaxAddress select.focus { border: 1px solid #FFFFFF; } div#cTaxAddress textarea.post { width: 300px; height: 220px; background: #980B1C url('../images/profile/bg-textarea.gif') no-repeat top left; border: 1px solid #5F0912; border-bottom: 1px solid #F64F83; color: #FFFFFF; } div#cTaxAddress textarea.focus { border: 1px solid #FFFFFF; } div#cTaxAddress div.Profile { display: block; padding: 30px 0px 0px 0px; background: #C41130 url('../images/profile/bg-profile_info_top.gif') no-repeat top right; } div#cTaxAddress div.Profile div.btn { display: block; height: 35px; } div#cTaxAddress div.Profile div.btn a { float: right; } div#cTaxAddress div.Profile div.btnTop { height: 10px; } div#cTaxAddress div.Profile div.btnMiddle { height: 40px; padding: 10px 0px 0px 0px; } div#cTaxAddress div.Profile div.btnBottom { height: 35px; padding: 10px 10px 0px 0px; background: url('../images/profile/bg-profile_info_bottom.gif') no-repeat top left; } div#cTaxAddress div.Profile a.btSave { display: inline-block; border: 0px; width: 120px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-save_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cTaxAddress div.Profile a.btCancelSave { display: inline-block; border: 0px; width: 120px; height: 33px; margin: 0px 5px 0px 0px; background: url('../images/profile/bt-cancel_th.png') no-repeat; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cTaxAddress div.Profile div.content { display: block; padding: 0px 10px 0px 10px; background: url('../images/profile/line-h5.gif') no-repeat 0px 0px; } div#cTaxAddress div.Profile div.content label.tab { display: block; width: 20px; height: 26px; background: #2F2F2D url('../images/register/title_th.gif') no-repeat 0px 30px; } div#cTaxAddress div.Profile div.content label.tab_contact_address { width: 175px; background-position: 0px -90px; } div#cTaxAddress div.Profile div.content label.tab_tax_address { width: 135px; background-position: 0px -120px; } div#cTaxAddress div.Profile div.Address { display: block; padding: 0px 0px 20px 15px; } div#cTaxAddress div.Profile div.Address table.tbFrame { } div#cTaxAddress div.Profile div.Address table.tbFrame td.cLeft { vertical-align: top; width: 320px; padding: 0px 0px 20px 0px; } div#cTaxAddress div.Profile div.Address table.tbFrame td.cRight { vertical-align: top; padding: 0px 0px 20px 0px; background: url('../images/profile/line-v1.gif') repeat-y 0px 0px; } div#cTaxAddress div.Profile div.Address table.tbAddress { border: 0px solid #FFFFFF; margin: 10px 0px 0px 0px; } div#cTaxAddress div.Profile div.Address table.tbAddress th { vertical-align: top; width: 100px; padding: 2px 0px 2px 10px; color: #FFAFCF; text-align: left; font-weight: normal; } div#cTaxAddress div.Profile div.Address table.tbAddress td { vertical-align: top; width: 200px; padding: 2px 0px 2px 10px; } div#cTaxAddress div.Profile div.Address table.tbAddress3 { margin: 10px 0px 0px 0px; } div#cTaxAddress div.Profile div.Address table.tbAddress3 td { vertical-align: top; width: 320px; padding: 2px 0px 2px 20px; } div#cTaxAddress div.Profile div.Address table.tbAddress3 td label { display: block; width: 320px; padding: 0px 0px 3px 0px; color: #FFFFFF; border-bottom: 1px solid #F44F87; } /* Virtual Money : Menu */ div#cVirtualMoney { display: none; width: 440px; } div#cVirtualMoney div.Frame { position: relative; width: 440px; z-index: 20; } div#cVirtualMoney div.top { display: block; height: 6px; background: url('../images/popup/virtual_money/frame-t.gif') no-repeat top; } div#cVirtualMoney div.bottom { display: block; height: 6px; background: url('../images/popup/virtual_money/frame-b.gif') no-repeat bottom center; } div#cVirtualMoney div.middle { display: block; width: 430px; min-height: 100px; _height: 100px; padding: 5px; background: url('../images/popup/virtual_money/frame-m.gif') repeat-y center; } div#cVirtualMoney a.modalClose { position: absolute; right: 10px; top: -20px; width: 40px; height: 40px; z-index: 50; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cVirtualMoney label.Title { display: block; height: 40px; background: url('../images/popup/virtual_money/title.gif') no-repeat top left; } div#cVirtualMoney div.btn { display: block; padding: 5px 0px 0px 0px; text-align: center; } div#cVirtualMoney div.btn a.btConfirm { display: inline-block; border: 0px; width: 113px; height: 33px; margin: 0px auto; background: url('../images/popup/virtual_money/bt-confirm_th.gif') no-repeat; cursor: pointer; } div#cVirtualMoney table.tbItem { color: #4F4F4F; margin: auto; } div#cVirtualMoney table.tbItem th, div#cVirtualMoney table.tbItem td { height: 65px; *height: 50px; _height: 50px; } div#cVirtualMoney table.tbItem th { width: 80px; vertical-align: top; padding: 5px 0px 5px 2px; background: url('../images/popup/virtual_money/bg-item.gif') no-repeat left top; } div#cVirtualMoney table.tbItem td { width: 320px; vertical-align: middle; padding: 5px 10px 10px 10px; background: url('../images/popup/virtual_money/bg-item.gif') no-repeat right top; cursor: pointer; } div#cVirtualMoney table.tbItem td.over { background-position: right -90px; color: #FFFFFF; } div#cVirtualMoney table.tbItem td.active { background-position: right -90px; color: #FFFFFF; } div#cVirtualMoney table.tbItem div.image { display: inline-block; width: 75px; height: 50px; background: url('../images/default_menu_virtual_money.gif') no-repeat center center; } /* Virtual Money : How to */ div#cVirtualMoneyHowto { display: none; position: absolute; top: 30px; left: 50%; width: 515px; line-height: 20px; font-size: 12px; margin-left: -257px; z-index: 20; } div#cVirtualMoneyHowto a.btPanelClose { position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; z-index: 3200; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); } div#cVirtualMoneyHowto div.Frame { position: relative; width: 515px; z-index: 20; } div#cVirtualMoneyHowto div.top { display: block; height: 30px; background: url('../images/popup/virtual_money_howto/frame-t.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#cVirtualMoneyHowto div.bottom { display: block; height: 30px; background: url('../images/popup/virtual_money_howto/frame-b.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#cVirtualMoneyHowto div.middle { display: block; min-height: 100px; _height: 100px; padding: 5px 25px; background: url('../images/popup/virtual_money_howto/frame-m.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#cVirtualMoneyHowto a.modalClose { position: absolute; right: 10px; top: -20px; width: 40px; height: 40px; z-index: 50; background: url('../images/ico-close.png') no-repeat center center; _behavior: url('css/iepngfix.htc'); cursor: pointer; } div#cVirtualMoneyHowto th { text-align: left; } div#cVirtualMoneyHowto td img { padding-bottom: 10px; } /* Have Meeting */ div#modelHaveMeeting { display: none; width: 990px; margin: auto; } /* Have Football */ div#modelHaveFootball { display: none; position: relative; width: 706px; margin: auto; } div#modelHaveFootball a.modalClose { position: absolute; width: 34px; height: 36px; top: 30px; right:25px; background-image: url('../images/popup/bt-close.png'); _behavior: url('css/iepngfix.htc'); z-index:3; } div#modelHaveFootball div.header { display: block; height: 75px; background: url('../images/popup/location/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelHaveFootball div.body { display: block; width: 100%; background: url('../images/popup/location/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelHaveFootball div.footer { display: block; width:706px; height: 70px; background: url('../images/popup/location/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelHaveFootball div.body { padding: 0px 0px 15px 0px; } div#modelHaveFootball div.content { padding: 0px 15px; min-height: 50px; _height: 50px; margin: auto; width: 500px; } div#modelHaveFootball div.content div.date div.options img.order_now { width: 50px; height: 15px; background: url('../images/popup/location/txt-order_now_th.gif') no-repeat bottom left; } div#modelHaveFootball div.content div.date div.options img.order_adv { width: 80px; height: 15px; background: url('../images/popup/location/txt-order_adv_th.gif') no-repeat bottom left; } div#modelHaveFootball div.body label.address_na { display: block; height: 90px; background: url('../images/popup/location/address_na.gif') no-repeat center 20px; } div#modelHaveFootball div.content div.location { padding: 10px 0px 10px 0px; } div#modelHaveFootball div.content div.location label.title { display: block; height: 25px; background: url('../images/popup/location/txt-subject_th.gif') no-repeat center center; } div#modelHaveFootball div.content div.location div.select { display: block; width: 200px; height: 30px; padding-left: 110px; margin: auto; background: url('../images/popup/location/txt-selected_th.gif') no-repeat center left; } div#modelHaveFootball div.content div.location div.select div {display: inline-block; width: 215px; height: 30px; padding: 0px 5px; background: url('../images/popup/location/bg-select.gif') no-repeat center center; } div#modelHaveFootball div.content div.location div.address { display: block; padding: 10px 0px 0px 100px; color: #C41130; } div#modelHaveFootball div.content div.date { padding: 10px 0px 10px 0px; } div#modelHaveFootball div.content div.date div.options { display: block; min-height: 50px; _height: 50px; padding: 30px 0px 0px 100px; margin: auto; background: url('../images/popup/location/select_date_th.gif') no-repeat 95px 0px; } div#modelHaveFootball div.content div.date div.options label.item { display: inline-block; float: left; } div#modelHaveFootball div.content div.date div.options label.date { width: 200px; } div#modelHaveFootball div.content div.date span.date_delivery { color: #C41130; } div#modelHaveFootball div.content div.date input.txt_datetime { border: 0px; background: transparent none; width: 50px; padding: 3px 0px 3px 3px; font-size: 10px; color: #C41130; } div#modelHaveFootball div.content div.date input.datetime { border: 0px; background: transparent none; width: 110px; padding: 3px 0px 3px 3px; font-size: 10px; color: #C41130; } /*div#modelHaveFootball div.content div#Address { display: block; font-family: "MS Sans Serif", "Tahoma", "Verdana"; font-size: 15px; color: #C41130;width: 400px;padding-left: 190px; padding-bottom:30px; } div#modelHaveFootball div.body { text-align:center; width:700px; font-family: "MS Sans Serif", "Tahoma", "Verdana"; font-size: 15px; color: #C41130; }*/ div#modelHaveFootball div.content img.ui-datepicker-trigger { cursor: pointer; } div#modelHaveFootball div.content .jquery-checkbox { display: inline; font-size: 16px; line-height: 25px; cursor: pointer; cursor: hand; } div#modelHaveFootball div.content .jquery-checkbox .mark { display: inline; } div#modelHaveFootball div.content .jquery-checkbox img { vertical-align: middle; width: 26px; height: 30px; background: transparent url('../images/popup/have_football/radio.gif') no-repeat; } div#modelHaveFootball div.content .jquery-checkbox img { background-position: 0px 0px; } div#modelHaveFootball div.content .jquery-checkbox-hover img { background-position: 0px -30px; } div#modelHaveFootball div.content .jquery-checkbox-checked img { background-position: 0px -30px; } div#modelHaveFootball div.content .jquery-checkbox-checked .jquery-checkbox-hover img { background-position: 0px -30px; } div#modelHaveFootball div.content .jquery-checkbox-disabled img { background-position: 0px -120px; } div#modelHaveFootball div.content .jquery-checkbox-checked .jquery-checkbox-disabled img { background-position: 0px -150px; } div#modelHaveFootball input.post { width: 150px; border: 0px; margin: 5px 0px 0px 0px; background-color: #FBFF0C; font-family: "MS Sans Serif", "Tahoma", "Verdana"; font-size: 15px; color: #C41130; } div#modelHaveFootball select.post { width: 215px; border: 0px; margin: 5px 0px 0px 0px; background-color: transparent; } /*div#modelHaveFootball div#OrderNow input.datetime { border: 0px; background: transparent none; width: 150px; padding: 3px 0px 3px 3px; font-family: "MS Sans Serif", "Tahoma", "Verdana"; font-size: 15px; color: #C41130; } div#modelHaveFootball div#OrderNow img.ui-datepicker-trigger { cursor: pointer; }*/ div#modelHaveFootball div.buttons { display: block; padding: 10px 0px 0px 0px; text-align: center; } div#modelHaveFootball input.btProcess { width: 133px; height: 30px; border: 0px; background: url('../images/popup/bt-loc_process_th.gif') no-repeat center center; } div#modelHaveFootball input.btCancel { width: 133px; height: 30px; border: 0px; background: url('../images/popup/bt-loc_cancel_th.gif') no-repeat center center; } body.en div#modelHaveFootball div.content div.location label.title { background-image: url('../images/popup/location/txt-subject_en.gif'); } body.en div#modelHaveFootball div.content div.location div.select { padding-left: 220px; background-image: url('../images/popup/location/txt-selected_en.gif'); } body.en div#modelHaveFootball div.content div.location div.address { display: block; padding: 10px 0px 0px 100px; } body.en div#modelHaveFootball div.content div.date { width: 550px; } body.en div#modelHaveFootball div.content div.date div.options { background: url('../images/popup/location/select_date_en.gif') no-repeat 40px 0px; } body.en div#modelHaveFootball div.content div.date div.options img.order_now { width: 80px; background-image: url('../images/popup/location/txt-order_now_en.gif'); } body.en div#modelHaveFootball div.content div.date div.options img.order_adv { width: 90px; background-image: url('../images/popup/location/txt-order_adv_en.gif'); } body.en div#modelHaveFootball div.content div.date input.datetime { width: 120px; } body.en div#modelHaveFootball div.content div.date div.options div.date_delivery {} body.en div#modelHaveFootball input.btProcess { background-image: url('../images/popup/bt-loc_process_en.gif'); } body.en div#modelHaveFootball input.btCancel { background-image: url('../images/popup/bt-loc_cancel_en.gif'); } /* Random Menu */ div#modelSlotMachine{ display: none; width: 615px; margin: auto; } /* Menu Advisor */ div#modelMenuAdvisor { display: none; width: 540px; color: #FFFFFF; margin: auto; } div#modelMenuAdvisor a.modalClose { position: absolute; width: 34px; height: 36px; top: 0px; right: 25px; background-image: url('../images/popup/bt-close.png'); _behavior: url('css/iepngfix.htc'); } div#modelMenuAdvisor div.header { display: block; height: 50px; background: url('../images/popup/recommend/f_top.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdvisor div.footer { display: block; height: 40px; background: url('../images/popup/recommend/f_bottom.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdvisor div.body { display: block; padding: 0px; background: url('../images/popup/recommend/f_bg.png') no-repeat; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdvisor div.content { padding: 0px 15px; min-height: 50px; _height: 50px; } div#modelMenuAdvisor div.header div.title { position: absolute; background-image: url('../images/popup/recommend/title-advisor_th.png'); width: 140px; height: 50px; top: 0px; left: 25px; _behavior: url('css/iepngfix.htc'); } div#modelMenuAdvisor div.body div.select { display: block; width: 200px; height: 30px; padding-left: 110px; margin: auto; background: url('../images/popup/location/txt-selected_th.gif') no-repeat center left; } div#modelMenuAdvisor div.item_list { display: block; float: left; width: 480px; height: 200px; margin: auto; overflow: hidden; } div#modelMenuAdvisor ul { display: block; padding: 0; height: 170px; } div#modelMenuAdvisor ul li { display: block; float: left; width: 118px; height: 170px; margin: 0px 1px 0px 1px; } div#modelMenuAdvisor div.item { display: block; padding: 0px 0px 5px 0px; background: #3A3A3A url('../images/popup/recommend/layout_bg.gif') no-repeat bottom center; } div#modelMenuAdvisor div.item div.image { background: #FFFFFF url('../images/default_menu_recommend.gif') no-repeat bottom center; } div#modelMenuAdvisor div.item div.detail { min-height: 45px; _height: 45px; } div#modelMenuAdvisor div.item label.cbAdd { display: block; margin-left: 5px; padding: 2px 5px 2px 0px; background: url('../images/popup/recommend/checkbox_th.gif') no-repeat center left; } div#modelMenuAdvisor div.item .jquery-checkbox img{ background-image: url('../images/popup/recommend/checkbox.gif'); } div#modelMenuAdvisor div.body div.select div { display: inline-block; width: 215px; height: 30px; padding: 0px 5px; background: url('../images/popup/location/bg_input.gif') no-repeat center center; } div#modelMenuAdvisor select.post { width: 215px; border: 0px; margin: 5px 0px 0px 0px; background-color: transparent; } div#modelMenuAdvisor div.buttons { display: block; padding: 10px 0px 0px 0px; text-align: center; } div#modelMenuAdvisor input.btProcess { width: 480px; height: 38px; border: 0px; background: url('../images/popup/recommend/bt-addtocart_th.gif') no-repeat center center; } div#modelMenuAdvisor .jScrollPaneContainer { margin: auto; } body.en div#modelMenuAdvisor div.header div.title { width: 310px; background-image: url('../images/popup/recommend/title-advisor_en.png'); _behavior: url('css/iepngfix.htc'); } body.en div#modelMenuAdvisor div.item label.cbAdd { background-image: url('../images/popup/recommend/checkbox_en.gif'); } body.en div#modelMenuAdvisor input.btCancel { background-image: url('../images/popup/recommend/checkbox_en.gif'); } body.en div#modelMenuAdvisor input.btProcess { background-image: url('../images/popup/recommend/bt-addtocart_en.gif'); } /*----------------------------------- en */