/* CSS Document */
#cart_header { position: relative; float: left; width: 100%; margin: 5px 0; }
#cart_header h2 { font: 700 32px/32px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_header h2 em { font: 400 22px/32px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_header h2 small { padding-left: 20px; font: 400 16px/32px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_header a.btn_clear { position: absolute; top: 0px; right: 0px; padding-right: 20px; background: url(../images/icon/right_gold.png) right center no-repeat; background-size: 14px; font: 400 14px/14px 'Open Sans', sans-serif; color: #be9d5b; }
#cart_header a.btn_clear:hover { text-decoration: underline; }

/* DROP DOWN LIST */
#cart_content .selection { position: relative; float: left; width: 202px; margin: 0; }
#cart_content .selection .opt_btn { position: relative; float: left; width: 168px; height: 30px; border: 2px solid #bbbcc1; background: url(../images/icon/down_dblue.png) 98% center no-repeat; background-size: 12px; padding: 0 20px 0 10px; font: 400 14px/30px 'Open Sans', sans-serif; color: #1c1e3e; overflow: hidden !important; }
#cart_content .selection .opt_menu { display: none; position: absolute; z-index: 100; top: 34px; left: 0px; width: 204px; }
#cart_content .selection .opt_menu ul.opt_items { position: relative; float: left; width: 200px; max-height: 150px; padding: 5px 0; border: 1px solid #e3e3e3; border-top: none; background: #fff; overflow: auto; overflow-x: hidden; }
#cart_content .selection .opt_menu ul.opt_items li { float: left; width: auto; margin: 0px !important; }
#cart_content .selection .opt_menu ul.opt_items a.s_item { float: left; width: 170px; padding: 0 15px; font: 600 13px/30px 'Open Sans', sans-serif; color: #2b2b2b; }
#cart_content .selection .opt_menu ul.opt_items a.s_item:hover { background-color: #be9d5b; color: #fff; }
#cart_content .selection .opt_menu ul.opt_items a.s_addr { padding: 10px 15px; font: 600 13px/20px 'Open Sans', sans-serif; }

#cart_content .selection.short { width: 56px; }
#cart_content .selection.short .opt_btn { width: 22px; background: url(../images/icon/down_dblue.png) 88% center no-repeat; background-size: 12px; }
#cart_content .selection.short .opt_menu { width: 58px; }
#cart_content .selection.short .opt_menu ul.opt_items { width: 54px; }
#cart_content .selection.short .opt_menu ul.opt_items li { float: left; width: auto; margin: 0px !important; }
#cart_content .selection.short .opt_menu ul.opt_items a.s_item { width: 24px; }

/* CONTENT */
#cart_content { position: relative; float: left; width: 100%; margin: 20px 0 50px 0; }
#cart_content .cart_left { position: relative; float: left; width: 880px; margin-right: 20px; }
#cart_content .cart_left .cart_items { position: relative; float: left; width: 100%; border-top: 1px dotted #bbbcc1; }
#cart_content .cart_left .cart_items li.l_item { position: relative; float: left; width: 100%; border-bottom: 1px dotted #bbbcc1; }
#cart_content .cart_left .cart_items li.l_item div.col_wrap { position: relative; float: left; width: 100%; }
#cart_content .cart_left .cart_items li.l_item div.cola { position: relative; float: left; width: 18%; min-width: 18%; padding: 2% 1%; }
#cart_content .cart_left .cart_items li.l_item div.colb { position: relative; float: left; width: 48%; padding: 2% 1%; }
#cart_content .cart_left .cart_items li.l_item div.colc { position: relative; float: left; width: 28%; padding: 2% 1%; }
#cart_content .cart_left .cart_items img { float: left; width: 100%; }
#cart_content .cart_left .cart_items a.b_title { font: 700 22px/30px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_content .cart_left .cart_items a.b_title:hover { text-decoration: underline; }
#cart_content .cart_left .cart_items p { font: 400 12px/20px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_content .cart_left .cart_items p small { font-size: 16px; color: #be9d5b; }
#cart_content .cart_left .cart_items strong { font-weight: 700; }
#cart_content .cart_left .cart_items h3 { font: 700 22px/30px 'Open Sans', sans-serif; text-align: right; }
#cart_content .cart_left .cart_items .w_qty { float: right; width: 100%; margin-top: 10px; }
#cart_content .cart_left .cart_items .w_qty .opt_list { float: right; }
#cart_content .cart_left .cart_items .w_qty .remove_wrap { float: right; margin-right: 10px; }
#cart_content .cart_left .cart_items a.btn_remove { float: left; width: 30px; height: 30px; margin-left: 10px; border: 2px solid #bbbcc1; background: url(../images/icon/trash_dblue.png) center no-repeat; background-size: 24px; }
#cart_content .cart_left .cart_items a.btn_remove:hover { background-color: #bbbcc1; }

/* MOBILE SWIPE MENU */
#cart_content .cart_left .cart_items p.cart_note { display: none; }
#cart_content .cart_left .cart_items .swipe_mobile { display: none; }

#cart_content .cart_left td { vertical-align: top; }
#cart_content .cart_left td a.b_title { font: 700 22px/30px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_content .cart_left td a.b_title:hover { text-decoration: underline; }
#cart_content .cart_left td p { font: 400 12px/20px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_content .cart_left td p small { font-size: 16px; color: #be9d5b; }
#cart_content .cart_left td strong { font-weight: 700; }
#cart_content .cart_left td h3 { font: 700 22px/30px 'Open Sans', sans-serif; }
#cart_content .cart_left td .w_qty { float: right; width: 100%; margin-top: 10px; }
#cart_content .cart_left td .w_qty .opt_list { float: right; }
#cart_content .cart_left td .w_qty .remove_wrap { float: right; margin-right: 10px; }
#cart_content .cart_left td a.btn_remove { float: left; width: 30px; height: 30px; margin-left: 10px; border: 2px solid #bbbcc1; background: url(../images/icon/trash_dblue.png) center no-repeat; background-size: 24px; }
#cart_content .cart_left td a.btn_remove:hover { background-color: #bbbcc1; }
#cart_content .cart_left td span.sep_line { float: left; width: 100%; height: 1px; margin: 10px 0; border-top: 1px dotted #bbbcc1; }

#cart_content .cart_right { position: relative; float: left; width: 290px; }
#cart_content .cart_right .cart_summary { position: relative; float: left; width: 270px; padding: 10px; background: #ebebeb; }
#cart_content .cart_right .cart_summary h3.b_title { font: 700 26px/50px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_content .cart_right .cart_summary ul.s_list { position: relative; float: left; width: 250px; margin-top: 10px; padding: 10px; background-color: #fff; }
#cart_content .cart_right .cart_summary ul.s_list li { position: relative; float: left; width: 100%; font: 700 14px/30px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_content .cart_right .cart_summary ul.s_list li em { float: right; }
#cart_content .cart_right .cart_summary ul.s_list li small { float: left; font: 400 12px/20px 'Open Sans', sans-serif; color: #6d6e83; }
#cart_content .cart_right .cart_summary ul.s_list li span.sep_line { position: relative; float: left; width: 100%; height: 1px; margin: 5px 0; background: #bbbcc1; }
#cart_content .cart_right .cart_summary ul.s_list li h2 { font: 700 30px/50px 'Open Sans', sans-serif; color: #1c1e3e; text-align: right; }
#cart_content .cart_right .cart_summary ul.s_list input { float: left; width: 88px; margin: 10px 0; border: 1px solid #bbbcc1; padding: 5px 0; font: 700 14px/20px 'Open Sans', sans-serif; color: #1c1e3e; text-align: center; }
#cart_content .cart_right .cart_summary a.btn_postal { float: left; margin: 10px 0 0 10px; padding: 0 15px; font: 700 14px/32px 'Open Sans', sans-serif; color: #fff; text-align: center; }
#cart_content .cart_right .cart_summary a.btn_postal:hover { background: #ff1a00 !important; }
#cart_content .cart_right .cart_summary a.btn_remove { float: left; margin: 0 0 0 10px; width: 20px; height: 20px; background: url(../images/icon/cross_lblue.png) center no-repeat; background-size: 12px; }
#cart_content .cart_right .cart_summary a.btn_remove:hover { background-image: url(../images/icon/cross_dblue.png); }

#cart_content .cart_right .cart_summary a.btn_checkout { float: left; width: 270px; margin-top: 10px; font: 700 16px/46px 'Open Sans', sans-serif; color: #fff; text-align: center; }
#cart_content .cart_right .cart_summary a.btn_checkout:hover { background: #1c1e3e !important; }
#cart_content .cart_right .cart_summary a.btn_checkout em { float: left; width: 260px; padding-right: 20px; background: url(../images/icon/right_lblue.png) 180px center no-repeat; background-size: 20px; font-weight: 700; }

#cart_content .cart_right .cart_voucher { position: relative; float: left; width: 270px; margin-top: 20px; padding: 10px; background: #ebebeb; }
#cart_content .cart_right .cart_voucher ul.s_list { position: relative; float: left; width: 250px; padding: 10px; background-color: #fff; }
#cart_content .cart_right .cart_voucher ul.s_list li { position: relative; float: left; width: 100%; font: 700 14px/30px 'Open Sans', sans-serif; color: #1c1e3e; }
#cart_content .cart_right .cart_voucher ul.s_list em { float: right; }
#cart_content .cart_right .cart_voucher ul.s_list input { float: left; width: 248px; margin: 10px 0; border: 1px solid #bbbcc1; padding: 10px 0; font: 700 14px/20px 'Open Sans', sans-serif; color: #1c1e3e; text-align: center; }
#cart_content .cart_right .cart_voucher ul.s_list span.sep_line { position: relative; float: left; width: 100%; height: 1px; margin: 5px 0; background: #bbbcc1; }
#cart_content .cart_right .cart_voucher a.btn_apply { float: left; width: 250px; margin: 10px 0 5px 0; font: 700 16px/46px 'Open Sans', sans-serif; color: #fff; text-align: center; }
#cart_content .cart_right .cart_voucher a.btn_apply:hover { background: #606178 !important; }
#cart_content .cart_right .cart_voucher a.btn_apply em { float: left; width: 240px; padding-right: 20px; background: url(../images/icon/right_lblue.png) 180px center no-repeat; background-size: 20px; font-weight: 700; }

#cart_mobile { display: none; }

@media screen and (max-width:834px) {
    #global_footer { display: none; }
    
    #cart_mobile { display: block; position: fixed; z-index: 100; left: 0px; bottom: 0px; width: 100%; height: 50px; background-color: #b9b9b9; }
    #cart_mobile ul.s_list { float: left; width: 100%; }
	#cart_mobile ul.s_list li { position: relative; float: left; }
	#cart_mobile ul.s_list li:first-child { width: 25%; border-right: 1px solid #fff; }
	#cart_mobile ul.s_list li:nth-child(2) { width: 45%; height: 40px; padding: 5px 0; }
	#cart_mobile ul.s_list li:last-child { width: 30%; }
    
    #cart_mobile ul.s_list a.m_item { float: left; width: 100%; padding-top: 20px; font: 400 10px/30px 'Open Sans', sans-serif; color: #fff; text-align: center; }
    #cart_mobile ul.s_list a.m_item.m_cat { background: url(../images/icon/menu_white.png) center 10px no-repeat; background-size: 20px; }
	#cart_mobile ul.s_list span.cart_t { float: left; width: 95%; margin-right: 5%; font: 700 12px/15px 'Open Sans', sans-serif; color: #f2f2f2; text-align: right; }
    #cart_mobile ul.s_list span.cart_t:first-child { margin-top: 4px; }
    #cart_mobile ul.s_list span.cart_t strong { font-size: 14px; font-weight: 700; color: #f2f2f2; }
    #cart_mobile ul.s_list a.btn_checkout { float: left; width: 92%; padding-left: 8%; font: 700 12px/50px 'Open Sans', sans-serif; color: #fff; text-align: left; }
    #cart_mobile ul.s_list a.btn_checkout em { float: left; width: 100%; background: url(../images/icon/right_dblue.png) 92% center no-repeat; background-size: 12px; font-weight: 700; }
    
    #cart_content .cart_left .cart_items li.p_item { position: relative; float: left; width: 100%; border-top: 1px dotted #bbbcc1; border-bottom: 1px dotted #bbbcc1; }
    #cart_content .cart_left .cart_items p.cart_note { display: block; position: relative; float: left; width: 100%; background: #f2f2f2; font: 400 11px/29px 'Open Sans', sans-serif; color: #9c9c9c; text-align: center; }
    
    #cart_content .cart_left .cart_items .swipe_mobile { display: none; position: absolute; top: 0px; right: 0px; float: left; width: 80px; height: 100%; margin-right: -80px; }
    #cart_content .cart_left .cart_items .swipe_mobile a.btn_remove_v2 { position: relative; float: left; width: 40px; height: 100%; background: #ff4b3f url(../images/icon/trash_white.png) center no-repeat; background-size: 24px; }
    #cart_content .cart_left .cart_items .swipe_mobile a.btn_save { position: relative; float: left; width: 40px; height: 100%; background: #606178 url(../images/icon/wishlist_white.png) center no-repeat; background-size: 24px; }

}
