#content .block_view .content_product{border-left:1px solid #E9E9E9;border-right:1px solid #E9E9E9;float:left;padding:0;width:542px;min-height:500px} #content .block_view .content_product table.list_product_buy{width:100%;border:1px solid #fff;background:#f1f1f1;float:left} #content .block_view .content_product table.list_product_buy .fisrt_coll{border-left:none} #content .block_view .content_product table.list_product_buy th{color:#0a0a0a;font:bold 11px tahoma;padding:8px 0;background:#ebebeb;border-left:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1} #content .block_view .content_product table.list_product_buy td{background:#fff;text-align:center;border-left:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1;padding:10px 5px} #content .block_view .content_product table td.normal{font:normal 12px tahoma} #content .block_view .content_product table td.price{color:#d80000;font:bold 11px tahoma} #content .block_view .content_product table td.total{color:#0080c3;font:bold 11px tahoma} #content .block_view .content_product table td.total_price{color:#d80000;font:bold 11px tahoma;background:#feffd8} #content .block_view .content_product table.list_product_buy td input{border:0} #content .block_view .content_product table.list_product_buy td input.input_product{float:left;color:#000;font:normal 11px tahoma;background:url(../img/font/bg_number_product.png) top center no-repeat;width:32px;margin:0;padding:5px 3px;text-align:center} #content .block_view .content_product table.list_product_buy td input.bt_refesh{float:left;display:inline;padding:0;margin:0 0 0 2px;font:normal 0px tahoma;background:url(../img/button/bg_refesh.png) top center no-repeat;width:20px;height:22px} #content .block_view .content_product table.list_product_buy td input.bt_delete{display:inline;padding:0;margin:0;font:normal 0px tahoma;background:url(../img/button/bt_delete.png) top center no-repeat;width:20px;height:22px} #content .block_view .content_product table.list_product_buy td input:hover.bt_delete{background:url(../img/button/bt_delete_hv.png) top center no-repeat;cursor:pointer} #content .block_view .content_product table.list_product_buy td input:hover.bt_refesh{cursor:pointer;background:url(../img/button/bg_refesh_hv.png) top center no-repeat} #content .block_view .content_product p.notice span{float:left;display:block;color:#ad138d;font:bold 12px arial;width:100%;line-height:20px} #content .block_view .content_product p.notice{color:#030303;font:normal 12px arial;line-height:16px;padding:0 9px;margin:5px 0 15px 0} #content .block_view .step_check_out{float:left;padding:14px 11px 20px} #content .block_view .step_check_out li{float:left} #content .block_view .step_check_out li.step{width:163px;height:75px;background:url(../img/font/bg_step_check.png) top center no-repeat;text-align:center} #content .block_view .step_check_out li.current{width:163px;height:75px;background:url(../img/font/bg_step_check_hv.png) top center no-repeat} #content .block_view .step_check_out li.step p{margin:18px 0 14px;color:#fff;text-transform:uppercase;font:bold 12px arial} #content .block_view .step_check_out li.step span{margin:0;color:#fff;text-transform:uppercase;font:bold 16px arial} #content .block_view .step_check_out li.arrow{width:15px;height:75px;background:url(../img/font/arrow_step_check_out.png) 4px 25px no-repeat} /*----- Items order -----*/ .items_order{float:left;padding:0;width:518px;margin:0 12px 12px;display:inline} .items_order h2.title{color:#ad138d;font:normal 14px arial;margin:0 1px;padding:0 0 0 18px;background: url(../img/font/icon_sub_explu.png) 0 6px no-repeat;height:25px;line-height:25px} .items_order h2.down_arrow{background:url(../img/font/icon_sub_explu.png) 0 6px no-repeat} .arrow_items{padding:0;display:block;float:left;margin:0;width:100%;background:url(../img/font/arrow_items_order.png) no-repeat;height:6px;width:518px;font-size:0} ul.content_items_order{display:block;float:left;padding:0 0 7px 15px;width:501px;background:url(../img/font/bg_block_add.png) repeat;border:1px solid #e6e6e6;border-top:none} ul.content_items_order .paging{background:none} ul.content_items_order li{float:left;padding:0;width:157px;margin:11px 9px 0 0;display:inline} ul.content_items_order li p{color:#000;font:normal 11px arial;line-height:15px;margin:8px 5px;float:left;width:147px;display:inline} ul.content_items_order table.icon_cell{display:inline;float:left;overflow:hidden;padding:0;text-align:center;border:1px solid #e6e6e6;background:#fff} ul.content_items_order table.icon_cell td{height:182px;overflow:hidden;padding:0;text-align:center;width:155px;} ul.content_items_order input.price_order{display:block;margin:0 0 0 3px;float:left;width:69px;padding:4px 5px;background: url(../img/font/bg_input_price_order.png) no-repeat;color:#f70000;font:bold 11px tahoma;border:none;text-align:center} /*----- Button Viewmore -----*/ #content .block_view .content_product a.bt_add_order span{height:21px;float:left;line-height:20px} #content .block_view .content_product a.bt_add_order{float:left;color:#fff;font:normal 11px tahoma;display:inline} #content .block_view .content_product a.bt_add_order{margin-left:12px} #content .block_view .content_product a.bt_add_order .hover_div_left{background:url(../img/button/bt_left_add_hv.png) no-repeat;width:15px} #content .block_view .content_product a.bt_add_order .hover_div_right{background:url(../img/button/bt_right_add_hv.png) no-repeat;width:2px} #content .block_view .content_product a.bt_add_order .hover_div_center{background:url(../img/button/bt_bg_add_hv.png) repeat-x} #content .block_view .content_product a:hover.bt_add_order .hover_div_left,#content .block_view .content_product li a.current .hover_div_left{background:url(../img/button/bt_left_add.png) no-repeat} #content .block_view .content_product a:hover.bt_add_order .hover_div_right,#content .block_view .content_product li a.current .hover_div_right{background:url(../img/button/bt_right_add.png) no-repeat} #content .block_view .content_product a:hover.bt_add_order .hover_div_center,#content .block_view .content_product li a.current .hover_div_center{background:url(../img/button/bt_bg_add.png) repeat-x} #content .block_view .content_product .center_submenu_li_top {padding:0px 14px 0 5px} /*----- Form -----*/ h2.title_form{color:#454545;font:bold 12px tahoma;margin:0;padding:0 0 14px 20px;background:url(../img/font/arrow_title_form.png) 0 0 no-repeat;text-transform:capitalize} .form_information{float:left;width:541px;padding:7px 0 0 0;margin:0 0 0 1px;xbackground:url(../img/font/bg_shadown_form.png) no-repeat;display:inline} .form_information p.notice{padding:0 9px 0 18px !important;background:url(../img/font/arrow_note.png) 9px 5px no-repeat} .form_information p.notice span{font:bold 15px arial !important} .form_information .sent_infor{float:left;width:260px;border-right:1px solid #f0f0f0;padding:8px 0 0 11px} .form_information .recipient_infor{float:left;width:254px;padding:8px 0 0 11px} .form_information .recipient_infor div.radio{margin:1px 5px 0 5px} form{float:left} form div.input{margin-bottom:5px;float:left} form label{float:left;width:70px;padding:0;color:#000;font:normal 11px arial;text-align:left;height:24px;line-height:23px} form label span{color:#cc0000} form div.input input{ float:left;width:168px;padding:5px 5px;color:#343434;font:normal 11px arial; xbackground:url(../img/font/bg_input_small.png) no-repeat;border:1px solid #ddd} form div.input input:focus{background:url(../img/font/bg_focus_input_small.png) no-repeat} form div.input input.form-error{border:1px solid red;xbackground:url(../img/font/bg_input_erro.png) no-repeat} form div.input div.error-message{xbackground:url(../img/font/bg_text_erro.png) no-repeat;float:left;color:red;font:normal 11px arial;width:184px;height:26px;text-align:left;margin:1px 0 0 70px;display:inline;line-height:26px} form div.textarea{margin-bottom:10px} form div.textarea textarea.form-error{border:1px solid red;} form div.textarea textarea{float:left;width:168px;padding:5px 5px;color:#343434;font:normal 11px arial;xbackground:url(../img/font/bg_textarea_small.png) no-repeat;border:1px solid #ddd;height:65px;overflow:auto} form div.radio_form{float:left;margin:5px 0 2px 66px;display:inline} form div.radio_form label{float:left;width:auto;padding:0;color:#000;font:normal 11px arial;text-align:left;height:24px;line-height:14px} div.input div.selector select.select_city{width:106px;float:left;display:inline; border: 1px solid #ddd; background: none} div.input div.selector span{width:79px;padding:0 22px 0 5px} form div.input select {width:168px;padding:5px 5px;color:#343434;font:normal 11px arial;border:1px solid #ddd;} form div.input select.form-error{border:1px solid red;} .date_time{padding:12px 0 0 11px;border-top:1px solid #f0f0f0;width:530px} .date_time .occasion {width:480px} .date_time label{width:95px} .date_time div.input{padding:0 28px 0 0} .date_time div.input label{padding:0 11px 0 0} .date_time p.policy{color:#bc0000;font:italic normal 11px arial;float:left;margin:3px 0 10px;padding:0 0 0 110px} /*----- Payment -----*/ .payment{padding:12px 0 12px 0px !important;border-top:1px solid #f0f0f0;width:530px} .padding_24{padding:15px 0 14px} .payment .active,.payment dt.active a {color:#7eb600 !important} .payment dl {width:460px;margin:2px 0 12px 55px;float:left;display:inline} .payment dt{color:#ffd83a;font:bold 15px arial;padding:2px 0px 2px 0;float:left;width:460px} .payment dt a {background:url(../img/font/arrow_big_blue.png) no-repeat 27px 5px;color:#3e3e3e;text-decoration: none;padding: 0px 7px 0 2px} .payment dd{width:100%;margin:0 0 0 10px;float:left;display:inline} .payment dd .top_arrow{float:left;height:6px;width:398px;background:url("../img/font/arrow_items_order.png") no-repeat scroll 0 0;font-size:0} .payment dd .content_payment{float:left;width:396px;background:url("../img/font/bg_block_add.png") repeat;border:1px solid #E6E6E6;border-top:0;margin:0 0 6px 0} .payment dd .content_payment p{color:#595959;font:normal 12px arial;padding:6px 12px;margin:0;line-height:16px} /*----- Button Viewmore -----*/ #content .payment a.bt_view_more span{height:35px;float:left;line-height:28px} #content .payment a.bt_view_more{color:#fff;font:bold 15px arial;float:left;display:inline;margin-bottom:12px} #content .payment a.bt_view_more .hover_div_left{background:url(../img/font/bt_left_view.png) no-repeat;width:16px} #content .payment a.bt_view_more .hover_div_right{background:url(../img/font/bt_right_view.png) no-repeat;width:4px} #content .payment a.bt_view_more .hover_div_center{background:url(../img/button/bt_bg_continue.png) repeat-x} #content .payment a:hover.bt_view_more .hover_div_left,#content .payment a.current .hover_div_left{background:url(../img/font/bt_left_view_hv.png) no-repeat} #content .payment a:hover.bt_view_more .hover_div_right,#content .payment a.current .hover_div_right{background:url(../img/font/bt_right_view_hv.png) no-repeat} #content .payment a:hover.bt_view_more .hover_div_center,#content .payment a.current .hover_div_center{background:url(../img/font/bg_view_hv.png) repeat-x} #content .payment a.bt_back{margin:0 0 0 155px} #content .payment a.bt_back .center_submenu_li_top {padding:0px 23px} #content .payment a.bt_continue .center_submenu_li_top {padding:0px 10px} #content .payment a.bt_back .hover_div_left {background:url(../img/button/bt_left_back.png) no-repeat;width:13px} #content .payment a.bt_back .hover_div_right {background:url(../img/button/bt_right_back.png) no-repeat;width:4px} #content .payment a:hover.bt_back .hover_div_left {background:url(../img/button/bt_left_back_hv.png) no-repeat} #content .payment a.bt_continue .hover_div_left {background:url(../img/font/bt_left_view.png) 0 0 no-repeat;width:4px} #content .payment a.bt_continue .hover_div_right {background:url(../img/button/bt_right_continue.png) no-repeat;width:13px} #content .payment a:hover.bt_continue .hover_div_right {background:url(../img/button/right_bt_continue_hv.png) no-repeat} /*----- Preview Page -----*/ #content .block_view .content_preview .payment{float:left;border-top:none} #content .block_view .content_preview table th{font-weight:normal !important} #content .block_view .content_preview table.order_info td{text-align:left;padding:7px 10px} #content .block_view .content_preview table.order_info td.clock{padding:0 10px;line-height:27px} #content .block_view .content_preview table.order_info td.background{background:#feffeb;color:#595959} #content .block_view .content_preview table.list_product_buy td.bold{font-weight:bold} #content .block_view .content_preview table.order_info td img{float:left;margin:4px 5px 0 0} #content .block_view p.saved_successfully{margin:0 0 10px 0;padding:0 100px;color:#363536;font:bold 14px arial;text-align:center;float:left;width:340px;line-height:19px} #content .block_view p.saved_successfully img{vertical-align:middle;margin-right:5px} #content .block_view h3.title_preview{padding:5px 13px;margin:3px 1px 0 1px;color:#0a0a0a;font:bold 11px tahoma;background:#edf8de;float:left;width:514px} /*----- Sucecss Page -----*/ #content .block_view .accnoun_success{float:left;margin:15px 11px;width:515px;background:#fefdf7;border:1px solid #f3f3f3;padding:20px 0} #content .block_view .accnoun_success p.saved_successfully{padding:0 86px !important;margin:3px 0 !important;float:none;color:#5fc13d} #content .block_view .accnoun_success h3{padding:0 65px;margin:3px 0;color:#212121;font:bold 13px arial;text-align:center} #content .block_view .accnoun_success h4{padding:0 65px;margin:3px 0;color:#363536;font:bold 12px arial;text-align:center} #content .block_view .accnoun_success h4 a{color:#09ad1c} #content .block_view .accnoun_success h4 a:hover{text-decoration:underline} #content .block_view .accnoun_success h5{padding:0 65px;margin:3px 0;color:#6c6c6c;font:normal 12px arial;text-align:center} .content_payment ul { height:280px; } i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB,i.NAB,i.BAB { width:80px; height:30px; display:block; background:url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;} i.MASTE { background-position:0px -31px} i.AMREX { background-position:0px -62px} i.JCB { background-position:0px -93px;} i.VCB { background-position:0px -124px;} i.TCB { background-position:0px -155px;} i.MB { background-position:0px -186px;} i.VIB { background-position:0px -217px;} i.ICB { background-position:0px -248px;} i.EXB { background-position:0px -279px;} i.ACB { background-position:0px -310px;} i.HDB { background-position:0px -341px;} i.MSB { background-position:0px -372px;} i.NVB { background-position:0px -403px;} i.DAB { background-position:0px -434px;} i.SHB { background-position:0px -465px;} i.OJB { background-position:0px -496px;} i.SEA { background-position:0px -527px;} i.TPB { background-position:0px -558px;} i.PGB { background-position:0px -589px;} i.BIDV { background-position:0px -620px;} i.AGB { background-position:0px -651px;} i.SCB { background-position:0px -682px;} i.VPB { background-position:0px -713px;} i.VAB { background-position:0px -744px;} i.GPB { background-position:0px -775px;} i.SGB { background-position:0px -806px;} i.NAB { background-position:0px -837px;} i.BAB { background-position:0px -868px;} ul.cardList li { cursor: pointer; float: left; margin-right: 0; padding: 5px 4px; text-align: center; width: 90px; }