/* -------------------------------------------------------------------------- */ /* account window */ /* general */ #account_window { position: absolute; z-index: 101; width: 300px; height: 160px; top: 50%; left: 50%; background-color: #fff; margin-top: -200px; margin-left: -195px; display: none; padding: 10px; font-family: Tahoma; font-size: 12px; font-weight: bold; } #account_window p { clear: both; color: #666; text-align: center; } /* general windows */ #login_window { position: relative; display: none; width: inherit; height: inherit; } #recover_window { position: relative; display: none; width: inherit; height: inherit; } #register_window { position: relative; display: none; width: 600px; height: 470px; } #login-load { position: absolute; bottom: 15px; left: 50%; width: 16px; margin-left: -8px; visibility: hidden; } #account-load { position: absolute; bottom: 15px; left: 50%; width: 16px; margin-left: -8px; visibility: hidden; } /* login window */ #title_login { width: 120px; background-image: url(../imgs/layout/title_login.png); } #login_window .account_buttons { list-style: none; float: left; text-align: center; margin-left: 0px; margin: auto; cursor: pointer; } #login_window #btn_login_submit { width: 44px; height:9px; margin-left:10px; _margin-left: 5px; background-image:url(../imgs/layout/btn_login.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_login.png'); background-position:top center; background-repeat:no-repeat; } #login_window #btn_register { width: 65px; height:9px; margin-left: 15px; _margin-left: 10px; text-align: left; background-image:url(../imgs/layout/btn_register.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_register.png'); background-position:top center; background-repeat:no-repeat; } #login_window #btn_recover { width: 130px; height:9px; margin-left: 15px; _margin-left: 10px; text-align: left; background-image:url(../imgs/layout/btn_recover.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_recover.png'); background-position:top center; background-repeat:no-repeat; } #login_window input { border: 1px solid #f08686; width: 215px; _width: 200px; } #login_window .left_label { clear: both; width: 70px; float: left; text-align: left; margin-left: 10px; _margin-left: 3px; } #login_window .left_input { float: left; height: 25px; } /* recover window /*/ #title_recover { width: 220px; _width: 210px; background-image: url(../imgs/layout/title_recover.png); } #recover_window input { border: 1px solid #f08686; width: 235px; _width: 225px; } #recover_window .left_label { clear: both; width: 50px; float: left; text-align: left; margin-left: 10px; _margin-left: 0px; } #recover_window .left_input { float: left; height: 25px; } #btn_recover_submit { width: 130px; height:9px; list-style: none; position: absolute; left: 50%; margin-left: -65px; bottom: 10px; _bottom: -15px; cursor: pointer; background-image:url(../imgs/layout/btn_recover.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_recover.png'); background-position:top center; background-repeat:no-repeat; } /* register window */ #title_register { width: 315px; background-image: url(../imgs/layout/title_register.png); } #register_left { float: left; width: 290px; _width: 280px; overflow: hidden; margin: 0px; } #register_right { float: right; width: 305px; _width: 300px; overflow: hidden; margin: 0px; } #btn_register_submit { width: 65px; height:9px; list-style: none; position: absolute; left: 50%; margin-left: -32px; bottom: 0px; _bottom: 0px; cursor: pointer; background-image:url(../imgs/layout/btn_register.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_register.png'); background-position:top center; background-repeat:no-repeat; } #register_left input { border: 1px solid #f08686; width: 200px; _width: 200px; } #register_right input, select { border: 1px solid #f08686; width: 220px; _width: 200px; } #register_window .left_label { clear: both; width: 73px; float: left; text-align: left;} #register_window .left_input { float: left; height: 25px; } #shipping_address { display: none; } /* / account window */ /* -------------------------------------------------------------------------- */ /* user account window */ /* general */ #user_account_window { position: absolute; z-index: 79014; top: 50%; left: 50%; width: 600px; height: inherit; background-color: #fff; margin-top: -250px; margin-left: -295px; display: none; padding: 10px; font-family: Tahoma; font-size: 12px; font-weight: bold; } #user_account_window p { clear: both; color: #666; text-align: center; } /* general windows */ #my_info_window { position: relative; display: none; width: inherit; height: inherit; } #order_window { position: relative; display: none; width: inherit; height: inherit; } #rewards_window { position: relative; display: none; width: inherit; height: inherit; } #return_window { position: relative; display: none; width: inherit; height: inherit; } #return_form_window { position: relative; display: none; width: inherit; height: inherit; } #refer_window { position: relative; display: none; width: inherit; height: inherit; } #user_account_buttons { position: absolute; top: 45px; } #user_account_buttons li { list-style: none; float: left; width: 150px; _width: 145px; text-align: center; cursor: pointer; } #user_account_buttons li.active { color: #AAA; cursor: default;} #title_user_my_info { width: 175px; background-image: url(../imgs/layout/title_user_my_info.png); } #title_user_order { width: 160px; background-image: url(../imgs/layout/title_user_order.png); } #title_user_rewards { width: 96px; background-image: url(../imgs/layout/title_user_rewards.png); } #title_user_return { width: 177px; background-image: url(../imgs/layout/title_user_return.png); } /* my info window */ #my-info-content { position: absolute; height: 380px; top: 80px; } #my-info-content .left_label { clear: both; width: 70px; float: left; text-align: left; margin-left: 10px; _margin-left: 3px; } #my-info-content .left_input { float: left; height: 25px; } #my_info_left { float: left; width: 290px; _width: 280px; overflow: hidden; margin: 0px; } #my_info_right { float: right; width: 305px; _width: 300px; overflow: hidden; margin: 0px; } #my_info_left input { border: 1px solid #f08686; width: 200px; _width: 200px; } #my_info_right input { border: 1px solid #f08686; width: 220px; _width: 200px; } #mshipping_address { display: none; } #btn_update_submit { list-style: none; left: 50%; margin-left: -26px; position: absolute; bottom: -20px; _bottom: 0px; cursor: pointer; width: 53px; height:9px; background-image:url(../imgs/layout/btn_update.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_update.png'); background-position:top center; background-repeat:no-repeat; } #lbl-info { position: absolute; top: 58px; width: 600px; _width: 580px; height:20px; font-size: 10px; text-align: center; } /* order window */ #order-content { position: absolute; width: 600px; _width: 580px; height: 465px; top: 80px; } #order-content li { list-style: none; position: absolute; bottom: 0px; left: 50%; cursor: pointer; } #order-content #btn_return { width: 55px; height: 9px; margin-left: -80px; background-image: url('../imgs/layout/btn_return.png'); background-position: right center; background-repeat: no-repeat; } #order-content #btn_return_disabled { width: 55px; height: 9px; margin-left: -80px; background-image: url('../imgs/layout/btn_return_disabled.png'); background-position: right center; background-repeat: no-repeat; cursor: auto; } #order-content #btn_print_receipt { width: 99px; height: 10px; margin-left: -10px; background-image: url('../imgs/layout/btn_print_receipt.png'); background-position: right center; background-repeat: no-repeat; } #order-content #btn_print_receipt_disabled { width: 99px; height: 10px; margin-left: -10px; background-image: url('../imgs/layout/btn_print_receipt_disabled.png'); background-position: right center; background-repeat: no-repeat; cursor: auto; } #order-content #btn_pay_order { width: 70px; height: 10px; margin-left: -10px; background-image: url('../imgs/layout/btn_pay_order.png'); background-position: right center; background-repeat: no-repeat; } /* reward window */ #reward-content { position: absolute; width: 600px; _width: 580px; height: 500px; top: 80px; } #btn_account_refer { cursor: pointer; list-style: none; position: absolute; bottom: 0px; _bottom: 20px; left: 50%; margin-left: 0px; width: 120px; background-image:url(../imgs/layout/btn_refer.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_refer.png'); background-position:top center; background-repeat:no-repeat; } #btn_account_gift { cursor: pointer; list-style: none; position: absolute; bottom: 0px; _bottom: 20px; left: 50%; margin-left: -124px; width: 114px; background-image:url(../imgs/layout/btn_gift.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_gift.png'); background-position:top center; background-repeat:no-repeat; } #rewards-gift-certificate { position: absolute; top: 310px; _top: 285px; width: inherit; width: 580px; height: 140px; background-color: #fff; z-index: 20; display: none; } #rewards-gift-certificate input { border: 1px solid #f08686; background: #fff; font-size: 10px; } #btn_agc_code_submit { display: inline; cursor: pointer; list-style: none; float: left; width: 53px; height: 9px; margin-right: 15px; background-image:url(../imgs/layout/btn_submit.png) !important; background-image: none; filter: none !important; background-repeat: no-repeat; background-position: center center; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_submit.png'); } #btn_agc_code_close { display: inline; cursor: pointer; list-style: none; float: left; width: 51px; height: 9px; background-image:url(../imgs/layout/btn_cancel.png) !important; background-image: none; filter: none !important; background-repeat: no-repeat; background-position: center center; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_cancel.png'); } #rewards-total-wrapper { text-align:right; font-size:12px; width:90%; } /* return window */ #return-content { position: absolute; width: 600px; _width: 580px; height: 465px; top: 80px; } #return-message { position: absolute; width: 600px; _width: 580px; height: 500px; top: 80px; } #return-message #btn_yes { position: absolute; list-style: none; width: 29px; height: 10px; left: 50%; margin-left: -34px; top: 225px; background-image: url('../imgs/layout/btn_yes.png'); background-position: right center; background-repeat: no-repeat; cursor: pointer; } #return-message #btn_no { position: absolute; list-style: none; width: 24px; height: 10px; left: 50%; margin-left: 10px; top: 225px; background-image: url('../imgs/layout/btn_no.png'); background-position: right center; background-repeat: no-repeat; cursor: pointer; } #return-message #btn_return_back {position: absolute; list-style: none; width: 38px; height: 9px; left: 50%; margin-left: -17px; top: 245px; background-image: url('../imgs/layout/btn_back.png'); background-position: right center; background-repeat: no-repeat; cursor: pointer; } #return-form-content { position: absolute; width: 600px; _width: 580px; height: 500px; top: 80px; } #return-form-content #btn_do_return { position: absolute; list-style: none; width: 55px; height: 9px; left: 50%; margin-left: -60px; top: 235px; background-image: url('../imgs/layout/btn_return.png'); background-position: right center; background-repeat: no-repeat; cursor: pointer; } #return-form-content #btn_return_cancel {position: absolute; list-style: none; width: 51px; height: 9px; left: 50%; margin-left: 5px; top: 235px; background-image: url('../imgs/layout/btn_cancel.png'); background-position: right center; background-repeat: no-repeat; cursor: pointer; } #return-form-content .left_label { clear: both; width: 190px; float: left; text-align: left; margin-left: 10px; _margin-left: 3px; } #return-form-content .left_input { float: left; height: 25px; } #return-load { position: absolute; left: 50%; margin-left: -10px; top: 320px;} /* refer window */ #refer-content { position: absolute; width: 600px; _width: 580px; height: 265px; top: 80px; } #btn_refer_back { width: 38px; list-style: none; position: absolute; bottom: 0px; _bottom: 20px; left: 50%; margin-left: -17px; cursor: pointer; background-image:url(../imgs/layout/btn_back.png) !important; background-image: none; filter: none !important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/layout/btn_back.png'); background-position:top center; background-repeat:no-repeat; } #refer-content .left_label { width: 70px; float: left; text-align: left; margin-left: 10px; _margin-left: 3px; } #refer-content .left_input { float: left; height: 25px; } #refer-content input { border: 1px solid #f08686; width: 200px; _width: 200px; } #refer-content #btn_refer_send { list-style: none; float: right; width: 62px; height: 21px; margin-right: 40px; background-position: center center; background-repeat: no-repeat; left: 175px; background-image: url(../imgs/layout/form_btn_send.png); cursor: pointer; } /* table style */ #user_account_window table { background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; text-align: left; } #user_account_window table tr th { background-color: #f38785; color: #fff; border: 1px solid #FFF; font-size: 10px; padding: 4px; } #user_account_window table tr { background-repeat: no-repeat; background-position: center right; cursor: pointer; padding: 4px; } #user_account_window table td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; font-size: 10px; } #user_account_window table tr.hover td { background-color:#fce7e7; } #user_account_window table tr.selected td { background-color:#fce7e7; } /* / user account window */