/* *************************************** RESET - Stylesheet for Fireplaces.com *************************************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; /* 100% = 13px */ vertical-align: baseline; background: transparent; } table, tr, td, th { border-collapse: collapse; border-spacing: 0; } /* !!!! remember to define focus styles !!!! */ :focus { outline: 0; } a img, :link img, :visited img { border: 0; } body { line-height: inherit; color: #000000; background: white; } ol, ul { list-style: disc; } /* tables still need 'cellspacing="0"' and 'cellpadding="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote, q { quotes: "" ""; } br { margin:8px 0; } /* *************************************** UPdated Print styles *************************************** */ .two_column_leftnav .editorial_col2 p, .two_column_leftnav .editorial_col2 h1 { margin:0px 60px 12px 0px; } .two_column_leftnav .editorial_col2 h3 { margin:10px 0 0 0px; } .project_folder a.project_folder_bar { padding:11px 0px 0px 0px; } .top_navigation, .footer, .ddm_prod_col2, .fp_ddm_products_ddm_top, .fp_ddm_products_navoverlay, .ddm_centerer, .three_column .editorial_col1 ul.leftnav, .two_column_leftnav .editorial_col1, .home_image_topbar { display:none; } .left_column_scrollbox { overflow: visible; } /* *************************************** Port from web.css *************************************** */ .at300bs.at15t_compact { background:url(/images_FP/grey_light_subnav_share_off.png) no-repeat !important; width:79px; height:26px; } /* JavaScript Recommendation */ #jsWarning { width:100%; height:auto; margin:0; padding:20px 0; background-color:#45403a; color:#ffffff; } #jswrapper { width:960px; margin:0 auto; background-color:#848382; } #jsWarning a { color:#ffffff; text-decoration:underline; } #jsWarning a:hover { color:#f1592a; } /* *************************************** 1. Global Elements *************************************** */ html, body { margin: 0; padding: 0; font: 85% helvetica, verdana, sans-serif; /* This changes all font sizes relatively, don't go below 76%, IE will choke on it, 85% / 1.0em is roughly 12px */ text-align: center; /* centers page content, override this in your first born child */ color: #000000; background: #FFFFFF; height: 100%; } /* //////////////////////////////////////// Form Elements //////////////////////////////////////// */ form { height:auto; width:auto; display:inline; } /* fixes footer push/sticky footer */ fieldset { border:1px solid #858382; } legend { background:#fff; } textarea, input, select, input[type='text'], input[type='password'], select, textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover, textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { font-size:1.1em; font-family:helvetica, verdana, sans-serif; } textarea, input[type='text'], input[type='password'], select { margin:0x; padding:0; } select.ddm_form_row_multi { width:110px; margin:0 6px 10px 0; background-color:#FFFFFF; } select.select_topnav { color:#333333; padding:3px 0px; margin:4px 10px; position:relative; text-align:left; width:226px; } /* fireplaces.com top nav search field */ input.search_input_topnav { border:1px solid #dadada; margin:0; padding:2px 0 2px 4px; top:6px; position:relative; font-size:1.0em; color:#999999; width:220px; } input[type='text']:hover.search_input_topnav, input[type='password']:hover.search_input_topnav { border-color:#dadada; } input[type='text']:focus.search_input_topnav, input[type='password']:focus.search_input_topnav { border-color:#dadada; outline:1px solid #858382; } .search_home input.search_input_topnav { border:none; padding:3px 0 3px 4px; top:6px; position:relative; font-size:1.0em; color:#999999; width:215px; background:none; margin-left:5px; } .search_home input[type='text']:hover.search_input_topnav, .search_home input[type='password']:hover.search_input_topnav { border-color:#dadada; background:none; } .search_home input[type='text']:focus.search_input_topnav, .search_home input[type='password']:focus.search_input_topnav { border-color:#dadada; outline:1px solid #858382; background:none; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { } input, select { cursor:pointer; line-height:14px; } input[type='text'], input[type='password'] { cursor:text; } .visible_form textarea, .visible_form input[type='text'], .visible_form input[type='password'], .visible_form select { border:1px solid #dadada; margin:0; padding:2px 0 2px 4px; font-size:1.0em; color:#999999; } .visible_form option { font-size:1.0em; margin:4px; } .visible_form label { color:#ADADAD; } input[type='text'].ddm_topnav_city { width:106px; } select.ddm_topnav_state { width:230px; margin:0 0 10px 0; background-color:#FFFFFF; } .checkbox_wlabel { margin:0 0 4px 0; } .leftnav_box2 TABLE.checkbox_wlabel { padding-left:10px; margin-top:-10px; font-size:0.9em; } input[type='text'].ddm_topnav_text_field, input[type='password'].ddm_topnav_text_field { width:230px; margin:0 0 10px 0; background-color:#FFFFFF; } .asp_checkboxlist INPUT { margin:0 !important; } .asp_checkboxlist LABEL { display: inline !important; padding:0 !important; } div.checkbox_wlabel_inline label { float:left; width:160px; margin:2px 0 0 0; font-size:0.9em; color:#333333; } div.checkbox_wlabel_inline input[type=radio] { float:left; width:20px; } .brand_checkbox { padding:0; font-size:0.9em;} div.brand_checkbox label { float:left; padding-top:2px; } div.brand_checkbox input[type=checkbox] { float:left; width:14px; } select.home_input, select:hover.home_input { width:200px; font-size:0.8em; padding:2px; } .image_border_grey { border:1px solid #cccccc; } .image_border_grey1 { border:1px solid #cccccc; padding:1px; } input[type='text'].search_for_dealer { background-color:#FFFFFF; } /* Error Styles - GLOBAL */ .error { color:#ef0000; font-size:1.0em; font-weight:bold; } .error UL { padding:0px; margin:0px 0px 10px 0px; } .error UL LI { color:#ef0000; font-size:1.0em; font-weight:bold; list-style:none; padding:0px; margin:0px; } #ErrorMessageDiv { font-weight:bold; color:#ef0000;} .search_info { color:#333333; font-size:1.2em; } .search_info p { color:#333333; font-size:0.9em; padding-right:10px; } .search_info p a{ color:#333333; font-size:1.0em;background:url(/images_FP/icon_orange_arrow_right_off.png) no-repeat right; padding:0px 18px 0px 0px; } /* CUSTOM FORMS */ .custom_form {}/* positions form */ div.custom_form .form_required { padding:0px 0px 20px 20px;} div.custom_form .form_required .form_row label {font-weight:normal; text-transform:none; } div.custom_form .form_row_2col {clear:both;} div.custom_form .form_row { float:left; width:260px; padding:0px 0px 20px 20px;}/* positions form row */ div.custom_form .form_row_button { float:left; padding:0px 0px 20px 20px;}/* positions form row */ div.custom_form .form_row label { display:block; color:#000000; font-size:1.1em; padding-bottom:2px;}/* positions form row */ div.custom_form .form_row label span, div.custom_form .form_required label span { font-size:1.3em;}/* positions form row */ div.custom_form textarea, div.custom_form input, div.custom_form input[type='text'] { width:223px; font-size:0.9em; color:#333333; padding:2px; } div.custom_form textarea:hover, div.custom_form input[type='text']:hover, div.custom_form textarea:focus, div.custom_form input[type='text']:focus { font-size:0.9em; color:#333333; padding:2px; } /* Select forms*/ div.custom_form select { width:200px; color:#333333; border:1px solid #9a9a9a; padding:2px;} div.custom_form select:hover, div.custom_form select:focus { width:200px; color:#333333; border:1px solid #9a9a9a; padding:2px;} /* Radio forms*/ div.custom_form .form_row label.checkbox_label { float:left; padding-top:8px; color:#000000; font-weight:normal; text-transform:none; } div.custom_form input.custom_radio {width: 19px; height: 25px;padding: 0 5px 0 0;display: block;clear: left; float: left; } div.custom_form input:hover.custom_radio, div.custom_form input:focus.custom_radio { } input.submit_request { display:block; background:url(/images_FP/submit_request_bnt.png) no-repeat top left; height:26px; width:153px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input:hover.submit_request { background-position:bottom left;} /* *************************************** 2. Typography *************************************** */ h1 { font-size:1.9em; font-weight:normal; } h1.promo_header { margin:0.8em 0 0.8em 0.6em; } h1.promo_header1 { margin:0.8em 0 0.8em 0em; } h2 { font-size:1.7em; font-weight:normal; } h3 { font-size:1.4em; font-weight:normal; } h3.ddm_title { font-size:1.4em; font-weight:normal; color:#f1592a; margin:0 0 0 8px; padding:0; } h4 { font-size:1.2em; font-weight:normal; } h5 { font-size:1.0em; font-weight:normal; } h6 { font-size:0.8em; font-weight:normal; } h1, h2, h3, h4, h5, h6 { margin:0.8em 0em; } .product_name { margin:0; padding:0; } /* tighter line heights for narrow columns */ .tight { line-height:1.3em; } a, a:link, a:visited, a:active, a:focus { text-decoration:none; font-weight:normal; color:#000000; } a:hover { text-decoration:underline; cursor:pointer; } a.orange_no_underline, a.orange_no_underline:link, a.orange_no_underline:visited, a.orange_no_underline:active, a.orange_no_underline:focus { text-decoration:none; font-weight:normal; color:#f1592a; } a.orange_no_underline:hover { text-decoration:underline; } a.footerlink, a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:focus { text-decoration:none; font-weight:normal; font-size:1.1em; color:#747474; } a.footerlink:hover { text-decoration:underline; } a.orange_large { color:#f1592a; } a.search_btn { text-decoration:none; } a:hover.search_btn { text-decoration:none; } img { border:0; } ol, ul { font-size:1.0em; line-height:1.3em; margin:4px 0 20px 0; padding:0 0 0 26px; } ol { list-style-type:decimal; } ul { list-style-type:disc; } li { line-height:1.3em; margin:6px 0 4px 0; } p { font-size:1.0em; line-height:1.4em; margin:6px 0; } .white_12 { color:#FFFFFF; font-size:0.9em; font-weight:normal; } .white_14 { color:#FFFFFF; font-size:1.1em; font-weight:normal; } .white_14 { color:#ffffff; font-size:1.1em; font-weight:normal; } .white_22 { color:#ffffff; font-size:1.4em; font-weight:normal; } .grey_12_light { color:#808080; font-size:1.0em; font-weight:normal; } .search_filter { color:#808080; font-size:1.0em; font-weight:normal; padding:5px 0px 5px 8px; margin:0px; } .leftnav_box p.grey_12_light { color:#808080; font-size:1.0em; font-weight:normal; padding:5px 15px 15px 15px; margin:0px; } .search_option2 .leftnav_box_title_arrow { display:none;} .grey_14 { color:#5b5a5a; font-size:1.1em; font-weight:normal; } .grey_14_dark { color:#747474; font-size:1.1em; font-weight:normal; } .grey_14_light { color:#909090; font-size:1.1em; font-weight:normal; } .black_20 { color:#000000; font-size:1.5em; font-weight:normal; } .black_28 { color:#000000; font-size:2.2em; font-weight:normal; } .black_14 { color:#000000; font-size:1.2em; font-weight:normal; } .black_14_bold { color:#000000; font-size:1.2em; font-weight:bold; } .orange_18 { color:#f1592a; font-size:1.5em; } /* colors*/ .orange { color:#f1592a; } .grey { color:#E5E5E5; } .grey_light { color:#b2b2b2; } .grey_med { color:#5a5a5a; } .grey_dark { color:#909090; } .black { color:#000000; } li > p { margin-top:6px; } code, pre { font-size:12px; font-family:monospace; color:#c33; } strong, b { font-weight:bold; } hr { display:block; background:#D9D9D9; color:#aaa; width:100%; height:1px; border:none; } .nomargin { margin:0px; } /* Button Classes - Simple buttons each have own width */ div.quicklook_column_left div.popup_info_container div.btnPosition { margin:4px 0 0 0px; } a.btn_SeeFullDetails { display:block; cursor:pointer; width:142px; height:18px; background:url(../images_FP/btn_SeeFullDetails.png) top left no-repeat; padding:5px 0 0 14px; color:#FFFFFF; font-size:1.2em; font-weight:normal; text-transform:none; } a.btn_SeeFullDetails:hover { background:url(../images_FP/btn_SeeFullDetails.png) bottom left no-repeat; text-decoration:none; } /* *************************************** 3. Float Clearing *************************************** */ /* http://sonspring.com/journal/clearing-floats */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } .clearfix { display:inline-block; } .left { float:left; } .right { float:right; } /* *************************************** 4. Site Specific Elements *************************************** */ /* width/height applied inline/dynamically per instance */ .dimmer { background:url(/images_FP/dimmer.png) top left no-repeat; text-align:center; width:100%; height:100%; position:fixed; top:0; bottom:0; left:0; right:0; z-index:4000; overflow:auto; } .dimmer_compare { background:url(/images_FP/dimmer.png) top left no-repeat; text-align:center; width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; z-index:4000; } /* MDS - 1 5 10 -- copied nested_dimmer from hng */ .nested_dimmer { width:100%; height:100% auto; position:absolute; top:0; left:0; z-index:10000; padding:20% 0 0 0;} .zoomer1 { margin:30px 0 0 40px; } FORM.full_page_media { text-align:left; width:100%; height:100%; } /* centers container, left aligns children */ .center960 { margin: 0 auto; padding: 0px; text-align: left; width: 100%px; height: auto; } .center { margin: 0 auto; padding: 0px; text-align: left; height: auto; } .content_width .center { width:960px; } .inner_wrapper { margin:0 auto; }/* for reuse across brands/fireplaces */ /* sticks footer to the bottom of the viewport - These are also conditional based on the state of the Comparison bar */ .page_wrapper { min-height:100%; height:auto !important; height:100%; margin:0 auto -121px 0; padding:0; } .footer_push { height:121px; margin:0; padding:0; } .page_wrapper_compare { min-height:100%; height:auto !important; height:100%; margin:0 auto -154px 0; padding:0; } .footer_push_compare { height:154px; margin:0; padding:0; } .top_navigation { width:960px; height:54px; } .header_logo { float:left; width:239px; height:31px; margin:13px 0 0 0; } /* //////// Breadcrumb //////// */ .breadcrumb_container { width:100%; height:17px; border-bottom:1px solid #E5E5E5; margin:0; padding:0; } ul.breadcrumb { margin:4px 0 0 0; padding:0; height:20px; } ul.breadcrumb li { list-style:none; float:left; width:auto; margin:0 8px 0 0; padding:0; color:#bebebe; font-size:1.0em; } ul.breadcrumb li.previous a { color:#bebebe; } ul.breadcrumb li.current { font-weight:bold; } /* --------------------------------------------------------------------------------- orange buttons - batteries included!! ------------------------------------------------------------------------------ */ a.btn_buildprice { display:block; background:url(/images_FP/btn_orange_buildprice_off.png) top left no-repeat; width:123px; height:26px; margin:19px 12px 0 0; cursor:pointer; } a:hover.btn_buildprice { background:url(/images_FP/btn_orange_buildprice_on.png) top left no-repeat; width:123px; height:26px; } a.btn_view { display:block; background:url(/images_FP/btn_orange_view_off.png) top left no-repeat; width:108px; height:26px; margin:0 0 0 13px; cursor:pointer; } a:hover.btn_view { background:url(/images_FP/btn_orange_view_on.png) top left no-repeat; width:108px; height:26px; } a.btn_findadealer { display:block; background:url(/images_FP/btn_orange_findadealer_off.png) top left no-repeat; width:140px; height:26px; margin:0; cursor:pointer; position:absolute; z-index:10000; } a:hover.btn_findadealer { background:url(/images_FP/btn_orange_findadealer_on.png) top left no-repeat; width:140px; height:26px; } /* Black cancel */ a.btn_cancel { display:block; background:url(/images_FP/btn_grey_cancel_off.png) top left no-repeat; width:92px; height:26px; margin:0; cursor:pointer; } a:hover.btn_cancel { background:url(/images_FP/btn_grey_cancel_on.png) top left no-repeat; } /* --------------------------------------------------------------------------------- top navigation links ------------------------------------------------------------------------------ */ p.tabddm a.white { color:#ffffff; text-decoration:none; } p.tabddm a.white:hover { color:#ffffff; text-decoration:underline; } ul.topnav_links { float:right; margin:15px 0 0 0; padding:0px; height:39px; } ul.topnav_links li { list-style:none; float:left; } ul.topnav_links li a { color:#747474; font-size:1.3em; display:block; margin:12px 16px; text-decoration:none; } ul.topnav_links li a:hover { text-decoration:none; } ul.topnav_links li a.white { color:#ffffff; font-size:1.3em; display:block; margin:12px 0 0 15px; text-decoration:none; } ul.topnav_links li a.white:hover { text-decoration:none; } /* OFF links */ ul.topnav_links li.products_off { width:91px; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_grey_first_bg_off.png) top left no-repeat; } ul.topnav_links li.resources_off { width:auto; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_grey_mdl_bg_off.png) top right no-repeat; } ul.topnav_links li.inspiration_off { width:auto; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_grey_mdl_bg_off.png) top right no-repeat; } ul.topnav_links li.selection_off { width:auto; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_grey_last_bg_off.png) top right no-repeat; } ul.topnav_links li.myaccount_off { width:107px; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_orange_first_bg_off.png) top right no-repeat; } ul.topnav_links li.findadealer_off { width:116px; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_orange_last_bg_off.png) top right no-repeat; } /* ON links */ ul.topnav_links li.products_on { width:91px; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_grey_first_bg_on.png) top left no-repeat; } ul.topnav_links li.resources_on { width:auto; height:39px; margin:0px; padding:0 16px 0 0; background:url(/images_FP/topnav_grey_mdl_bg_on.png) top right no-repeat; } ul.topnav_links li.inspiration_on { width:auto; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_grey_mdl_bg_on.png) top right no-repeat; } ul.topnav_links li.selection_on { width:auto; height:39px; margin:0px; padding:0px; background:url(/images_FP/fp_topnav_grey_last_bg_on.png) top right no-repeat; } ul.topnav_links li.myaccount_on { width:107px; height:39px; margin:0px; padding:0px; background:url(/images_FP/topnav_orange_first_bg_on.png) top right no-repeat; } ul.topnav_links li.findadealer_on { width:116px; height:39px; margin:0px; padding:0px; background:url(/images_FP/fp_topnav_orange_last_bg_on.png) top right no-repeat; } /* --------------------------------------------------------------------------------- top navigation link dropdowns, one to cover the tab, one to display the dropdown ------------------------------------------------------------------------------ */ /* text for tab overlay, should be same for all */ p.tabddm { color:#ffffff; font-size:1.3em; margin:0; padding:0; position:absolute; top:11px; left:17px; } .ddm_centerer { width:960px; height:0px; margin:0 auto; text-align:left; } /* //////// Products DDM //////// */ .fp_ddm_products_navoverlay { width:100px; height:41px; margin:12px 0 0 308px; position:absolute; z-index:900; background:url(/images_FP/topnav_products_tab_overlay.png) top left no-repeat; } .fp_ddm_products_ddm_top { width:349px; height:350px; margin:53px 0 0 308px; position:absolute; z-index:900; background:url(/images_FP/topnav_products_tab_ddm_top.png) top left no-repeat; } .fp_ddm_products_ddm_btm { width:349px; height:16px; margin:403px 0 0 308px; position:absolute; z-index:900; background:url(/images_FP/topnav_products_tab_ddm_btm.png) top left no-repeat; } .ddm_prod_col1 { width:154px; height:auto; text-align:left; margin:20px 0 0 12px; } .ddm_prod_col2 { width:172px; height:auto; text-align:left; margin:20px 0 0 16px; } .ddm_prod_col3 { width:172px; height:300px; text-align:left; margin:0; position:absolute; top:43px; left:157px; } ul.ddm_list_nav { width:154px; margin:10px 0 10px 0; padding:0px; } ul.ddm_list_nav li { background:url(/images_FP/ddm_listnav_bg_off.png) top left no-repeat; width:154px; height:22px; list-style:none; } ul.ddm_list_nav li.on { background:url(/images_FP/ddm_listnav_bg_on.png) top left no-repeat; } ul.ddm_list_nav li a, ul.ddm_list_nav li a:hover { display:block; width:154px; height:22px; text-decoration:none; color:#ffffff; font-size:1.2em; padding:4px 0 0 28px; } ul.ddm_list_nav_simple li a:hover, .ddm_prod_col3 li a:hover { background:url(/images_FP/ddm_listnav_bg_on.png) top left no-repeat; } /* wider version, for flyout navigation */ ul.ddm_list_nav_wide { width:170px; margin:10px 0 10px 0; padding:0px; } ul.ddm_list_nav_wide li { width:170px; height:22px; list-style:none; } ul.ddm_list_nav_wide li a { display:block; width:170px; height:22px; background:url(/images_FP/ddm_listnav_wide_bg_off.png) top left no-repeat; color:#ffffff; font-size:1.2em; padding:4px 0 0 28px; } ul.ddm_list_nav_wide li a:hover { display:block; width:170px; height:22px; background:url(/images_FP/ddm_listnav_wide_bg_on.png) top left no-repeat; text-decoration:none; padding:4px 0 0 28px; } /* //////// Selection Tools DDM -62px more from left for nav_overlay //////// */ .fp_ddm_selectiontools_navoverlay { width:142px; height:41px; position:absolute; margin:11px 0 0 600px; z-index:900; background:url(/images_FP/topnav_tools_tab_overlay.png) top left no-repeat; } /* old style .fp_ddm_selectiontools_ddm_top { position:absolute; margin:52px 0 0 595px; z-index:900; background:none; width:187px; height:130px; background:url(/images_FP/topnav_myacct_loggedin_tab_ddm_top.png) top left no-repeat; } .fp_ddm_selectiontools_ddm_btm { width:187px; height:16px; position:absolute; margin:182px 0 0 595px; z-index:900; background:url(/images_FP/topnav_myacct_loggedin_tab_ddm_btm.png) top left no-repeat; } */ .fp_ddm_selectiontools_ddm_top { position:absolute; margin:52px 0 0 595px; z-index:900; background:none; width:187px; height:106px; background:url(/images_FP/topnav_tools_tab_ddm_top.png) top left no-repeat; } .fp_ddm_selectiontools_ddm_btm { width:187px; height:16px; position:absolute; margin:158px 0 0 595px; z-index:900; background:url(/images_FP/topnav_tools_tab_ddm_btm.png) top left no-repeat; } div.fp_ddm_selectiontools_content ul.ddm_list_nav { width:154px; margin:20px 0 0 16px; padding:0px; } div.fp_ddm_selectiontools_content ul.ddm_list_nav li { width:154px; height:22px; list-style:none; } div.fp_ddm_selectiontools_content ul.ddm_list_nav li a { display:block; width:154px; height:22px; background:url(/images_FP/ddm_listnav_bg_off.png) top left no-repeat; color:#ffffff; font-size:1.2em; padding:4px 0 0 28px; } div.fp_ddm_selectiontools_content ul.ddm_list_nav li a:hover { display:block; width:154px; height:22px; background:url(/images_FP/ddm_listnav_bg_on.png) top left no-repeat; text-decoration:none; padding:4px 0 0 28px; } /* //////// My Account DDM -62px more from left for nav_overlay //////// */ .fp_ddm_myacct_navoverlay { width:115px; height:41px; position:absolute; margin:11px 0 0 734px; z-index:900; background:url(/images_FP/topnav_myacct_tab_overlay.png) top left no-repeat; } .fp_ddm_myacct_ddm_top { position:absolute; margin:52px 0 0 729px; z-index:900; background:none; width:362px; } .fp_ddm_myacct_ddm_btm { width:296px; height:16px; position:absolute; margin:372px 0 0 673px; z-index:900; /* background:url(/images_FP/topnav_myacct_tab_ddm_btm.png) top left no-repeat; */ } .notlogged_in_bg { width:296px; height:312px; padding:8px 0 0 0; margin:0px 0 0 -56px; background:url(/images_FP/topnav_myacct_tab_ddm_top.png) top left no-repeat; } .notlogged_in_bottom { width:296px; height:16px; background:url(/images_FP/topnav_myacct_tab_ddm_btm.png) top left no-repeat; } .ddm_myacct_col1 { width:282px; text-align:left; margin:0 0 0 5px; padding:0; } .ddm_myacct_col1_content { width:244px; min-height:228px; margin:14px 0 0 23px; padding:0; } .ddm_myacct_col1 p { margin:10px 0; padding:0px; } p.ddm_title_white { margin:0px; padding:0px; height:auto; color:#FFFFFF; } .ddm_myacct_col1 h3.ddm_title { margin:0 0 14px 0; padding:0; } .ddm_myacct_col1 h2.ddm_signin { margin:2px 16px 0 0; padding:0px; } .ddm_myacct_col1 .ddm_signin_row { width:244px; height:30px; margin:10px 0; cursor:hand; cursor:pointer; } .ddm_forgotusername p { color:#FFFFFF; display:block; margin:15px 0 0 23px; } .ddm_forgotusername p a { color:#ffffff; text-decoration:none; } .ddm_forgotusername p a:hover { color:#ffffff; text-decoration:underline; } /* //////// My Account DDM - LOGGED IN STATE -62px more from left for nav_overlay //////// */ .logged_in_bg { width:187px; height:167px; padding:10px 0 0 0; background:url(/images_FP/topnav_myacct_loggedin_tab_ddm_top.png) top left no-repeat; } .logged_in_bottom { width:187px; height:16px; position:relative; top:-153px; left:56px; background:url(/images_FP/topnav_myacct_loggedin_tab_ddm_btm.png) top left no-repeat; } div.ddm_myacct_col1_content ul.ddm_list_nav { width:154px; margin:10px 0 10px -12px; padding:0px; } div.ddm_myacct_col1_content ul.ddm_list_nav li { width:154px; height:22px; list-style:none; } div.ddm_myacct_col1_content ul.ddm_list_nav li a { display:block; width:154px; height:22px; background:url(/images_FP/ddm_listnav_bg_off.png) top left no-repeat; color:#ffffff; font-size:1.2em; padding:4px 0 0 28px; } div.ddm_myacct_col1_content ul.ddm_list_nav li a:hover { display:block; width:154px; height:22px; background:url(/images_FP/ddm_listnav_bg_on.png) top left no-repeat; text-decoration:none; padding:4px 0 0 28px; } /* //////// Find A Dealer DDM -170 more from left for nav_overlay //////// */ .fp_ddm_finddealer_navoverlay { width:126px; height:41px; position:absolute; margin:11px 0 0 842px; z-index:900; background:url(/images_FP/topnav_finddealer_tab_overlay.png) top left no-repeat; } .fp_ddm_finddealer_ddm_top { width:296px; height:401px; position:absolute; padding:12px 0px; margin:52px 0 0 672px; z-index:900; background:url(/images_FP/topnav_finddealer_tab_ddm_top.png) top left no-repeat; } .fp_ddm_finddealer_ddm_btm { width:296px; height:16px; position:absolute; padding:28px 0px; margin:477px 0 0 672px; z-index:900; background:url(/images_FP/topnav_finddealer_tab_ddm_btm.png) top left no-repeat; } .ddm_finddealer_col1 { width:282px; height:auto; text-align:left; margin:0 0 0 5px; padding:0; } .ddm_finddealer_col1_content { width:244px; margin:0px 0 0 23px; padding:10px 0px 10px 0px; height:auto; } div.ddm_finddealer_col1_content a.btn_findadealer { display:block; background:url(/images_FP/btn_orange_findadealer_off.png) top left no-repeat; width:140px; height:26px; margin:0px; padding:5px 0px 20px 0px; cursor:pointer; z-index:100000; } div.ddm_finddealer_col1_content a:hover.btn_findadealer { background:url(/images_FP/btn_orange_findadealer_on.png) top left no-repeat; width:140px; height:26px; } .ddm_finddealer_col1 p { margin:10px 0; padding:0px; } .ddm_finddealer_col1 h3.ddm_title { margin:0 0 14px 0; padding:0; } .ddm_finddealer_col1 h2.ddm_signin { margin:2px 16px 0 0; padding:0px; } .ddm_finddealer_col1 .ddm_signin_row { width:244px; height:30px; margin:10px 0; } .ddm_finddealer_2col1 { width:122px; margin:0 0 0 23px; padding:0; } .ddm_finddealer_2col2 { width:122px; margin:0 0 0 10px; padding:0; } .ddm_finddealer_2col1 p, .ddm_finddealer_2col2 p { margin:0; } /* --------------------------------------------------------------------------------- home page header image area ------------------------------------------------------------------------------ */ .fp_home_image_pusher { height: 455px; text-align: left; } .fp_home_image { height: 455px; overflow: hidden; position: absolute; } .fp_home_mover { height: 455px; /*position: absolute;*/ overflow: hidden; background-color: Black; } .fp_home_image_div { height: 455px; z-index: 1; position: absolute; background-position: center; background-repeat: no-repeat; } .fp_home_play_indicator { height: 455px; width: 100%; background-image: url(/images_FP/prodslides_video_indicator.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; cursor: hand; } .play_indicator { background-image: url(/images_FP/prodslides_video_indicator.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; cursor: hand; } .home_image_topbar { width:100%; height:32px; /* position:absolute; */ overflow: visible; z-index:2; background:url('/images_FP/header_grey_top_bg.png') repeat-x left top; top:54px; left:0px; } /* removed absolute position so sits in document flow */ .home_top_bar_content p { margin-left:10px; } .account_icon { margin:6px 0 0 0; } .search_home { height:31px; margin:0; padding:0 8px; border-left:1px solid #9b9996; border-right:1px solid #9b9996; } .search_icon { position:relative; top:6px; } .search_home_button { width:48px; height:31px; padding:1px 0 0 0; border-right:1px solid #9b9996; } a.search_button_go { display:block; background:url(/images_FP/btn_go_off.png) top left no-repeat; width:48px; height:30px; } a:hover.search_button_go { display:block; background:url(/images_FP/btn_go_on.png) top left no-repeat; width:48px; height:30px; } .home_image_btmbar { width:100%; height:40px; position:absolute; z-index:12; margin:415px 0 0 0; padding:0px; color:#FFFFFF; font-size:1.3em; font-weight:normal; background:url(/images_FP/header_grey_btm_bg.png) top left repeat-x; } .home_btm_bar_content { height:26px; position:relative; top:6px; } .home_image_btmbar div.pipesign_divided { margin:-6px 10px 0 10px; } ul.image_switcher_toggle { margin:0px; padding:0px; } ul.image_switcher_toggle li { list-style:none; float:left; width:12px; height:20px; margin:0 8px 0 0; padding:0px; } ul.image_switcher_toggle li.off a { display:block; width:12px; height:20px; background:url(/images_FP/icon_fphome_image_switcher_off.png) top left no-repeat; } ul.image_switcher_toggle li.off a:hover { display:block; width:12px; height:20px; background:url(/images_FP/icon_fphome_image_switcher_on.png) top left no-repeat; } ul.image_switcher_toggle li.on a { display:block; width:12px; height:20px; background:url(/images_FP/icon_fphome_image_switcher_on.png) top left no-repeat; } ul.image_switcher_toggle li.on a:hover { display:block; width:12px; height:20px; background:url(/images_FP/icon_fphome_image_switcher_on.png) top left no-repeat; } .pipesign { width:1px; height:19px; background-color: rgb(105, 105, 105); margin:5px 16px 0 10px; } /* RGBA defines transparency: Red Green Blue Alpha */ .pipesign_orange { width:1px; height:12px; background-color: rgb(241, 89, 42); margin:0 10px; } .pipesign_divided { width:2px; height:40px; margin:0px; padding:0px; background:url(/images_FP/icon_divided_pipe.png) top left no-repeat; } .icon_thumb { margin:8px 0 0 0; } .icon_expand { margin:8px 0 0 0; } .fp_home_image_switcher_text { height:20px; width:600px; margin-top:4px; } .fp_home_image_switcher_text p { margin:-3px 0 0 0; padding:0; } .fp_home_image_switcher_text img { margin:-3px 5px 0 5px; padding:0; } /* --------------------------------------------------------------------------------- Featured Editor Review row w/hovers ------------------------------------------------------------------------------ */ .featured_editor_reviews { width:100%; height:100px; background:url(/images_FP/feature_review_bar_bg.png) top left repeat-x; z-index:100; margin:0px; padding:0px; } .editor_review_intro { width:230px; height:80px; float:left; margin:0 10px 0 0; padding:0px; } .editor_review_container { height:90px;width:670px; margin:0px; padding:0px; float:left; overflow:hidden;position:relative;} ul.featured_editor_review_slots { width:1000px; height:90px; margin:4px 0 0 4px; padding:0px;position:absolute; } ul.featured_editor_review_slots li { width:108px; height:80px; list-style:none; float:left; margin-right:31px; background:url(/images_FP/editor_review_slot_bg.png) top left no-repeat; } ul.featured_editor_review_slots li.last { width:108px; height:80px; list-style:none; float:left; margin-right:0px; background:url(/images_FP/editor_review_slot_bg.png) top left no-repeat; } ul.featured_editor_review_slots li img { margin:1px 0 0 4px; } .editor_rotator_arrow_left { width:9px; height:13px; position:relative; top:40px; margin:0px 8px; padding:0; cursor:pointer; cursor:hand; } .editor_rotator_arrow_right { width:9px; height:13px; position:relative; top:40px; margin:0 0 0 12px; padding:0; cursor:pointer; cursor:hand; } /* Rollover style - popup that needs JS positioning */ .editor_review_rollover { width:134px; height:252px; margin:0; position:absolute; z-index:100; text-align:left; } .editor_review_top { width:134px; height:86px; background:url(/images_FP/editor_rollover_top_bg.png) top left no-repeat; } .editor_review_btm { width:134px; height:166px; background:url(/images_FP/editor_rollover_btm_bg.png) top left no-repeat; } .editor_rollover_title { width:102px; height:38px; margin:0; padding:7px 10px 0 18px; } .editor_rollover_title p { margin:0px; padding:0px; color:#f1592a; font-size:1.4em; line-height:20px; } .editor_rollover_body { margin:0px; padding:0 16px 0 18px; height:60px; color:#FFFFFF; } .editor_rollover_body p { line-height:1.1em; font-size:1.0em; } .editor_review_btm hr { width:126px; margin:8px 0 8px 4px; background-color:#474646; } /* --------------------------------------------------------------------------------- FP - Homepage Body content ------------------------------------------------------------------------------ */ .home_body { width:960px; margin:-5px auto 0 auto; z-index:90; } .columns4 { text-align:left; height:199px; }/* container for 4 column grid */ .columns4 div.col1, .columns4 div.col2, .columns4 div.col3 { float:left; width:236px; margin:0px; padding:0px; border-right:1px solid #E5E5E5; } .columns4 div.col4 { float:left; width:236px; margin:0px; padding:0px; } .col2 .promo_link_home P.promo_link { position: relative; } .home_slot_toprow { height:180px; } .columns2 { text-align:left; border-bottom:1px solid #E5E5E5; padding-top:1px !important; background-image: url(/images_FP/home_border.gif) !important; background-position:top left !important; background-repeat:repeat-x !important; }/* container for 2 column grid */ .columns2 div.col1 { float:left; width:473px; margin:0px; padding:0px; height:175px; border-right:1px solid #E5E5E5; } .columns2 div.col2 { float:left; width:473px; margin:0px; padding:0px; height:175px; } .promo_left { width:241px; height:164px; } .promo_right { width:222px; height:164px; margin-left:10px; } .promo_right h1 { margin-left:0px; } .promo_right p { font-size:1.2em; color:#8f8f8f; line-height:16px; } .promo_right p span { font-size:1.1em; color:#000000; line-height:16px; } .base_rotator_container_2col_wpager { }/* container for base rotator */ .rotator_wrapper_2col_wpager { width:473px; height:175px; margin:0px; padding:0px; overflow:hidden; } ul.promoslots { margin:10px 0 0 0; padding:0; width:2000px; } ul.promoslots li { list-style:none; width:473px; margin:0px; padding:0px; height:165px; overflow:hidden; } ul.promo_pager { margin:0; padding:0; width:178px; height:30px; position:relative; top:-35px; } ul.promo_pager li { list-style:none; float:left; width:28px; height:30px; padding:0px 0 0 15px; background:url(/images_FP/promo_link_pipe.jpg) bottom right no-repeat; } ul.promo_pager li.off a { display:block; font-size:1.4em; width:13px; height:16px; padding:12px 0 0 0; color:#3d3d3d; text-decoration:none; } ul.promo_pager li.off a:hover { color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } ul.promo_pager li.on a { display:block; font-size:1.4em; color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } ul.promo_pager li.on a:hover { color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } .promo_slot_image { border:1px solid #e3e3e3; padding:2px; margin:0 8px 8px 0; float:left; } .promo_slot_image_noborder { padding:2px; margin:0 8px 8px 0; float:left; } .promo_link_row { margin:12px 0 0 0; height:49px; } .promo_link_home { width:195px; height:49px; border-right:1px solid #E5E5E5; margin:0; } div.promo_slot_copy { font-size:1.2em; margin:0 0 0 1.0em; width:202px; line-height:1.3em; color:#909090; } div.promo_slot_copy1 { font-size:1.2em; margin:0; width:202px; line-height:1.3em; color:#909090; } p.promo_link { margin:18px 0px 0 14px; font-size:1.2em; text-align:left; } .promo_link_arrow { margin:17px 0 0 17px; } /* col2 find a dealer form slot */ .col2_find_dealer_form { height:164px; width:456px; margin:10px 0 0 14px; padding:0; } .col2_find_dealer_form p { font-size:1.2em; color:#8f8f8f; line-height:16px; margin:10px 0 10px 0; } .col2_find_dealer_form h1.promo_header { margin:13px 0 0 0; } div.col2_find_dealer_form .promo_link_row { margin:18px 4px 0 0; } div.col2_find_dealer_form .promo_link_home { width:140px; height:45px; padding:2px 0 0 0; border-right:1px solid #E5E5E5; } div.col2_find_dealer_form a.small_grey_link { color:#808080; font-size:1.0em; text-decoration:underline; position:absolute; margin:8px 0 0 0; } /* form styles for these fields */ div.col2_find_dealer_form div.visible_form div.search_input_topnav_bg input.search_input_topnav { color:#333333; position:relative; top:6px; margin-left:5px; padding:2px 2px 0px 2px; text-align:left; border:1px solid #DADADA; background:none; width:180px; } div.col2_find_dealer_form div.visible_form div.search_input_topnav_bg input[type='text']:hover.search_input_topnav, { border-color:#858382; } div.col2_find_dealer_form div.visible_form div.search_input_topnav_bg input[type='text']:focus.search_input_topnav, div.col2_find_dealer_form div.visible_form div.search_input_topnav_bg input[type='password']:focus.search_input_topnav { border-color:#999999; outline:1px solid #858382; } div.col2_find_dealer_form div.visible_form div.search_input_topnav_bg select.select_topnav { color:#333333; padding:2px; margin:6px 10px 4px 0; position:relative; text-align:left; width:180px; } /* for 2 column layout - below main body area */ div.promo_right .promo_link_row { margin:28px 0 0 20px; height:49px; } div.promo_right .promo_link_home { width:150px; height:45px; padding:18px 0 0 10px; border-right:1px solid #E5E5E5; font-size:1.2em; } div.promo_right p.promo_link { margin:15px 0 0 0; font-size:1.2em; } div.promo_right .promo_link_arrow { margin:17px 0 0 17px; } /* --------------------------------------------------------------------------------- Footer content ------------------------------------------------------------------------------ */ .footer { width:100%; height:121px; background:url(/images_FP/footer_bg.png) top left repeat-x; } .footer_compare { height:154px; } p.footer_intro { position:relative; top:8px; margin:0 0 14px 0; left:0; color:#FFFFFF; font-size:1.1em; } ul.footer_logos { width:960px; height:44px; margin:0; padding:0; border-bottom:1px solid #ececec; } ul.footer_logos li { list-style:none; float:left; width:139px; height:44px; border-right:1px solid #ececec; margin:0; padding:0; } ul.footer_logos li.logo129 { list-style:none; float:left; width:129px; height:44px; border-right:1px solid #ececec; } ul.footer_logos li.logo131 { list-style:none; float:left; width:131px; height:44px; border-right:1px solid #ececec; } ul.footer_logos li.logo138 { list-style:none; float:left; width:138px; height:44px; border-right:1px solid #ececec; } ul.footer_logos li.last { list-style:none; float:left; width:131px; height:44px; border-right:none; } .footer_link { height:16px; padding:12px 18px 8px 18px; border-right:1px solid #ececec; } .footer_link_last { height:16px; padding:12px 18px 8px 18px; } p.footer_copyright { text-align:right; width:400px; height:16px; margin:12px; font-weight:normal; font-size:1.1em; color:#747474;} /* Footer Popup Description - based on prod_desc_popup */ .popup_window { width:766px; height:auto; text-align:left;} .popup_window_header { width:766px; height:80px; border-bottom:1px solid #d9d9d9; } .popup_window_body { width:686px; background-color:#FFFFFF; padding:0px 40px;} div.popup_window_header .popup_btn_close { float:right; margin:0px 30px 0 0; width:75px; height:28px; } div.popup_window_header a.btn_close { display:block; width:75px; height:28px; background:url(/images_FP/btn_close_off.png) top left no-repeat; } div.popup_window_header a.btn_close:hover { background:url(/images_FP/btn_close_over.png) top left no-repeat; } .popup_window .logo_slot_popup { width:202px; height:22px; padding-top:6px; position:relative; top:32px; left:40px; } .new_window .logo_slot_popup { width:202px; height:29px; padding:6px 0 0 0; position:relative; top:10px; left:10px; } .new_window .logo_slot { width:167px; height:22px; } .popup_window .popup_title { margin:18px 0 0 40px; width:600px; height:40px; } .popup_window .popup_title h1 { font-size:2.3em; font-weight:normal; } /* 2 column body */ .popup_window .popup_column_left { float:left; width:217px; height:auto; margin:0 0 0 24px; padding:10px 0 0 0; } .popup_window .popup_column_right { float:left; width:630px; height:auto; margin:0 0 0 2px; padding:20px 0 0 20px; } .popup_window .autoscroller_prod_desc { height:400px; overflow:auto; } .popup_window .autoscroller_prod_desc h3 { margin:0 0 20px 0; padding:0; font-size:1.8em; color:#505050; } .popup_window .autoscroller_prod_desc p { color:#909090; font-size:1.2em; line-height:1.2em; margin:0 0 20px 0; } .autoscroller_prod_desc p.description_block span.title { color:#505050; } .autoscroller_prod_desc p.description_block span.inline_pipe { color:#FF0000; } .popup_window .popup_column_left h2, .popup_window .popup_column_left p { margin:17px 0 0 16px; } .popup_window .popup_column_left .form_item { margin:10px 0 0 16px; } .popup_window .popup_column_left select.ddm_form_row_multi { width:180px; margin:0 0px 10px 0; background-color:#FFFFFF; } .popup_window .popup_column_left .btn_placeholder { margin:20px; } /* --------------------------------------------------------------------------------- FP - Category ------------------------------------------------------------------------------ */ .category_body { text-align:left; width:100%; height:auto; margin:0 auto; padding:0 0 10px 0; z-index:90; } .category_column_1 { width:219px; height:auto; float:left; padding:20px 0 0 0; background-color:#F6F6F6; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; } .category_column_2 { width:702px; height:auto; float:left; margin:0 0 0 26px; } .grey_light_subnav_container { width:100%; height:48px; background:url(/images_FP/category_subhead_bg.png) top left repeat-x; z-index:100; margin:0px; padding:0px; } .grey_light_subnav_container h2 { margin:12px 0 0 0; padding:0; } .grey_light_subnav_container_tall { width:100%; height:54px; background:url(/images_FP/category_subhead_tab_bg.png) top left repeat-x; z-index:100; margin:4px 0 0 0; padding:0px; } .grey_light_subnav_container_tall h2 { margin:12px 0 0 0; padding:0; } ul.grey_light_subnav { margin:10px 0 0 0; padding:0; } ul.grey_light_subnav li { list-style:none; float:left; width:auto; height:23px; margin:0 0 0 8px; } ul.grey_light_subnav li a.subnav_grey_light_compare { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_compare_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_compare { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_compare_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_email { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_email_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_email { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_email_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_save { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_save_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_save { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_save_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_print { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_print_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_print { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_print_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_share { width:79px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_share_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_share { width:79px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_share_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_back { width:109px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_back_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_back { width:109px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_back_on.png) top left no-repeat; } /* Left Column (1) */ .category_browser_toggle { width:219px; height:37px; margin:10px 0 0 0; padding:0px; color:#333333; } .toggle_browse_off, .toggle_browse_on { width:90px; height:37px; float:left; } .toggle_hearthfinder_off, .toggle_hearthfinder_on { width:129px; height:37px; float:left; } .category_browser_browse { } .category_browser_hearthfinder { text-align:left; } .category_browser_hearthfinder h5 { font-size:1.5em; color:#333; margin:0 0 5px 0; padding:0; } input.refine_box { border:1px solid #dadada; color:#999999; background:url(../images_FP/icon_search_input.png) no-repeat right 2px #FFFFFF; padding:4px; margin:0; width:100%;} input.refine_box:focus { border:1px solid #dadada; background:#FFFFFF; } .finder_item_wrapper { border-bottom:1px solid #d9d9d9; padding:10px 20px;} .finder_open span { color:#acacac; } div.finder_open div.finder_tog a { color:#fa7319; } /* hack for colors on open titles */ .finder_open span { color:#acacac; } div.finder_open div.finder_tog a { color:#fa7319; } .category_browser_hearthfinder fieldset { border:none; padding:0; margin:0; display:block;} .category_browser_hearthfinder select { border:1px solid #999; margin:0; width:100%; background:#fff; color:#333333;} .category_browser_hearthfinder .finder_close fieldset, .finder_option { display:none;} a.finder_tog { color:#333333; font-size:1.5em; display:block; background:url(/images_FP/finder_tog_up.png) no-repeat right 3px; margin-bottom:12px;} a.finder_tog:hover { text-decoration:none;} .finder_close a.finder_tog { background:url(/images_FP/finder_tog_down.png) no-repeat right 3px; display:block;} .finder_option { margin-top:20px;} .category_browser_hearthfinder label { width:45%; display:inline-block; color:#333333;} .category_browser_hearthfinder label.one_column { width:95%; display:inline-block; color:#333333; font-size:0.8em; } #price-range, #heat-range { width:170px;} input#amount, input#output { border:none; background:none; color:#666666; font-size:0.9em; width:100%; padding:0; margin:0;} .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 10px; cursor: default; background:url(/images_FP/slider_pointer_icon.png) no-repeat; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; background:url(../images_FP/slider_bg.png) no-repeat; } .ui-slider-horizontal .ui-slider-handle { top: 3px; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } ul.browse_toggle_list { margin:20px 0 0 0; padding:0; font-size:1.3em; } ul.browse_toggle_list li { list-style:none; height:22px; margin:0; padding:4px 0 2px 6px; border-top:1px solid #D9D9D9; } ul.browse_toggle_list li.open { list-style:none; height:auto; margin:0; padding:4px 0 2px 6px; border-top:1px solid #D9D9D9; background-color:#FFFFFF; } ul.browse_toggle_list li.last { list-style:none; height:22px; margin:0; padding:4px 0 2px 6px; border-bottom:1px solid #D9D9D9; } .category_toggle_info { float:right; margin:2px 8px 0 0; } ul.browse_toggle_list li.closed a.category_toggle_link { display:block; float:left; padding-left:22px; color:#333333; background:url(/images_FP/icon_orange_arrow_right_off.png) left center no-repeat; } ul.browse_toggle_list li.closed a:hover.category_toggle_link { display:block; float:left; padding-left:22px; color:#333333; background:url(/images_FP/icon_orange_arrow_right_over.png) left center no-repeat; text-decoration:none; } ul.browse_toggle_list li.open a.category_toggle_link { display:block; float:left; padding-left:22px; color:#333333; background:url(/images_FP/icon_orange_arrow_down.png) left center no-repeat; } ul.browse_toggle_list li.open a:hover.category_toggle_link { display:block; float:left; padding-left:22px; color:#333333; background:url(/images_FP/icon_orange_arrow_down.png) left center no-repeat; text-decoration:none; } ul.browse_toggle_list li.open ul.category_toggle_subnav { margin:4px 0 0 -6px; padding:0; } ul.browse_toggle_list li.open ul.category_toggle_subnav li { list-style:none; height:30px; border-top:1px solid #F5F5F5; margin:0; padding:0; } ul.browse_toggle_list li.open ul.category_toggle_subnav li a { display:block; height:auto; font-size:0.9em; margin:0; padding:6px 0 5px 28px; } ul.browse_toggle_list li.open ul.category_toggle_subnav li a:hover { display:block; height:auto; font-size:0.9em; margin:0; padding:6px 0 5px 28px; color:#FFFFFF; background-color:#b3b3b3; text-decoration:none; } ul.browse_toggle_list li.open ul.category_toggle_subnav li a.active { display:block; height:auto; font-size:0.9em; margin:0; padding:6px 0 5px 28px; color:#FFFFFF; background-color:#b3b3b3; text-decoration:none; } /* Right Column (2) */ .category_type_intro { text-align:left; width:702px; height:auto; margin:10px auto 10px auto; } .category_type_intro_col1 { width:202px; padding:16px 0 ; } .category_type_intro_col2 { width:440px; padding:16px 20px; border-left:1px solid #D9D9D9; } .category_type_intro_col1 h3 { font-size:1.8em; color:#505050; } .category_type_intro_col2 p { line-height:1.4em; } /* Category Viewer - expanded / collapsed states */ .category_viewer_collapsed { width:100%; height:55px; margin:0; padding:0; background:url(/images_FP/category_view_collapsed_bg.png) top left repeat-x; } .view_categories_expand {} /* Category Viewer - expanded / collapsed states */ .category_viewer_expanded { width:100%; height:auto; margin:0; padding:0; background:url(/images_FP/category_view_expanded_bg.png) top left repeat-x; } .view_categories_close {} ul.category_list_grey_btn { width:100%; height:26px; margin:0; padding:4px 0 0 0; } ul.category_list_grey_btn li { list-style:none; float:left; width:auto; height:22px; margin:0 70px 0 0; padding:0px; } ul.category_list_grey_btn li img { display:none; } ul.category_list_grey_btn li.on img { display:block; } ul.category_list_grey_btn li.on a { display:none; } /* category subnav buttons */ a.cat_subnav_prodtype { display:block; height:22px; margin:0px; padding:0px; width:108px; background:url(/images_FP/category_subnav_btn_prodtype_off.png) top left no-repeat; } a:hover.cat_subnav_prodtype { display:block; height:22px; margin:0px; padding:0px; width:108px; background:url(/images_FP/category_subnav_btn_prodtype_on.png) top left no-repeat; } a.cat_subnav_fueltype { display:block; height:22px; margin:0px; padding:0px; width:84px; background:url(/images_FP/category_subnav_btn_fueltype_off.png) top left no-repeat; } a:hover.cat_subnav_fueltype { display:block; height:22px; margin:0px; padding:0px; width:84px; background:url(/images_FP/category_subnav_btn_fueltype_on.png) top left no-repeat; } a.cat_subnav_room { display:block; height:22px; margin:0px; padding:0px; width:121px; background:url(/images_FP/category_subnav_btn_room_off.png) top left no-repeat; } a:hover.cat_subnav_room { display:block; height:22px; margin:0px; padding:0px; width:121px; background:url(/images_FP/category_subnav_btn_room_on.png) top left no-repeat; } a.cat_subnav_brands { display:block; height:22px; margin:0px; padding:0px; width:70px; background:url(/images_FP/category_subnav_btn_brands_off.png) top left no-repeat; } a:hover.cat_subnav_brands { display:block; height:22px; margin:0px; padding:0px; width:70px; background:url(/images_FP/category_subnav_btn_brands_on.png) top left no-repeat; } a.cat_subnav_color { display:block; height:22px; margin:0px; padding:0px; width:59px; background:url(/images_FP/category_subnav_btn_color_off.png) top left no-repeat; } a:hover.cat_subnav_color { display:block; height:22px; margin:0px; padding:0px; width:59px; background:url(/images_FP/category_subnav_btn_color_on.png) top left no-repeat; } a.cat_subnav_materials { display:block; height:22px; margin:0px; padding:0px; width:83px; background:url(/images_FP/category_subnav_btn_materials_off.png) top left no-repeat; } a:hover.cat_subnav_materials { display:block; height:22px; margin:0px; padding:0px; width:83px; background:url(/images_FP/category_subnav_btn_materials_on.png) top left no-repeat; } ul.category_list_subnav { width:100%; height:auto; margin:0; padding:4px 0 0 0; } ul.category_list_subnav li { list-style:none; float:left; width:200px; height:22px; margin:0; padding:0px; } ul.category_list_subnav li a { color:#505050; } /* Product/Search Results/paging */ .category_list_pager { width:702px; height:37px; background:url(/images_FP/pager_bg_endcaps.png) top left no-repeat; margin:0px; color:#FFFFFF; font-size:1.3em; font-weight:normal; } .list_paging { /*width:220px;*/ height:30px; margin:4px 0 0 10px; } .list_paging_pagers { width:156px; height:30px; margin:8px 0 0 10px; font-size:0.9em; } .list_paging p { font-size:0.9em; } .list_paging p span {} .paging_arrow { margin:6px 10px 0 10px; } .paging_arrow img {} .paging_jump { padding-top:2px; padding-right:6px; font-size:1.0em;} .paging_jump input { width:20px; background-color:#FFFFFF; color:#FF0000; } /* Cateogry List */ .category_list_row_white { background-color:#FFFFFF; width:100%; height:168px; margin:0px; padding:24px 0 0 0; border-bottom:1px solid #D9D9D9; } .category_list_row_grey { background-color:#ececec; width:100%; height:168px; margin:0px; padding:25px 0 0 0; border-bottom:1px solid #D9D9D9; } .category_list_center_702 { width:702px; height:auto; margin:0 auto; } .category_column_2 ul.category_list { width:702px; height:auto; margin:0px; padding:0px; } .category_column_2 ul.category_list li { list-style:none; float:left; width:164px; margin:0 0 0 10px; height:165px; border-right:1px solid #D9D9D9; } .category_column_2 ul.category_list li.last { list-style:none; float:left; width:164px; margin:0 0 0 10px; height:165px; border-right:none; } .border1px { border:1px solid #D9D9D9; padding:2px; } .border4pxblack { border:4px solid #000000; padding:0px; } /* Product Hover */ .prod_hover_shell { position:absolute; text-align:left; } .pu_prod_top { background:url(/images_fp/pu_product_bg.png) top left no-repeat; width:385px; padding:20px 0 0 0; } .pu_prod_btm { background:url(/images_fp/pu_product_bg.png) bottom left no-repeat; width:385px; height:70px; } .pu_prod_img_bg { background:url(/images_fp/pu_prod_img_bg.png) top left no-repeat; width:209px; height:186px; margin-left:148px; padding-top:8px; padding-left:10px;} .pu_prod_details { float:left; width:108px; color:#000000; padding:15px 10px 0px 30px; } .pu_prod_details_title { font-size:1.4em; padding-bottom:8px;} .prod_hover_links { margin:10px 13px 0px 11px; padding:15px 15px 0px 15px; border-top:1px solid #000000; font-size:0.9em; } .prod_hover_links a, .prod_hover_links a:link, .prod_hover_links a:visited, .prod_hover_links a:active, .prod_hover_links a:focus { text-decoration:none; font-weight:normal; color:#000000; padding-right:22px; } .prod_hover_links a:hover { text-decoration:none; color:#fa7319; } a.prod_link_checkbox, a.prod_link_checkbox:link, a.prod_link_checkbox:visited, a.prod_link_checkbox:active, a.prod_link_checkbox:focus { text-decoration:none; background:url(/images_HNG/pu_checkbox_icon.png) top left no-repeat; padding:3px 22px 5px 22px; } a.prod_link_checkbox:hover { text-decoration:none; background:url(/images_HNG/pu_checkbox_icon.png) top left no-repeat; padding:3px 22px 5px 22px; } /* popup bottom links */ .pu_prod_btm_content { width:100%; border-top:1px solid #CCCCCC; width:360px; margin:0 0 0 12px; } .pu_prod_btm_content ul.grey_btn { width:260px; height:26px; margin:0px 0 0 0; padding:8px 0 0 0; border-right:none; position:relative; top:0px; left:10px; } .pu_prod_btm_content ul.grey_btn li.off { list-style:none; float:left; width:auto; height:22px; margin:0 4px 0 0; padding:4px 0 0 14px; background:none;} .pu_prod_btm_content ul.grey_btn li.on { list-style:none; float:left; width:auto; height:22px; margin:0 4px 0 0; padding:4px 0 0 14px; background:url(/images_FP/btn_grey_left_bg.png) top left no-repeat; } .pu_prod_btm_content ul.grey_btn li.off span { display:block; float:left; width:auto; height:22px; color:#505050; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:none; } .pu_prod_btm_content ul.grey_btn li.on span { display:block; float:left; width:auto; height:22px; color:#FFFFFF; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:url(/images_FP/btn_grey_right_bg.png) top right no-repeat; } .pu_prod_btm_content ul.grey_btn li.off span a { color:#505050; } .pu_prod_btm_content ul.grey_btn li.off span a:hover { color:#FFFFFF; text-decoration:none; } .pu_prod_btm_content ul.grey_btn li.on span a { color:#FFFFFF; } .pu_prod_btm_content ul.grey_btn li.on span a:hover { color:#FFFFFF; text-decoration:none; } .pu_prod_btm_content .inline_form_checkbox { margin:10px 0 0 0; } /* Product Description Popup Window - based on Dealer Locator */ .prod_desc_popup { width:930px; height:auto; margin-top:68px; } .prod_desc_popup_header { width:930px; height:78px; background:url(/images_FP/prod_desc_popup_bg_top.png) top left no-repeat; } .prod_desc_popup_body { width:930px; height:458px; background:url(/images_FP/prod_desc_popup_bg_btm.png) bottom left no-repeat; } div.prod_desc_popup_header .popup_btn_close { float:right; margin:38px 30px 0 0; width:75px; height:28px; } div.prod_desc_popup_header a.btn_close { display:block; width:75px; height:28px; background:url(/images_FP/btn_close_off.png) top left no-repeat; } div.prod_desc_popup_header a.btn_close:hover { background:url(/images_FP/btn_close_over.png) top left no-repeat; } .prod_desc_popup .logo_slot_popup { width:202px; height:29px; padding-top:6px; position:relative; top:32px; left:40px; border-right:1px solid #d9d9d9; } .prod_desc_popup .popup_title { margin:0 10px 0 0; width:600px; height:40px; } .prod_desc_popup .popup_title h1 { font-size:2.3em; font-weight:normal; } /* 2 column body */ .prod_desc_popup .popup_column_left { float:left; width:217px; height:auto; margin:0 0 0 24px; padding:10px 0 0 0; } .prod_desc_popup .popup_column_right { float:left; width:630px; height:auto; margin:0 0 0 2px; padding:20px 0 0 20px; } .prod_desc_popup .autoscroller_prod_desc { height:400px; overflow:auto; } .prod_desc_popup .autoscroller_prod_desc h3 { margin:0 0 20px 0; padding:0; font-size:1.8em; color:#505050; } .prod_desc_popup .autoscroller_prod_desc p { color:#909090; font-size:1.2em; line-height:1.2em; margin:0 0 20px 0; } .autoscroller_prod_desc div.description_block { margin:0 0 20px 0; } .autoscroller_prod_desc div.description_block span.title { color:#505050; } .autoscroller_prod_desc div.description_block span.inline_pipe { color:#FF0000; } .autoscroller_prod_desc div.description_block p { display:inline; } .prod_desc_popup .popup_column_left h2, .prod_desc_popup .popup_column_left p { margin:17px 0 0 16px; } .prod_desc_popup .popup_column_left .form_item { margin:10px 0 0 16px; } .prod_desc_popup .popup_column_left select.ddm_form_row_multi { width:180px; margin:0 6px 10px 0; background-color:#FFFFFF; } .prod_desc_popup .popup_column_left .btn_placeholder { margin:20px; } ul.left_col_link_arrow { width:219px; margin:0 0 0 -1px; padding:0; } ul.left_col_link_arrow li.off { list-style:none; margin:0; padding:10px 0 8px 18px; color:#000000; font-size:1.2em; font-weight:normal; background-color:none; } ul.left_col_link_arrow li.on { list-style:none; margin:0; padding:10px 0 8px 18px; color:#000000; font-size:1.2em; font-weight:normal; background-color:#DDDDDD; } ul.left_col_link_arrow li img { margin:0; padding:0; float:left; margin:1px 10px 0 0; width:9px; height:13px; } /* --------------------------------------------------------------------------------- FP - Product Detail ------------------------------------------------------------------------------ */ .faux_column_right_product { background:url(/images_FP/column_bg_grey_wstroke.png) bottom right repeat-y; } .product_detail_body { text-align:left; width:100%; height:auto; margin:0 auto; z-index:12; color:#000000; position:relative; } .product_detail_body h4 { font-size:1.7em; } /* original style */ ul.grey_btn { width:483px; height:26px; margin:14px 0 0 0; padding:0px; } ul.grey_btn li.off { list-style:none; float:left; width:auto; height:22px; margin:0px; padding:4px 0 0 14px; background:none;} ul.grey_btn li.on { list-style:none; float:left; width:auto; height:22px; margin:0px; padding:4px 0 0 14px; background:url(/images_FP/btn_grey_left_bg.png) top left no-repeat; } ul.grey_btn li.off span { display:block; float:left; width:auto; height:22px; color:#505050; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:none; } ul.grey_btn li.on span { display:block; float:left; width:auto; height:22px; color:#FFFFFF; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:url(/images_FP/btn_grey_right_bg.png) top right no-repeat; } ul.grey_btn li.off span a { color:#505050; } ul.grey_btn li.off span a:hover { color:#FFFFFF; text-decoration:none; } ul.grey_btn li.on span a { color:#FFFFFF; } ul.grey_btn li.on span a:hover { color:#FFFFFF; text-decoration:none; } /* tab style buttons for product detail pages */ ul.prod_subnav { width:auto; margin:12px 0 0 0; padding:0px; height:42px; float:left; } ul.prod_subnav li { float:left; list-style:none; margin:0; padding:0; } ul.prod_subnav li.first_on { width:13px; height:42px; background:url(/images_FP/prod_tab_first_on.png) top left no-repeat; } ul.prod_subnav li.first_off { width:13px; height:42px; background:url(/images_FP/prod_tab_first_off.png) top left no-repeat; } ul.prod_subnav li.mid_off, ul.prod_subnav li.mid_off_off { width:15px; height:42px; background:url(/images_FP/prod_tab_mid_off.png) top left no-repeat; } ul.prod_subnav li.mid_on_off { width:15px; height:42px; background:url(/images_FP/prod_tab_mid_on_off.png) top left no-repeat; } ul.prod_subnav li.mid_off_on { width:15px; height:42px; background:url(/images_FP/prod_tab_mid_off_on.png) top left no-repeat; } ul.prod_subnav li.last_on { width:13px; height:42px; background:url(/images_FP/prod_tab_last_on.png) top left no-repeat; } ul.prod_subnav li.last_off { width:13px; height:42px; background:url(/images_FP/prod_tab_last_off.png) top left no-repeat; } ul.prod_subnav li.overview_on { width:82px; height:42px; background:url(/images_FP/prod_tab_overview_on.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.overview_off { width:82px; height:42px; background:url(/images_FP/prod_tab_overview_off.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.features_on { width:135px; height:42px; background:url(/images_FP/prod_tab_features_on.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.features_off { width:135px; height:42px; background:url(/images_FP/prod_tab_features_off.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.specs_on { width:100px; height:42px; background:url(/images_FP/prod_tab_specs_on.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.specs_off { width:100px; height:42px; background:url(/images_FP/prod_tab_specs_off.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.accessories_on { width:93px; height:42px; background:url(/images_FP/prod_tab_accessories_on.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.accessories_off { width:93px; height:42px; background:url(/images_FP/prod_tab_accessories_off.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li a { width:100%; height:100%; display:block; position:relative; } .grey_btn_right { float:left; margin:0px; padding:0px; } .detail_body_col1 { width:689px; height:auto; } .detail_body_col2 { width:270px; height:100%; } .detail_body_col2 div, .detail_body_col2 ul { margin-left:0px; width:240px; } .detail_body_col2 h4, .detail_body_col2 p { margin-left:19px; width:240px; } .detail_body_col2 p.grey { font-size:1.2em; color:#909090; line-height:16px; } .detail_body_col2 .article_container { font-size:1.2em; margin:0; } /* Accomodates Widget from Editorial columns */ div.detail_body_col2 .editorial_widget { width:240px; margin:0; padding:0 6px 0 0px; border-bottom:1px solid #f0f0f0; } .product_detail_header { height:64px; border-bottom:1px solid #D9D9D9; } .product_detail_header h2 { margin:20px 0 0 0; padding:0; } .product_detail_header h3 { margin:27px 0 0 14px; padding:0; } .product_detail_header p { margin:30px 0 0 3px; padding:0; font-size:0.7em; } .product_detail_header .info_img_box { margin:30px 0 0 4px; padding:0; float:left; position:relative;} .product_detail_header img { margin:0; padding:0; } .specs_rating { height:270px; border-bottom:1px solid #D9D9D9; } .specs_container { width:200px; height:290px; float:left; } .specs_offset { margin:0 0 0 -6px; } .rating_container { width:477px; height:270px; float:left; border-left:1px solid #D9D9D9; } div.specs_rating .specs_container h4 { color:#000000; font-size:1.8em; margin:10px 0 0 0; } div.specs_rating div.specs_offset div.spec_row { height:20px; color:#fa7319; } div.specs_rating div.specs_offset div.spec_row p { float:left; margin:2px 4px 0 4px; color:#525252; } div.specs_rating div.specs_offset div.spec_row .icon_or_text { float:left; margin:0 4px; } div.specs_rating div.specs_offset div.spec_row .info_icon { float:right; width:18px; height:12px; margin:4px 4px 0 0; position:relative; } /* for popup? */ div.hover_info .fuel_type_icons { margin:10px 0 0 0; padding:8px 0 0 0; } div.hover_info div.fuel_type_icons .fuel_icon_coal { float:left; display:block; padding-left:28px; height:21px; background:url(/images_FP/icon_fuel_coal.png) top left no-repeat; } div.hover_info div.fuel_type_icons .fuel_icon_elec { float:left; display:block; padding-left:28px; width:18px; height:21px; background:url(/images_FP/icon_fuel_electronic.png) top left no-repeat; } div.hover_info div.fuel_type_icons .fuel_icon_gas { float:left; display:block; padding-left:28px; width:18px; height:21px; background:url(/images_FP/icon_fuel_gas.png) top left no-repeat; } div.hover_info div.fuel_type_icons .fuel_icon_pellet { float:left; display:block; padding-left:28px; width:18px; height:21px; background:url(/images_FP/icon_fuel_pellet.png) top left no-repeat; } div.hover_info div.fuel_type_icons .fuel_icon_wood { float:left; display:block; padding-left:28px; width:18px; height:21px; background:url(/images_FP/icon_fuel_wood.png) top left no-repeat; } /* fuel icons */ div.specs_rating div.specs_offset div.spec_row .fuel_type_icons { padding:0; } div.specs_rating div.specs_offset div.spec_row .fuel_icon_coal, div.specs_rating div.specs_offset div.spec_row .fuel_icon_elec, div.specs_rating div.specs_offset div.spec_row .fuel_icon_gas, div.specs_rating div.specs_offset div.spec_row .fuel_icon_pellet, div.specs_rating div.specs_offset div.spec_row .fuel_icon_wood { display:inline; width:18px; height:21px; } .detail_promo_container { width:689px; height:164px; border-bottom:1px solid #D9D9D9; clear:left; } .related_products_container { width:689px; height:197px; float:left; margin-top:-26px; } /* Left column Specs at a glance */ .spec_row_white { padding:2px 0 2px 18px; font-size:1.2em; background-color:#FFFFFF;} .spec_row_grey { padding:5px 0 4px 18px; font-size:1.2em; background-color:#f6f6f6; } .env_rating { padding:5px 5px 0px 0px; font-size:1.2em; margin-bottom:0; float:left; } .env_rating_icons { width:70px; margin: 5px 0 0 0; padding:0; float:left; } .env_rating_help { float:left; margin: 6px 0 0 0; position: relative; } a.info_link { font-size:1.0em; color:#909090; text-decoration:underline; } a:hover.info_link { text-decoration:none; } /* Main body area */ .rating_container_padding { margin:20px 10px 0 20px; } .rating_container_padding p { color:#909090; font-size:1.3em; line-height:18px; } .detail_text_container { height:180px; } .customer_rating_container { height:75px; } .customer_rating_container h4 { display:inline; margin-right:20px; } .customer_rating_stars { width:170px; display:inline; } .customer_rating_stars img { display:inline; margin-right:8px; } .customer_rating_container p.ratethisnow { display:inline; } .customer_rating_container p.grey_14_dark { font-size:1.1em; } .customer_rating_container p.grey_14_dark span { font-size:1.1em; } a.info_link_sized { font-size:0.8em; color:#909090; text-decoration:underline; } a:hover.info_link_sized { text-decoration:none; } /* base rotator for detail page */ .detail_promo_container .base_rotator_container_2col_wpager { }/* container for base rotator */ .detail_promo_container .rotator_wrapper_2col_wpager { width:688px; /* height:185px; */ height:164px; margin:0px; padding:0px; overflow:hidden; } .detail_promo_container .base_rotator_container_2col_wpager ul.promoslots { margin:0; padding:0; width:2000px; } .detail_promo_container .base_rotator_container_2col_wpager ul.promoslots li { list-style:none; width:688px; margin:0px; padding:0px; height:164px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_slot_image { border:1px solid #e3e3e3; padding:2px; margin:0 8px 8px 0; float:left; } .detail_promo_container .base_rotator_container_2col_wpager .promo_slot_image_noborder { margin:0 8px 8px 0; float:left; } .detail_promo_container .base_rotator_container_2col_wpager .promo_link_row { margin:0px 0 0 0; height:31px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_link_home { width:180px; height:23px; border-right:1px solid #E5E5E5; padding-top:10px; } .detail_promo_container .base_rotator_container_2col_wpager p.promo_slot_copy { font-size:1.2em; margin:0 0 0 1.0em; width:202px; line-height:1.3em; color:#909090; } .detail_promo_container .base_rotator_container_2col_wpager p.promo_slot_copy1 { font-size:1.2em; margin:0; width:202px; line-height:1.3em; color:#909090; } .detail_promo_container .base_rotator_container_2col_wpager p.promo_link { margin:6px 15px 0 0px; font-size:1.2em; text-align:right; } .detail_promo_container .base_rotator_container_2col_wpager .promo_link_arrow { margin:10px 0 0 17px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_left { width:436px; height :164px; margin-right:30px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_left h1 { margin-left:0px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_left p { font-size:1.2em; color:#8f8f8f; line-height:16px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_left p span { font-size:1.1em; color:#000000; line-height:16px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_right { width:222px; height:164px; margin-left:0px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_right h1 { margin-left:0px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_right p { font-size:1.2em; color:#8f8f8f; line-height:1px; } .detail_promo_container .base_rotator_container_2col_wpager .promo_right p span { font-size:1.1em; color:#000000; line-height:16px; } .base_rotator_container_2col_wpager ul.promo_pager { margin:0; padding:0; width:178px; height:30px; position:relative; top:-56px; } .base_rotator_container_2col_wpager ul.promo_pager li { list-style:none; float:left; width:28px; height:30px; padding:0px 0 0 15px; background:url(/images_FP/promo_link_pipe.jpg) bottom right no-repeat; } .base_rotator_container_2col_wpager ul.promo_pager li.off a { display:block; font-size:1.4em; width:13px; height:16px; padding:12px 0 0 0; color:#3d3d3d; text-decoration:none; } .base_rotator_container_2col_wpager ul.promo_pager li.off a:hover { color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } .base_rotator_container_2col_wpager ul.promo_pager li.on a { display:block; font-size:1.4em; color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } .base_rotator_container_2col_wpager ul.promo_pager li.on a:hover { color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } /* Home & Product Detail Promo fix */ /* Image w/h fix */ div.promofix div.rotator_wrapper_2col_wpager ul.promoslots li.promoslot div.promo_left img { width:233px; height:128px; overflow:hidden; } div.promofix ul.promo_pager { margin:0; padding:0; width:178px; height:30px; position:relative; top:-36px; } div.promofix ul.promo_pager li { list-style:none; float:left; width:28px; height:30px; padding:0px 0 0 15px; background:url(/images_FP/promo_link_pipe.jpg) bottom right no-repeat; } div.promofix ul.promo_pager li.off a { display:block; font-size:1.4em; width:13px; height:16px; padding:12px 0 0 0; color:#3d3d3d; text-decoration:none; } div.promofix ul.promo_pager li.off a:hover { color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } div.promofix ul.promo_pager li.on a { display:block; font-size:1.4em; color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } div.promofix ul.promo_pager li.on a:hover { color:#f1592a; text-decoration:none; width:13px; height:20px; padding:4px 0 4px 0; background:url(/images_FP/icon_orange_arrow_up.png) bottom center no-repeat; } /* promo link fix */ div.promofix div.rotator_wrapper_2col_wpager ul.promoslots li.promoslot .promo_right { position:relative; } div.promofix div.rotator_wrapper_2col_wpager ul.promoslots li.promoslot div.promo_right .promo_link_row { position:absolute; bottom:0px; height:50px; } /* Related Products */ .related_products_list_container { width:633px; height:200px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } ul.related_products_list { width:5000px; margin:4px 0 0 4px; padding:0px; position:absolute; } ul.related_products_list li { width:130px; height:134px; list-style:none; float:left; margin-right:36px; } ul.related_products_list li img { border:1px solid #D9D9D9; padding:2px; margin:0; } ul.related_products_list li .title_block { width:114px; height:20px; } ul.related_products_list li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.related_products_list li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.related_products_list li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .related_products_arrow_left { width:9px; height:13px; position:relative; top:40px; margin:0px 8px; padding:0; cursor:hand; cursor:pointer; background:url(/images_FP/icon_orange_arrow_left_disabled.png) top left no-repeat; } .related_products_arrow_right { width:9px; height:13px; position:relative; top:40px; margin:0 0 0 8px; padding:0; cursor:hand; cursor:pointer; background:url(/images_FP/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.detail_body_col2 ul.download_arrow_links { margin:0 0 0 18px; padding:0; } div.detail_body_col2 ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } div.detail_body_col2 ul.download_arrow_links li img { margin:0 6px 0 0; } div.detail_body_col2 ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .detail_body_col2 .right_col_input { width:191px; height:30px; margin:10px 10px -6px 18px; padding:12px 0 0 0; border-right:1px solid #E5E5E5; } input.right_col_input_text { width:176px;} .detail_body_col2 .promo_link_arrow { margin:24px 0 0 12px; } .detail_body_col2 .article_container p.article_title { line-height:12px; margin:8px 0 8px 18px; } .detail_body_col2 .article_container p.article_text { line-height:16px; margin:8px 0 8px 18px; } .detail_body_col2 .article_container a { color:#909090; } /* Product Detail - Features & Options */ .product_detail_header_container { text-align:left; width:960px; height:auto; margin:10px auto 10px auto; } .product_detail_header_col1 { width:202px; padding:16px 0; } .product_detail_header_col2 { width:440px; padding:16px 20px; border-left:1px solid #D9D9D9; } .product_detail_header_col2_narrow { width:320px; padding:16px 20px; border-left:1px solid #D9D9D9; } .product_detail_header_col3 { width:320px; padding:16px 20px; } .product_detail_header_col1 h3 { font-size:1.8em; color:#505050; } .product_detail_header_col2, .product_detail_header_col2_narow p { line-height:1.4em; } ul.grey_bullet_list { margin:0; padding:0; } ul.grey_bullet_list li { margin:0 0 6px 10px; padding:0; line-height:1.3em; color:#999999; } .product_detail_subhead_block { } .product_detail_subhead_block .column { float:left; width:295px; padding:0 10px 0 0; margin:10px 13px 10px 0; } .product_detail_subhead_block .column h4 { margin:0 0 8px 0; } .option_filter_bar { width:100%; padding:8px 0 0 0; height:30px; background-color:#F0F0F0; border-top:1px solid #d9d9d9; } div.option_filter_bar .option_filter_bar_title { float:left; margin:8px 10px 0 0; } div.option_filter_bar span.visible_form select { border:1px solid #dadada; margin:0; padding:4px 0 1px 4px; font-size:1.0em; color:#000000; } div.option_filter_bar span.visible_form option { font-size:1.0em; margin:4px; width:100px; } div.option_filter_bar span.visible_form label { color:#ADADAD; } .features_bar_collapsible { background:url(/images_FP/prod_detail_section_header_bar.png) top left repeat-x; border-top:1px solid #D9D9D9; height:34px; cursor: pointer; cursor: hand; } .features_bar_collapsible .center { width:960px;} .features_bar_title { font-size:1.4em; margin:6px 0 0 0; } .features_bar_expand { font-size:1.0em; margin:10px 0 0 0; color:#b2b2b2; } .features_bar_expand a { color:#b2b2b2; } /* content section */ .features_bar_content { width:960px; margin:10px auto 0 auto; height:auto; } .features_bar_content .intro_column { width:181px; height:auto; min-height:100px; margin:4px 0 0 0; padding-right:4px; border-right:1px solid #D9D9D9; } .features_bar_content .intro_column_image { width:190px; height:auto; min-height:100px; margin:4px 0 0 0; padding-right:4px; border-right:1px solid #D9D9D9; } .features_bar_content .intro_column_166 { width:181px; height:166px; min-height:100px; margin:4px 0 0 0; padding-right:4px; border-right:1px solid #D9D9D9; } .features_bar_content .intro_column_138 { width:181px; height:138px; min-height:100px; margin:4px 0 0 0; padding-right:4px; border-right:1px solid #D9D9D9; } .features_bar_content .intro_column_144 { width:181px; height:144px; min-height:100px; margin:4px 0 0 0; padding-right:4px; border-right:1px solid #D9D9D9; } .features_bar_content .intro_column_109 { width:181px; height:109px; min-height:100px; margin:4px 0 0 0; padding-right:4px; border-right:1px solid #D9D9D9; } .features_bar_content .content_column { width:760px; height:auto; margin-left:10px; } .features_bar_content .content_column_border { width:760px; height:auto; margin-left:10px; border-left:1px solid #D9D9D9; } .features_bar_content .content_column h5 {} .disabled_rotator_btns { visibility: hidden !important; } /* New set of features & options rotator containers */ .features_rotator_container_212 { width:718px; height:212px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_212 ul.features_rotator_items { width:2000em; margin:4px 0 0 4px; padding:0px; position:absolute; height:212px; } .features_rotator_container_212 ul.features_rotator_items li { list-style:none; float:left; width:142px; height:212px; padding:0px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } .features_rotator_container_212 ul.features_rotator_items li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } .features_rotator_container_212 ul.features_rotator_items li .prod_image { width:114px; height:auto; padding:0; margin:0 0 0 14px; } .features_rotator_container_212 ul.features_rotator_items li .title_block { width:114px; height:20px; margin:10px 0 0 10px; } .features_rotator_container_212 ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_212 ul.features_rotator_items li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_212 ul.features_rotator_items li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .features_rotator_container_130 { width:718px; height:130px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_130 ul.features_rotator_items { width:2000em; margin:4px 0 0 4px; padding:0px; position:absolute; height:212px; } .features_rotator_container_130 ul.features_rotator_items li { list-style:none; float:left; width:142px; height:212px; padding:0px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } .features_rotator_container_130 ul.features_rotator_items li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } .features_rotator_container_130 ul.features_rotator_items li .prod_image { width:114px; height:auto; padding:0; margin:0 0 0 14px; } .features_rotator_container_130 ul.features_rotator_items li .title_block { width:114px; height:20px; margin:10px 0 0 10px; } .features_rotator_container_130 ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_130 ul.features_rotator_items li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_130 ul.features_rotator_items li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .features_rotator_container_182 { width:718px; height:182px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_182 ul.features_rotator_items { width:2000em; margin:4px 0 0 4px; padding:0px; position:absolute; height:212px; } .features_rotator_container_182 ul.features_rotator_items li { list-style:none; float:left; width:142px; height:212px; padding:0px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } .features_rotator_container_182 ul.features_rotator_items li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } .features_rotator_container_182 ul.features_rotator_items li .prod_image { width:114px; height:auto; padding:0; margin:0 0 0 14px; } .features_rotator_container_182 ul.features_rotator_items li .title_block { width:114px; height:20px; margin:10px 0 0 10px; } .features_rotator_container_182 ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_182 ul.features_rotator_items li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_182 ul.features_rotator_items li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .features_rotator_container_130w { width:718px; height:130px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_130w ul.features_rotator_items { width:2000em; margin:4px 0 0 0px; padding:0px; float:left; } .features_rotator_container_130w ul.features_rotator_items li { list-style:none; float:left; width:242px; height:109px; padding:0px; margin:0px; cursor:pointer; } .features_rotator_container_130w ul.features_rotator_items li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } .features_rotator_container_130w ul.features_rotator_items li .prod_image { padding:0; margin:0; } .features_rotator_container_130w ul.features_rotator_items li .title_block { width:230px; margin:0; padding:0; } .features_rotator_container_130w ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_130w ul.features_rotator_items li .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_130w ul.features_rotator_items li .title { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } div.slot4 .base_rotator_container .related_products_arrow_left { width:13px; height:26px; position:relative; top:34px; margin:0 4px 0 0; padding:0; background:url(/images_FP/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.slot4 .base_rotator_container .related_products_arrow_right { width:10px; height:26px; position:relative; top:34px; margin:0 0px 0 0; padding:0; background:url(/images_FP/icon_orange_arrow_right_disabled.png) top left no-repeat; } /* Features rotator - option 1 */ .features_rotator_container { width:718px; height:212px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .finishes_rotator_container { width:718px; height:auto; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } /* Use for rotator displaying finishes */ ul.features_rotator_finishes { width:2000em; margin:4px 0 0 4px; padding:0px; position:absolute; height:212px; } ul.features_rotator_finishes li { list-style:none; float:left; width:142px; height:212px; padding:0px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } ul.features_rotator_finishes li.pg_start { border-left: 0px; } ul.features_rotator_finishes li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_finishes li .prod_image { width:114px; height:100px; padding:0; margin:0 0 0 14px; } ul.features_rotator_finishes li .title_block { width:114px; height:20px; margin:10px 0 0 10px; } ul.features_rotator_finishes li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_finishes li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_finishes li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Alternate */ ul.features_rotator_1 { width:1000px; height:166px; margin:4px 0 0 0px; padding:0px; float:left; } ul.features_rotator_1 li { list-style:none; float:left; width:120px; height:166px; padding:0 12px; margin:0px; border-right:1px solid #D9D9D9; cursor:pointer; } ul.features_rotator_1 li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_1 li .prod_image { padding:0; margin:0; } ul.features_rotator_1 li .title_block { width:114px; margin:0; padding:0; } ul.features_rotator_1 li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_1 li .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_1 li .title { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Match intro_column_166 */ ul.features_rotator_166 { width:1000px; height:166px; margin:4px 0 0 0px; padding:0px; float:left; } ul.features_rotator_166 li { list-style:none; float:left; width:120px; height:166px; padding:0 12px; margin:0px; border-right:1px solid #D9D9D9; cursor:pointer; } ul.features_rotator_166 li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_166 li .prod_image { padding:0; margin:0; } ul.features_rotator_166 li .title_block { width:114px; margin:0; padding:0; } ul.features_rotator_166 li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_166 li .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_166 li .title { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Match intro_column_138 */ ul.features_rotator_138 { width:1000px; height:138px; margin:4px 0 0 0px; padding:0px; float:left; } ul.features_rotator_138 li { list-style:none; float:left; width:120px; height:138px; padding:0 12px; margin:0px; border-right:1px solid #D9D9D9; cursor:pointer; } ul.features_rotator_138 li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_138 li .prod_image { padding:0; margin:0; } ul.features_rotator_138 li .title_block { width:114px; margin:0; padding:0; } ul.features_rotator_138 li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_138 li .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_138 li .title { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Match intro_column_138 */ ul.features_rotator_138_noarrows { width:1000px; height:138px; margin:4px 0 0 25px; padding:0px; float:left; } ul.features_rotator_138_noarrows li { list-style:none; float:left; width:120px; height:138px; padding:0 12px; margin:0px; border-right:1px solid #D9D9D9; cursor:pointer; } ul.features_rotator_138_noarrows li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_138_noarrows li .prod_image { padding:0; margin:0; } ul.features_rotator_138_noarrows li .title_block { width:114px; margin:0; padding:0; } ul.features_rotator_138_noarrows li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_138_noarrows li .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_138_noarrows li .title { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Match intro_column_144 */ ul.features_rotator_144_single { width:300px; margin:4px 0 0 25px; padding:0px; float:left; } ul.features_rotator_144_single li { list-style:none; float:left; width:120px; height:138px; padding:0 12px 0 20px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } ul.features_rotator_144_single li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_144_single li .prod_image { padding:0; margin:0; } ul.features_rotator_144_single li .title_block { width:114px; margin:0; padding:0; } ul.features_rotator_144_single li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_144_single li .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_144_single li .title { margin:0; padding:0; color:#5b5a5a; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Match intro_column_109 */ ul.features_rotator_109 { width:1000px; height:109px; margin:4px 0 0 0px; padding:0px; float:left; } ul.features_rotator_109 li { list-style:none; float:left; width:242px; height:109px; padding:0px; margin:0px; cursor:pointer; } ul.features_rotator_109 li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_109 li .prod_image { padding:0; margin:0; } ul.features_rotator_109 li .title_block { width:230px; margin:0; padding:0; } ul.features_rotator_109 li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_109 li .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_109 li .title { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .blowout_container { width:300px; margin:4px 0 0 25px; padding:0px; float:left; } .blowout_container { list-style:none; float:left; width:120px; height:138px; padding:0 12px 0 20px; margin:0px; border-left:1px solid #D9D9D9; } .blowout_container .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } .blowout_container .prod_image { padding:0; margin:0; } .blowout_container .title_block { width:114px; margin:0; padding:0; } .blowout_container .title_block_arrow { margin:10px 0 0 0; border:none; } .blowout_container .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .blowout_container .title { margin:0; padding:0; color:#5b5a5a; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Singleton Image */ .blowout_container_single { width:260px; height:144px; margin:4px 0 0 25px; padding:0px; float:left; } .blowout_container_single .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } .blowout_container_single .prod_image { padding:0; margin:0; } .blowout_container_single .title_block { width:260px; margin:0; padding:0; } .blowout_container_single .title_block_arrow { margin:10px 0 0 0; border:none; } .blowout_container_single .title_bold { margin:0; padding:0; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .blowout_container_single .title { margin:0; padding:0; color:#5b5a5a; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } /* Finishes List */ .finishes_list_container { float:left; width:200px; height:auto; } .finishes_list_container_large { float:left; width:380px; height:auto; } ul.finishes_list_large { margin:0px; padding:0px; } ul.finishes_list_large li.finish { list-style:none; float:left; width:54px; height:54px; padding:0px; margin:0 8px 8px 0; } /* 3 col */ ul.finishes_list_large_3col { height:auto; margin:0px; padding:0px; } ul.finishes_list_large_3col li.finish { list-style:none; float:left; width:54px; height:54px; padding:0px; margin:0 8px 8px 0; } .finishes_list_actions { width:27px; height:18px; border-right:1px solid #d9d9d9; } a.icon_action_zoom { display:block; width:19px; height:16px; margin:0; padding:0; background:url(/images_FP/icon_zoom_orange.png) top left no-repeat; } .img_zoom_overlay { position: absolute; /*z-index: 1000;*/ background-image: url(/images_FP/icon_zoom_bg.png); background-position: center center; background-repeat: no-repeat; cursor: hand; cursor: pointer; } /* Three column rotator */ /* Alternate */ ul.features_rotator_2 { width:1000px; margin:4px 0 0 4px; padding:0px; float:left; } ul.features_rotator_2 li { list-style:none; float:left; width:114px; height:112px; padding:0 14px; margin:0px; border-right:1px solid #D9D9D9; cursor:pointer; } ul.features_rotator_2 li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_2 li .prod_image { padding:0; margin:0; } ul.features_rotator_2 li .title_block { width:114px; height:20px; } ul.features_rotator_2 li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_2 li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_2 li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .finishes { height:24px; background-color:#ECECEC; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; } .finishes p { font-size:0.9em; color:#808080; margin:4px 0 0 12px; } ul.finishes_list { margin:4px 12px 0 0 !important; padding:0 !important; } ul.finishes_list li { list-style:none !important; float:left !important; width:7px !important; height:7px !important; margin:0 2px 0 0 !important; padding:0 !important; border:none !important; } ul.finishes_list li a { margin:0 !important; padding:0 !important; } /* Popup - Features */ .viewport_container { position:fixed; width:100%; height:100%; top:0px; left:0px; bottom:0px; right:0px; z-index:1000; } .viewport { position:absolute; z-index:19999; width:100%; height:100%; }/* sert to fixed? */ .popup_features { background:url(/images_FP/popup_features_bg.png) top left no-repeat; width:863px; height:458px; margin:100px auto 0 auto; z-index:20000; } .popup_features_quicklook { background:url(/images_FP/popup_features_bg_quicklook.png) top left no-repeat; width:865px; height:464px; margin:100px auto 0 auto; z-index:20000; text-align:left; } .popup_features_leftcol { float:left; width:399px; } .popup_features_image { width:326px; height:277px; margin:43px 0 0 43px; } .popup_features_image p { position:absolute; margin:150px 0 0 50px; } .popup_features_leftcol_quicklook { float:left; width:386px; padding-top:20px; } .popup_features_image_quicklook { width:326px; height:285px; margin:9px 0 0 42px; padding:2px; } /* quicklook version */ .popup_features_title_thumbs { margin:8px 0 0 0px; text-align:left; } .popup_features_title_thumbs h4 { margin:8px 0 8px 20px; } .popup_thumbnail_rotator_body { float:left; position:relative; width:334px; height:80px; overflow:hidden; } /* .arrow_top { margin:0 0 0 30px; } ul.popup_thumbs_list { position:absolute; width:300px; margin:0px; padding:0px; } ul.popup_thumbs_list li { list-style:none; float:left; margin:0 8px 0 0; width:70px; height:72px; } */ /* This is way too general to be effective, remove comment if I'm wrong li.on a.popup_thumb_link IMG { border:4px solid #FFFFFF;} li.on a.popup_thumb_link IMG { border:1px solid #909090; padding:3px; } */ /* features & options rotator */ .popup_thumbnail_rotator { width:371px; height:90px; margin:-7px 0 0 20px; padding:0; overflow:hidden; } div.popup_thumbnail_rotator .arrow_left { float:left; margin:36px 8px 0 0; cursor:hand; cursor:pointer; } div.popup_thumbnail_rotator .arrow_left a { display:block; width:9px; height:13px; background:url(../images_FP/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_left a:hover { background:url(../images_FP/icon_orange_arrow_left_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right { float:right; margin:36px 0 0 0; cursor:hand; cursor:pointer; } div.popup_thumbnail_rotator .arrow_right a { display:block; width:9px; height:13px; background:url(../images_FP/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right a:hover { background:url(../images_FP/icon_orange_arrow_right_off.png) top left no-repeat; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list { width:2000px; height:80px; margin:0px; padding:0px; position:absolute; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li { list-style:none; float:left; margin:0; width:68px; height:72px; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li a { border:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li img { border:1px solid #909090 !important; padding:2px; width:56px; height:56px; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li .arrow_top { margin:0px 0 0 0; width:62px; height:14px; background:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li .arrow_top a img { display:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li.on img { border:3px solid #ffffff !important; padding:0px; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li.on .arrow_top { margin:3px 0 0 0; width:62px; background-color:#00FF66; height:10px; background:url(/images_HNG/icon_orange_arrow_up.png) center center no-repeat; } /* alt rotator */ .thumb_scroller_quicklook { width:385px; height:102px; margin:-3px 0 0 0; padding:0; overflow:hidden; } div.thumb_scroller_quicklook ul.popup_thumbs_list { position:absolute; height:80px; width:800px; margin:4px 0 0 43px; padding:0px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li { list-style:none; float:left; margin:0 8px 0 0; width:70px; height:72px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li img { border:1px solid #FFFFFF !important; padding:2px; width:56px; height:56px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li .arrow_top { margin:0px 0 0 0; width:62px; height:14px; background:none; } div.thumb_scroller_quicklook ul.popup_thumbs_list li.on img { border:3px solid #FFFFFF !important; padding:0px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li.on .arrow_top { margin:0; width:62px; background-color:#00FF66; height:14px; background:url(/images_FP/icon_orange_arrow_up.png) center center no-repeat; } .popup_features_rightcol { float:right; width:463px; text-align:left; } div.popup_features_rightcol h3.product_name { color:#000000; font-size:2.0em; margin:0 0 20px 0; } .popup_features_rightcol hr { width:450px; float:left; } .popup_features_close { float:right; margin:20px 20px 0 0; } a.btn_close { display:block; width:75px; height:28px; background:url(/images_FP/btn_close_off.png) top left no-repeat; } a.btn_close:hover { background:url(/images_FP/btn_close_over.png) top left no-repeat; } /* close X only */ a.btn_close_x { display:block; width:32px; height:28px; background:url(/images_FP/btn_close_x_off.png) top left no-repeat; } a.btn_close_x:hover { background:url(/images_FP/btn_close_x_over.png) top left no-repeat; } /* quicklook right column */ .popup_features_rightcol_quicklook { float:right; height:420px; margin:0 12px 0 0; width:453px; } .popup_features_close_quicklook { float:right; margin:20px 10px 0 0; } div.popup_features_close_quicklook a.btn_close { display:block; width:75px; height:28px; background:url(/images_FP/btn_close_off.png) top left no-repeat; } div.popup_features_close_quicklook a.btn_close:hover { background:url(/images_FP/btn_close_over.png) top left no-repeat; } /* top version */ div.popup_features_rightcol .popup_info_container { width:360px; margin:20px 0 0 28px; } div.popup_features_rightcol div.popup_info_container h3.product_name { color:#000000; font-size:2.0em; margin:0 0 20px 0; } div.popup_features_rightcol div.popup_info_container p { font-size:1.2em; margin:8px 0; color:#909090; } div.popup_features_rightcol div.popup_info_container p span { display:block; color:#000000; font-weight:normal; } /* bottom version */ div.popup_features_rightcol .popup_info_container_bottom { width:360px; margin:30px 0 0 28px; } div.popup_features_rightcol div.popup_info_container_bottom p { font-size:1.7em; margin:8px 0; color:#505050; } div.popup_features_rightcol div.popup_info_container_bottom p span { display:block; color:#000000; font-weight:normal; } div.popup_info_container_bottom .popup_options_view { } div.popup_info_container_bottom .popup_options_view .large_view { padding:2px; border:1px solid #909090; } div.popup_options_view p { font-size:1.4em; margin:8px 0; color:#505050; } div.popup_info_container_bottom ul.popup_options_list { width:130px; height:auto; margin:0px; padding:0px; } div.popup_info_container_bottom ul.popup_options_list li { list-style:none; width:35px; height:36px; float:left; margin:0 0 4px 6px; } div.popup_info_container_bottom ul.popup_options_list li a { display:block; width:29px; height:30px; padding:2px; border:1px solid #909090; } div.popup_info_container_bottom ul.popup_options_list li a:hover { padding:0px; border:3px solid #909090; } .specs_rating { height:270px; border-bottom:1px solid #D9D9D9; } div.inline_form_checkbox a.prod_link_checkbox:link, div.inline_form_checkbox a.prod_link_checkbox:hover, div.inline_form_checkbox a.prod_link_checkbox { background:url(/images_HNG/icon_compare_quicklook.png) no-repeat; margin-left:11px; padding:2px 0 4px 22px; color:#FFFFFF; font-size:0.8em; font-weight:bold; } /* .view_large_link { background:url(/images_QFD/icon_zoom.png) top left no-repeat; position:absolute; margin:15px 0 0 30px; padding:1px 0 0 23px; width:320px; height:20px; } .view_large_link a { color:#FFFFFF; text-transform:uppercase; font-size:0.8em; } */ /* Specs at a glance */ div.popup_features_quicklook .view_large_link { background:url(/images_FP/icon_zoom_quicklook.png) top left no-repeat; margin:0 0 0 20px; padding:4px 0 0 23px; width:200px; height:20px; } div.popup_features_quicklook .view_large_link a { color:#909090; font-size:1.2em; text-transform:none; } /* quicklook columns */ .quicklook_column_left { float:left; width:200px; margin:0px 0 0 0; color:#909090; } .quicklook_column_right { float:left; width:240px; margin:0px 0 0 7px; color:#FFFFFF; } .popup_info_container { width:180px; margin:0px 0 0 20px; } div.quicklook_column_left div.popup_info_container h3.product_name { color:#000000; font-size:2.0em; margin:0 0 20px 0; } div.quicklook_column_left div.popup_info_container p { font-size:1.2em; margin:8px 0; } div.quicklook_column_left div.popup_info_container p strong { color:#000000; font-weight:normal; } .popup_options_view { } .popup_options_view .large_view { padding:2px; border:1px solid #909090; } .finish_hover_showhide { width: 98px; } ul.popup_options_list { width:130px; height:auto; margin:0 0 0 20px; padding:0px; } ul.popup_options_list li { list-style:none; width:35px; height:36px; float:left; margin:0 0 4px 6px; } ul.popup_options_list li a { display:block; width:29px; height:30px; padding:2px; border:1px solid #909090; } ul.popup_options_list li a:hover { padding:0px; border:3px solid #909090; } div.quicklook_column_right .specs_container { width:224px; } div.quicklook_column_right .specs_container h4 { color:#000000; font-size:1.8em; margin:30px 0 0 10px; } div.quicklook_column_right .specs_offset { margin:20px 0 0 0px; padding:0 0 0 -18px; } div.quicklook_column_right div.specs_offset div.spec_row { height:20px; color:#fa7319; } div.quicklook_column_right div.specs_offset div.spec_row p { float:left; margin:2px 4px 0 4px; color:#525252; } div.quicklook_column_right div.specs_offset div.spec_row .icon_or_text { float:left; margin:0 4px; } div.quicklook_column_right div.specs_offset div.spec_row .info_icon { float:right; width:18px; height:12px; margin:4px 4px 0 0; } .spec_row_none, .spec_row_stripe { font-size:1.0em; font-weight:bold; padding:5px 0 4px 8px; } .spec_row_none { background-color:none; } .spec_row_stripe { background-color:#F3F3F3; } .grey_dark { color:#909090; font-weight:normal; padding:4px 0 0 0; position:relative; top:4px; } /* fuel icons */ div.quicklook_column_right div.specs_offset div.spec_row .fuel_type_icons { padding:0; } div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_coal, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_elec, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_gas, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_pellet, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_wood { display:inline; width:18px; height:21px; } div.quicklook_column_right .rating_container { width:477px; height:270px; float:left; border-left:1px solid #D9D9D9; } .env_rating { padding:5px 5px 0px 0px; font-size:1.2em; margin-bottom:0; float:left; } .env_rating_icons { width:70px; margin: 5px 0 0 0; padding:0; float:left; } .env_rating_help { float:left; margin: 6px 0 0 0; position: relative; } a.info_link { font-size:1.0em; color:#909090; text-decoration:underline; } a:hover.info_link { text-decoration:none; } div.quicklook_column_right div.popup_info_container div.pu_prod_btm_content div.btnPosition { margin:76px 0 0 0px; } div.quicklook_column_right div.popup_info_container .pu_prod_btm_content { float:left; width:100px; height:26px; border:none; } div.quicklook_column_right div.popup_info_container div.pu_prod_btm_content a.btn_Save { display:block; background:url(../images_FP/grey_btn_save.png) top left no-repeat; width:63px; height:17px; text-align:center; padding:6px 0 0 0; font-size:1.1em; color:#FFFFFF; cursor:pointer; } div.quicklook_column_right div.popup_info_container div.pu_prod_btm_content a.btn_Save:hover { background:url(../images_FP/grey_btn_save.png) bottom left no-repeat; text-decoration:none; } div.quicklook_column_right div.popup_info_container { width: 220px; } div.quicklook_column_right div.popup_info_container .inline_form_checkbox { margin:80px 0 0 0; color:#000000; } div.popup_info_container .inline_form_checkbox { margin:0 0 0 110px; } div.inline_form_checkbox a.prod_link_checkbox { display:block; background:url(/images_FP/icon_compare_quicklook.png) top left no-repeat; width:16px; height:12px; padding:4px 0px 0 20px; text-transform:uppercase; font-size:0.9em; color:#FFFFFF; cursor:pointer; } div.inline_form_checkbox a.prod_link_checkbox:hover { background:url(/images_FP/icon_compare_quicklook.png) bottom left no-repeat; text-decoration:none; } /* Product Detail - Specifications */ .product_detail_header_single { width:700px; padding:16px 20px; border-left:1px solid #D9D9D9; } .product_detail_header_single UL, .product_detail_header_single OL { margin:0px; padding:0px 10px; } .product_detail_header_single UL LI { margin:4px 0; list-style:disc; color:#8f8f8f; font-size:1.1em; } .product_detail_header_single OL LI { margin:4px 0; color:#8f8f8f; font-size:1.1em; } table.specs_table { border-collapse:collapse; border-spacing:0; padding:0; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #c5c5c5; width:100%; text-align:center; } table.specs_table tr td.table_header { background-color:#C0C0C0; height:33px; text-align:center; } table.specs_table th { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.specs_table tr td.table_subhead { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#e0e0e0; height:22px;} table.specs_table tr td { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#FFFFFF; height:32px;} div.efficiency_chart_container { margin:10px 0 0 0; } div.efficiency_table { width:780px; } table.efficiency_table { border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #c5c5c5; width:100%; text-align:center; } table.efficiency_table td.table_header { background-color:#C0C0C0; height:33px; text-align:center; } table.efficiency_table td { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.efficiency_table td.table_subhead { background-color:#e0e0e0; height:22px; } table.efficiency_table td.table_subhead { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.efficiency_table td.table_data { background-color:#FFFFFF; height:32px; } table.efficiency_table td.table_data { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.efficiency_table td.table_subhead, table.efficiency_table td.table_data { width:100px; } .indent_left { text-align:left; padding-left:10px; } /* three column layout */ /* HACK - request to shrink cols with no content. Used to be height, not min-height, and add 100 to each value */ .specs_three_col { width:960px; min-height:105px; } .specs_three_col .col1 { width:230px; height:100%; background-color:#F6F6F6; padding-bottom:10px; } .specs_three_col .col2 { width:446px; height:100%; padding:25px; text-align:center; vertical-align:middle; } .specs_three_col .col3 { width:190px; height:100%; padding:0px 20px 10px 20px; } .specs_three_col .col3 hr.download_separator { display:none;} .specs_three_col .col1, .specs_three_col .col2, .specs_three_col .col3 { float:left; margin:0; } .specs_three_col .col1, .specs_three_col .col3 { border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; } .specs_three_col .col1 h3 { margin-left:18px; } .specs_three_col ul.download_arrow_links { margin:0px; padding:0; } .specs_three_col ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; margin:0; } .specs_three_col ul.download_arrow_links li img { margin:0 6px 0 0; } .specs_three_col ul.download_arrow_links li span { font-size:0.8em; color:#909090; } ul.spec_views_list { margin:-6px 0 0 0; padding:0; border-top:1px solid #d9d9d9; } ul.spec_views_list li { list-style:none; margin:0; padding:0; width:230px; height:39px; } a.spec_view_link { display:block; width:230px; height:39px; padding:12px 0 0 18px; font-size:1.2em; background:url(/images_FP/specs_views_list_bg_off.png) top left no-repeat; } a.spec_view_link:hover { display:block; width:230px; height:39px; text-decoration:none; background:url(/images_FP/specs_views_list_bg_on.png) top left no-repeat; } .copy_blocks p { } /* Product Detail - Accessories */ .large_2col_block { width:100%; } .large_2col_block_col1 { width:714px; margin-right:40px; } .large_2col_block_col2 { width:200px; } .image_box_accessories { margin:10px; } a.image_accessories_link { display:block; width:166px; height:146px; border:2px solid #ffffff; background:none; } a.image_accessories_link:hover { border:2px solid #f1592a; background:#f0f0f0; } .accessories_content_row { border-bottom:1px solid #d9d9d9;} /* Compare Bar - GLOBAL */ .compare_bar { width:100%; height:auto; margin:0; padding:0; color:#000000; position:fixed; bottom:0px; left:0px; z-index:13; } .compare_bar_detail { width:100%; height:63px; margin:0 0 -9px 0; padding:0; background:url(/images_FP/compare_bar_detail_bg.png) top left repeat-x; } .compare_bar_min { width:100%; height:42px; margin:0; padding:0; background:url(/images_FP/compare_bar_main_bg.png) top left repeat-x; } .compare_bar_max { width:100%; height:80px; margin:0; padding:0; background:url(/images_FP/compare_bar_main_bg.png) top left repeat-x; } div.compare_bar_max .compare_bar_left { width:240px; height:59px; margin:9px 0 0 0; padding:12px 0 0 0; float:left; } div.compare_bar_max .compare_bar_middle { width:430px; height:71px; margin:9px 0 0 10px; padding:0; float:left; } div.compare_bar_max .compare_bar_right { width:271px; height:33px; margin:29px 0 0 0; padding:0; float:right; border-left:1px solid #d9d9d9; } /* Max On */ div.compare_bar_max .icon_collapse_expand a { display:block; height:60px; width:38px; background:url(/images_FP/btn_compare_bar_collapse.png) top left no-repeat; } div.compare_bar_min .icon_collapse_expand a { display:block; height:60px; width:38px; background:url(/images_FP/btn_compare_bar_expand.png) top left no-repeat; } div.compare_bar_max .compare_title { height:60px; width:194px; margin:-2px 0 0 0; } div.compare_bar_max div.compare_title p.title, div.compare_bar_max div.compare_bar_right p.title { font-size:1.5em; margin:0; padding:0; height:auto; } div.compare_bar_max div.compare_title p.grey_12_light { margin:0; padding:0; height:auto; } /* Max Off */ div.compare_bar_min p.grey_12_light { display:none; } div.compare_bar_min .compare_bar_left { width:240px; height:20px; margin:16px 0 0 0; padding:0; float:left; } div.compare_bar_min .compare_bar_middle { display:none; } div.compare_bar_min .compare_bar_right { width:271px; height:33px; margin:9px 0 0 0; padding:0; float:right; border-left:1px solid #d9d9d9; } div.compare_bar_min .icon_collapse { height:20px; width:38px; } div.compare_bar_min .compare_title { height:20px; width:194px; margin:-3px 0 0 0; } div.compare_bar_min div.compare_title p.title, div.compare_bar_min div.compare_bar_right p.title { font-size:1.5em; margin:0; padding:0; height:auto; } div.compare_bar_min div.compare_title p.grey_12_light { margin:0; padding:0; height:auto; } ul.compare_bar_list { width:380px; height:50px; margin:10px 0 0 0; padding:0; } ul.compare_bar_list li { list-style:none; float:left; margin:0 0 0 5px; } ul.compare_bar_list li a { display:block; padding:2px; border:1px solid #d9d9d9; height:44px; } ul.compare_bar_list li a:hover { padding:0; border:3px solid #FF0000; } a.btn_comparebar_compare { display:block; margin:2px 0 0 20px; width:227px; height:28px; background:url(/images_FP/btn_compare_prod_off.png) top left no-repeat; } a:hover.btn_comparebar_compare { background:url(/images_FP/btn_compare_prod_on.png) top left no-repeat; } .inline_pipe { padding:0 6px; } div.compare_bar_detail .comparebar_product_descriptions { color:#515151; font-size:1.2em; float:left; margin:20px 0 0 0; padding:0; } a.btn_comparebar_remove_product { display:block; float:left; width:101px; height:26px; margin:18px 0 0 20px; background:url(/images_FP/btn_grey_remove_off.png) top left no-repeat; } a:hover.btn_comparebar_remove_product { background:url(/images_FP/btn_grey_remove_on.png) top left no-repeat; } input.btn_comparebar_remove_product { display:block; float:left; width:101px; height:26px; margin:18px 0 0 20px; border:none; outline:none; padding:0; background:url(/images_FP/btn_grey_remove_off.png) top left no-repeat; } /* --------------------------------------------------------------------------------- FP - Editorial Pages Content will be dictated by top level class names: three_column two_column_leftnav two_column_rightnav three_column two_column_leftnav two_column_rightnav ------------------------------------------------------------------------------ */ .faux_three_col { background:url(/images_FP/faux_three_col.png) bottom right repeat-y; height:100%; } /* 3 Column with Left navigation and right column */ .three_column { width:100%; margin:0 auto; padding:0; text-align:left; height:auto; } .three_column .editorial_col1 { width:236px; float:left; padding:0 0 20px 0; border-bottom:1px solid #ececec; } .three_column .editorial_col2 { width:477px; height:auto; float:left; /* border-left:1px solid #ececec; border-right:1px solid #ececec; */ } .three_column .editorial_col3 { width:245px; height:auto; float:left; margin:0; padding:0; /* background-color:#f6f6f6; */ } /* three_column - column 1 - dependencies */ .search_results_2col .search_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .three_column .editorial_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .three_column .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .three_column .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .three_column .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .three_column .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .three_column .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .three_column .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .three_column .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .three_column .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .three_column .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* three_column - column 2 - dependencies */ .three_column .editorial_col2 { font-size:1.0em; } .three_column .editorial_col2 h1 { font-size:1.9em; color:#505050; margin:18px 0 14px 0px; padding:0 0 0px 18px;} .three_column .editorial_col2 h3 { font-size:1.4em; margin:10px 0 10px 18px; padding:0px; color:#525252; } .three_column .editorial_col2 a h3 { text-decoration:none; } .three_column .editorial_col2 h3 img { padding-left:10px; } .three_column .editorial_col2 .hr { padding:0px 10px 0px 18px;margin:20px 0px 20px 0px; border-bottom: 1px solid #ECECEC; display:block; height:1px; } .three_column .editorial_col2 hr { background-color:#ECECEC; } .three_column .editorial_col2 p { font-size:1.2em; color:#8f8f8f; line-height:1.5em; margin:0px 10px 10px 18px; } .three_column .editorial_col2 img { float:left; margin:0 10px 4px 18px; } .three_column .editorial_col2 p strong { font-size:1.2em; margin:10px 0 10px 0px; color:#525252; font-weight:normal; line-height:1.3em; } .three_column .editorial_col2 p a { color:#f1592a;} .three_column .editorial_col2 ul { margin:6px 0px 20px 0px; } .three_column .editorial_col2 ul li { margin:4px 0; list-style:disc; color:#8f8f8f; font-size:1.2em; } /* three_column - column 3 - dependencies */ /* .three_column .editorial_col3 h4 { font-size:1.5em; } .three_column .editorial_col3 div, .three_column .editorial_col3 h4, .three_column .editorial_col3 ul { margin-left:8px; width:245px; } */ .three_column .editorial_col3 ul.download_arrow_links { margin:0 0 0 18px; padding:0; } .three_column .editorial_col3 ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } .three_column .editorial_col3 ul.download_arrow_links li img { margin:0 6px 0 0; } .three_column .editorial_col3 ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .three_column .editorial_col2 .comment_add input, .three_column .editorial_col2 .comment_add textarea { width: 420px; } /* related content widgets */ .three_column .editorial_widget { width:221px; margin:0; padding:0 6px 0 18px; border-bottom:1px solid #f0f0f0; } /* hack for toggle list */ div.widget_group_body_cont div.widget_toggle_list div.editorial_widget .widget_content { margin-left:-18px; } .three_column .editorial_widget .widget_row_container { margin:0 0 10px 0; } .three_column .editorial_widget .widget_row_container_promo { margin:0px; padding:0px; } .three_column .editorial_widget h4 { font-size:1.5em; } .three_column .editorial_widget p.widget_title { font-style:normal; } .three_column .editorial_widget p.widget_title2 { font-style:normal; color:#525252; font-size:1.2em; } .three_column .editorial_widget p.widget_copy { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .three_column .editorial_widget p.widget_copy_wimage { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .three_column .editorial_widget p.widget_copy a { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; line-height:1.3em; } .three_column .editorial_widget ul.download_arrow_links { padding:0; margin:0; } .three_column .editorial_widget ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } .three_column .editorial_widget ul.download_arrow_links li img { margin:0 6px 0 0; } .three_column .editorial_widget ul.download_arrow_links li span { font-size:0.8em; color:#909090; } /* Promo overrides to editorial pages */ div.promo_col div.editorial_col2 h1 { padding-left:0; } div.promo_col div.editorial_col2 h3, div.promo_col div.editorial_col2 p, div.promo_col div.editorial_col2 img, div.promo_col div.editorial_col2 a, div.promo_col div.editorial_col2 select.select_topnav { margin-left:0; } div.promo_col a.btn_findadealer {z-index:inherit;} /* Table styles */ table.editorial_table { border-collapse:collapse; border-spacing:0; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #c5c5c5; padding:0; width:100%; text-align:left; } table.editorial_table tr.table_header { background-color:#C0C0C0; height:33px; font-size:1.0em; } table.editorial_table tr td { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#FFFFFF; height:32px; vertical-align:top; padding:6px; } table.editorial_table tr td.table_header { background-color:#C0C0C0; height:33px; text-align:center; } table.editorial_table tr td.table_subhead { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#e0e0e0; height:22px; } .promo_link_widget { width:180px; height:41px; border-right:1px solid #d9d9d9; margin:8px 0 0 0; padding:0px; } /* THESE are overriding the stylese used on the homepage, do we know why these are here? */ p.promo_link { text-align:right; margin:18px 16px 0 0px; font-size:1.2em; }/* changed for homepage margin:12px 10px 0 0; */ .promo_link_arrow { margin:20px 0 0 17px; } /* END these are overriding the stylese used on the homepage, do we know why these are here? */ div.promo_link_copy p { font-size:1.2em; color:#8f8f8f; line-height:16px; } div.promo_link_copy p span { font-size:1.1em; color:#000000; line-height:16px; } ul.widget_toggle_list { margin:0px; padding:0px; width:auto; } ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } ul.widget_toggle_list > li:first-child { padding-left:0px; } .small_pipe { width:1px; height:12px; background-color:#f3a790; } ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } ul.widget_image_list li { list-style:none; float:left; width:64px; height:66px; padding:0 4px; } ul.widget_image_list > li:first-child { padding-left:0px; } .widget_image { width:200px; } /* width/height applied inline/dynamically per instance */ .video_play { position:absolute; margin:10px 0 0 40px; } /* 2 Column with Left navigation */ .two_column_leftnav { width:100%; margin:0 auto; padding:0; text-align:left; height:auto; } .two_column_leftnav .editorial_col1 { width:236px; height:auto; float:left; padding:0 0 20px 0; border-bottom:1px solid #ececec; } .two_column_leftnav .editorial_col2 { width:722px; height:auto; float:left; border-left:1px solid #ececec; } .two_column_leftnav .editorial_col3 { width:245px; height:auto; float:left; background-color:#f6f6f6; display:none; } /* two_column_leftnav - column 1 - dependencies */ .two_column_leftnav .editorial_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .two_column_leftnav .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .two_column_leftnav .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .two_column_leftnav .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .two_column_leftnav .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .two_column_leftnav .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* two_column_leftnav - column 2 - dependencies */ .two_column_leftnav .editorial_col2 { font-size:1.0em; } .two_column_leftnav .editorial_col2 h1 { font-size:1.7em; color:#505050; margin:18px 0 14px 18px; padding:0; line-height:1.3em; } .two_column_leftnav .editorial_col2 h3 { font-size:1.4em; margin:10px 0 0 18px; padding:0px; color:#525252; line-height:1.3em; } .two_column_leftnav .editorial_col2 h3 img { padding-left:10px; } .two_column_leftnav .editorial_col2 .hr { padding:0px;margin:20px 10px 20px 0px; border-bottom: 1px solid #ececec; display:block; height:1px; } .two_column_leftnav .editorial_col2 hr { display:none; } .two_column_leftnav .editorial_col2 p { font-size:1.2em; color:#8f8f8f; line-height:1.4em; margin:0px 10px 12px 18px; } .two_column_leftnav .editorial_col2 img { float:left; margin:0 10px 4px 18px; } .two_column_leftnav .editorial_col2 p strong { font-size:1.2em; margin:10px 0 10px 0px; color:#525252; font-weight:normal; line-height:1.3em; } .two_column_leftnav .editorial_col2 p img { padding-left:10px; } .two_column_leftnav .editorial_col2 TABLE { padding-left:18px; padding-bottom:20px; } .two_column_leftnav .editorial_col2 TABLE big { font-size:1.4em; margin:10px 0 0 0px; padding:0px; color:#525252; line-height:1.3em; } .two_column_leftnav .editorial_col2 TABLE TD, .two_column_leftnav .editorial_col2 TABLE TD a { font-size:1.1em; color:#8f8f8f; line-height:1.4em; margin:0px 10px 12px 0px; } .editorial_col2 a.btn_findadealer { margin: 20px 18px; position:relative; z-index:0; } .editorial_col2 select.select_topnav { margin:4px 18px; width:200px; } .two_column_leftnav ul.article_list { width:100%; height:auto; margin:0; padding:0; } .two_column_leftnav ul.article_list li { width:100%; height:auto; margin:0; padding:0; list-style:none; } .two_column_leftnav ul.article_list li p { float:left; width:580px; } .two_column_leftnav ul.article_list li p.article_list_date { width:80px; color:#f1592a; } /* 2 Column with right navigation */ .two_column_rightnav { width:100%; margin:0 auto; padding:0; text-align:left; height:auto; } .two_column_rightnav .editorial_col1 { width:236px; float:left; padding:0 0 20px 0; border-bottom:1px solid #ececec; display:none; } .two_column_rightnav .editorial_col2 { width:614px; height:auto; float:left; border-right:1px solid #ececec; } .two_column_rightnav .editorial_col3 { width:344px; height:auto; float:left; background-color:#f6f6f6; } /* two_column_rightnav - column 1 - dependencies */ .two_column_rightnav .editorial_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .two_column_rightnav .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .two_column_rightnav .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .two_column_rightnav .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .two_column_rightnav .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .two_column_rightnav .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* two_column_rightnav - column 2 - dependencies */ .two_column_rightnav .editorial_col2 { font-size:1.0em; } .two_column_rightnav .editorial_col2 h1 { font-size:1.9em; color:#505050; margin:18px 0 14px 0px; padding:0; } .two_column_rightnav .editorial_col2 h3 { font-size:1.4em; margin:10px 0 0 0px; padding:0px; color:#525252; } .two_column_rightnav .editorial_col2 hr { background-color:#ECECEC; } .two_column_rightnav .editorial_col2 p { font-size:1.2em; color:#8f8f8f; line-height:1.2em; margin:0px 10px 10px 0px; } .two_column_rightnav .editorial_col2 img { float:left; margin:0 10px 4px 18px; } .two_column_rightnav ul.article_list { width:100%; height:auto; margin:0; padding:0; } .two_column_rightnav ul.article_list li { width:100%; height:auto; margin:0; padding:0; list-style:none; } .two_column_rightnav ul.article_list li p { float:left; width:580px; } .two_column_rightnav ul.article_list li p.article_list_date { width:80px; color:#f1592a; } .two_column_rightnav .grey_btn_subnav_container { width:100%; height:48px; z-index:100; margin:0px; padding:0px; border-bottom:1px solid #ececec; } .two_column_rightnav ul.grey_btn { width:900px; height:26px; margin:14px 0 0 0; padding:0px; border:none; } .two_column_rightnav ul.grey_btn li.off { list-style:none; float:left; width:auto; height:22px; margin:0px; padding:4px 0 0 14px; background:none; cursor:pointer; } .two_column_rightnav ul.grey_btn li.on { list-style:none; float:left; width:auto; height:22px; margin:0px; padding:4px 0 0 14px; background:url(/images_FP/btn_grey_left_bg.png) top left no-repeat; } .two_column_rightnav ul.grey_btn li.off span { display:block; float:left; width:auto; height:22px; color:#505050; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:none; } .two_column_rightnav ul.grey_btn li.on span { display:block; float:left; width:auto; height:22px; color:#FFFFFF; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:url(/images_FP/btn_grey_right_bg.png) top right no-repeat; } /* related content widgets */ .two_column_rightnav .editorial_widget { width:320px; margin:0; padding:0 6px 0 18px; border-bottom:1px solid #f0f0f0; } .two_column_rightnav .editorial_widget .widget_row_container { margin:0 0 10px 0; } .two_column_rightnav .editorial_widget .widget_row_container_promo { margin:0px; padding:0px; } .two_column_rightnav .editorial_widget h4 { font-size:1.5em; } .two_column_rightnav .editorial_widget p.widget_title { font-style:normal; } .two_column_rightnav .editorial_widget p.widget_title2 { font-style:normal; color:#525252; font-size:1.2em; } .two_column_rightnav .editorial_widget p.widget_copy { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .two_column_rightnav .editorial_widget p.widget_copy_wimage { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .two_column_rightnav .editorial_widget p.widget_copy a { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; line-height:1.3em; } .two_column_rightnav .editorial_widget ul.download_arrow_links { padding:0; margin:0; } .two_column_rightnav .editorial_widget ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } .two_column_rightnav .editorial_widget ul.download_arrow_links li img { margin:0 6px 0 0; } .two_column_rightnav .editorial_widget ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .two_column_rightnav .promo_link_widget { width:280px; height:41px; border-right:1px solid #E5E5E5; margin:8px 0 0 0; padding:0px; } .two_column_rightnav p.promo_link { text-align:right; margin:12px 10px 0 0; font-size:1.2em; } .two_column_rightnav .promo_link_arrow { margin:20px 0 0 17px; } .two_column_rightnav div.promo_link_copy p { font-size:1.2em; color:#8f8f8f; line-height:16px; } .two_column_rightnav div.promo_link_copy p span { font-size:1.1em; color:#000000; line-height:16px; } .two_column_rightnav ul.widget_toggle_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .two_column_rightnav ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } .two_column_rightnav ul.widget_toggle_list > li:first-child { padding-left:0px; } .two_column_rightnav .small_pipe { width:1px; height:12px; background-color:#f3a790; } .two_column_rightnav ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .two_column_rightnav ul.widget_image_list li { list-style:none; float:left; width:79px; height:66px; padding:0 4px; } .two_column_rightnav ul.widget_image_list > li:first-child { padding-left:0px; } .two_column_rightnav .widget_image { width:300px; } /* width/height applied inline/dynamically per instance */ .two_column_rightnav .video_play { position:absolute; margin:10px 0 0 40px; } /* --------------------------------------------------------------------------------- Dealer Locator ------------------------------------------------------------------------------ */ .dealer_locator_popup { width:1006px; height:auto; margin-top:0px; } .dealer_locator_popup_header { width:1006px; height:76px; background:url(/images_FP/dealer_locator_popup_bg_top.png) top left no-repeat; } .dealer_locator_popup_body { width:1006px; height:550px; background:url(/images_FP/dealer_locator_popup_bg_mid.png) top left no-repeat; } .dealer_locator_popup_body_promos { width:962px; background:url(/images_FP/dealer_locator_popup_bg_mid_wheading.png) top left no-repeat; padding:0 22px; } .dealer_locator_popup_body_service_form { width:962px; height:550px; background:url(/images_FP/dealer_locator_popup_bg_mid_wheading.png) top left no-repeat; padding:0 22px; } .dealer_locator_popup_footer { width:1006px; height:44px; background:url(/images_FP/dealer_locator_popup_bg_btm.png) top left no-repeat; } div.dealer_locator_popup_header .popup_btn_close { float:right; margin:38px 30px 0 0; width:75px; height:28px; } div.dealer_locator_popup_header a.btn_close { display:block; width:75px; height:28px; background:url(/images_FP/btn_close_off.png) top left no-repeat; } div.dealer_locator_popup_header a.btn_close:hover { background:url(/images_FP/btn_close_over.png) top left no-repeat; } .logo_slot_popup { width:202px; height:29px; padding-top:10px; position:relative; top:32px; left:40px; border-right:1px solid #d9d9d9; } .logo_slot_popup .brand_logo { width:167px; height:22px; background:url(/images_FP/logo_fireplaces_popup.png) top left no-repeat; } .popup_title { padding:17px 0 0 55px; width:200px; height:40px; } .popup_title h1 { font-size:2.3em; font-weight:normal; } /* 2 column body */ .popup_column_left { float:left; width:217px; height:auto; margin:0 0 0 24px; z-index:1001; } div.popup_column_left .left_column_padding { margin:0 0 0 10px; } .popup_column_right { float:left; width:741px; height:auto; z-index:1000; } /* using text in link not image to satisfy brand styles and FP styles together ul.grey_light_subnav li a.subnav_grey_light_print { width:59px; height:26px; display:block; color:#666666; font-size:1.2em; padding:6px 0 0 30px; background:url(/images_FP/grey_light_subnav_print_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_print { width:59px; height:26px; display:block; color:#FFFFFF; font-size:1.2em; padding:6px 0 0 30px; background:url(/images_FP/grey_light_subnav_print_on.png) top left no-repeat; text-decoration:none; } */ ul.grey_light_subnav li a.subnav_grey_light_back { width:79px; height:26px; display:block; color:#666666; font-size:1.2em; padding:6px 5px 0 30px; background:url(/images_FP/grey_light_subnav_back_off_notext.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_back { width:79px; height:26px; display:block; color:#FFFFFF; font-size:1.2em; padding:6px 5px 0 30px; background:url(/images_FP/grey_light_subnav_back_on_notext.png) top left no-repeat; text-decoration:none; } .popup_column_left .leftnav_box_top { } .popup_column_left .leftnav_box { } .popup_column_left .leftnav_box_tall { } .popup_column_left .leftnav_box_title { margin:8px 0 0 16px; padding:0; width:200px; height:26px; } .popup_column_left .leftnav_box_title h2 { float:left; font-size:1.6em; margin:0; padding:0; } .popup_column_left .leftnav_box_title h3 { float:left; font-size:1.2em; margin:0; padding:0; } .popup_column_left .leftnav_box_title div.leftnav_box_title_arrow { float:right; width:13px; height:9px; margin:7px 20px 0 0;; padding:0; background:url(../images_FP/icon_orange_arrow_down.png) top left no-repeat; } .popup_column_left h2, .popup_column_left p { margin:17px 0 0 16px; } .popup_column_left .form_item { margin:10px 0 0 16px; } .popup_column_left select.ddm_form_row_multi { width:182px; margin:0 0px 10px 16px; background-color:#FFFFFF; } .popup_column_left .btn_placeholder { margin:20px; } .popup_column_left input[type='text'] { width:174px; margin:0 0 10px 16px; padding:4px 0 1px 4px; font-size:1.0em; color:#999999; background-color:#FFFFFF } /* Search 2 columns */ .popup_left_search_col { margin:0; padding-left:0px; } div.popup_left_search_col div.brand_search_group { margin:10px 0px 0 5px; } div.popup_left_search_col div.checkbox_wlabel_inline { height:20px; margin:0 0 6px 0; } div.popup_left_search_col label { float:left; width:66px; margin:2px 0 0 0; font-size:1.0em; color:#333333; } div.popup_left_search_col input[type=radio] { float:left; width:16px; } .search_input_dealer { margin:10px 0 0 8px; } div.search_input_dealer input[type='text'], div.search_input_dealer input[type='text']:focus { width:160px; float:left; color:#777777; font-size:1.0em; margin:0 0 0 6px; } div.search_input_dealer a.btn_input { float:left; display:block; width:24px; height:20px; background:url(../images_FP/btn_input_button.png) top left no-repeat; } div.search_input_dealer a.btn_input:hover { background:url(../images_FP/btn_input_button.png) bottom left no-repeat; } .search_dealer_controls { margin:10px 0 0 16px; } .search_dealer_controls p { margin:0; } .search_dealer_controls p a { } .left_column_scrollbox { overflow:auto; width:217px; height:415px; background-color:#FFFFFF; } .scrollbox_grey_header { padding-left:16px; height:40px; background:url(/images_FP/scrollbox_grey_header_bg.jpg) top left repeat-x; } .scrollbox_grey_header p { font-size:1.4em; color:#414141; height:20px; float:left; margin:9px 0 0 0; } .scrollbox_grey_header a.info_button { display:block; float:right; margin:10px 20px 0 0; width:15px; height:15px; background:url(/images_FP/icon_alternate_info2_off.png) top left no-repeat; } /* Dealer Information cluster */ .dealer_location_info { border-bottom:1px solid #d9d9d9; } div.dealer_location_info .dealer_name_pin { margin:8px 0 0 8px; height:auto;} div.dealer_name_pin img.dealer_pin { float:left; } div.dealer_name_pin p.dealer_name { float:left; margin:0 0 0 6px; line-height:1.2em; font-size:1.3em; height:auto; width:160px; } div.dealer_location_info p.dealer_info { color:#5a5a5a; line-height:1.3em; width:160px; margin:0 0 10px 40px; } img.dealer_pin_img { cursor: pointer; cursor: hand; } /* Right map colum */ p.map_description { float:left; font-size:1.3em; color:#909090; margin:10px 0 0 18px; } div.popup_column_right ul.grey_light_subnav { margin:8px 12px 0 0; padding:0; } div.popup_column_right ul.grey_light_subnav li { list-style:none; float:left; width:auto; height:23px; margin:0 0 0 8px; } /* MAP */ .map { width:741px; height:510px; margin:31px 0 0 1px; background-color:#D9D9D9;z-index:100; } #google_map { width:741px; height:510px; position:absolute;z-index:101; } .map_drawer_bottom { background:url(/images_FP/map_drawer_bottom.png) top left repeat-x; width:741px; height:110px; position:relative; top:400px;z-index:200; } /* Drawer Columns */ div.map_drawer_bottom .drawer_column_1 { float:left; margin-top:6px; padding:12px 0 0 13px; height:92px; width:294px; border-right:none; } div.map_drawer_bottom .drawer_column_2 { float:left; margin-top:6px; padding:12px 0 0 13px; height:92px; width:223px; border-left:1px solid #d9d9d6; } div.map_drawer_bottom .drawer_column_3 { float:left; margin-top:6px; padding:12px 0 0 13px; height:92px; width:178px; border-left:1px solid #d9d9d6; } /* div.map_drawer_bottom .drawer_column_3 a { background: url(/images_FP/icon_contact_dealer.png) right no-repeat; padding-right:15px; } div.map_drawer_bottom .drawer_column_3 p { width:130px; line-height:1.4em; } div.map_drawer_bottom .drawer_column_3 p img { display:none; width:0px; height:0px; } */ /* Dealer Drawer Slider */ .dealer_drawer_slider { width:268px; height:507px; position:absolute; margin:0px auto 0 auto; border-right:1px solid #D9D9D9; background-color:#FFFFFF; z-index:11000; } .dealer_drawer_header {} .grey_btn_plain_row { width:256px; height:auto; padding:6px 6px; border-bottom:1px solid #D9D9D9; z-index:11001; } .tab { margin-top:14px; } .dealer_level_row { margin:0 0 14px 0; padding:0px 8px; } div.dealer_level_row p { font-size:1.1em; color:#909090; line-height:1.2em; margin:0 0 10px 0; } div.dealer_level_row img { margin:0 10px 0 0; } div.dealer_level_row span { font-size:1.3em; color:#000000; display:block; margin:0 0 2px 0; } .brand_info_row { margin:0 0 14px 0; padding:0px 15px; } div.brand_info_row p { font-size:1.1em; color:#909090; line-height:1.2em; } div.brand_info_row img { margin:0 10px 0 0; } div.brand_info_row span { font-size:1.3em; color:#000000; display:block; margin:0 0 2px 0; } /*grey tab buttons - Dealer Levels */ a.greybtn_dealer_levels { display:block; width:101px; height:22px; margin:4px 10px 0 0; background:url(/images_FP/greybtn_dealer_levels_off.png) top left no-repeat; } a.greybtn_dealer_levels_active { display:block; width:101px; height:22px; margin:4px 10px 0 0; background:url(/images_FP/greybtn_dealer_levels_on.png) top left no-repeat; } a.greybtn_dealer_levels:hover { background:url(../images_FP/greybtn_dealer_levels_on.png)top left no-repeat; } /*grey tab buttons - Brand Info */ a.greybtn_brand_info { display:block; width:83px; height:22px; margin-top:4px; background:url(/images_FP/greybtn_brand_info_off.png) top left no-repeat; } a.greybtn_brand_info_active { display:block; width:83px; height:22px; margin-top:4px; background:url(/images_FP/greybtn_brand_info_on.png) top left no-repeat; } a.greybtn_brand_info:hover { background:url(../images_FP/greybtn_brand_info_on.png)top left no-repeat; } /* Column Contents */ .drawer_column_1 a.info_button { display:block; float:right; width:15px; height:15px; background:url(/images_FP/icon_alternate_info2_off.png) top left no-repeat; } div.map_drawer_bottom .drawer_column_1 h4 { width:150px; } div.map_drawer_bottom .drawer_column_1 h4, div.map_drawer_bottom .drawer_column_2 h4, div.map_drawer_bottom .drawer_column_3 h4 { margin:0px; font-size:1.3em; } div.map_drawer_bottom .drawer_column_1 p, div.map_drawer_bottom .drawer_column_2 p, div.map_drawer_bottom .drawer_column_3 p { margin:0px; padding:0; height:auto; color:#5a5a5a; } div.map_drawer_bottom ul.download_arrow_links { margin:4px 0 0 0; padding:0; } div.map_drawer_bottom ul.download_arrow_links li { list-style:none; margin:0 0 4px 0; padding:0; height:auto; font-size:1.2em; } div.map_drawer_bottom ul.download_arrow_links li img { margin:0 6px 0 0; } div.map_drawer_bottom ul.download_arrow_links li span { font-size:0.8em; color:#909090; } /* promo rotator - based on editor_review_container */ div.map_drawer_bottom div.drawer_column_1 .base_rotator_container { width:322px; } div.map_drawer_bottom div.drawer_column_2 .base_rotator_container { width:220px; } div.slot4 .base_rotator_container { width:220px; margin:0 0 0 -10px; } div.map_drawer_bottom .related_products_list_container { width:190px; height:55px; margin:10px 0 0 0; padding:0px; float:left; overflow:hidden; } div.map_drawer_bottom .brand_list_container { width:290px; height:55px; margin:10px 0 0 0; padding:0 0 0 4px; float:left; position:relative; border-left:1px solid #d9d9d8; overflow:hidden; } div.map_drawer_bottom UL.brand_list { position:absolute; width:2000em; margin:0; padding:0; } div.map_drawer_bottom UL.brand_list li { width:auto; height:55px; list-style-type:none; float:left; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #d9d9d8; } div.map_drawer_bottom UL.brand_list li p a { line-height:1.4em; color:#5a5a5a; } div.map_drawer_bottom ul.brand_list li a strong { font-weight:normal; color:#000000; } div.map_drawer_bottom .related_products_arrow_left { width:9px; height:13px; position:relative; top:24px; margin:0 4px 0 0; padding:0; background:url(/images_FP/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.map_drawer_bottom .related_products_arrow_right { width:9px; height:13px; position:relative; top:24px; margin:0 0 0 4px; padding:0; background:url(/images_FP/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.map_drawer_bottom ul.related_products_list { width:1000px; margin:0px 0 0 4px; padding:0px; float:left; } div.map_drawer_bottom ul.related_products_list li { width:42px; height:44px; list-style:none; float:left; margin:0; } div.map_drawer_bottom ul.related_products_list li a { display:block; padding:3px; } div.map_drawer_bottom ul.related_products_list li a:hover { border:1px solid #d9d9d9; padding:2px 2px 2px 2px;} div.map_drawer_bottom ul.related_products_list li img { border:none; } /* New addition for Brand side, hide in FP */ .brand_info_block_brandonly { display:none; } .brand_name { } .brand_description { } .brand_award_logo { } .promo_body_bg { background:url(../images_FP/dealer_promo_bg.gif) top left no-repeat; margin:0 0 0 1px; } /* Service Request Form */ .service_request_column { width:233px; height:auto; margin:38px 0 38px 38px; padding:0 25px 0 0; } /* form rows/inputs/ddm */ div.service_request_column div.form_row { margin:0 0 20px 0; } div.service_request_column div.form_row label { width:232px; color:#000000; font-size:1.2em; display:block; } div.service_request_column div.form_row .label_inline { width:90px; color:#000000; font-size:1.2em; display:block; } div.service_request_column div.form_row textarea { width:223px; color:#666666; border:1px solid #d9d9d9; background-color:#ffffff; font-size:1.0em; margin:0; padding:4px; } div.service_request_column div.form_row input[type='text'], div.service_request_column div.form_row input[type='text']:focus { width:232px; color:#666666; border:1px solid #d9d9d9; background-color:#ffffff; font-size:1.0em; margin:0; padding:4px; } div.service_request_column div.form_row select { width:232px; border:1px solid #dadada; margin:0; padding:4px 0 1px 4px; font-size:1.0em; color:#999999; } div.service_request_column div.form_row select.ddm_form_row { width:232px; margin:0 0 10px 0; background-color:#FFFFFF; } div.service_request_column div.form_row select.ddm_form_row_multi { width:110px; margin:0 6px 10px 0; background-color:#FFFFFF; } div.service_request_column div.form_row option { font-size:1.0em; margin:4px; width:220px; } /* qualifying products container */ div.promo_body_leftcol_content .qualifying_products_container { margin:-20px 0 0 0; } div.promo_body_leftcol_content .qualifying_products_container h4 { font-size:1.5em; } div.promo_body_leftcol_content .related_prod_list_container { width:625px; margin:0 0 0 0px; padding:0px; float:left; overflow:hidden; } div.promo_body_leftcol_content ul.related_prod_list { width:625px; height:110px; margin:4px 0 0 0px; padding:0px; position:relative; overflow:hidden; } div.promo_body_leftcol_content ul.related_prod_list li { list-style:none; float:left; width:158px; height:110px; } div.promo_body_leftcol_content div.qualifying_products_container .base_rotator_container { width:670px; height:126px; } div.promo_body_leftcol_content div.qualifying_products_container .related_prod_list_container { width:625px; height:126px; margin:0 0 0 0px; padding:0px; float:left; position:relative; overflow:hidden; } div.promo_body_leftcol_content div.qualifying_products_container div.related_prod_list_container ul.related_prod_list { width:3000px; height:110px; margin:4px 0 0 0px; padding:0px; position:absolute; overflow:hidden; } div.promo_body_leftcol_content div.qualifying_products_container div.related_prod_list_container ul.related_prod_list li { list-style:none; float:left; width:158px; height:110px; } div.promo_body_leftcol_content .related_products_list_container { width:620px; margin:0px; padding:0px; float:left; overflow:hidden; } div.promo_body_leftcol_content ul.related_products_list { width:1000px; margin:4px 0 0 4px; padding:0px; float:left; } div.promo_body_leftcol_content ul.related_products_list li { width:130px; height:134px; list-style:none; float:left; margin-right:32px; } div.promo_body_leftcol_content ul.related_products_list li img { border:1px solid #D9D9D9; padding:2px; margin:0; } div.promo_body_leftcol_content ul.related_products_list li .title_block { width:114px; height:20px; } div.promo_body_leftcol_content ul.related_products_list li .title_block_arrow { margin:10px 0 0 0; border:none; } div.promo_body_leftcol_content ul.related_products_list li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } div.promo_body_leftcol_content ul.related_products_list li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } div.promo_body_leftcol_content .related_products_arrow_left { width:9px; height:13px; position:relative; top:40px; margin:0px 8px; padding:0; background:url(/images_FP/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.promo_body_leftcol_content .related_products_arrow_right { width:9px; height:13px; position:relative; top:40px; margin:0 0 0 8px; padding:0; background:url(/images_FP/icon_orange_arrow_right_disabled.png) top left no-repeat; } /* promotions window rotator - based on editor_review_container */ div.slot4 div.drawer_column_1 .base_rotator_container { width:322px; } div.slot4 div.drawer_column_2 .base_rotator_container { width:220px; } div.slot4 .related_products_list_container { width:182px; height:50px; margin:20px 0 0 0; padding:0px; float:left; overflow:hidden; } div.slot4 .brand_list_container { width:290px; height:50px; margin:10px 0 0 0; padding:0px; float:left; overflow:hidden; } div.slot4 .related_products_arrow_left { width:9px; height:13px; position:relative; top:24px; margin:0 4px 0 0; padding:0; background:url(/images_FP/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.slot4 .related_products_arrow_right { width:9px; height:13px; position:relative; top:24px; margin:0 0 0 4px; padding:0; background:url(/images_FP/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.slot4 ul.related_products_list { width:1000px; margin:0px 0 0 3px; padding:0px; float:left; } div.slot4 ul.related_products_list li { width:42px; height:44px; list-style:none; float:left; margin:0; } div.slot4 ul.related_products_list li a { display:block; padding:3px; } div.slot4 ul.related_products_list li a:hover { border:1px solid #d9d9d9; padding:2px; } div.slot4 ul.related_products_list li img { border:none; } div.slot4 ul.brand_list { width:1000px; margin:0 0 0 4px; padding:0px; float:left; border-left:1px solid #d9d9d8; padding-left:6px; } div.slot4 ul.brand_list li { width:auto; height:44px; list-style:none; float:left; margin:0; padding:0 8px; border-right:1px solid #d9d9d8; } div.slot4 ul.brand_list li p { color:#d9d9d8; line-height:1.2em; } div.slot4 ul.brand_list li a { color:#5a5a5a; } div.slot4 ul.brand_list li a:hover { } div.slot4 ul.brand_list li img { } .rotator_single_link { width:171px;} div.rotator_single_link h4 { margin:0 0 10px 0 0; height:30px; } div.rotator_single_link p { line-height:1.2em; margin:10px 0 0 0; } div.rotator_single_link p a { /* background:url(/images_HNG/icon_plus.png) right no-repeat; */ padding: 0px 3px 0px 0px; float:left; } div.rotator_single_link p img { float:left; } /* Map Pin - Dealer Info Hover */ .hover226 { position:absolute; margin:20px 0 0 20px; width:226px; height:auto; text-align:left; } .hover_top { width:226px; background:url(/images_FP/popup_dealer_info_bg_top.png) top left no-repeat; min-height:231px; padding-top:16px; } .hover_btm { width:226px; background:url(/images_FP/popup_dealer_info_bg_btm.png) bottom left no-repeat; height:12px; } div.hover_top h3 { color:#f1592a; font-size:1.4em; font-weight:normal; margin:0 0 8px 0; padding:0px; } div.hover_top p { color:#FFFFFF; font-size:1.1em; margin:0; padding:0; height:auto; } div.hover_top p a { color:#f1592a; } div.hover_top .inner_padding { position:relative; left:36px; width:180px; } div.hover_top a.hover_close { display:block; width:24px; height:24px; float:right; margin:-10px 0 0 0; padding:0px; background:url(/images_FP/btn_hover_close_off.png) top left no-repeat; } div.hover_top a:hover.hover_close { background:url(/images_FP/btn_hover_close_on.png) top left no-repeat; } div.hover_top ul.download_arrow_links { margin:20px 0 0 0; padding:0; } div.hover_top ul.download_arrow_links li { list-style:none; font-size:1.1em; height:20px; } div.hover_top ul.download_arrow_links li img { margin:0 6px 0 0; } div.hover_top ul.download_arrow_links li a { color:#FFFFFF; } div.hover_top hr { width:201px; margin:6px 0 6px 21px; } .direction_row { margin:16px 0 0 0; } div.direction_row input[type='text'], div.direction_row input[type='text']:focus { width:140px; float:left; color:#777777; background-color:#FFFFFF; font-size:1.0em; margin:0; padding:2px 0 2px 2px; } div.direction_row a.btn_input { float:left; display:block; width:24px; height:20px; background:url(../images_FP/btn_input_button.png) top left no-repeat; } div.direction_row a.btn_input:hover { background:url(../images_FP/btn_input_button.png) bottom left no-repeat; } /* Promos VIew */ div.promo_header_row {} div.promo_header_row h2 { margin:0; padding:10px 0 0 20px; height:auto; width:300px; } div.promo_header_row ul.grey_light_subnav { margin:7px 12px 0 0; padding:0; float:right; } div.promo_header_row ul.grey_light_subnav li { list-style:none; float:left; width:auto; height:23px; margin:0 0 0 8px; } .promo_subrow { width:960px; height:84px; margin:7px 0 0 1px; background-color:#ececec; border-bottom:1px solid #D9D9D9; border-top:1px solid #D9D9D9; } div.promo_subrow .slot1, div.promo_subrow .slot2, div.promo_subrow .slot3, div.promo_subrow .slot4 { width:219px; height:84px; padding-left:20px; float:left; border-right:1px solid #D9D9D9; } div.promo_subrow div.slot1 h3 { margin:34px 0 0 0; width:190px; } div.promo_subrow div.slot2 p { margin:28px 0 0 0; font-size:1.2em; color:#5a5a5a; line-height:1.2em; } div.promo_subrow div.slot3 p { margin:28px 0 0 0; font-size:1.2em; color:#000000; line-height:1.2em; } div.promo_subrow div.slot3 a { color:#f1592a; line-height:1.2em; } .promo_body_leftcol { width:719px; float:left; margin-left:1px; } .promo_body_leftcol hr { display:block; background:#D9D9D9; color:#aaa; width:100%; height:1px; border:none; } .promo_body_leftcol_content { padding:20px 30px 20px 20px; } div.promo_body_leftcol_content p.promo_copy { font-size:1.2em; color:#999999; line-height:1.2em; margin:20px 0 0 0; } .promo_body_rightcol { width:211px; padding:14px; height:100%; float:left; } .promo_body_rightcol p { color:#909090; } .services_only_btn {padding-left:10px; padding-top:20px; border-top:1px solid #d9d9d9;} /* International Search */ .brand_search_group { margin:10px 0 0 10px; } .checkbox_wlabel_inline { height:20px; margin:0 0 6px 0; } .autoscroller_dealer_locator { margin:10px 0 0 0; overflow:auto; height:508px; } .autoscroller_international { margin-top:31px; } .collapsible_panel_dealers { } .link_arrow { width:13px; height:9px; display:inline-block; margin:-4px 0 0 10px; background:url(../images_HNG/icon_orange_arrow_down.png) top left no-repeat; display:none; } .collapsible_panel_dealers h3 { margin:14px 0 10px 25px; font-size:1.8em; } .collapsible_panel_dealers h3 a { background:url(../images_FP/icon_orange_arrow_down.png) right no-repeat; padding:0px 20px 0px 0px; } div.dealer_locations_columns { margin:10px 0 0 15px;} div.dealer_locations_columns .column { width:210px; float:left; margin:10px 10px 0px 10px; padding:0px; } div.dealer_locations_columns .column p { font-size:1.4em; line-height:1.3em; margin:0 0 0 0; padding:0 0 0 0; } div.dealer_locations_columns .column p .grey_light, div.dealer_locations_columns .column p .grey_mid, div.dealer_locations_columns .column p a.orange_link { font-size:0.85em; } div.dealer_locations_columns TABLE td { vertical-align:top;} div.dealer_locations_columns .column strong { font-weight:normal;} div.dealer_locations_columns .column br {line-height:0.0em; height:0px; font-size:0em;} TABLE TD .column span.grey_light br { display: block; } p.brand_side_hide { margin-top:5px; margin-left:5px; } /* Dealer Search Promos */ .popup_dealer_grey_header { background-color:#ECECEC; padding:12px 0 12px 18px; margin:0px; border-bottom:1px solid #D9D9D9; border-left:1px solid #D9D9D9; border-top:1px solid #D9D9D9;} div.popup_dealer_grey_header p { display:inline; font-size:1.2em; color:#5a5a5a; } div.popup_dealer_grey_header select { display:inline; width:160px; margin:0; background-color:#FFFFFF; font-size:1.1em; color:#666666; } div.findadealer_btn_container { display:block; position:relative; clear:both; padding-top:1px; } .scroller_smaller_height { margin:10px 0 0 0; overflow:auto; height:450px !important; } .dealer_promo_row { width:690px; margin:0; padding:15px 0 0 28px; } div.dealer_promo_row .image_slot { padding-right:20px;} div.dealer_promo_row .text_slot { width:401px; padding-bottom:30px;} div.dealer_promo_row div.text_slot .header { color:#000000; font-size:1.3em; } div.dealer_promo_row div.text_slot .body { color:#777777; font-size:1.1em; } div.dealer_promo_row .promo_link_row { width:500px; height:auto; } div.promo_link_row .promo_slot_left { width:220px; float:left; } div.promo_link_row .promo_slot_right { width:220px; float:left; border-left:1px solid #D9D9D9; padding:0 0 0 10px; } div.dealer_promo_row div.promo_link_row p.promo_link { margin:0px 10px 0 0px; float:right; font-size:1.2em; } div.dealer_promo_row div.promo_link_row .promo_link_arrow { margin:17px 0 0 17px; } div.promo_link_row div.promo_slot_right .btn_placeholder { margin:0 0 10px 0px; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_findadealer { display:block; background:url(/images_FP/btn_orange_findadealer_off.png) top left no-repeat; width:140px; height:26px; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_findadealer:hover { background:url(/images_FP/btn_orange_findadealer_on.png) top left no-repeat; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_close { display:block; width:75px; height:28px; width:75px; height:28px; background:url(/images_FP/btn_close_off.png) top left no-repeat; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_close:hover { width:75px; height:28px; background:url(/images_FP/btn_close_over.png) top left no-repeat; } div.dealer_promo_row div.promo_link_row a.subnav_grey_light_viewoffer { display:block; text-align:left; font-size:1.0em; color:#000000; padding:3px 0 0 20px; margin:0; background:url(../images_FP/icon_orange_arrow_left_off.png) center left no-repeat; } div.dealer_promo_row div.promo_link_row a.subnav_grey_light_viewoffer:hover { background:url(../images_FP/icon_orange_arrow_left_off.png) center left no-repeat; text-decoration:underline; color:#000000; } div.dealer_promo_row div.promo_link_row a.offers_dealers { display:inline-block;font-size:1.0em; color:#000000; padding:3px 20px 0px 10px; margin:0; background:url(../images_FP/icon_contact_dealer.png) right no-repeat; } div.dealer_promo_row div.promo_link_row a:hover.offers_dealers { background:url(../images_FP/icon_contact_dealer.png) center right no-repeat; text-decoration:underline; color:1d1d1d; } div.dealer_promo_row div.promo_link_row a.btn_findadealer { display:inline-block; float:left; background:url(/images_FP/btn_orange_findadealer_off.png) top left no-repeat; width:140px; height:26px; cursor:pointer; z-index:10000; } div.dealer_promo_row div.promo_link_row a:hover.btn_findadealer { background:url(/images_FP/btn_orange_findadealer_on.png) top left no-repeat; width:140px; height:26px; } div.dealer_promo_row div.promo_link_row a.close_dealer { display:inline-block;font-size:1.0em; color:#000000; padding:3px 20px 0px 10px; background:url(../images_FP/icon_orange_arrow_up.png) right no-repeat; } div.dealer_promo_row div.promo_link_row a:hover.close_dealer { background:url(../images_FP/icon_orange_arrow_up.png) center right no-repeat; text-decoration:underline; color:1d1d1d; } div.promo_slot_find_dealer div.form_row { margin:0 0 10px 0; } div.promo_slot_find_dealer div.form_row input[type='text'], div.promo_slot_find_dealer div.form_row input[type='text']:focus { width:188px; color:#666666; background-color:#ffffff; font-size:1.0em; margin:0; padding:2px; } div.promo_slot_find_dealer div.form_row select { width:188px; border:1px solid #dadada; margin:0; padding:4px 0 1px 4px; font-size:1.0em; color:#999999; } div.promo_slot_find_dealer div.form_row select.ddm_form_row { width:188px; margin:0 0 10px 0; background-color:#FFFFFF; } div.promo_slot_find_dealer div.form_row select.ddm_form_row_multi { width:110px; margin:0 6px 10px 0; background-color:#FFFFFF; } div.promo_slot_find_dealer div.form_row option { font-size:1.0em; margin:4px; width:220px; } /* --------------------------------------------------------------------------------- My Account section -------------------------------------------------------------------------------*/ .my_account_detail_body {} .my_account_detail_body select { margin:0; border:1px solid #999999;} .faux_column_right_account { background:url(/images_FP/faux_column_right_account.gif) repeat-y;} .faux_column_right_account .detail_body_col2 { width:237px;} .account_body_col1 { width:718px;} .my_account_banner_home { height:40px; /*height:225px; background:#333333;*/} .my_account_banner { height:40px;} #detailOverviewAccount .my_account_detail_body .detail_body_col2 { padding-bottom:5px; border-bottom:1px solid #d9d9d9;} .my_account_detail_body .detail_body_col2 h4, .my_account_detail_body .detail_body_col2 .article_title { width:90%;} #detailOverviewAccount div.account_body_col1 h2, #detailProfileAccount div.account_body_col1 h2, #detailAccountFolders div.account_body_col1 h2 { float:left; padding:45px 0 0 24px; font-size:2.0em; } #detailProfileAccount div.account_body_col1 h2 em, .req_profile em, label em { font-style:normal; color:#f1592a;} .my_account_detail_body .account_body_col1 h2 { float:none; padding:10px 0 0 24px; font-size:2.0em; } /* your changes have been saved msg */ .msg_saved_profile { font-size:1.0em; float:left; clear:both; } .welcome_text { float:right; border-left:1px solid #d9d9d9; padding:4px 30px; width:400px; margin:40px 0;} .welcome_text a { display:block; font-weight:bold; padding:10px 0 0 0; } .my_account_detail_body h3 { clear:both; background:url(/images_FP/project_foder_header.png) no-repeat; margin:0 auto; padding:17px 10px 36px 26px; font-size:1.7em; color:#4d4d4d; } .my_account_detail_body h3 a, .account_section_title a { background:url(/images_FP/new_folder_icon.gif) no-repeat; display:inline; padding: 0 30px 0 35px; font-size:14px; float:right; margin-top:5px;} ul.prod_subnav li.folders_on { width:121px; height:42px; background:url(/images_FP/projects_folders_on.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.folders_off { width:121px; height:42px; background:url(/images_FP/projects_folders_off.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.profile_on { width:103px; height:42px; background:url(/images_FP/profile_account_on.png) top left no-repeat; cursor:pointer; } ul.prod_subnav li.profile_off { width:103px; height:42px; background:url(/images_FP/profile_account_off.png) top left no-repeat; cursor:pointer; } /* project folders open */ .my_project_tab, .friends_project_tab { width:660px; margin:10px 0 10px 20px; background:url(/images_FP/my_project_tab_bg.gif) no-repeat; } a.tabber { background:url(/images_FP/project_folder_open_close.png) no-repeat top left; height:24px; display:inline-block; padding:0 0 0 30px; margin:14px 18px 10px 14px; font-size:1.6em; color:#666666;} .my_project_tab .grey_light_subnav { margin-right:10px; } a.subnav_grey_light_delete { background:url(/images_FP/delete_bnt.png) no-repeat; width:91px; height:26px; display:inline-block;} a.subnav_grey_light_send { background:url(/images_FP/send_bnt.png) no-repeat; width:91px; height:26px; display:inline-block;} a.subnav_grey_light_send:hover, a.subnav_grey_light_delete:hover, a.update_bnt:hover { background-position:bottom left;} .project_content { background:#f6f6f6; border:1px solid #d9d9d9; clear:both; padding:21px 37px;} .project_content img { border:1px solid #d9d9d9; padding:3px; float:left;} .project_content ul { float:left; border-left:1px solid #d9d9d9; margin:0 0 0 25px; min-height:125px; padding:0; width:180px; } .project_content ul li { list-style:none; padding:0 0 3px 30px; color:#999999; font-weight:bold;} .project_content ul li.head { font-size:1.3em;} .project_content ul li a { background:url(/images_FP/icon_orange_arrow_right_off.png) no-repeat; padding-left:18px; font-weight:bold;} .my_project_tab_foot { clear:both; background:url(/images_FP/project_foder_foot.png) no-repeat; background-position:bottom left; padding:15px 15px 15px 440px;} a.send_dealler { background:url(/images_FP/send_project_bnt.png) no-repeat; display:block; width:206px; height:26px; text-indent:-999px; overflow:hidden;} a.update_bnt { background:url(/images_FP/update_bnt.png) no-repeat; display:block; width:95px; height:26px; text-indent:-999px; overflow:hidden; margin-left:30px;} /* project folders closed */ .close .project_content, .close a.send_dealler, .close ul.prod_actions { display:none; padding:0;} .close { padding:0 0 6px 0; height:60px; margin-bottom:10px;} .close .my_project_tab_foot { height:4px; overflow:hidden; padding:0; background:url(/images_FP/project_foder_foot.png) no-repeat bottom left; } .close a.tabber { background-position:bottom left; padding:0px 0 0 30px; margin:14px 18px 7px 14px;} /* promo list */ ul.promo_account { padding:0; margin:10px 0 0 0;} .promo_account li { list-style:none; width:238px !important; float:left;} .promo_account li.last p, .promo_account li.last a { border:none;} .promo_account img { } .promo_account p { color:#999; padding:10px 15px 0 15px; border-right:1px solid #d9d9d9; margin:0;} .promo_account p strong { display:block; color:#000000; width:90%;} .promo_account a { border-right:1px solid #d9d9d9; display:block; background:url(/images_FP/promo_link_bg.png) no-repeat; background-position:200px 0px; text-align:right; padding:10px 65px 10px 0;} p.promo_sidebar { width:215px; color:#999999;} p.promo_sidebar strong { display:block; color:#000;} /* account sidebar */ .my_account_detail_body .detail_body_col2 { width:225px;} .my_account_detail_body .detail_body_col2 p.article_text, .my_account_detail_body .detail_body_col2 p.grey { color:#999; width:215px;} .my_account_detail_body .detail_body_col2 a.widget_link { display:block; background:url(/images_FP/promo_link_bg.png) no-repeat; background-position:top right; text-align:right; padding:10px 55px 10px 0; border-bottom:1px solid #d9d9d9;} .my_account_detail_body .detail_body_col2 .right_col_input { width:181px; height:30px; margin:10px 0 0px 18px; padding:12px 0 0 0; border-right:1px solid #E5E5E5; } .my_account_detail_body .detail_body_col2 input.right_col_input_text { width:166px;} .account_section_title { background:url(/images_FP/account_section_title_bg.png) no-repeat; padding:15px 0px 25px 25px;} .account_section_title fieldset { width:300px; border:none; text-align:left; } .current_folder p { font-size:1.7em; color:#4d4d4d; padding:0 0 0 30px; } .current_folder .grey_light_subnav { margin:-35px 25px 0 0;} .account_folder_nav { border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; clear:both; list-style:none; margin:10px 0 0 0; padding:10px 30px;} .account_folder_nav li { display:inline; list-style:none; margin:0 10px 0 0;} .account_folder_nav li a { display:inline-block; height:22px; width:70px; text-indent:-999px; overflow:hidden; background-position:top left;} .account_folder_nav li a.saved { background:url(/images_FP/my_saved.png) no-repeat; width:137px; background-position:top left;} .account_folder_nav li a.notes { background:url(/images_FP/project_notes.png) no-repeat; width:110px; background-position:top left;} .account_folder_nav li a.people { background:url(/images_FP/people.png) no-repeat; width:70px; background-position:top left;} .account_folder_nav li a:hover, .account_folder_nav li a.current { background-position:bottom left;} .project_folder { margin:3px auto; width:663px;} .my_account_detail_body .close { height:43px; overflow:hidden;} .project_folder a.project_folder_bar { display:block; background:url(/images_FP/products_bar.png) no-repeat; height:34px; margin:0 auto; font-size:21px; font-weight:normal; padding:11px 14px 0 14px; position:relative;} .project_folder a.project_folder_bar:hover { text-decoration:none;} .project_folder a.project_folder_bar strong { background:url(/images_FP/icon_plus.png) no-repeat; padding-left:30px; background-position:0 3px; font-weight:normal;} .open a.project_folder_bar strong { background:url(/images_FP/icon_minus.png) no-repeat; background-position:0 3px; font-weight:normal;} .project_folder a.project_folder_bar span { color:#999999; font-size:13px; padding:0 0 5px 0; display:inline-block;} .project_folder a.project_folder_bar em {display:block; width:107px; height:10px; text-indent:-999px; overflow:hidden; position:absolute; top:17px; right:15px;} .close a.project_folder_bar em { background:url(/images_FP/product_folder_open.png) no-repeat; height:10px; width:107px; } .open a.project_folder_bar em { height:10px; background:url(/images_FP/product_folder_close_open.png) no-repeat;} a.add_product { clear:both; display:block; text-align:right; padding:5px 15px; margin:15px 0; color:#999999; background:url(/images_FP/icon_plus.png) no-repeat; background-position:545px 0px;} .my_products_table { width:660px; } .my_products_table th { background:#e6e6e6; text-align:left; color:#999999; padding:8px 10px 7px 10px; font-size:12px; } .my_products_table th.left_end {background:url(/images_FP/th_left_end.png) no-repeat #e6e6e6;} .my_products_table th.right_end {background:url(/images_FP/th_right_end.png) no-repeat #e6e6e6 top right;} .my_products_table td { border-bottom:1px solid #d9d9d9; padding:20px 10px; color:#8f8f8f;font-size:1.2em; vertical-align:top;} .my_products_table td .customer_rating_stars { width:80px; display:block; float:none; } .my_products_table td .customer_rating_stars a img { padding:0; margin:0;} a.orange_link { display:block; color:#f1592a;} .my_products_table td.my_prod_td { width:302px;} .my_products_table td.my_prod_td img { border:1px solid #d9d9d9; padding:2px; float:left; margin:0 5px 0 0;} .my_products_table td p, .last_tr td.my_prod_td p { width:150px; padding:0; margin:0;} .my_products_table td.my_prod_td p, .last_tr td.my_prod_td p { width:200px; float:right; padding:0; margin:0; color:#8f8f8f;} .my_products_table td.my_prod_td p span.my_prod_title { color:#525252;} .my_products_table td.prod_details { line-height:1.4em;} .my_products_table td.my_prod_td p strong, .last_tr td.my_prod_td p strong { display:block;} /* Actions Menu */ ul.prod_actions { position:relative; } ul.prod_actions li { list-style:none; } a.actions_bnt { background:url(/images_FP/icon_orange_arrow_down.png) no-repeat right 5px; display:block; text-align:right; padding:0 20px 0 0; } ul.actions_list { background:#eaeaea; border:1px solid #999999; width:186px; padding:7px 0; margin:0; position:absolute; top:20px; right:0px; z-index:100; } ul.actions_list li { padding:0; margin:0; } ul.actions_list li a { padding:2px 12px; display:block; font-size:1.0em; } ul.actions_list li a:hover { color:#FFFFFF; background:#f1592a; text-decoration:none; font-size:1.0em; } /* Actions Menu - in title bar */ ul.third_level_folder_prod_actions { position:relative; } ul.third_level_folder_prod_actions li { list-style:none; } /*ul.third_level_folder_prod_actions li a.actions_bnt { background:url(/images_FP/icon_orange_arrow_down.png) no-repeat right 5px; display:block; text-align:right; padding:0 20px 0 0; } ul.third_level_folder_prod_actions li ul.actions_list2 { background:#eaeaea; border:1px solid #999999; width:186px; padding:7px 0; margin:0; position:absolute; margin:4px 0 0 148px; z-index:99999; } ul.third_level_folder_prod_actions li ul.actions_list2 li { padding:0; margin:0; text-align:left; } ul.third_level_folder_prod_actions li ul.actions_list2 li a { padding:2px 12px; display:block; } ul.third_level_folder_prod_actions li ul.actions_list2 li a:hover { color:#FFFFFF; background:#f1592a; text-decoration:none; }*/ ul.third_level_folder_prod_actions li ul.actions a { font-size: 1.3em; } ul.third_level_folder_prod_actions li ul.actions a:hover { font-size: 1.3em; } .third_level_folder { background:url(/images_FP/third_lev_folder_top.png) no-repeat; padding:15px 0 0 0; margin:10px 0;} a.folder_tog { margin:0 0 10px 20px;} .third_level_folder a.folder_tog { background:url(/images_FP/icon_minus.png) no-repeat; padding-left:20px;} .close_third a.folder_tog { background:url(/images_FP/icon_plus.png) no-repeat; padding-left:20px;} a.folder_tog em { color:#CCCCCC; cursor:default; font-style:normal; margin-left:15px;} a.folder_tog:hover { text-decoration:none;} .third_level_folder fieldset { border:none; width:50%; float:right; margin:-8px 10px 0 0; text-align:right; padding:0;} .third_level_folder fieldset select { text-align:left; border:1px solid #999999;} .close_third table { display:none;} .open_third table { display:block; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; clear:both; width:660px;} .folder_foot { background:url(/images_FP/third_lev_folder_foot.png) no-repeat; height:12px;} .articles_folder table th { background:none; border-bottom:1px solid #e6e6e6;} .my_art_td, .last_tr td.my_art_td { width:300px;} td.my_art_td p, .last_tr td.my_art_td p { width:200px; } .my_art_td a, .last_tr td.my_art_td a { display:block; font-weight:bold; } .articles_folder ul.actions_list { min-height:30px; border-top:1px solid #999999; background-position:bottom left; } .last_tr td { border:none; } /* project notes tab */ ul.project_notes_list { clear:both; background:#f6f6f6; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; min-height:70px; margin:0 1px 0 0; font-size:1.2em; padding:0;} .edit ul.project_notes_list { background:none;} ul.white_list { background:none; border:none;} .project_notes_list li { float:left; margin:0; list-style:none; width:190px; padding:15px 0 0 30px; color:#999999; } .project_notes_list li.wide_list { width:600px;} .project_notes_list li strong { display:block; color:#333; padding-bottom:3px; font-size:1.0em; font-weight:normal;} .project_notes_list li em { color:#000; font-style:normal; } /* Form elements for edit version */ div.account_body_col1 textarea, div.account_body_col1 input, div.account_body_col1 select, div.account_body_col1 input[type='text'] { border:1px solid #b3b3b3; font-size:0.9em; color:#333333; padding:2px; } div.account_body_col1 textarea:hover, div.account_body_col1 input[type='text']:hover, div.account_body_col1 select:hover, div.account_body_col1 textarea:focus, div.account_body_col1 input[type='text']:focus, div.account_body_col1 select:focus { border:1px solid #000000; font-size:0.9em; color:#333333; padding:2px; } a.edit_notes { display:block; background:url(/images_FP/edit_notes_bnt.png) no-repeat; width:106px; height:26px; text-indent:-999px; overflow:hidden; float:right; margin:20px 30px 10px 0;} a.edit_notes:hover { background-position:bottom left;} .notes_head, .comments_head { clear:both; color:#333; padding-bottom:3px; font-size:1.4em; font-weight:bold; padding-left:30px;} .notes_field { padding:0 30px 10px 30px; color:#999;} .project_notes_wrapper a.send_dealler { margin-left:30px;} h5.comments_head { border-top:1px solid #d9d9d9; padding-top:30px;} .comments_head { font-size:1.6em;} h6.comments_head { font-size:1.3em; color:#666666;} a.add_comment { display:block; float:right; background:url(/images_FP/add_comment_bnt.png) no-repeat; height:26px; width:139px; text-indent:-999px; overflow:hidden; margin:-40px 30px 24px 0;} a.add_comment:hover { background-position:bottom left;} .comment_add { border:none; width:660px; padding:0 30px; clear:both; } ul.comments_list { border-top:1px solid #d9d9d9; padding:0; margin:0 2px 0 0;} .comments_list li { border-bottom:1px solid #d9d9d9; background:#f6f6f6; list-style:none; padding:20px 35px; margin:0;} .comments_list li span { width:175px; display:inline-block; color:#999;} .comments_list li span strong { display:block; width:98%; color:#4d4d4d; font-size:1.3em; } .comments_list li div { float:right; width:450px; color:#4d4d4d;} .comments_list li div p { margin-top:0;} .comments_list li.odd { background:none;} .comment_add textarea, .comment_add input { width:100%; display:block; border:1px solid #999999; margin:0 0 10px 0;} .comment_submit { margin:0px 30px 10px 30px; background:url(/images_FP/submit_bnt.png) no-repeat; height:26px; width:96px; text-indent:-999px; overflow:hidden; border:none !important; } .comment_submit:hover { background-position:bottom left;} .edit input { width:150px; border:1px solid #666666; background:#FFFFFF; margin:0;} .wide_list input { width:20px;} /* people tab */ .project_people_wrapper { margin:10px 0 auto; width:662px;} .project_people_wrapper h3 { background:url(/images_FP/products_bar.png) no-repeat; margin:0; padding:5px 0px 30px 30px;} a.add_person { background:url(/images_FP/icon_plus.png) no-repeat; padding:0 0 0 20px; float:right;} .people_name_email a { display:block; color:#f1592a;} .project_people_wrapper table { clear:both; margin:20px 0 40px 0;} .project_people_wrapper .last_tr td { border-bottom:1px solid #e6e6e6;} .req_profile { border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; width:657px; padding:10px 30px; background:#f6f6f6; clear:both;} .profile_form { width:660px; margin:0; padding:0 0 30px 30px;} .profile_form span { width:300px; float:left; margin-bottom:15px;} .profile_form label { display:block; padding:0px 0 3px 0;} .profile_form span input { margin:0; border:1px solid #999999; width:95%; padding:4px; height:14px; } .profile_form select { margin:0; border:1px solid #999999; width:95%; padding:4px; } .profile_form span.phone input { width:50px; margin-right:10px;} span.un_pw { clear:both; border-top:1px solid #d9d9d9; width:660px; margin:15px -45px 15px -15px; padding:10px 0 0 15px;} span.no_hr { border:none; margin-top:0;} span.un_pw input { width:285px; } span.un_pw input, span.un_pw input:focus { padding:4px; height:10px; } .newsletter_check { border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; width:627px; padding:10px 45px; background:#f6f6f6; clear:both; margin:30px 0 0 -30px;} .newsletter_check strong { display:block;} .newsletter_check input { margin:0 0 0 -15px;} .newsletter_check a { color:#f1592a;} .save_profile { display:block; background:url(/images_FP/save_changes_bnt.png) no-repeat; width:142px; height:26px; text-indent:-999px; border:none !important; margin:20px 0 10px 0px; } .save_profile:hover { background-position:bottom left; } /* --------------------------------------------------------------------------------- Pop-up/ins -------------------------------------------------------------------------------*/ /* pop ups general */ .pop_up { text-align:left; color:#FFFFFF; margin:0 auto; } .pop_up a, .pop_up a:hover, .pop_up a:link, .pop_up a:visited, .pop_up em { color:#f1592a;} .pop_up h3 { color:#f1592a; font-size:24px; font-weight:normal; margin:0; padding:15px 0 10px 0;} .pop_up h4 { margin:0; padding:0; font-weight:bold; font-size:14px;} .pop_up fieldset { border:none; padding:0; margin:0;} .pop_up label { display:block; padding:8px 0; font-size:14px;} .pop_up legend { background:none; font-style:normal; font-size:1.2em;} .pop_up p { margin:0; padding:0 0 10px 0; font-size:1.1em; } .price_pop_up {margin:100px auto 0 auto; z-index:20000;} .pop_up a.close, .price_pop_up a.close { display:block; background:url(/images_FP/icon_x.png) no-repeat; width:13px; height:13px; text-indent:-999px; overflow:hidden; float:right; margin:0 -15px 0 0;} .pop_top { padding:15px 35px 5px 35px;} .pop_lower { padding:5px 35px 20px 35px; } .pop_lower input, .pop_lower select, .pop_lower textarea { border:1px solid #999999; margin:0; padding:2px; width:100%; background:#FFFFFF; color:#333333; } fieldset.check_boxes input.phone_field { border:1px solid #999999; background-color:#FFFFFF; } .pop_lower fieldset { border:none; padding:0;} .pop_lower span.required{ font-style:italic;} .left_fields label, .right_fields label, .pop_lower p label { padding:15px 0px 4px 0px; } .right_fields h4 { font-size:1.4em; font-weight:normal;} .right_fields h4 span.smaller { font-size:0.8em; font-weight:normal;} .left_fields { width:45%; float:left; } .right_fields { width:45%; float:right; } .check_boxes { clear:both;} fieldset.check_boxes { padding-top:15px;} .check_boxes input { width:20px; padding:0px; margin:0px; background:none; border:none;} fieldset.check_boxes2 { margin-top:10px;} .check_boxes2 label { padding-left:25px;} .check_boxes2 input { width:20px; margin-left:-25px; background:none; border:none;} .pop_top .pop_line { border:none; height:1px; background:#999; margin:15px -31px 0px -31px;} .pop_lower .pop_line { border-bottom:1px solid #696969; display:block; margin:0px -31px 15px -31px; clear:both; height:15px;} a.cancel_bnt { display:block; float:left; margin-right:10px; background:url(/images_FP/cancel_bnt.png) no-repeat; height:26px; width:92px; font-size:0px;} a.send_bnt { display:block; float:left; margin-right:10px; background:url(/images_FP/send_pop_bnt.png) no-repeat; width:95px; height:26px; font-size:0px;} a.cancel_bnt:hover, a.send_bnt:hover { background-position:bottom left;} a.privacy_link, a.privacy_link:hover, a.privacy_link:link, a.privacy_link:visited { color: #afafaf; background:url(/images_FP/icon_orange_arrow_left_off.png) top left no-repeat; font-size:1.1em; padding-left:15px;} input.create_account { display:block; background:url(/images_FP/create_account_bnt.png) no-repeat; width:174px; height:26px; border:none; text-indent:-999px; overflow:hidden; margin:25px 0 15px 0; font-size:1px;} input.find_dealer_bnt { display:block; background:url(/images_FP/find_dealer_bnt.png) no-repeat top left; width:139px; height:26px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.cancel_bnt { display:block; float:left; margin-right:10px; background:url(/images_FP/cancel_bnt.png) no-repeat top left; height:26px; width:92px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.send_bnt { display:block; background:url(/images_FP/send_pop_bnt.png) no-repeat top left; width:95px; height:26px; text-indent:-999px; overflow:hidden; border:none !important; font-size:1px;} input.save_bnt { display:block; background:url(/images_FP/save_bnt.png) no-repeat top left; height:26px; width:95px; text-indent:-999px; overflow:hidden; border:none !important; font-size:1px;} input.share_bnt { display:block; background:url(/images_FP/share_bnt.png) no-repeat top left; height:26px; width:153px; text-indent:-999px; overflow:hidden; border:none !important; font-size:1px;} input.view_folder_bnt { display:block; background:url(/images_FP/view_folder_bnt.png) no-repeat top left; height:26px; width:123px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.close_bnt { float:left; margin-right:10px; display:block; background:url(/images_FP/close_bnt.png) no-repeat top left; height:26px; width:92px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.sign_in_bnt { width:128px; height:30px; border:none; background:url(../images_FP/btn_SignIn_off.png) top left no-repeat; } input.sign_in_bnt:hover { background:url(../images_FP/btn_SignIn_on.png) top left no-repeat; } a.btn_send_password { width:154px; height:26px; border:none; background:url(../images_FP/btn_send_password_off.png) left no-repeat; display:block; } a:hover.btn_send_password { width:154px; height:26px; border:none; background:url(../images_FP/btn_send_password_on.png) left no-repeat; display:block; } a.close_btn { width:92px; height:26px; border:none; background:url(../images_FP/btn_close_window_off.png) left no-repeat; display:inline-block; } a:hover.close_btn { width:92px; height:26px; border:none; background:url(../images_FP/btn_close_window_on.png) left no-repeat; display:inline-block; } a.signin_btn { width:124px; height:26px; border:none; background:url(../images_FP/btn_sign_in_off.png) left no-repeat; display:inline-block; } a:hover.signin_btn { width:124px; height:26px; border:none; background:url(../images_FP/btn_sign_in_on.png) left no-repeat; display:inline-block; } input.sign_in_bnt:hover { background:url(../images_FP/btn_SignIn_on.png) top left no-repeat; } input.close_bnt:hover, input.view_folder_bnt:hover, input.share_bnt:hover, input.find_dealer_bnt:hover, input.send_bnt:hover, input.save_bnt:hover, input.cancel_bnt:hover, input.create_account:hover { background-position:bottom left;} .popup_inner { position:absolute; top:30px; } /* wide pop up */ .wide_pop_up { width:518px; margin:0px auto 0 auto; z-index:20000; } .wide_pop_up .pop_top { background:url(/images_FP/wide_pop_bg_top.png) top left no-repeat; } .wide_pop_up .pop_lower { background:url(/images_FP/wide_pop_bg_lower.png) no-repeat bottom left; min-height:400px;} .wide_pop_up p.right { margin-top:-40px;} /* narrow tall */ .narrow_tall_pop_up { width:392px; margin:50px auto 0 auto; } .narrow_tall_pop_up .pop_top { background:url(/images_FP/pop_narrow_top_bg.png) no-repeat; padding-bottom:0px; margin:0 } .narrow_tall_pop_up .pop_lower { background:url(/images_FP/pop_narrow_tall_bg.png) no-repeat bottom left; margin:0} /* narrow short */ .narrow_short_pop_up { width:392px; margin:50px auto 0 auto;} .narrow_short_pop_up .pop_top { background:url(/images_FP/pop_narrow_top_bg.png) no-repeat;} .narrow_short_pop_up .pop_lower { background:url(/images_FP/pop_narrow_short_bg.png) no-repeat bottom left; min-height:220px;} .narrow_short_pop_up .pop_lower h4 { padding-bottom:10px; } /* small pop up */ .small_pop_up { width:392px; margin:50px auto 0 auto;} .small_pop_up .pop_top { background:url(/images_FP/pop_small_top_bg.png) no-repeat;} .small_pop_up h3 { padding:5px 0 0 0;} .small_pop_up h3 label { padding:5px 0 0 0; font-size:1.3em; margin:0px; display:block;} .small_pop_up .pop_lower { background:url(/images_FP/pop_small_lower_bg.png) no-repeat bottom left; min-height:140px;} .smallest .pop_line { margin-top:22px;} .smallest .pop_lower { min-height:90px; background:url(/images_FP/pop_smallest_lower_bg.png) no-repeat bottom left; clear:both;} input[type='text'].phone_field, input[type='text']:focus.phone_field { width:200px; color:#777777; font-size:1.0em; height:16px; padding:4px 0 0 4px; } ul.multibutton_row { margin:0; padding:0; width:auto; height:36px; } ul.multibutton_row li { list-style:none; float:left; width:100px; } .bottom_right { margin:10px 10px 0 0;} /* -- DUPE .small_pop_up { width:392px;} .small_pop_up .pop_top { background:url(/images_FP/pop_small_top_bg.png) no-repeat; padding-bottom:5px;} .small_pop_up h3 { padding:5px 0 0 0;} .small_pop_up .pop_lower { background:url(/images_FP/pop_small_lower_bg.png) no-repeat bottom left; min-height:140px;} .smallest .pop_line { margin-top:22px;} .smallest .pop_lower { min-height:90px; background:url(/images_FP/pop_smallest_lower_bg.png) no-repeat bottom left;} */ .price_pop_up { width:406px; text-align:left; color:#666666;} .price_pop_up a.close {margin:5px -10px 0 0;} .price_pop_up .pop_top { background:url(/images_FP/price_pop_top.png) no-repeat; height:14px;} .price_pop_up .pop_lower { background:url(/images_FP/price_pop_tall.png) no-repeat bottom left;} .short_price .pop_lower { background:url(/images_FP/price_pop_short.png) no-repeat bottom left; height:120px;} .price_pop_up .pop_lower h3 { margin:0; padding:0; font-size:18px; color:#000;} .price_pop_up .pop_lower ul { padding:0; margin:0;} .price_pop_up .pop_lower li { list-style:none; padding:0 0 10px 0; margin:0;} .price_pop_up .pop_lower li strong { color:#000; } .price_pop_up .pop_lower li p {background:url(/images_FP/icon_orange_arrow_right_off.png) no-repeat 0 7px; padding:5px 0 0 17px;} .price_pop_up .pop_lower li p strong { display:block; width:98%; } .price_pop_up .pop_line { border-color:#d9d9d9; margin:0 -24px; } .price_pop_up h4 { color:#f26438;} .hover270 { width:270px; position:relative;} .hover270 h3 { color:#f1592a; margin:5px 0 0 -5px;} .hover270 a { display:block; color:#fff; background:url(/images_FP/icon_inline_arrow.png) no-repeat 0px 3px; padding:0 0 0 10px; margin:5px 0 0 0;} .hover270 .hover_info { background:url(/images_FP/270_info_bg.png) no-repeat top left; text-align:left; padding:16px 22px; color:#fff; min-height:170px;} .hover270 .hover_info p { font-size:1.0em; margin:0 0 10px 0; color:#FFFFFF !important; width:200px; font-weight:normal; } .hover270 .hover_info p strong { display:block; width:200px; font-weight:bold !important; } .hover270 .hover270_beak_left { background:url(/images_FP/270_left_beak.png) no-repeat top left; height:30px; } .hover270 .hover270_beak_right { background:url(/images_FP/270_right_beak.png) no-repeat; height:30px; } .hover270 .pop_line { border-top:1px solid #565656; margin:0 -18px;} /* --------------------------------------------------------------------------------- Compare Table Pop up -------------------------------------------------------------------------------*/ .compare_pop { width:998px; margin:0 auto; text-align:left; } .compare_pop_top { background:url(/images_FP/compare_pop_top.png) no-repeat; padding:35px 35px 0 35px; height:81px;} .compare_pop_top img { float:left;} .logo_compare { float:left; background:url(../images_FP/logo_fireplaces_popup.png) top left no-repeat; width:167px; height:22px; } .compare_pop_top a.btn_close { float:right;} .compare_pop_top h3 { border-left:1px solid #ccc; padding:5px 0 5px 40px; float:left; font-size:25px; margin:-10px 0px 0 40px;} .compare_pop_top .grey_light_subnav { clear:both; margin-top:47px;} .grey_light_subnav a.back_to_finder { background:url(/images_FP/btn_back_short.png) top left no-repeat; height:30px; width:97px; display:block; margin:-2px 350px 0 0;} .grey_light_subnav a.back_to_finder:hover { background:url(/images_FP/btn_back_short.png) bottom left no-repeat; height:32px; width:97px; display:block; margin:-2px 350px 0 0;} .grey_light_subnav a.start_over { background:url(/images_FP/start_over_bnt.png) no-repeat; height:29px; width:92px; display:block; margin-top:-2px;} .grey_light_subnav a.start_over:hover { background-position:bottom left; } .compare_pop_mid { background:url(/images_FP/compare_pop_mid.png) repeat-y; padding:0 19px; margin:0; } .top_product_compare { background:url(/images_FP/top_compare_box2.png) top left repeat-y; } .compare_scroll { background:url(/images_FP/top_compare_box2.png) top left repeat-y; } .top_product_compare table th { border-left:1px solid #d9d9d9; padding:0 12px; vertical-align:top; text-align:left; font-weight:normal; } .compare_scroll_th { padding-left:230px; } .top_product_compare .compare_th_wrapper { height:185px; } .compare_th_wrapper { width:176px; float:left; border-right:1px solid #d9d9d9; padding-left:5px; } .compare_th_wrapper img { padding:2px; border:1px solid #d9d9d9; margin:10px 0 0 8px; } .compare_th_wrapper h3 { padding-left:7px; font-size:1.3em; } .compare_th_wrapper h3 strong { display:block; width:98%; } .compare_th_wrapper ul { padding:0 0 0 7px; margin:0; color:#909090; } .compare_th_wrapper li { list-style:none; padding:0; margin:0 0 5px 0; } .compare_th_wrapper a { /* text-indent:-999px; */ display:block; overflow:hidden; } .compare_th_wrapper a:hover { background-position:bottom left; } .compare_scroll { clear:both; overflow:auto; } a.save_compare { background:url(/images_FP/compare_save_bnt.png) no-repeat; height:23px; width:48px; margin:10px 3px 0 0; float:left;} a.find_compare { background:url(/images_FP/find_dealer_compare_bnt.png) no-repeat; width:97px; height:23px; margin:10px 18px 4px 0; float:right;} a.remove_compare { background:url(/images_FP/remove_compare_bnt.png) no-repeat; height:24px; width:148px; display:block; margin:0; clear:both;} .compare_nav { background:#e1e1e1; margin:0; padding:0; width:229px; height:185px; float:left; border-right:1px solid #d9d9d9;} .compare_nav li { list-style:none; margin:0; padding:0; display:inline;} .compare_nav li a { display:block; padding:8px 0 8px 50px; background:url(/images_FP/icon_inline_arrow.png) no-repeat 38px 10px; font-size:1.2em;} .compare_nav li a:hover, .compare_nav li a.current { background:url(/images_FP/icon_orange_arrow_right_disabled.png) no-repeat 35px 9px #818181; color:#fff; text-decoration:none; } .compare_nav li.compare_nav_title { font-size:1.4em; padding:20px 0 20px 25px; display:block; } .compare_tab { clear:both;} .compare_tab ul { float:left; width:181px; padding:0; margin:0;} .compare_tab .th { width:229px; font-weight:bold; background-color:#FFFFFF; } .compare_tab ul li { border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:10px 10px 10px 20px; list-style:none; margin:0; } .compare_odd { background:#ececec; } .compare_tab li.price { font-weight:bold; padding-top:20px; } li.height_row { height:81px;} .hover_text { position:relative;} .hover_text a { display:inline-block; background:url(/images_FP/icon_alternate_info2_off.png) no-repeat 10px 0; padding:0 20px 0 0; position:relative;} .hover_text img { padding:0 20px 0 0; position:relative;} li.height_row a:hover { text-decoration:none;} .hover_text .hover270 { display:none; position:absolute; bottom:8px; left:2px; z-index:2000;} .parent { position:relative; } .child { position:absolute; bottom:20px; z-index:2000;} .hover270 { position:absolute; bottom:10px; left:-15px; z-index:20000000;} /* FIX tempoorary to get close/open hidden but keep the bar */ div.compare_tab_bar { background:url(/images_FP/compare_pop_tab_bg.png) no-repeat; display:block; font-size:24px; padding:6px 20px; } div.compare_tab_bar strong { background:none; font-weight:normal; padding:0 0 0 25px; } div.compare_tab_bar em { display:none; width:107px; height:10px; text-indent:-999px; overflow:hidden; float:right; margin-top:10px; background:url(/images_FP/product_folder_close_open.png) no-repeat top left;} /* a.compare_tab_bar { background:url(/images_FP/compare_pop_tab_bg.png) no-repeat; display:block; font-size:24px; padding:6px 20px;} a.compare_tab_bar:hover { text-decoration:none;} a.compare_tab_bar strong { background:url(/images_FP/icon_minus.png) no-repeat 0 5px; font-weight:normal; padding:0 0 0 25px; } a.compare_tab_bar em { display:block; width:107px; height:10px; text-indent:-999px; overflow:hidden; float:right; margin-top:10px; background:url(/images_FP/product_folder_close_open.png) no-repeat top left;} */ .close_compare a.compare_tab_bar strong { background:url(/images_FP/icon_plus.png) no-repeat 0 5px; font-weight:normal; padding:0 0 0 25px; } .close_compare a.compare_tab_bar em { background:url(/images_FP/product_folder_open.png) no-repeat; } .close_compare table { display:none;} .compare_pop_bot { background:url(/images_FP/compare_pop_bot.png) no-repeat; height:36px;} /* --------------------------------------------------------------------------------- Search Results -------------------------------------------------------------------------------*/ div.search_box { padding:10px 0 10px 0px; border-bottom:1px solid #ccc;} div.search_box em { color:#999999; font-style:normal;} div.search_box strong { font-size:1.6em; font-weight:normal;} input.search_box_input { border:1px solid #ccc; width:200px; margin:0 0 0 10px; } div.search_mag_glass { background:url(/images_FP/icon_search_inside.png) no-repeat; width:30px; height:20px; cursor:pointer;} /* for use with .net link control */ a.search_mag_glass { display:block; background:url(/images_FP/icon_search_inside.png) no-repeat; width:30px; height:20px; margin:0 0 0 10px; } a.search_mag_glass:hover { } div.seach_results_number {padding-top:5px; font-style:italic; color:#8f8f8f;} .stating_price strong { display:block; color:#fa7319; font-size:1.6em; font-weight:normal;} .search_results_2col .project_folder { margin:20px 0 0 0; color:#666666; width:714px;} .search_results_2col .project_folder a.project_folder_bar { margin:0; background:url(/images_FP/search_results_bar.png) no-repeat; padding:11px 14px 1px 14px;;} .search_results_2col .project_folder a.project_folder_bar em { position:absolute; top:18px; right:25px;} .articles_search {padding-top:15px;} .articles_search p { } DIV.articles_search_section { border-bottom:1px solid #ccc; padding:8px 10px 15px 10px; color:#8f8f8f; font-size:1.2em; } .articles_search a { display:block; width:95%; font-size:0.9em;} .articles_search a:hover { text-decoration:none;} .articles_search a strong { display: inline-block; background:url(/images_FP/btn_go_off.png) no-repeat right; padding:0px 20px 0px 0; color:#525252; font-size:1.6em; font-weight:normal;} p.matches a { display:inline-block; padding:5px 23px 5px 10px; margin:10px 0px 10px 10px;border-left:1px solid #CCCCCC;background:url(/images_FP/icon_orange_arrow_down.png) no-repeat right 10px; font-size:1.2em; } p.matches a:hover { display:inline-block; padding:5px 23px 5px 10px; margin:10px 0px 10px 10px;} p.matches a.active { display:inline-block; padding:5px 0px 5px 15px; margin:10px 0px 10px 0px;border-left:none; color:#525252; background:none; text-decoration:none; } p.matches a.more { display:inline-block;background:url(/images_FP/icon_orange_arrow_right_off.png) no-repeat right 6px; padding:5px 18px 5px 10px; margin:10px 15px 10px 10px;} p.matches a:hover.more { display:inline-block; padding:5px 18px 5px 10px; margin:10px 10px 10px 10px;} .more_prods .matches a.more {border-left: none;} .faux_two_col { background:url(/images_FP/faux_two_col.png) bottom right repeat-y; height:100%; } .search_results_2col { width:100%; margin:0 auto; padding:0; text-align:left; height:auto; } /* style replicated from three_colum editorial pages */ .search_results_2col .search_col1 { width:714px; height:auto; float:left; padding:0; } .search_results_2col .search_col2 { width:245px; height:auto; float:left; margin:0; padding:0; } .search_results_2col .search_col2 .promo_widget { width:100%; padding:14px 7px 18px 17px; margin:0px; font-size:0.9em; } .search_results_2col .search_col2 .promo_widget img { padding:2px; } .search_results_2col .search_col2 .promo_widget p { padding:0 30px 0 0; font-size:1.3em; color:#8f8f8f; } .search_results_2col .search_col2 .promo_widget strong { display:block; width:95%; font-weight:normal; font-size:1.5em; color:#3d3d3d;} .search_results_2col .search_col2 .promo_widget a { text-transform:uppercase; background:url(/images_HNG/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } .promo_arrow { background:url(/images_FP/icon_contact_dealer.png) no-repeat; width:28px; height:20px; margin:22px 0 0 0px;} /* three_column - column 3 - dependencies */ /* .three_column .editorial_col3 h4 { font-size:1.5em; } .three_column .editorial_col3 div, .three_column .editorial_col3 h4, .three_column .editorial_col3 ul { margin-left:8px; width:245px; } */ .widget_content {padding-top:10px;} .search_results_2col .search_col2 ul.download_arrow_links { margin:0px; padding: 0px; width:246px; } .search_results_2col .search_col2 ul.download_arrow_links li { list-style:none; font-size:1.2em; padding:0px 0px; } .search_results_2col .search_col2 ul.download_arrow_links li a { display:block; background:url(/images_FP/sr_sidebarlink_on.png) no-repeat; background-position:top left; padding:8px 0px 6px 40px;} .search_results_2col .search_col2 ul.download_arrow_links li a:hover{ background:url(/images_FP/sr_sidebarlink_over.png) no-repeat; background-position:top left; padding:8px 0px 6px 40px;text-decoration:none;} .search_results_2col .search_col2 ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .search_results_2col .search_col2 ul.recent_search_links { margin:0px; padding:0px; } .search_results_2col .search_col2 ul.recent_search_links li { list-style:none; font-size:1.2em; padding:6px 20px 6px 20px; } .search_results_2col .search_col2 ul.recent_search_links li a { background:url(/images_FP/btn_go_off.png) no-repeat top right; padding:8px 20px 1px 0; color:#525252; font-weight:normal; display:block;} .search_results_2col .search_col2 ul.recent_search_links li a:hover{ background:url(/images_FP/btn_go_off.png) no-repeat top right; padding:8px 20px 1px 0; color:#525252; font-weight:normal;} .recent_searches {font-size:1.4em;border-top:1px solid #d9d9d9; padding:15px 20px 0px 20px; margin:10px 0px 0px 0px;} .search_results_2col .editorial_widget { border-bottom:1px solid #d9d9d9; width:246px; padding:0px 0px 10px 0px; } .editorial_widget a.orange_arrow { background-image:url(/images_FP/icon_orange_arrow_right_off.png); background-repeat: no-repeat;width:9px; height:13px; display:inline-block; margin:25px 0px 0px 10px;} /* related content widgets */ .search_results_2col .search_col2 { width:245px; margin:0; padding:0px; border-bottom:1px solid #d9d9d9; } .search_results_2col .search_col2 .widget_row_container { margin:0 0 10px 0; } .search_results_2col .search_col2 .widget_row_container_promo { margin:0px; padding:0px; } .search_results_2col .search_col2 h4 { font-size:1.5em; } .search_results_2col .search_col2 p.widget_title { font-style:normal; } .search_results_2col .search_col2 p.widget_title2 { font-style:normal; color:#525252; font-size:1.2em; } .search_results_2col .search_col2 p.widget_copy { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .search_results_2col .search_col2 p.widget_copy_wimage { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .search_results_2col .search_col2 p.widget_copy a { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; line-height:1.3em; } .related_prods {margin:0px 34px 0px 0px;} .related_prods_last {margin:0px 0px 0px 0px;} .related_hovers .related_prods a IMG, .related_hovers .related_prods_last a IMG {border:1px solid #a6a593; padding:2px; } .related_hovers_on .related_prods a IMG, .related_hovers_on .related_prods_last a IMG {border:1px solid #f1592a; padding:2px; } .related_hovers .related_prods_title { color:#000000; background-image:url(/images_FP/icon_orange_arrow_right_off.png); background-position: right; background-repeat: no-repeat; padding:5px; width:121px; font-size:1.1em;} .related_hovers_on .related_prods_title {color:#000000; background-image:url(/images_FP/icon_orange_arrow_right_off.png); background-position: right; background-repeat: no-repeat; padding:5px; width:121px; font-size:1.1em; text-decoration:underline;} .related_prods_title a, .related_prods_title a:link, .related_prods_title a:visited, .related_prods_title a:active, .related_prods_title a:focus { display:block; text-decoration:none; color:#fa7319; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images_FP/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } .related_prods_title a:hover { display:block; text-decoration:underline; color:#fa7319; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images_FP/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } /* --------------------------------------------------------------------------------- Media Viewer ------------------------------------------------------------------------------ */ .popup_media_viewer { background:url(/images_FP/popup_media_viewer_bg.png) top left no-repeat; padding:11px 0 0 14px; width:852px; height:595px; margin:0px auto 0 auto; z-index:20000; } .media_container { width:839px; height:432px; margin:0; padding:0; background-color:Black;} .info_bar { width:839px; height:44px; margin:0px 0 0 0; padding:0; background:url(/images_FP/media_viewer_info_bar_bg.png) top left repeat-x; } div.info_bar a.btn_back_to_productfinder { float:left; display:block; text-align:center; width:189px; height:20px; margin:10px 0 0 14px; padding:6px 0 0 0px; color:#747474; font-weight:normal; font-size:1.1em; background:url(/images_FP/btn_back_wide.png) top left no-repeat; } div.info_bar a.btn_back_to_productfinder:hover { background:url(/images_FP/btn_back_wide.png) bottom left no-repeat; text-decoration:none; color:#FFFFFF; } div.info_bar p.media_viewer_infobar_text { float:left; margin:14px 0 0 0px; color:#3f3e30; border-left:1px solid #999999; padding:0 0 0 10px; font-size:1.1em; } div.info_bar p.media_viewer_infobar_text span { color:#3f3e30; font-weight:bold; } .thumb_scroller { width:839px; height:102px; margin:-3px 0 0 0; padding:0; background:url(/images_FP/media_viewer_thumb_scroller_bg.png) top left repeat-x; overflow:hidden; text-align:left; } div.thumb_scroller ul.popup_thumbs_list { position:absolute; height:80px; width:800px; margin:4px 0 0 43px; padding:0px; } div.thumb_scroller ul.popup_thumbs_list li { list-style:none; float:left; margin:0 8px 0 0; width:70px; height:72px; } div.thumb_scroller ul.popup_thumbs_list li img { border:1px solid #FFFFFF !important; padding:2px; width:56px; height:56px; } div.thumb_scroller ul.popup_thumbs_list li .arrow_top { margin:0px 0 0 0; width:62px; height:14px; background:none; } div.thumb_scroller ul.popup_thumbs_list li.on img { border:3px solid #FFFFFF !important; padding:0px; } div.thumb_scroller ul.popup_thumbs_list li.on .arrow_top { margin:0; width:62px; background-color:#00FF66; height:14px; background:url(/images_FP/icon_orange_arrow_up.png) center center no-repeat; }