/* Alert Messages */ #alertMessage { background: url(alert_bg.png) repeat-x; color: #fff; height: 49px; position: absolute; } #alertMessage p { background: url(alert_icon.png) no-repeat 20px center; font-size: 1.8em; line-height: 29px; padding: 10px 20px 10px 60px; } #alertMessage.loading { background: none; border: 0; } #alertMessage.loading p { background: none; padding: 0; } /*------------------------------------------- Customizer -------------------------------------------*/ #customizer { margin: 50px auto 0 auto; width: 925px; } #customizer_flash_container { float: left; height: 425px; width: 415px; } #customizer_tool { float: right; width: 510px; } #upholstered_message { background: url(../images/alert_bg.png); padding: 13px 30px; font-size: 16px; position: absolute; z-index: 1000; color: #FFF; margin-top: 130px; } #customizer_attributes { float: right; position: relative; width: 230px; } #customizer_attributes .arrow { background: url(attribute_selected_arrow.png) no-repeat; height: 28px; left: -9px; position: absolute; top: 37px; width: 10px; } #customizer_attributes ul { padding: 0 0 75px 0; } #customizer_attributes p.header { background-color: #F9F9F5; border: 1px solid #ECE9E6; color: #43457E; font-size: 1.2em; font-weight: bold; padding: 5px; } #customizer_attributes p.header a.clear {color: #CA3C3A; float: right; font-size: 0.8em; font-weight: normal; } #customizer_attributes li.sub a { padding-left: 20px;} #customizer_attributes li a { border: 1px solid #ECE9E6; border-top: 1px solid #fff; color: #A29581; display: block; font-size: 1.3em; height: 26px; line-height: 26px; overflow: hidden; padding: 0 10px; position: relative; } #customizer_attributes li a.clear:hover { background: transparent; border: 0; } #customizer_attributes li a span { float: left; } #customizer_attributes li a span.complete { background: url(attribute_complete.png) no-repeat center center; height: 10px; position: absolute; right: 8px; top: 10px; width: 10px; } #customizer_attributes li a span.chosen_color { height: 10px; position: absolute; right: 25px; top: 10px; width: 10px; } #customizer_attributes li a:hover, #customizer_attributes li a.selected { background: #ECE9E6 url(attribute_selected_bg.png) repeat-x; border: 1px solid #CBC3B9; font-weight: bold; } #customizer_options { border: 1px solid #D5CFC7; float: left; padding: 15px 2px 0px 10px; position: relative; width: 217px; margin-left: 15px; margin-bottom: 20px; min-height: 335px;} #customizer_options .arrow { background: url(../images/customizer/options_arrow.png) no-repeat; height: 37px; left: -10px; position: absolute; width: 10px; } #customizer_options p { color: #4D6BAC; font-size: 1.2em; padding: 0 0 10px 0; } #customizer_options ul { margin: 0 0 0 -10px; padding: 0; list-style-type: none; width: 229px; } #customizer_options ul li { margin: -2px 0 0 0; padding: 8px 10px; height: 8px; background: url(../images/upholstered-cust-bg.jpg) repeat-x; font-size: 10px; color: #452B04; overflow: hidden; cursor: pointer; } #customizer_options ul li a { display: block; float: left; margin: 0 3px 3px 0; border: 1px solid #FFFFFF;} #customizer_options ul li a:hover { border: 1px solid #EF464D; } #customizer_options ul li a.selected { border: 1px solid #908169; } #customizer_options ul li a.none { display: block; clear: both; width: 220px; font-size: 10px; color: #452B04; } #customizer_options ul li a.none:hover { border: 1px solid #FFF; } #customizer_options div div a { background: url(../images/customizer/bg_fabric.jpg) repeat-x bottom left; border: 1px solid #DBD6CE; display: block; float: left; height: 82px; margin: 0 5px 5px 0; overflow: hidden; width: 65px; } #customizer_options div div a.lamp_type { width: 207px; } #customizer_options div div a.selected { border: 1px solid #908169 !important; } #customizer_options div div a:hover { border: 1px solid #EF464D; } #customizer_options div div a span { color: #452B04; display: block; padding-top: 5px; font-size: 1.15em; height: 14px; /* line-height: 24px; */ text-align: center; } #customizer_options div div a.comfortpackage { background: transparent; width: 210px; height: 40px; border: 1px solid #FFF; } #save_to_collection, #add_to_cart { background-color: #4F6EB1; color: #fff; display: block; font-size: 1.4em; height: 32px; line-height: 32px; margin: 0 0 1px 0; text-align: center; width: 228px; } #add_to_cart { background: url(add_to_cart_bg.png) no-repeat; } #customizer_container { border-bottom: 1px solid #E7E4DF; float: left; } #customizer_left { float: left; width: 415px; padding-bottom: 10px; } #customizer_right { float: right; } .customizer_box { border: 1px solid #ECE9E6; border-bottom: 0px; width: 228px; margin-top: 14px; height: 335px; } .customizer_box h3 { background: url(../images/header-bg.jpg); padding: 10px; border-bottom: 1px solid #ECE9E6; margin: 0px; } .customizer_buttons { border: 1px solid #ECE9E6; border-bottom: 0px; width: 228px; margin-bottom: 20px; } .customizer_buttons img { margin-top: 1px; } .customizer_box .editable { color: #A29481; font-size: 1.3em; padding: 9px; border-bottom: 1px solid #F0EFEC; cursor: pointer; height: 12px; } .customizer_box .editable img { display: none; } .customizer_box .editable div { float: left; } .customizer_box .sub div { padding: 0px 0px 0px 10px; } .customizer_box .editable span.color img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } .customizer_box .active img { display: block; margin-top: -10px; margin-left: -19px; float: left; } .customizer_box .active, .customizer_box .editable:hover { margin-top: -1px; border-top: 1px solid #CBC1B8; border-bottom: 1px solid #CBC1B8; background: url(../images/header-bg.jpg); color: #442A00; } .customizer_box .editable span { display: block; float: right; margin-left: 10px; width: 10px; height: 10px; } .customizer_box .editable span.check { background: url(../images/tiny-check.jpg) no-repeat; } #upholstered_config .up-box { float: left; width: 118px; height: 100px; padding: 3px; border: 1px solid #DAD5CC; margin-right: 12px; font-size: 11px; color: #432B00; text-align: center; } #upholstered_config .up-box img { border: 1px solid #DAD5CC; display: block; margin-bottom: 5px; } #collection_popup { top: 470px; right: 210px; } .pop_over { position: absolute; z-index: 1001; width: 272px; height: 358px; background: url(../images/forgot-password-bg.png) no-repeat; padding: 10px; } #product_body .pop_over h3 { padding: 3px 5px; color: #FFF; font-size: 14px; font-weight: bold; } .pop_over p { color: #FFF; font-size: 12px;line-height: 15px; padding: 3px 20px 30px 5px; } .pop_over input.text { display: block; width: 240px; border: 1px solid #5BAFB2; color: #452B04; margin: 0 0 8px 0; padding: 6px 8px; font-weight: bold; } .pop_over textarea { display: block; width: 248px; border: 1px solid #95BC59; color: #452B04; margin: 0 0 8px 0; padding: 6px 8px; height: 90px; } .pop_over .fp_close { position: absolute; margin-left: 250px; padding: 0 !important; cursor: pointer; } .pop_over a { color: #FFF; text-decoration: underline; }