/**************************************** Stylesheet for Quadrafire ****************************************/ /*/////////////////////////////////////// MANY thanks to Owen Briggs (http://www.thenoodleincident.com) and Eric Meyer (http://www.meyerweb.com) for the !!EXCELLENT!! lessons on relative units!!! FONT SIZING: http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html ////////////////////////////////////////*/ /**************************************** addtothis.com override image ****************************************/ .at300bs { background: none !important; height:0px !important; } .at300bs .at15t_compact { background:url(/images/FPL/grey_light_subnav_share_off.png) no-repeat !important; width:79px;height:26px;} .at300m .at4-icon {background:none;height:0px;} /**************************************** 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; } /**************************************** 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 ****************************************/ fieldset { border:1px solid #858382; } legend { background:#fff; } textarea, input, select, input[type='text'], 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.0em; font-family:helvetica, verdana, sans-serif; } textarea, input[type='text'], select { margin:0; padding:0px;} input.search_input_topnav { color:#333333; padding:3px 0px 3px 5px; margin:0px 0px; width:133px; background-color:#ffffff; position:relative; text-align:left; } .search_input_topnav_bg { width:142px; height:26px; margin-top:3px;} input.site_search_input { color:#333333; padding:3px 0px; margin:0px 0px; width:150px; background-color:#ffffff; position:relative; text-align:left; } .site_search_bg { width:154px; height:26px; } select.select_topnav { color:#333333; padding:2px; margin:0px; width:142px; background-color:#ffffff; position:relative; text-align:left; } input, select { cursor:pointer; } input[type='text'] { cursor:text; } form.visible_form textarea, form.visible_form input[type='text'], form.visible_form select { border:1px solid #dadada; margin:0; padding:4px 0 1px 4px; font-size:1.0em; color:#999999; } form.visible_form option { font-size:1.0em; margin:4px; width:100px; } input[type='text'].ddm_topnav_city { width:106px; } select.ddm_topnav_state { width:118px; } fieldset { border:none; padding:0; margin:0; } .image_border_grey { border:1px solid #cccccc; } .image_border_grey1 { border:1px solid #cccccc; padding:1px; } /**************************************** Error Styles - GLOBAL ****************************************/ .error { color:#FF0000; font-weight:bold; } #PopupErrorMessageDiv { color:#FF0000; font-weight:bold; } .error UL { padding:0px; margin:0px 0px 10px 0px; } .error UL LI { color:#FF0000; font-weight:bold; list-style:none; padding:0px; margin:0px; } .search_info { color:#333333; font-size:1.1em; } .search_info p { padding:0px 15px 0px 12px; margin:0px; font-size:0.9em; } .search_info p a{ } .distSearchError {padding-top:12px; padding-left:5px;font-weight:bold; font-size:1.2em; color:#EF0000;} /**************************************** CUSTOM FORMS ****************************************/ .auto_height {height:500px; overflow:auto;} .custom_form {padding:10px 0px 10px 0px;}/* positions form */ div.custom_form .form_required { padding:0px 0px 10px 0px; font-size:1.2em; font-style:italic;} div.custom_form .form_direction { padding:0px 0px 30px 0px; font-size:1.2em; } div.custom_form .form_required .form_row label { font-weight:normal; text-transform:none; } div.custom_form .form_required .form_row p a { color:#53820a !important } div.custom_form .form_row_1col {} div.custom_form .form_row_1col .form_row { padding:0px 0px 20px 0px;}/* positions form row */ div.custom_form .form_row_1col .form_row_border { height:15px; border-bottom: 1px dotted #000000;} div.custom_form .form_row_1col .form_row_border_pad { height:20px; border-bottom: 1px dotted #000000;} div.custom_form .form_row_2col {} div.custom_form .form_row_2col .form_row { float:left; width:300px; padding:0px 0px 15px 0px;}/* positions form row */ div.custom_form .form_row label.sublabel { display:block; color:#333333; font-weight:bold; font-size:1.1em; padding:4px 0px 10px 0px;} div.custom_form .form_row_button { float:left; padding:0px 0px 20px 0px;}/* positions form row */ div.custom_form .form_row_1col .form_row label, div.custom_form .form_row_1col .form_row_border label, div.custom_form .form_row_1col .form_row_border_pad label, div.custom_form .form_row_1col .form_row_2line label { display:block; color:#3f3e30; font-weight:bold; font-size:1.2em; padding-bottom:4px;}/* positions form row */ div.custom_form .form_row_2line { float:left; width:300px; padding:14px 0px 20px 0px;}/* positions form row */ div.custom_form .form_row_2col .form_row label, div.custom_form .form_row_2col .form_row_2line label { display:block; color:#3f3e30; font-weight:bold; text-transform:uppercase; padding-bottom:4px;}/* positions form row */ div.custom_form .form_row UL, div.custom_form .form_row_border UL, div.custom_form .form_row_border_pad UL { list-style:none; padding-left:0px; margin-left:0px;} div.custom_form .form_row UL LI, div.custom_form .form_row_border UL LI, div.custom_form .form_row_border_pad UL LI { list-style:none; padding-left:0px; margin-left:0px; font-size:1.2em;} div.custom_form a.yes { display:block; background:url(/images/QDF/redesign/btn_Yes.png) no-repeat top left; height:25px; width:63px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.no { display:block; background:url(/images/QDF/redesign/btn_No.png) no-repeat top left; height:25px; width:63px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.ask { display:block; background:url(/images/QDF/redesign/btn_Ask.png) no-repeat top left; height:25px; width:63px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.agree { display:block; background:url(/images/QDF/redesign/btn_Agree.png) no-repeat top left; height:25px; width:96px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.disagree { display:block; background:url(/images/QDF/redesign/btn_Disagree.png) no-repeat top left; height:25px; width:96px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.submit_request { display:block; background:url(/images/QDF/redesign/btnSubmitRequest.png) no-repeat top left; height:30px; width:154px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} div.custom_form a.input_submit { display:block; background:url(/images/QDF/redesign/btnSubmit.png) no-repeat top left; height:30px; width:154px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 30px;} div.custom_form a.input_link { background:url(/images/QDF/arrow_next_on.png) no-repeat right 2px;padding: 0 15px 0 0;} div.custom_form table.custom_radio input { width: 20px; display: block; float: left; } div.custom_form table.custom_radio label { width: 250px; display: block; float: left; padding-top: 3px; } div.custom_form span.custom_radio input { width: 20px; display: block; float: left; font-size:12px;} div.custom_form span.custom_radio label { width: 250px; display: block; padding-top: 3px; font-size:12px;} div.custom_form .form_row_1col .form_row label, div.custom_form .form_row_2col .form_row label { font-size:12px;} div.custom_form textarea, div.custom_form input, div.custom_form input[type='text'] { width:223px; font-size:1.1em; 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:1.1em; color:#333333; padding:2px; } /* Select forms */ div.custom_form select { width:200px; font-size:1.1em; color:#333333; border:1px solid #9a9a9a; padding:2px;} div.custom_form select:hover, div.custom_form select:focus { width:200px; font-size:1.1em;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.custom_checkbox {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 { } div.custom_form a { background:url(/images/QDF/arrow_next_on.png) no-repeat right 2px;padding: 0 15px 0 0;} div.custom_form a.inline_link, div.custom_form a.jump_tag { background:none; color:#304b25; padding:0px; } input.submit_request { display:block; background:url(/images/QDF/submit_req_bnt.png) no-repeat top left; height:26px; width:140px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.input_submit { display:block; background:url(/images/QDF/submit_bnt.png) no-repeat top left; height:26px; width:140px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} input.yes { display:block; background:url(/images/QDF/input_btn_yes.png) no-repeat top left; height:26px; width:88px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} input.no { display:block; background:url(/images/QDF/input_btn_no.png) no-repeat top left; height:26px; width:88px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} input.ask { display:block; background:url(/images/QDF/input_btn_ask.png) no-repeat top left; height:26px; width:88px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} input:hover.submit_request, input:hover.no, input:hover.yes, input:hover.ask, input:hover.input_submit { background-position:bottom left;} div.float_75 {float:left; width:80px;} div.float_125 {float:left; width:150px;} div.float_200 {float:left; width:300px;} .text_black_11 { font-size:0.9em !important; color:#3f3e30 !important; font-weight:normal;} label.uppercase {text-transform:uppercase;} label.font_normal { font-weight:normal !important;} label.font_normal_12 { font-weight:bold !important; font-size:1.2em !important; color:#3f3e30 !important;} label.font_normal p { font-size:1.0em !important; color:#3f3e30 !important; line-height:1.4em; margin-left:0px !important;} label.font_blurb { font-weight:normal !important; margin-left:0px; font-size:1.0em !important; color:#3f3e30 !important;} label.font_blurb p, label.font_blurb p em { font-weight:normal !important; margin-left:-20px; font-size:1.0em !important;} label.image_blurb { font-weight:normal !important; margin-left:-20px; font-size:1.0em !important;} div.custom_form span { font-size:1.4em;} /* Flanked Label/Input pairs on single line */ div.editorial_col2 div.form_single_row div.form_row_2col .form_row { padding:0px; margin:0 0 10px 0; clear:both; width:700px; height:26px; } div.editorial_col2 div.form_single_row div.form_row_2col div.form_row label { float:left; width:200px; } div.editorial_col2 div.form_single_row div.form_row_2col div.form_row select, div.editorial_col2 div.form_single_row div.form_row_2col div.form_row input[type='text'] { float:left; width:360px; } /**************************************** PROMOTION LIST ****************************************/ div.promolist { font-size:1.1em; margin:0; padding:0; min-height:500px;} div.promolist td { vertical-align:top; margin:0px; padding:0 10px 0 0; } div.promolist img { vertical-align:top; margin:0px; padding:0px; } div.promolist div.nooffers { font-size:1.2em; font-style:italic; font-weight:bold; } div.promolist .promolink { color:#53820a; background:url(/images/QDF/arrow_next_on.png) no-repeat right 2px; padding: 0 15px 0 0;} /**************************************** hearth by design page ****************************************/ .hearth_by_design { width:960px; text-align:center; margin:0px auto 0 auto; } /**************************************** Global image border ****************************************/ .imageborder {position:relative; height:auto; width:auto; margin:0; padding:5px;} .imageborder ins {position:absolute;top:0;left:0;width:8px;height:9px;background:url(/images/QDF/redesign/bg_img_bord_ins.png) no-repeat;} .imageborder ins+ins {left:auto;right:0;background-position:100% 0;} .imageborder ins+ins+ins {right:auto;left:0;top:auto;bottom:0px;background-position:0 100%;} .imageborder ins+ins+ins+ins {right:0;left:auto;background-position:100% 100%;} .imageborder b {position:absolute;top:0;left:8px;right:8px;width:auto;height:6px;background:url(/images/QDF/redesign/bg_img_bord_t_b.png) repeat-x;} .imageborder b+b {top:auto;bottom:0px;background-position:0 100%;} .imageborder b+b+b {left:0;right:auto;top:8px;bottom:9px;width:6px;height:auto;background:url(/images/QDF/redesign/bg_img_bord_r_l.png) repeat-y;} .imageborder b+b+b+b {left:auto;right:0;background-position:100% 0;} /**************************************** Typography ****************************************/ h1 { font-size:1.9em; font-weight:normal; } h1.promo_header { margin:0.8em 0 0.8em 1.0em; } h1.promo_header1 { margin:0.8em 0 0.8em 0em; } h2 { font-size:1.7em; font-weight:normal; } h2.pd_tab_title { color:#304b25;font-size:1.6em; font-weight:bold; margin:0em 0em 0.5em 0em; padding:0;} h3.rating { font-size:125%; font-weight:bold; color:#2d2700; margin:0.8em 0em 0.5em 0em; padding:0; } h3.specs_title { font-size:1.5em; font-weight:bold; color:#304b25; margin:0px; padding:0; } 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; } h4.pd_h3 { font-size:1.2em; font-weight:bold; color:#2d2700; margin:0.8em 0em 0.5em 0em; padding:0; } 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; } /* 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:#2f4b25; } 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:#a8a796; } a.orange_no_underline:hover { text-decoration:underline; } a.orange_link, a.orange_link:link, a.orange_link:visited, a.orange_link:active, a.orange_link:focus { text-decoration:none; font-weight:normal; color:#2f4b25; } a.orange_link:hover { text-decoration:underline; } a.yellow_link, a.yellow_link:link, a.yellow_link:visited, a.yellow_link:active, a.yellow_link:focus { text-decoration:none; font-weight:bold; color:#e6bd17; } a.yellow_link:hover { text-decoration:underline; } a.orange_large { color:#53820a; } a.search_btn { text-decoration:none; } a:hover.search_btn { text-decoration:none; } img { border:0; } ol, ul { font-size:1.1em; line-height:1.3em; margin:4px 0 20px 10px; padding:0 0 0 26px; list-style-position:outside; } 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; color:#3f3e30; } .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:#6b6a5b; font-size:1.0em; font-weight:normal; } .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:#6b6a5b; font-size:1.1em; font-weight:normal; } .grey_med { color:#3f3e30; } .black_20 { color:#3f3e30; font-size:1.5em; font-weight:normal; } .black_28 { color:#3f3e30; font-size:2.2em; font-weight:normal; } .orange_18 { color:#fa7319; font-size:1.5em; } .green_text { color:#3f3e30; } .black { color:#304C25; } /* 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:154px; height:30px; background:url(/images/QDF/redesign/btnSeeFullDetails.png) top left no-repeat; padding:6px 0 0 14px; font-size:0px;} a.btn_Save { display:block; cursor:pointer; width:154px; height:30px; background:url(/images/QDF/redesign/btnSave.png) top left no-repeat; padding:6px 0 0 14px; font-size:0px;} .btn_find_dealer { background-image:url(/images/QDF/redesign/btnFindADealer.gif); width:154px; height:30px; background-repeat:no-repeat; cursor:pointer; color:#5c5847; padding-top:6px; padding-left:10px; margin-top:10px; font-size:0.75em; text-transform:uppercase; font-weight:bold;} /* for topnav dropdown menu */ div.ddm_col_dealer a.btn_find_dealer { display:block; background:url(/images/QDF/btn_find_dealer.gif) top left no-repeat; width:132px; height:36px; background-repeat:no-repeat; cursor:pointer; color:#5c5847; padding-top:6px; padding-left:10px; margin-top:10px; font-size:0.75em; text-transform:uppercase; font-weight:bold;} /* colors*/ .orange { color:#3f3e30; font-weight:bold; } .grey { color:#E5E5E5; } .grey_light { color:#b2b2b2; } .productname { color:#000000; font-size:12px; } li > p { margin-top:6px; } code, pre { font-size:12px; font-family:monospace; color:#c33; } strong, b { font-weight:bold; } hr { display:none; background:#adaa97; color:#adaa97; width:100%; height:1px; border:none; } .nomargin { margin:0px; } /**************************************** Float Clearing ****************************************/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .clear_left { clear:left; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .clear_right { clear:right; 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; } /**************************************** Center Page ****************************************/ 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:960px; height:auto;} .center940 { margin:0 auto; padding:0px; text-align:left; width:940px; height:auto;} .center980 { margin:0 auto; padding:0px; text-align:left; width:980px; height:auto;} /* 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 -342px 0; padding:0; } .footer_push { height:342px; margin:0; padding:0; } /**************************************** Breadcrumb ****************************************/ .breadcrumb_container { margin:0 auto; width:960px; border:none; height:20px; } ul.breadcrumb { margin:4px 0 0 0; padding:0; height:20px; } ul.breadcrumb li { list-style:none; float:left; width:auto; margin:0 2px 0 0; color:#000000; font-size:1.0em; } ul.breadcrumb li.previous a { color:#000000; background:none; border-right:1px #b0bf82 solid; padding:0 12px 0 0; } ul.breadcrumb li.current { color:#53820a; font-weight:bold;} ul.breadcrumb li span.orange {display:none;} .category_body ul.breadcrumb { position:absolute; top:113px; left:35px; height:30px;} ul.breadcrumb li span.orange {display:none;} /**************************************** buttons ****************************************/ a.btn_buildprice { display:none; background:url(/images/QDF/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/QDF/btn_orange_buildprice_on.png) top left no-repeat; width:123px; height:26px; } a.btn_view { display:block; background:url(/images/QDF/btn_orange_view_off.png) top left no-repeat; width:89px; height:26px; margin:0 0 0 13px; cursor:pointer; } a:hover.btn_view { background:url(/images/QDF/btn_orange_view_on.png) top left no-repeat; width:89px; height:26px; } a.btn_findadealer { display:block; background:url(/images/QDF/redesign/btnSearch.png) top left no-repeat; width:154px; height:30px; margin:0; cursor:pointer; z-index:10000; } a.btn_findadistributor { display:block; background:url(/images/QDF/redesign/btnFindADistributor_over.png) top left no-repeat; width:154px; height:30px; margin:0; cursor:pointer; z-index:10000; } /* Black cancel */ a.btn_cancel { display:block; background:url(/images/QDF/btn_grey_cancel_off.png) top left no-repeat; width:89px; height:26px; margin:0; cursor:pointer; } a:hover.btn_cancel { background:url(/images/QDF/btn_grey_cancel_on.png) top left no-repeat; } a.btn_go { display:block; background:url(/images/QDF/btn_go.png) top left no-repeat; width:48px; height:26px; margin:0 0 0 5px; cursor:pointer; } a:hover.btn_go { background:url(/images/QDF/btn_go.png) bottom left no-repeat; width:48px; height:26px; } /**************************************** rotator ****************************************/ .rotator_play_indicator {height:455px;width:100%;background-image: url(/images/QDF/prodslides_video_indicator.png);background-position: center center; background-repeat: no-repeat;cursor: pointer; cursor: hand;} .play_indicator {background-image: url(/images/QDF/prodslides_video_indicator.png);background-position: center center;background-repeat: no-repeat;cursor: pointer; cursor: hand;} .rotator_bar { width:100%; height:40px; background:url(/images/QDF/header_grey_btm_bg.png) top left repeat-x; margin:383px 0 0 0; color:#FFFFFF; font-size:1.3em; font-weight:normal; } .rotator_bar_content { height:26px; position:relative; top:6px; margin:0 auto; padding:0px; width:960px;} ul.rotator_item_nav { margin:0px; padding:0px; } ul.rotator_item_nav li { list-style:none; float:left; width:12px; height:20px; margin:0 8px 0 0; padding:0px; } ul.rotator_item_nav li.off a { display:block; width:12px; height:20px; background:url(/images/QDF/icon_fphome_image_switcher_off.png) top left no-repeat; } ul.rotator_item_nav li.off a:hover { display:block; width:12px; height:20px; background:url(/images/QDF/icon_fphome_image_switcher_on.png) top left no-repeat; } ul.rotator_item_nav li.on a { display:block; width:12px; height:20px; background:url(/images/QDF/icon_fphome_image_switcher_on.png) top left no-repeat; } ul.rotator_item_nav li.on a:hover { display:block; width:12px; height:20px; background:url(/images/QDF/icon_fphome_image_switcher_on.png) top left no-repeat; } .pipesign { width:1px; height:19px; background-color: rgba(105, 105, 105, 0.5); margin:5px 16px 0 10px; } /* RGBA defines transparency: Red Green Blue Alpha */ .rotator_item_controls {display:none;} /* global controls */ .rotator_item_controls ul { margin:0px; padding:0 0 0 10px; } .rotator_item_controls ul li { list-style:none; float:left; width:34px; height:34px; margin:0px; padding:0px; } .rotator_item_controls ul li:first-child a { display:block; width:86px; height:46px; background:url(/images/QDF/redesign/btn_pause.png) top left no-repeat; background-position:55px 0px; padding-top:12px; font-size:0px;} .rotator_item_controls ul li:last-child a { display:block; width:86px; height:46px; background:url(/images/QDF/redesign/btn_play.png) top left no-repeat; background-position:55px 0px; padding-top:12px; color:#efefef; font-style:italic;} .rotator_item_controls ul li.off { display:none; } .rotator_item_controls ul li.on { display:block; } /**************************************** Footer content ****************************************/ .footer {position:relative;width:100%;height:342px;bottom:0; margin-top:30px; background:url(/images/QDF/redesign/bg_footer.png) repeat-x;} .footer .center { margin:0 auto; padding:0px; text-align:left; width:960px; height:auto;} .footer .footer_col { width:143px; height:226px; padding-top:5px; padding-left:15px; margin-top:12px; float:left;} .footer .footer_col h4 { margin-bottom:1px;} .footer .footer_stack { width:148px; height:226px; padding-top:5px; padding-left:14px; margin-top:12px; float:left;} .footer .footer_stack .footer_col { width:auto; height:auto; padding:0px; margin:0px; float:none;} .footer .footer_locator { width:165px; height:226px; padding-top:5px; padding-left:15px; margin-top:12px; float:left;} .footer .footer_locator select, .footer .footer_locator input[type='text'] {background:white;width:150px; margin:3px 0;} .footer .footer_about { width:120px; height:226px; padding-top:5px; padding-left:20px; margin-top:12px; float:left;} .footer .footer_about_image { margin:3px 0 10px 0;} .footer ul.footer_links { margin:0; padding:6px 0 5px 0; } .footer ul.footer_links li { list-style:none; margin:0; padding:2px 0 3px 0px; } .footer ul.footer_links li a { list-style:none; margin:0; padding:0;color:#716e61;font-size:1.0em;font-weight:normal;} .footer .footer_title, .footer .footer_title a {color:#716e61;font-size:13px;font-weight:bold;} .footer .footer_select_shell {padding:10px 0px 0px 0px;} .footer .footer_input_shell {padding:10px 0px 10px 0px;} .footer p.footer_copyright, .footer_social { display:none;} .footer .base {position:absolute;bottom:0;width:100%;height:71px;line-height:68px;background:url(/images/QDF/redesign/bg_copy.png);} .footer .base .footer_base_row {margin:0 23px;height:65px;color:#aeaa96;font-size:1.1em;font-weight:bold;} .btn_find_dealer {background: none;padding: 0px 0 10px 0;margin: 5px 0 5px 0;} .footer .base .copyright {float:left; } .footer .base .keywords { float:left; position:relative; top:-20px; line-height:16px; width:100%; } .footer .base .keyword { font-size:0.9em; color:#978b7c; height:16px; padding:0 1px; float:left;} .footer .locator_sort_control p { margin:5px 0 0 0;} /*FOOTER W/O KEYWORDS*/ .standard_footer { z-index:10; position:fixed; bottom:0px; left:0; width:100%; min-width:860px; } .standard_footer .footer_left { float:left; height:28px; width:300px; background: url(/images/QDF/footer_bg.gif) top left no-repeat;} .standard_footer .footer_right { margin-left:300px; height:28px; background: url(/images/QDF/footer_bg.gif) top right no-repeat;} /*FOOTER W/KEYWORDS*/ .keywords_footer { z-index:10; position:fixed; bottom:8px; left:0; width:100%; min-width:860px; } .keywords_footer .footer_left { float:left; height:20px; width:300px; background: url(/images/QDF/footer_bg.gif) top left no-repeat;} .keywords_footer .footer_right { margin-left:300px; height:20px; background: url(/images/QDF/footer_bg.gif) top right no-repeat;} .footer_link { padding:6px 3px 0px 3px;} .footer_link_last { padding:6px 10px 0px 3px;} .footer_link_separator { padding:23px 3px 0px 3px; width:1px; margin-top:5px; margin-left:10px; color:#ffffff; border-left:1px solid #efeee4; font-size:0.9em;} .footer_copyright { padding:6px 18px 0px 10px; font-weight:normal; font-size:0.9em; color:#978b7c; } P.footer_copyright { margin: 0 0 0 0 !important; line-height:1.0em !important; } a.footerlink, a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:focus { text-decoration:none; font-weight:normal; font-size:0.9em; color:#978b7c; } a.footerlink:hover { text-decoration:underline; } /*Footer Keyword Links*/ .footerkeywordlink, a.footerkeywordlink, a.footerkeywordlink:link, a.footerkeywordlink:visited, a.footerkeywordlink:active, a.footerkeywordlink:focus { text-decoration:none; font-weight:normal; font-size:0.9em; color:#978b7c; } a.footerkeywordlink:hover { text-decoration:underline; } .footer_keyword_section { position:fixed; bottom:0px; left:0; height:16px; width:100%; margin-top:0px; background: url(/images/QDF/footer_bg.gif) top left no-repeat;} .footer_keyword_link { height:16px; margin:0px 0px 8px 0px; padding:0 1px; float:left; } .footer_keyword_link_first { height:16px; margin:0px 0px 8px 10px; padding:0 1px; float:left; } .footer_keyword_link_last { height:16px; margin:0px 0px 8px 0px; padding:0 1px; float:left;} /* 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:82px; height:26px; background:url(/images/QDF/btn_close.png) top left no-repeat; } div.popup_window_header a.btn_close:hover { background:url(/images/QDF/btn_close.png) bottom 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; } /**************************************** Quick View Hover ****************************************/ /* .quickview_shell { position:relative; } .quickview_content { margin:0px; text-align:center; } .quickview_content ul.grey_btn { margin:0px; padding:0px; position:relative; top:103px; left:148px; } .quickview_content ul.grey_btn li.off { list-style:none; float:left; width:116px; height:22px; background:none;} .quickview_content ul.grey_btn li.on { list-style:none; float:left; width:116px; height:22px; background:url(/images/FPL/quickview_btn.png) top left no-repeat; } .quickview_content ul.grey_btn li.off span { display:block; float:left; width:116px; height:22px; color:#505050; font-size:1.2em; background:none; } .quickview_content ul.grey_btn li.on span { display:block; float:left; width:116px; height:22px; color:#FFFFFF; font-size:1.2em; background:url(/images/FPL/quickview_btn.png) top right no-repeat; } .quickview_content ul.grey_btn li.off span a { color:#505050; } .quickview_content ul.grey_btn li.off span a:hover { color:#FFFFFF; text-decoration:none; } .quickview_content ul.grey_btn li.on span a { color:#FFFFFF; } .quickview_content ul.grey_btn li.on span a:hover { color:#FFFFFF; text-decoration:none; } 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/FPL/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; } 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; } */ /**************************************** Product Detail Body content ****************************************/ /* added for sectioning off modules in Heatilator */ .modular_container { } .product_detail_body { overflow:auto; overflow-x:hidden !important; position:relative; width:815px; } .specs_shell {width:214px; margin:0px 65px 0px 8px; background-color:#e1e0cc; border:1px solid #9d9a89;} .prod_subnav li { list-style:none; float:left; padding:0; margin:0;} .disabled_rotator_btns { visibility: hidden !important; } .base_rotator_container { margin:0; width:430px;} .related_products_arrow_left { float:left; margin:10% 0 0 -20px;} .related_products_arrow_right { float:right; margin:-30% -35px 0 0;} .dimmer { background:url(/images/QDF/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; padding-top:80px; overflow:auto; } .dimmer_compare { background:url(/images/QDF/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; } .dimmer_thankyou { background:url(/images/QDF/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:5000; } .dimmer_msg { background:url(/images/QDF/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:8000; padding-top:30px; overflow:auto; } /* Features rotator - option 1 */ .features_rotator_container { width:410px; height:160px; margin:0px; padding:0px; overflow:hidden; position:relative;} /* Use for rotators general */ img.zoomer1 { margin:0 auto;} ul.features_rotator_finishes { width:1500px; margin:4px 0 0 0px; padding:0px; position:absolute; } ul.features_rotator_finishes li { list-style:none; float:left; padding:0px; cursor:pointer; margin:0 7px 0 0; display:inline-block; } ul.features_rotator_finishes li .icon_zoom, ul.features_rotator_finishes li .prod_image { width:114px; padding:0; margin:0 0 0 14px; } .blowout_container .prod_image { padding:10px; margin:0; border:1px solid #a5a391; border-bottom:none; text-align:center; } .blowout_container .title_block { height:40px; background:url(/images/QDF/base_title_bg.png) no-repeat; padding:3px 11px; width:115px; color:#FFFFFF; font-size:0.9em; line-height:14px; text-transform:uppercase; } .blowout_container .title_block .title { color:#FFFFFF; font-weight:bold; padding:0; margin:0; line-height:14px; } li .title_block .black_14 { color:#ffffff;} a.icon_action_zoom { display:block; width:19px; height:16px; margin:0; padding:0; background:url(/images/QDF/icon_zoom_orange.png) top left no-repeat; } .img_zoom_overlay { position: absolute; /*z-index: 1000;*/ background-image: url(/images/FPL/icon_zoom_bg.png); background-position: center center; background-repeat: no-repeat; cursor: hand; cursor: pointer; } ul.features_rotator_finishes li { width:137px;} /**************************************** Popup - Features ****************************************/ .viewport_container { position:fixed; width:100%; height:100%; top:0px; left:0px; bottom:0px; right:0px; z-index:1000000; } .viewport { position:absolute; z-index:19999; width:100%; height:100%; text-align:left; } .popup_features { background:url(/images/QDF/redesign/popup_features_bg.png) top left no-repeat; width:725px; height:725px; margin:80px auto 0 auto; z-index:20000; } .popup_features_quicklook { background:url(/images/QDF/popup_features_bg.png) top left no-repeat; width:863px; height:458px; margin:100px auto 0 auto; z-index:20000; text-align:left; } .popup_features_2col { background:url(/images/QDF/redesign/popup_features_bg.png) top left no-repeat; width:725px; height:725px; margin:80px auto 0 auto; z-index:20000; } .popup_features_leftcol { float:left; width:370px; } .popup_features_image { width:326px; height:277px; margin:20px 22px 10px 22px; } .popup_features_image p { position:absolute; margin:150px 0 0 50px; } .popup_features_title_thumbs { margin:0px; } .popup_features_title_thumbs .thumbtitle { display:none; } /**************************************** features & options rotator ****************************************/ .popup_thumbnail_rotator { width:345px; height:102px; margin:-7px 0 0 15px; padding:0; overflow:hidden; position:relative; } .popup_features_quicklook .popup_thumbnail_rotator { margin-top: 19px; } .popup_thumbnail_rotator_body { float:left; position:relative; width:330px; height:83px; overflow:hidden; } div.popup_thumbnail_rotator .arrow_left { float:left; margin:48px 0 0 0; cursor:hand; cursor:pointer; } div.popup_thumbnail_rotator .arrow_left a { display:block; width:6px; height:10px; background:url(/images/QDF/arrow_back_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_left a:hover { background:url(/images/FPL/icon_orange_arrow_left_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right { float:right; margin:48px 0 0 0; cursor:hand; cursor:pointer; } div.popup_thumbnail_rotator .arrow_right a { display:block; width:6px; height:10px; background:url(/images/QDF/arrow_next_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right a:hover { background:url(/images/FPL/icon_orange_arrow_right_off.png) top left no-repeat; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list { position:absolute; height:90px; width:2000px; margin:-4px 0 0 14px; padding:0px; overflow:hidden; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li { list-style:none; float:left; margin:0 0px 0 0; width:80px; 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; margin:4px 0 0 0; padding:2px; width:62px;} 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 #8fb447 !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_arrow_up_on.png) center center no-repeat; } .popup_features_rightcol { float:right; width:350px; padding:0; margin:0; } .popup_features_rightcol hr { display:none;} div.popup_features_rightcol .popup_features_close { float:right; margin:0; padding:0; } div.popup_features_rightcol .popup_features_close a.btn_close { position:relative; float:right; background:url(/images/QDF/redesign/popup_close.png) no-repeat; width:31px; height:31px; margin:-12px -8px 0 0;} /**************************************** quicklook ****************************************/ .popup_features_rightcol_quicklook { float:right; height:200px; margin:0 20px 0 0; width:453px; } .popup_features_close_quicklook { float:right; margin:20px 20px 0 0; } .popup_features_leftcol { float:left; width:370px; } .popup_features_leftcol_quicklook { float:left; width:370px; } .popup_features_image { width:326px; height:277px; margin:20px 22px 10px 22px;} .image_container img { border:1px solid #52634a; } .popup_features_image_quicklook { width:326px; height:277px; margin:40px 22px 10px 22px; padding:2px; border:1px solid #52634a; } .popup_features_image p { position:absolute; margin:150px 0 0 50px; } .popup_features_title_thumbs { margin:0px; } .popup_features_title_thumbs h4 { display:none; } /* top version */ div.popup_features_rightcol div.popup_info_container p span { display:block; margin:20px 0 0 0; color:#304b25; font-weight:bold; text-transform:uppercase; } div.popup_features_rightcol .popup_info_container { width:350px; margin:0;} div.popup_features_rightcol div.popup_info_container h3.product_name { color:#525252; font-size:1.4em; font-weight:normal; margin:10px 15px; padding:0 0 15px 0; text-transform:none; border-bottom:1px solid #525252;} div.popup_features_rightcol div.popup_info_container p { font-size:1.1em; margin:10px 15px; color:#525252; } /* bottom version */ div.popup_features_rightcol .popup_info_container_bottom { width:310px; position:relative; margin:0 25px 0 15px; padding:0px;} div.popup_features_rightcol div.popup_info_container_bottom p { font-size:1.2em; font-weight:normal; margin:8px 0; color:#525252; text-transform:none; } div.popup_features_rightcol div.popup_info_container_bottom p span { display:block; color:#000000; font-weight:normal; } 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; } a.btn_close { display:block; background:url(/images/QDF/redesign/popup_close.png) no-repeat; width:31px; height:31px; font-size:0px; overflow:hidden; float:right; margin:-24px -25px 0 0;} /* close X only */ a.btn_close_x { display:block; width:30px; height:25px; margin:6px 0 0 0; background:url(/images/QDF/drawer_slider_btn_close.png) top left no-repeat; } a.btn_close_x:hover { background:url(/images/QDF/drawer_slider_btn_close.png) bottom left no-repeat; } .view_large_link { background:url(/images/QDF/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; } /* quicklook columns */ .quicklook_column_left { float:left; width:200px; } .quicklook_column_right { float:left; width:210px; margin:0 0 0 20px; } .popup_info_container { width:100%; margin:30px 0 0 20px; } .popup_info_container p { padding-right:10px; } div.quicklook_column_right div.popup_info_container h3.product_name { color:#304b25; font-size:1.8em; } div.quicklook_column_left div.popup_info_container h3.product_name { color:#304b25; font-size:1.8em; } div.quicklook_column_left div.popup_info_container ul { margin:0px; padding:0px;} div.quicklook_column_left div.popup_info_container li { font-size:1.0em; margin:10px 5px;} .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; } .specs_rating { height:270px; border-bottom:1px solid #D9D9D9; } div.quicklook_column_right .specs_container { margin:0 2px 0 0; } div.quicklook_column_right .specs_container h4 { color:#304b25; font-size:1.2em; text-transform:uppercase; font-weight:bold; } div.quicklook_column_right .specs_offset { margin:0 0 0 -12px; padding:0 0 0 -18px; } div.quicklook_column_right div.specs_offset div.spec_row { min-height:20px; } div.quicklook_column_right div.specs_offset div.spec_row p, 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; } div.quicklook_column_right div.specs_offset div.spec_row div.hover_info p { font-size:0.9em; } .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:#dfdecf; } .grey_dark { color:#3f3e30; font-weight:normal; } /* 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_type_icons p { } 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;padding:4px 0px 0 20px; } 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.popup_info_container .pu_prod_btm_content { position:absolute; top:445px; margin:0; width:100px; height:26px; } div.popup_info_container .inline_form_checkbox { position:absolute; top:533px; margin:0 0 0 90px; color:#3f3e30; text-transform:uppercase; font-size:0.9em; font-weight:bold;} 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/QDF/icon_compare_quicklook.png) no-repeat; margin-left:11px; padding:2px 0 4px 22px; color:#FFFFFF; font-size:0.8em; font-weight:bold; } div.popup_info_container div.pu_prod_btm_content div.btnPosition { margin:86px 0 0 0px; } /* fuel icons */ .fuel_type_icons { padding:8px 0 0 0; } .fuel_icon_coal { float:left; width:18px; height:21px; background:url(/images/QDF/icon_fuel_coal.png) top left no-repeat; } .fuel_icon_elec { float:left; display:inline; width:18px; height:21px; background:url(/images/QDF/icon_fuel_electronic.png) top left no-repeat; } .fuel_icon_gas { float:left; display:inline; width:18px; height:21px; background:url(/images/QDF/icon_fuel_gas.png) top left no-repeat; } .fuel_icon_pellet { float:left; display:inline; width:18px; height:21px; background:url(/images/QDF/icon_fuel_pellet.png) top left no-repeat; } .fuel_icon_wood { float:left; display:inline; width:18px; height:21px; background:url(/images/QDF/icon_fuel_wood.png) top left no-repeat; } .indent_left { text-align:left; padding-left:10px; } /*social*/ .social .facebook a { display:block; background:url(/images/FPL/redesign/btn_like.jpg) top left no-repeat; height:23px; width:47px; } /* msrp */ .msrp .hover { position:absolute; top:18px; left:-98px; z-index:999999;} .msrp .content { float:left; width:auto; text-align:right; font-size:14px; font-weight:normal;} .msrp .content img {padding:3px 0 0 5px;} .msrp .hover { width:218px; } .msrp .hover_top { background:url(/images/QDF/redesign/bg_hover_menu.png) no-repeat top left; display:block; width:218px; height:auto; } .msrp .hover_btm { background:url(/images/QDF/redesign/bg_hover_menu_ins.png) no-repeat top left; display:block; height:9px; width:218px;} .msrp .hover_info h3 {color:#53820a; position:relative; font-weight:bold; text-transform:uppercase; font-size:14px; } .msrp .hover_info { text-align:left; padding:10px 20px 10px 20px; color:white; font-size:11px; font-weight:normal; } .msrp .hover_info p {color:White;} /* widgets */ ul.widget_links {margin:10px 0 0 0; padding:0; } .widget_links li {float:right; position:relative; list-style-type:none; padding:0; width:225px; height:53px; background:url(/images/QDF/redesign/widget_button.png) top;} .widget_links li:hover {background-position:bottom;} .widget_links li a { display:block; width:225px; height:53px; color:black; font-weight:bold; text-decoration:none; } .widget_links li a span { left:55px; position:absolute; top:17px;} .widget_links li.hearthplanner a span { top:10px;} .widget_links li.contest a span { top:10px;} ul.widget_links li ins { display:block; width:23px; height:25px; position:relative; top:-40px; left:17px; background:url(/images/QDF/redesign/widget_icons.png) no-repeat; } ul.widget_links li.wheretobuy ins { background-position:0px -94px; } ul.widget_links li.getaquote ins { background-position:0px -30px; } ul.widget_links li.hearthplanner ins { background-position:0px -64px; } ul.widget_links li.ideagallery ins { background-position:0px -116px; } ul.widget_links li.contest ins { display:block; width:23px; height:25px; position:relative; top:-40px; left:17px; background:url(/images/QDF/redesign/call_to_action_icons.png) no-repeat 3px -115px; } .widget_links li.buildandprice { background:url(/images/QDF/projects/hbd/widget_button.png) top;} .widget_links li.buildandprice ins { background:url(/images/QDF/projects/hbd/icon_hbd.png) no-repeat; } .widget_links li.buildandprice a { color:white; } .widget_links li.buildandprice:hover {background-position:bottom;} /* rotator: promo, related products, features */ .rotator_container { width:692px; height:auto; margin:10px 0 0 0;} .rotator_container .base_rotator_container { width:692px; margin:0 0 10px 5px;} .rotator_container .rotator_list_container { width:610px; height:200px; margin:0px; padding:0px; float:left; position:relative; overflow:hidden; } .rotator_container ul { width:5000px; height:160px; margin:0px; padding:0px; float:left; position:absolute; } .rotator_container ul li { width:149px; height:150px; list-style:none; float:left; margin-right:5px; } .rotator_container ul li img { padding:2px; margin:0; } .rotator_container .rotator_arrow_left { float:left; width:36px; height:40px; position:relative; top:30px; left:-2px; margin:0px; padding:0; background:url(/images/QDF/redesign/home_arrow_l.png); cursor:pointer; } .rotator_container .rotator_arrow_right { float:right; width:36px; height:40px; position:relative; top:30px; left:0px; margin:0px; padding:0; background:url(/images/QDF/redesign/home_arrow_r.png); cursor:pointer; } .rotator_container .name {font-size:1.2em;font-weight:bold;padding:5px 0;} .rotator_container .price {font-size:1.1em;font-style:italic;padding:0 0 5px 0;} .rotator_container .description {font-size:1.0em;} .rotator_container .featurename {font-size:1.0em;padding:5px;min-height:30px;} .rotator_container .copy {margin:5px;} .rotator_container h4 {margin:0;padding:5px} /* section elements */ .sectionheader {font-size:1.1em;padding:0px 0 0px 15px;width:670px;border-top:1px solid #dadada;background:url(/images/QDF/redesign/section_hdr_image.png) top left no-repeat; height:auto;} .sectionheader h4 {font-size:1.3em;font-weight:bold;margin:0;padding:4px 0 0 0;} .sectionheader .copy {padding:0 15px 0 0;} /**************************************** Product Inputs ****************************************/ .news_letter, .zip_code { position:relative; text-align:left; padding:0px; display:block;} .news_letter input[type='text']:hover, .news_letter input[type='text']:focus, .zip_code input[type='text']:hover, .zip_code input[type='text']:focus { font-size:1.0em; } .overview_prod_img_shell { float:left; width:167px; margin-right:20px;} .overview_prod_img { padding:2px; border:1px solid #b5b3a1; } .overview_desc { margin:0 0 15px 190px; } .overview_desc p { line-height:1.5em; margin:0px 0px 6px 0px; } .overview_desc li { font-size:1.0em; margin:2px 0px; color:#2d2700; } .overview_left_section { } .related_prods {margin:10px 36px 0px 0px;} .related_prods_last {margin:10px 0px 0px 0px;} /**************************************** related products container ****************************************/ div.promo_body_leftcol_content .related_prod_list_container { width:628px; height:150px; margin:0px; padding:0px; position:relative; overflow:hidden; float:left; } div.promo_body_leftcol_content ul.related_prod_list { width:1000px; margin:0px; padding:0px; position:absolute; } div.promo_body_leftcol_content ul.related_prod_list li { list-style:none; float:left; width:166px; height:133px; } 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.3em; font-weight:bold; text-transform:uppercase; } div.promo_body_leftcol_content .base_rotator_container { width:680px; margin:0; padding:0; height:133px; } /* added height for dealer locator promos */ div.promo_body_leftcol_content .related_products_list_container { width:629px; margin:0px; padding:0px; float:left; overflow:hidden; } div.promo_body_leftcol_content ul.related_products_list { width:1000px; margin:0px; 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:36px; } div.promo_body_leftcol_content ul.related_products_list li img { border:1px solid #9b9986; padding:2px; margin:0; } div.promo_body_leftcol_content ul.related_products_list li .title_block { float:left; width:100px; padding:0px 0px 2px 4px; } div.promo_body_leftcol_content ul.related_products_list li .title_block_arrow { margin:6px 6px 0 0; padding:0; float:right; border:none; width:4px; height:6px; background-color:#FF0000; background:url(/images/QDF/icon_arrow_rotator_link_off.png) top left no-repeat; } div.promo_body_leftcol_content ul.related_products_list li .title_bold { color:#304b25; font-size:1.0em; margin:0px; padding:0px; line-height:18px; font-weight:bold; text-transform:uppercase; } div.promo_body_leftcol_content ul.related_products_list li .title { display:none; 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:25px; height:26px; position:relative; top:36px; margin:0px; background:url(/images/QDF/fp_icon_orange_arrow_left_disabled.png) top left no-repeat; } div.promo_body_leftcol_content .related_products_arrow_right { width:29px; height:26px; position:relative; top:36px; margin:0 0 0 -20px; padding:0; background:url(/images/QDF/fp_icon_orange_arrow_right_off.png) top left no-repeat; } .related_hovers .related_prods a IMG, .related_hovers .related_prods_last a IMG {border:1px solid #95917d; padding:2px;} .related_hovers_on .related_prods a IMG, .related_hovers_on .related_prods_last a IMG {border:1px solid #95917d; padding:2px;} .related_hovers .related_prods_title { color:#304b25; background-image:url(/images/QDF/icon_arrow_rotator_link_off.png); background-position: right; background-repeat: no-repeat; font-weight:bold; padding:5px; font-size:0.9em; width:120px; text-transform:uppercase; text-decoration:none;} .related_hovers_on .related_prods_title {color:#304b25; background-image:url(/images/QDF/icon_arrow_rotator_link_off.png); background-position:right; background-repeat: no-repeat; font-weight:bold; padding:5px; width:120px; text-decoration:underline; font-size:0.9em; text-transform:uppercase;} .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:#304b25; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images/QDF/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } .related_prods_title a:hover { display:block; text-decoration:underline; color:#304b25; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images/QDF/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } /**************************************** RELATED PRODUCTS ROTATOR ****************************************/ div.related_products_container { width:495px; height:200px; float:left; } div.related_products_container_top { width:490px; border-top: 1px dotted #b0b0b0; } div.related_products_container .related_products_list_container { width:430px; height:160px; margin:0px 0 0 0px; padding:0px; float:left; position:relative; overflow:hidden; } div.related_products_container ul.related_products_list { width:5000px; height:140px; margin:4px 0 0 0px; padding:0px; float:left; position:absolute; } div.related_products_container ul.related_products_list li { width:130px; height:134px; list-style:none; float:left; margin-right:20px; } div.related_products_container ul.related_products_list li img { border:1px solid #D9D9D9; padding:2px; margin:0; } div.related_products_container ul.related_products_list li .title_block { margin-top:-5px; width:122px; padding:4px 0px 2px 8px; background:#000000; } div.related_products_container ul.related_products_list li .title_block_arrow { margin:6px 6px 0 0; padding:0; float:right; border:none; width:4px; height:6px; background-color:#FF0000; background:url(/images/QDF/icon_arrow_rotator_link_off.png) top left no-repeat; } div.related_products_container ul.related_products_list li .title_bold { color:#FFFFFF; font-size:1.0em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } div.related_products_container ul.related_products_list li .title { display:none; color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } div.related_products_container .related_products_arrow_left { width:25px; height:26px; position:relative; top:36px; margin:0px 5px 0 0; padding:0; background:url(/images/QDF/fp_icon_orange_arrow_left_disabled.png) top left no-repeat; cursor:pointer; } div.related_products_container .related_products_arrow_right { width:29px; height:26px; position:relative; top:36px; margin:0 0 0 5px; padding:0; background:url(/images/QDF/fp_icon_orange_arrow_right_off.png) top left no-repeat; cursor:pointer; } div.related_products_container h3.rating { font-size:125%; font-weight:bold; color:#2d2700; margin:0.8em 0em 0em 0em; padding:0; } /**************************************** Editorial widgets ****************************************/ div.editorial_body .detail_body_col2 .widget_content { margin:20px 10px 30px -3px; padding:0 25px 20px 25px; border:1px solid #a9a899; font-size:0.9em; color:#3f3e30; } div.editorial_body .detail_body_col2 .widget_content h4 { margin:-20px -25px 10px -25px; padding:0 25px 15px 25px; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; } div.editorial_body .detail_body_col2 .widget_content .widget_row_container {} div.editorial_body .detail_body_col2 .widget_content p.widget_title { font-weight:bold; margin:15px 0 10px 0; padding:0; line-height:0; } div.editorial_body .detail_body_col2 .widget_content p.widget_title em { font-style:normal; } div.editorial_body .detail_body_col2 .widget_content p.widget_copy { font-size:1.1em; font-weight:normal; font-style:normal; color:#3f3e30; } div.editorial_body .detail_body_col2 .widget_content p.widget_copy a { text-transform:uppercase; background:url(/images/QDF/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; font-weight:bold; } div.editorial_body .detail_body_col2 div.widget_content ul.widget_toggle_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } div.editorial_body .detail_body_col2 div.widget_content ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } div.editorial_body .detail_body_col2 div.widget_content ul.widget_toggle_list li a { text-transform:uppercase; padding:0 10px 0 0; font-size:0.9em; font-weight:bold; } div.editorial_body .detail_body_col2 div.widget_content ul.widget_toggle_list > li:first-child { padding-left:0px; } .small_pipe { width:1px; height:12px; background-color:#90b447; } .promo_widget { padding:0 24px 18px 24px; font-size:0.9em;} .promo_widget img { padding:2px; border:1px solid #9c9681;} .promo_widget p { padding:0 30px 0 0;} .promo_widget p strong { display:block; width:95%; padding-bottom:5px; font-size:1.1em;} .promo_widget a { text-transform:uppercase; background:url(/images/QDF/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold;} /**************************************** Editorial pages ****************************************/ .editorial_bg_top {width:100%; margin:0 auto;} .editorial_bg_btm { width:100%; margin:0 auto;} .editorial_body { width:1008px; margin:0 0 50px 20px; z-index:90; text-align:left; padding-top:70px; } div.detail_body_col2 .editorial_widget {border-bottom: 1px dotted #b0b0b0; padding-bottom:10px;} ul.editorial_subnav { margin:0px; padding:0 0 0 22px; text-transform:uppercase;} ul.editorial_subnav li { list-style:none; float:left; padding:0 2px; } ul.editorial_subnav li a { display:block; color:#6b6a5b; font-weight:bold; font-size:90%; width:105px; height:15px; background-image:url(/images/QDF/btn_oview_compare.png); background-repeat:no-repeat top left; padding:5px 0px 6px 35px; }/* added height for list on articlepage */ ul.editorial_subnav li a:hover { text-decoration:none; color:#FFFFFF; background-position:bottom left;} ul.editorial_subnav li.share a { background-image:url(/images/QDF/btn_oview_share.png); background-repeat:no-repeat; } ul.editorial_subnav li.email a { background-image:url(/images/QDF/btn_oview_email.png); background-repeat:no-repeat; } ul.editorial_subnav li.save a { background-image:url(/images/QDF/btn_oview_save.png); background-repeat:no-repeat; } ul.editorial_subnav li.print a { background-image:url(/images/QDF/grey_light_subnav_print.png); background-repeat:no-repeat; } .editorial_body .grey_light_subnav_container { background:none;} /**************************************** call to actions ****************************************/ .grey_light_subnav_container { border-bottom:1px solid #dddddd; clear:both; position:relative; width:960px; margin:0 auto 15px auto; padding:0 0 8px 0; height:48px; } .grey_light_subnav_container h2 { margin:0; padding:15px 0 0px 0px; font-weight:bold; font-size:1.7em; color:#454545; float:left;} ul.grey_light_subnav { border:none; float:right; margin:16px 0 0 0; padding:0; width:auto; height:25px; } ul.grey_light_subnav li { list-style:none; float:left; width:92px; height:25px; margin:0 0 0 8px; padding:0px 0px 0px 0px; background:url(/images/QDF/redesign/btnCallToAction.png) top left no-repeat;} ul.grey_light_subnav li ins { display:block; width:23px; height:25px; position:relative; top:3px; left:0px; background:url(/images/QDF/redesign/call_to_action_icons.png) no-repeat; } ul.grey_light_subnav li a { display:block; width:59px; height:24px; font-size:1.0em; color:white; text-decoration:none; padding:4px 0px 0 33px; position:relative; top:-24px;} ul.grey_light_subnav li.email ins { background-position:5px -1px; } ul.grey_light_subnav li.save ins { background-position:5px -57px; } ul.grey_light_subnav li.share ins { background-position:5px -29px; } ul.grey_light_subnav li.compare {display:none;} hr.editorial_divider {border-top:1px dotted #a8a795; display:block; background:none; margin:0 0 13px 0; } /* --------------------------------------------------------------------------------- Editorial Pages Content will be dictated by top level class names: three_column two_column_leftnav two_column_rightnav ------------------------------------------------------------------------------ */ /**************************************** 3 Column with Left navigation and right column ****************************************/ .three_column .center960 {width:940px;} .three_column .center980 {width:940px;} .three_column { width:940px; height:auto; margin:0 auto; padding:0; text-align:left; clear:both; background:none;} .three_column .editorial_col1 { width:205px; height:auto; float:left; margin:0 20px 0 0 ; padding:0; min-height:100px;} .three_column .editorial_col2 { width:470px; height:auto; float:left; margin:0 20px 0 0 ; } .three_column .editorial_col3 { width:225px; height:auto; float:left; margin:0; padding:0; background:none;} /* three_column - column 1 - dependencies */ .three_column .editorial_col1 ul.leftnav { margin:0px 0 0 0px; padding:0; background:none; } .three_column .editorial_col1 ul.leftnav li { color:#6c6c6c; background:none; list-style:none; margin:0; padding:10px 0 10px 0px; width:auto; height:14px; font-size:1.0em; cursor:pointer; } .three_column .editorial_col1 ul.leftnav li.active { border-bottom:1px solid #454545; height:auto; } .three_column .editorial_col1 ul.leftnav li.inactive { border-bottom:1px solid #454545; } .three_column .editorial_col1 ul.leftnav li img { display:none; } .three_column .editorial_col1 ul.leftnav li a.on { color:#3c5b2e; } .three_column .editorial_col1 ul.leftnav li a.editorial_leftnav_link_arrow { display:none; } /* submenu */ .three_column .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .three_column .editorial_col1 ul.leftnav_submenu li { color:#6c6c6c; background:none; list-style:none; color:#6c6c6c; margin:0; padding:10px 0 10px 10px; width:auto; height:14px; font-size:0.9em; } .three_column .editorial_col1 ul.leftnav_submenu li.active { border:none; height:auto; } .three_column .editorial_col1 ul.leftnav_submenu li.inactive { border:none;} .three_column .editorial_col1 ul.leftnav_submenu li a.on { color:#3c5b2e; font-weight:bold; } .three_column .editorial_col1 ul.leftnav_submenu li img { display:none; } /* three_column - column 2 - dependencies */ .three_column .editorial_col2 { font-size:1.0em; } .three_column .editorial_col2 h1 { font-size:1.9em; color:black; font-weight:bold; padding:0px; margin:0px 0 14px 0px; border-bottom:1px dotted #a8a795; } .three_column .editorial_col2 h3 { font-size:1.4em; color:#7fa149; padding:0px; margin:10px 0; } .three_column .editorial_col2 h3 img { display:none;} .three_column .editorial_col2 a h3 { text-decoration:none; } .three_column .editorial_col2 .hr { padding:0px; margin:20px 0px; border-bottom: 1px solid #454545; display:block; height:1px; } .three_column .editorial_col2 hr { background-color:#ECECEC; } .three_column .editorial_col2 p { font-size:1.2em; color:#454545; line-height:1.5em; margin:10px 0px; } .three_column .editorial_col2 img { float:left; margin:4px 0px; } .three_column .editorial_col2 p strong { font-size:1.2em; color:#454545; line-height:1.3em; margin:10px 0px; font-weight:normal; } .three_column .editorial_col2 p a { color:#3c5b2e;} .three_column .editorial_col2 ul { margin:6px 0px 20px 0px; } .three_column .editorial_col2 ul li { margin:4px 0; list-style:disc; color:#454545; 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 { margin:0px; width:225px; padding:0; } /* related content widgets - unique to brand sites */ .three_column .editorial_widget, .three_column .editorial_col3 .editorial_widget { width:225px; margin:0 0 20px 0; padding:0px; background:url(/images/QDF/redesign/widget_bg_top.png) top left no-repeat; } .three_column .editorial_col3 .widget_content { position:relative; top:6px; width:225px; height:auto; margin:0px; padding:0; color:#525252; background:url(/images/QDF/redesign/widget_bg_btm.png) bottom left no-repeat; border:none;} .three_column .editorial_col3 .widget_content h4 { width:195px; margin:0 15px; padding:10px 0px; font-size:1.2em; font-weight:bold; color:#525252; border-bottom:1px solid #dddddd; text-transform:none; } .three_column .editorial_col3 .editorial_widget .widget_content .content { width:205px; padding:0 0 10px 15px; font-size:1.0em;} .three_column .editorial_col3 .rightcolumnwidget { margin:0px; } .three_column .editorial_col3 .top_right_col_wide { background:none; width:254px; height:40px; margin:-38px 0 0 -12px; } .three_column .editorial_col3 .widget_content .widget_row_container { width:220px; } .three_column .editorial_col3 .widget_content p.widget_title { font-weight:bold; margin:15px 0 10px 0; padding:0; line-height:1; } .three_column .editorial_col3 .widget_content p.widget_title em { font-style:normal; } .three_column .editorial_col3 .widget_content p.widget_copy { font-size:1.1em; font-weight:normal; font-style:normal; color:#3f3e30; } .three_column .editorial_col3 .widget_content p.widget_copy a { text-transform:uppercase; background:url(/images/QDF/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; font-weight:bold; } .three_column .editorial_col3 .widget_content ul.download_arrow_links { padding:0; margin:0; } .three_column .editorial_col3 .widget_content ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } .three_column .editorial_col3 .widget_content ul.download_arrow_links li img { margin:0 6px 0 0; } .three_column .editorial_col3 .widget_content ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .three_column .editorial_col3 div.widget_content ul.widget_toggle_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .three_column .editorial_col3 div.widget_content ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } .three_column .editorial_col3 div.widget_content ul.widget_toggle_list li a { text-transform:uppercase; padding:0 10px 0 0; font-size:0.9em; font-weight:bold; } .three_column .editorial_col3 div.widget_content ul.widget_toggle_list > li:first-child { padding-left:0px; } .three_column .editorial_col3 .small_pipe { width:1px; height:12px; background-color:#90b447; } .three_column .editorial_col3 ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .three_column .editorial_col3 ul.widget_image_list li { list-style:none; float:left; width:auto; height:66px; padding:0; margin:0 0 10px 8px; } .three_column .editorial_col3 ul.widget_image_list > li:first-child { padding-left:0px; margin:0; } .three_column .editorial_col3 .promo_widget { padding:0 24px 18px 24px; font-size:0.9em;} .three_column .editorial_col3 .promo_widget img { padding:2px; border:1px solid #9c9681;} .three_column .editorial_col3 .promo_widget p { padding:0 30px 0 0;} .three_column .editorial_col3 .promo_widget p strong { display:block; width:95%; padding-bottom:5px; font-size:1.1em;} .three_column .editorial_col3 .promo_widget a { text-transform:uppercase; background:url(/images/QDF/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } .three_column .editorial_col3 .widget_image { width:300px; } /* width/height applied inline/dynamically per instance */ .three_column .editorial_col3 .video_play { position:absolute; margin:10px 0 0 40px; } /* Promo overrides to editorial pages */ div.promo_col div.editorial_col2 h1 { margin-left:26px; padding-left:0px; } div.promo_col div.editorial_col2 h3, div.promo_col div.editorial_col2 p, div.promo_col div.editorial_col2 div.promobanner img, div.promo_col div.editorial_col2 select.select_topnav { margin-left:26px; } div.promo_col div.editorial_col2 p { color:#525252; } div.promo_col .findadealer_btn_container { clear:left; padding-top:10px; margin-left:26px; } div.promo_col .search_input_topnav_bg { float:left; margin-right:26px; } /* Account Page versions */ /* three_column - column 3 - dependencies */ div.detail_body_col2 .editorial_col3 h4 { font-size:1.5em; } div.detail_body_col2 .editorial_col3 div, div.detail_body_col2 .editorial_col3 h4, div.detail_body_col2 .editorial_col3 ul { margin-left:8px; width:245px; } div.detail_body_col2 .editorial_col3 ul.download_arrow_links { margin:0 0 0 18px; padding:0; } div.detail_body_col2 .editorial_col3 ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } div.detail_body_col2 .editorial_col3 ul.download_arrow_links li img { margin:0 6px 0 0; } div.detail_body_col2 .editorial_col3 ul.download_arrow_links li span { font-size:50%; color:#7f7e6d; } /* related content widgets - unique to brand sites */ div.detail_body_col2 .editorial_col3 .top_right_col_wide { background:none; width:254px; height:40px; margin:-30px 0 0 -13px; } div.detail_body_col2 .editorial_col3 .widget_content { margin:20px 10px 30px -11px; padding:0 0px 20px 4px; border:1px solid #a9a899; background:url(/images/QDF/widget_dots_3col.png) no-repeat bottom center #e1e0cc; font-size:0.9em; color:#3f3e30; } div.detail_body_col2 .editorial_col3 .widget_content h4 { margin:-20px -25px 10px -10px; padding:0 0px 15px 25px; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; } div.detail_body_col2 .editorial_col3 .widget_content .widget_row_container { width:220px; } div.detail_body_col2 .editorial_col3 .widget_content p.widget_title { font-weight:bold; margin:15px 0 10px 0; padding:0; line-height:0; } div.detail_body_col2 .editorial_col3 .widget_content p.widget_title em { font-style:normal; } div.detail_body_col2 .editorial_col3 .widget_content p.widget_copy { font-size:1.1em; font-weight:normal; font-style:normal; color:#3f3e30; } div.detail_body_col2 .editorial_col3 .widget_content p.widget_copy a { text-transform:uppercase; background:url(/images/QDF/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; font-weight:bold; } div.detail_body_col2 .editorial_col3 .widget_content ul.download_arrow_links { padding:0; margin:0; } div.detail_body_col2 .editorial_col3 .widget_content ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } div.detail_body_col2 .editorial_col3 .widget_content ul.download_arrow_links li img { margin:0 6px 0 0; } div.detail_body_col2 .editorial_col3 .widget_content ul.download_arrow_links li span { font-size:0.8em; color:#909090; } div.detail_body_col2 .editorial_col3 div.widget_content ul.widget_toggle_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } div.detail_body_col2 .editorial_col3 div.widget_content ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } div.detail_body_col2 .editorial_col3 div.widget_content ul.widget_toggle_list li a { text-transform:uppercase; padding:0 10px 0 0; font-size:0.9em; font-weight:bold; } div.detail_body_col2 .editorial_col3 div.widget_content ul.widget_toggle_list > li:first-child { padding-left:0px; } div.detail_body_col2 .editorial_col3 .small_pipe { width:1px; height:12px; background-color:#90b447; } div.detail_body_col2 .editorial_col3 ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } div.detail_body_col2 .editorial_col3 ul.widget_image_list li { list-style:none; float:left; width:auto; height:66px; padding:0; margin:0 0 10px 8px; } div.detail_body_col2 .editorial_col3 ul.widget_image_list > li:first-child { padding-left:0px; margin:0; } div.detail_body_col2 .editorial_col3 .promo_widget { padding:0 24px 18px 24px; font-size:0.9em;} div.detail_body_col2 .editorial_col3 .promo_widget img { padding:2px; border:1px solid #9c9681;} div.detail_body_col2 .editorial_col3 .promo_widget p { padding:0 30px 0 0;} div.detail_body_col2 .editorial_col3 .promo_widget p strong { display:block; width:95%; padding-bottom:5px; font-size:1.1em;} div.detail_body_col2 .editorial_col3 .promo_widget a { text-transform:uppercase; background:url(/images/QDF/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } div.detail_body_col2 .editorial_col3 .widget_image { width:300px; } /* width/height applied inline/dynamically per instance */ div.detail_body_col2 .editorial_col3 .video_play { position:absolute; margin:10px 0 0 40px; } /* 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; } /**************************************** 2 Column with Left navigation ****************************************/ .two_column_leftnav .center960 {width:940px;} .two_column_leftnav .center980 {width:940px;} .two_column_leftnav { width:940px; margin:0 auto; padding:0; text-align:left; height:auto; clear:both; background:none;} .two_column_leftnav .editorial_col1 { width:205px; height:auto; float:left; margin:0 20px 0 0; padding:0; min-height:0;} .two_column_leftnav .editorial_col2 { width:715px; height:auto; float:left; margin:0; } .two_column_leftnav .editorial_col3 { display:none; } /* two_column_leftnav - column 1 - dependencies */ .two_column_leftnav .editorial_col1 ul.leftnav { margin:0px 0 0 0px; padding:0; background:none; } .two_column_leftnav .editorial_col1 ul.leftnav li { color:#6c6c6c; background:none; list-style:none; margin:0; padding:10px 0 10px 0px; width:auto; height:14px; font-size:1.0em; cursor:pointer; background:none; } .two_column_leftnav .editorial_col1 ul.leftnav li.active { background:none; border-bottom:1px solid #454545; height:auto; } .two_column_leftnav .editorial_col1 ul.leftnav li.inactive { border-bottom:1px solid #454545; } .two_column_leftnav .editorial_col1 ul.leftnav li img { display:none; } .two_column_leftnav .editorial_col1 ul.leftnav li a.on { color:#3c5b2e; font-weight:bold; } .two_column_leftnav .editorial_col1 ul.leftnav li a.editorial_leftnav_link_arrow { display:none; } /* submenu */ .two_column_leftnav .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; background:none; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li { color:#6c6c6c; background:none; list-style:none; color:#6c6c6c; margin:0; padding:10px 0 10px 10px; width:auto; height:14px; font-size:0.9em; background:none; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li.active { border:none; height:auto; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li.inactive { border:none;} .two_column_leftnav .editorial_col1 ul.leftnav_submenu li a.on { color:#3c5b2e; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li img { display:none; } /* two_column_leftnav - column 2 - dependencies - NOT SURE, THESE WERE overriding styles on the article page*/ .two_column_leftnav .editorial_col2 { font-size:1.0em; } .two_column_leftnav .editorial_col2 h1 { font-size:1.9em; color:black; font-weight:bold; padding:0px; margin:0px 0 14px 0px; } .two_column_leftnav .editorial_col2 h3 { font-size:1.4em; color:#7fa149; padding:0px; margin:10px 0; } .two_column_leftnav .editorial_col2 h3 img {display:none;} .two_column_leftnav .editorial_col2 a h3 { text-decoration:none; } .two_column_leftnav .editorial_col2 .hr { padding:0px; margin:20px 0px; border-bottom: 1px solid #454545; display:block; height:1px; } .two_column_leftnav .editorial_col2 hr { background-color:#ECECEC; } .two_column_leftnav .editorial_col2 p { font-size:1.2em; color:#454545; line-height:1.5em; margin:10px 0px; } .two_column_leftnav .editorial_col2 img { float:left; margin:4px 0px; } .two_column_leftnav .editorial_col2 p strong { font-size:1.2em; color:#454545; line-height:1.3em; margin:10px 0px; font-weight:normal; } .two_column_leftnav .editorial_col2 p a { color:#ec741c;} .two_column_leftnav .editorial_col2 ul { margin:6px 0px 20px 0px; } .two_column_leftnav .editorial_col2 ul li { margin:4px 0; list-style:disc; color:#454545; font-size:1.2em; } .two_column_leftnav .editorial_col2 ol { margin:6px 0px 20px 0px; } .two_column_leftnav .editorial_col2 ol li { margin:4px 0; color:#454545; font-size:1.2em; } .two_column_leftnav ul.article_list { width:100%; height:auto; margin:0px; } .two_column_leftnav ul.article_list li { width:100%; height:auto; margin:0px; padding:0; list-style:disc; } .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:#304c25; } .editorial_widget a.orange_arrow { background:url(/images/QDF/arrow_next_on.png) no-repeat; display:inline-block; width:24px; height:19px; text-indent:-999px; overflow:hidden; border:0; top:0px; right:0; margin-left:10px; margin-top:3px; } .tb_image_inline { float:right; } .tb_copyblock p { float:left; width:50px; line-height:12px; } ul.tb_rightnav_linklist { margin:0; padding:0; } ul.tb_rightnav_linklist li { list-style:none; float:none; } ul.editorial_related_articles_list { margin:0 0 10px 0;} ul.editorial_related_articles_list li { list-style:none; margin:0; } /**************************************** Compare Table Pop up ****************************************/ .compare_bar { display:none; } .compare_pop { width:943px; margin:0 auto; text-align:left; } .compare_pop_top { background:url(/images/QDF/redesign/compare_bg_top.png) no-repeat; padding:25px 30px 0 30px; height:40px; } .compare_pop_mid { background:url(/images/QDF/redesign/compare_bg_mid.png) repeat-y; padding:0 20px; margin:0;} .compare_pop_bot { background:url(/images/QDF/redesign/compare_bg_btm.png) no-repeat; height:27px;} .compare_pop_top img { float:left; margin:0 0 11px 0;} .logo_compare { display:none;} div.compare_pop_top a.btn_close { float:right; display:block; width:31px; height:31px; margin:-22px -24px 0 0px; background:url(/images/QDF/redesign/popup_close.png) top left no-repeat; } div.compare_pop_top a.btn_close:hover { background:url(/images/QDF/redesign/popup_close.png) top left no-repeat; } .compare_pop_top h3 { float:left; margin:0px; padding:0; font-size:15px; color:black; font-weight:bold;} .compare_pop_top .cta { float:right; } .compare_pop_top ul.share_list { border:none; float:right; margin:0 20px 0 0; padding:0; width:auto; height:25px; } .compare_pop_top ul.share_list li { list-style:none; float:left; width:92px; height:25px; margin:0 0 0 8px; padding:0px 0px 0px 0px; background:url(/images/QDF/redesign/call_to_action_button.png) top left no-repeat;} .compare_pop_top ul.share_list li:hover { background-position:bottom left;} .compare_pop_top ul.share_list li ins { display:block; width:23px; height:25px; position:relative; top:3px; left:0px; background:url(/images/QDF/redesign/call_to_action_icons.png) no-repeat; } .compare_pop_top ul.share_list li a { display:block; width:59px; height:24px; font-size:1.1em; color:white; font-weight:normal; text-decoration:none; padding:4px 0px 0 33px; position:relative; top:-24px; background:none; text-transform:none;} .compare_pop_top ul.share_list li.email ins { background-position:5px -1px; } .compare_pop_top ul.share_list li.save ins { background-position:5px -57px; } .top_product_compare { background:none; height:146px; position:relative; padding:20px 0 0 184px; } .compare_scroll_th { padding:0 0 0 183px; } .compare_th_wrapper { width:178px; float:left; } .compare_th_wrapper img { padding:2px; border:1px solid #383838; margin:0 0 0 10px; } .compare_th_wrapper h3 { font-size:1.2em; color:black; padding:0; margin:5px 10px 0 10px; text-transform:none; } .compare_th_wrapper h3 strong { display:block; width:98%;} .compare_th_wrapper ul { padding:0 10px 0 10px; margin:0; } .compare_th_wrapper li { list-style:none; padding:0; margin:0 0 0 12px; font-weight:normal; font-size:1.1em; } .compare_th_wrapper li.unit_type {padding:0 0 10px 0; } .compare_th_wrapper li.compare_price {display:none;} .compare_th_wrapper ul { border-left:none; float:none; margin:0px; padding:0; width:auto; height:125px; } .compare_th_wrapper ul li span { display:block; list-style:none; width:141px; height:26px; margin:0px; padding:0px 0px 0px 0px; background:url(/images/QDF/redesign/call_to_action_button_light.png) top left no-repeat;} .compare_th_wrapper ul li span:hover { background-position:bottom left;} .compare_th_wrapper ul li span ins { display:block; width:23px; height:25px; position:relative; top:3px; left:0px; background:url(/images/QDF/redesign/call_to_action_icons.png) no-repeat; } .compare_th_wrapper ul li span a.save_compare, .compare_th_wrapper ul li span a.find_compare, .compare_th_wrapper ul li span a.remove_compare { display:block; width:108px; height:24px; font-size:1.0em; background:none; margin:0; padding:4px 0px 0 33px; position:relative; top:-24px; border:none; text-transform:none; color:black; text-indent:0px; text-decoration:none;} .compare_th_wrapper ul li span ins.save_compare { background-position:5px -55px; } .compare_th_wrapper ul li span ins.find_compare { background-position:5px -154px; } .compare_th_wrapper ul li span ins.remove_compare { background-position:6px -190px; } .left_over_table { float:right; width:705px; margin-right:17px;} a.save_compare { background:url(/images/QDF/arrow_next_on.png) no-repeat 33px 11px; margin:10px 3px 5px 0; display:block; padding:8px 0 0 0; border-top:1px dotted #a6a593; text-transform:uppercase; font-size:0.9em;} a.find_compare { background:url(/images/QDF/arrow_next_on.png) no-repeat 85px 3px; margin:0; text-transform:uppercase; font-size:0.9em; display:block; margin-bottom:10px; } a.remove_compare { background:url(/images/QDF/remove_bnt.png) no-repeat; height:26px; width:158px; display:block; margin:0; text-indent:-999px; display:block; overflow:hidden;} a.remove_compare:hover {background-position:bottom left;} .compare_nav { width:184px; position:absolute; top:25px; left:10px; padding:0; margin:0; height:185px; display:none;} .compare_nav li { list-style:none; margin:0; padding:0; display:inline;} .compare_nav li a { display:block; height:21px; padding:5px 0 0px 18px; margin:2px 0; background:url(/images/QDF/compare_nav_bg.png) no-repeat top left; font-size:0.9em; color:#3f3e30; font-weight:bold; text-transform:uppercase;} .compare_nav li a:hover, .compare_nav li a.current { color:#fff; text-decoration:none; background-position:bottom left;} li.comapre_nav_title { font-size:0.9em; padding:5px 0 0px 18px; margin-bottom:5px; color:#3f3e30; text-transform:uppercase; font-weight:bold; background:url(/images/QDF/product_info_p_bg.gif) no-repeat bottom right; display:block;} .compare_tab { clear:both;} .compare_tab ul { float:left; width:178px; padding:0; margin:0; font-size:1.2em;} .compare_tab .th { width:184px; font-weight:bold; } .compare_tab .th li { border-left:none;} .compare_tab ul li {border-bottom:1px dotted #a6a593; padding:10px 10px 10px 10px; list-style:none; margin:0; } .compare_tab li.price{ font-weight:bold; padding-top:20px;} li.height_row { height:81px;} .hover_text a { display:inline-block; background:url(/images/QDF/icon_info_off.png) no-repeat 12px 0; padding:0 20px 0 0; position:relative;} .hover_text { position:relative;} .popup_features_rightcol_quicklook .hover270, .specs_mid .hover270 { position:absolute; bottom:5px; left:-10px; z-index:2000;} .hover_text .hover270 { position:absolute; bottom:15px; left:2px; z-index:2000;} div.compare_tab_bar { position:relative; left:-10px; background:url(/images/QDF/dimmer.png) no-repeat; width:916px; text-transform:none; padding:10px 5px 10px 0px; color:white; margin:0; font-size:13px; } div.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images/QDF/minus_bnt.gif) no-repeat 4px 5px; color:#fff; margin:0; } div.compare_tab_bar em { display:none; /* position:absolute; top:10px; right:20px; display:block; width:122px; height:9px; text-indent:-999px; overflow:hidden; background:url(/images/QDF/folder_close.png) no-repeat top left; */ } .close_compare a.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images/QDF/plus_bnt.gif) no-repeat 4px 3px; margin:0;} .close_compare a.compare_tab_bar em { background:url(/images/QDF/folder_open.png) no-repeat; } .close_compare table { display:none;} .compare_scroll { height:auto; width:940px; position:relative; font-size:0.9em;} /**************************************** Compare Models Table ****************************************/ .compare_model_pop { width:943px; margin:0 auto; text-align:left; } .compare_model_pop_top { background:url(/images/QDF/redesign/compare_bg_top.png) no-repeat; padding:25px 30px 0 30px; height:40px; } .compare_model_pop_mid { background:url(/images/QDF/redesign/compare_bg_mid.png) repeat-y; padding:0 20px; margin:0;} .compare_model_pop_bot { background:url(/images/QDF/redesign/compare_bg_btm.png) no-repeat; height:27px;} .compare_model_pop_top img { float:left; margin:0 0 11px 0;} .logo_model_compare {display:none;} div.compare_model_pop_top a.btn_close { float:right; display:block; width:31px; height:31px; margin:-22px -24px 0 0px; background:url(/images/QDF/redesign/popup_close.png) top left no-repeat; } .compare_model_pop_top h3 { float:left; margin:0px; padding:0; text-transform:none; font-size:15px; font-weight:bold; color:black; } .top_product_model_compare_series { background:none; height:146px; position:relative; padding:20px 0 0 184px; } .compare_model_pop_top ul.share_list { clear:both; margin:0px 0 0 -16px; padding:0;} .compare_model_pop_top .share_list li { margin:0; padding:0 0 0 4px;} .compare_model_pop_top .share_list li.start_over { padding-right:153px;} .top_product_model_compare { height:155px; position:relative; padding:20px 0 0 210px;} .compare_model_scroll_th { padding:0 0 0 200px; } .compare_model_th_wrapper { width:178px; float:left; } .top_product_model_compare table th { padding:22px 12px 0 12px; vertical-align:top; text-align:left; font-weight:normal;} .compare_model_th_wrapper h3 strong { display:block; width:98%;} .compare_model_scroll table.left_over_table {} .compare_model_th_wrapper img { padding:2px; border:1px solid #383838; margin:0 0 0 10px; } .compare_model_th_wrapper h3 { font-size:1.2em; color:black; padding:0; margin:5px 10px 0 10px; text-transform:none; } .compare_model_th_wrapper ul { padding:0 10px 0 16px; margin:0; border:none; float:none; width:auto; height:125px;} .compare_model_th_wrapper li { list-style:none; padding:0; margin:0 0 0 16px; font-weight:normal; font-size:1.0em; } .compare_model_scroll .compare_model_scroll_th .compare_model_th_wrapper { border-left:1px dotted #a6a593;} .left_over_table { float:right; width:705px; margin-right:17px;} a.save_compare { background:url(/images/QDF/arrow_next_on.png) no-repeat 33px 11px; margin:10px 3px 5px 0; display:block; padding:8px 0 0 0; border-top:1px dotted #a6a593; text-transform:uppercase; font-size:0.9em;} a.find_compare { background:url(/images/QDF/arrow_next_on.png) no-repeat 85px 3px; margin:0; text-transform:uppercase; font-size:0.9em; display:block; margin-bottom:10px; } a.remove_compare { background:url(/images/QDF/remove_bnt.png) no-repeat; height:26px; width:158px; display:block; margin:0; text-indent:-999px; display:block; overflow:hidden;} a.remove_compare:hover {background-position:bottom left;} .compare_model_nav { width:184px; position:absolute; top:25px; left:10px; padding:0; margin:0; height:185px; display:none;} .compare_model_nav li { list-style:none; margin:0; padding:0; display:inline;} .compare_model_nav li a { display:block; height:21px; padding:5px 0 0px 18px; margin:2px 0; background:url(/images/QDF/compare_nav_bg.png) no-repeat top left; font-size:0.9em; color:#3f3e30; font-weight:bold; text-transform:uppercase;} .compare_model_nav li a:hover, .compare_nav li a.current { color:#fff; text-decoration:none; background-position:bottom left;} li.compare_model_nav_title { font-size:0.9em; padding:5px 0 0px 18px; margin-bottom:5px; color:#3f3e30; text-transform:uppercase; font-weight:bold; background:url(/images/QDF/product_info_p_bg.gif) no-repeat bottom right; display:block;} .compare_model_tab { clear:both;} .compare_model_tab ul { float:left; width:178px; padding:0; margin:0;} .compare_model_tab .th { width:184px; font-weight:bold; } .compare_model_tab ul li {border-bottom:1px dotted #a6a593; padding:10px 10px 10px 10px; list-style:none; margin:0; } .compare_model_odd { background:none;} .compare_model_tab li.price{ font-weight:bold; padding-top:20px;} li.height_row { height:81px;} .hover_text a { display:inline-block; background:url(/images/QDF/icon_info_off.png) no-repeat 12px 0; padding:0 20px 0 0; position:relative;} .hover_text { position:relative;} .popup_features_rightcol_quicklook .hover270, .specs_mid .hover270 { position:absolute; bottom:5px; left:-10px; z-index:2000;} .hover_text .hover270 { position:absolute; bottom:15px; left:2px; z-index:2000;} div.compare_model_tab_bar { position:relative; background:url(/images/QDF/compare_tab_header_bg.png) no-repeat; display:block; font-size:13px; text-transform:uppercase; padding:6px; margin-bottom:6px;} div.compare_model_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images/QDF/minus_bnt.gif) no-repeat 4px 5px; color:#fff; margin:0; } div.compare_model_tab_bar em { display:none; /* position:absolute; top:10px; right:20px; display:block; width:122px; height:9px; text-indent:-999px; overflow:hidden; background:url(/images/QDF/folder_close.png) no-repeat top left; */ } .compare_model_tab ul li.cta {height:60px;} .compare_model_tab ul li.cta span { display:block; list-style:none; width:141px; height:26px; margin:0px; padding:0px 0px 0px 0px; background:url(/images/QDF/redesign/call_to_action_button_light.png) top left no-repeat;} .compare_model_tab ul li.cta span:hover { background-position:bottom left;} .compare_model_tab ul li.cta span ins { display:block; width:23px; height:25px; position:relative; top:3px; left:0px; background:url(/images/QDF/redesign/widget_icons.png) no-repeat; } .compare_model_tab ul li.cta span a.price, .compare_model_tab ul li.cta span a.quote { display:block; width:108px; height:24px; font-size:1.0em; background:none; margin:0; padding:4px 0px 0 33px; position:relative; top:-24px; border:none; text-transform:none; color:black; text-indent:0px; text-decoration:none;} .compare_model_tab ul li.cta span ins.price { background-position:5px -3px; } .compare_model_tab ul li.cta span ins.quote { background-position:4px -35px; } .close_compare_model a.compare_model_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images/QDF/plus_bnt.gif) no-repeat 4px 3px; margin:0;} .close_compare_model a.compare_model_tab_bar em { background:url(/images/QDF/folder_open.png) no-repeat; } .close_compare_model table { display:none;} .compare_model_scroll { height:auto; width:940px; position:relative; font-size:0.9em;} a.compare_link { background:none; margin:0px 0 0px 5px; padding:0px 0 0 5px; color:#7fa149; text-transform:none; font-weight:bold; } /**************************************** Contact forms ****************************************/ .contact { padding:0; color:#666666;} .contact fieldset { padding:25px 20px; border:0;} .contact label { display:block; margin-bottom:15px; font-weight:bold;} .contact label input, .contact label select, .contact label textarea { display:block; margin:8px 0 0 0; border:1px solid #999;} .contact label input { width:92%; padding:4px; } fieldset.no_float { } .no_float label.radio input, label.radio input { display:inline; width:10px; margin-top:1px;} .no_float label input { width:65%;} input.continue_bnt { margin-left:20px;} .float label { width:48%; float:left; color:#304b25; text-transform:uppercase; } .float label.textarea { width:99%; clear:both; height:60px;} .float label.textarea textarea { width:95%; height:60px;} .float label.radio { color: #6c6c6c; text-transform: none; display: inline; float: none; vertical-align:top;} .float label.radio input, label.radio input { width:10px; margin-top:1px; background-color: Transparent; border: 0px;} .contact label input.datepicker { width:220px;} .check_lists { clear:both; } fieldset.check_lists label {color:#666666; width:150px; float:left;} fieldset.check_lists input { width:15px; display:inline; border:none;} .check_lists p { clear:both;} input.sumit_bnt { clear:both;} /**************************************** Pop-up/ins ****************************************/ .pop_up, .price_pop_up { text-align:left; color:#6c6c6c; margin:0 auto;} .pop_up a, .pop_up a:hover, .pop_up a:link, .pop_up a:visited, .pop_up em { color:#7fa149;} .pop_up h3 { color:#6c6c6c; font-size:14pt; font-weight:normal; margin:5px 0; padding:0; } .pop_up h4 { margin:0; padding:0; font-weight:normal; font-size:12px; color:#6c6c6c; } .pop_up fieldset { border:none; padding:0; margin:0;} .pop_up label { display:block; padding:8px 0; font-size:12px; font-weight:bold; color:#6c6c6c; } .pop_up legend { background:none; font-style:italic;} .pop_up p { margin:0; padding:0 0 10px 0; color:#6c6c6c; } .pop_up a.close, .price_pop_up a.close { display:block; background:url(/images/QDF/redesign/popup_close.png) no-repeat; width:31px; height:31px; text-indent:-999px; overflow:hidden; float:right; margin:-15px -37px 0 0;} .pop_top { padding:15px 35px 5px 35px;} .pop_top h3 { color:#6c6c6c; font-size:13pt; font-weight:normal; } .pop_lower { padding:0px 35px 30px 35px; color:#6c6c6c; } .pop_lower h3 { color:#6c6c6c; font-size:14px; font-weight:normal; } .pop_lower h4 { color:#6c6c6c; font-size:12px; font-weight:normal; } .pop_lower input, .pop_lower select, .pop_lower textarea { border:1px solid #999999;padding:2px; margin:0; width:100%; background:#FFFFFF;} .pop_lower fieldset { border:none; padding:0;} .left_fields { width:45%; float:left; } .right_fields { width:45%; float:right; } .left_fields label, .right_fields label, .pop_lower p label { font-size:1.0em; font-weight:bold; color:#6c6c6c; padding:15px 0px 4px 0px; } .check_boxes { clear:both;} fieldset.check_boxes input.phone_field { border:1px solid #999999; background-color:#FFFFFF; } fieldset.check_boxes { padding-top:6px; padding-bottom:6px;} .check_boxes input {width:20px; padding:0px; margin:0px; background:none; border:none;} .check_boxes label { font-size:1.0em;} .pop_top .pop_line, .pop_lower .pop_line { display:none; } a.privacy_link, a.privacy_link:hover, a.privacy_link:link, a.privacy_link:visited { color:#7fa149; background:none; margin:10px 0; padding:10px 0; } .signin {float:none;} .pop_lower .send_bnt { display:block; margin:12px 10px 10px 0; background:url(/images/QDF/redesign/btnSend.png) no-repeat top left; width:154px; height:30px; text-indent:-999px; overflow:hidden; border:none; font-size:0; line-height:25px;} .pop_up a.cancel_bnt { display:block; float:left; margin:10px 10px 10px 0; background:url(/images/QDF/redesign/btnCancel.png) no-repeat; height:30px; width:154px;font-size:0px;} .pop_up a.send_bnt { display:block; float:left; margin:12px 10px 10px 0; background:url(/images/QDF/redesign/btnSend.png) no-repeat; height:30px; width:154px; font-size:0px;} .pop_up a.save_bnt { display:block; float:left; margin:12px 10px 10px 0; background:url(/images/QDF/redesign/btnSave.png) no-repeat; height:30px; width:154px; font-size:0px;} .pop_up a.signup_bnt { display:block; float:left; margin:10px 10px 10px 0; background:url(/images/QDF/redesign/btnSignUpNow.png) no-repeat; height:30px; width:154px; font-size:0px;} .pop_up a.btn_send_password { width:154px; height:30px; border:none; background:url(/images/QDF/redesign/btnSendPassword.png) top left no-repeat; display:block; } .pop_up a.close_btn { background:url(/images/QDF/redesign/btnClose.png) no-repeat top left; height:30px; width:154px; display:inline-block; } .pop_up a.signin_btn { background:url(/images/QDF/redesign/btnSignIn.png) no-repeat; height:30px; width:154px; display:inline-block; } .pop_lower .action {height:40px; width:100%; } a.submit_bnt { display:block; float:left; margin:13px 10px 0 0; background:url(/images/QDF/redesign/btnSubmit.png) no-repeat; width:154px; height:30px; font-size:0px;} a.btn_ok { display:block; background:url(/images/QDF/redesign/btnOK.png) no-repeat; height:30px; width:154px; font-size:0px;} a.getcoupon { display:block; float:left; margin:13px 10px 0 0; background:url(/images/QDF/redesign/btnGetCoupon.png) no-repeat; width:154px; height:30px; font-size:0px;} a.find_dealer_bnt { display:block; float:left; margin-right:10px; background:url(/images/QDF/redesign/btnFindADealer.png) no-repeat top left; width:154px; height:30px; font-size:0px; } .pop_up input.create_account { display:block; background:url(/images/QDF/redesign/btnCreateAccount.png) no-repeat; width:154px; height:30px; border:none; text-indent:-999px; margin:10px 10px 10px 0; font-size:1px; } .pop_up input.cancel_bnt { display:block; float:left; margin:10px 10px 10px 0; background:url(/images/QDF/redesign/btnCancel.png) no-repeat top left; height:30px; width:154px; text-indent:-999px; overflow:hidden; border:none; font-size:0; line-height:25px;} .pop_up input.send_bnt { display:block; margin:12px 10px 10px 0; background:url(/images/QDF/redesign/btnSend.png) no-repeat top left; width:154px; height:30px; text-indent:-999px; overflow:hidden; border:none; font-size:0; line-height:25px;} .pop_up input.save_bnt { display:block; margin:12px 10px 10px 0; background:url(/images/QDF/redesign/btnSave.png) no-repeat top left; height:30px; width:154px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; outline:none; } .pop_up input.find_dealer_bnt { display:block; margin:10px 10px 10px 0; background:url(/images/QDF/redesign/btnFindADealer.png) no-repeat top left; width:154px; height:30px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} .pop_up input.close_bnt { display:block; float:left; margin:10px 10px 10px 0; display:block; background:url(/images/QDF/redesign/btnCancel.png) no-repeat top left; height:30px; width:154px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} .pop_up input.sign_in_bnt { display:block; margin:10px 10px 10px 0; background:url(/images/QDF/redesign/btnSignIn.png) no-repeat; height:30px; width:154px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} .pop_up a.find_dealer_bnt { display:block; margin:10px 10px 10px 0; background:url(/images/QDF/redesign/btnFindADealer.png) no-repeat top left; width:154px; height:30px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} div.pop_lower input.sign_in_bnt { background:url(/images/QDF/redesign/btnSignIn.png) top left no-repeat; width:154px; height:30px; } input.sign_in_bnt { display:block; margin:10px 10px 10px 0; background:url(/images/QDF/redesign/btnSignIn.png) no-repeat; height:30px; width:154px; font-size:0px; overflow:hidden; border:none; font-size:1px;} a.close_btn { display:inline-block; width:82px; height:24px; background:url(/images/QDF/btn_close_alt.png) top left no-repeat; } a.signin_btn { display:inline-block; background:url(/images/QDF/redesign/btnSignIn.png) top left no-repeat; width:154px; height:30px; } .popup_inner { position:absolute; top:0px; z-index:400; } .popup_inner_thankyou { position:relative; z-index:20000; text-align:center; padding-top:50px; } /* wide pop up: create account */ .wide_pop_up { width:430px; } .wide_pop_up .pop_top { background:url(/images/QDF/redesign/popup_bg_top.png) top left no-repeat; } .wide_pop_up .pop_top h3 { margin:0; padding:5px 0; text-transform:none; font-weight:normal; font-size:12pt; color:#6c6c6c;} .wide_pop_up .pop_lower { background:url(/images/QDF/redesign/popup_bg_btm.png) no-repeat bottom left; } .wide_pop_up p.right { margin:0px;} .wide_pop_up .pop_lower p { padding-top:10px;} /* wide short pop up: thank you */ .wide_short_pop_up { width:430px; } .wide_short_pop_up .pop_top { background:url(/images/QDF/redesign/popup_bg_top.png) top left no-repeat; } .wide_short_pop_up .pop_top h3 { margin:0; padding:5px 0; text-transform:none; font-weight:normal; font-size:12pt; color:#6c6c6c;} .wide_short_pop_up .pop_lower { background:url(/images/QDF/redesign/popup_bg_btm.png) no-repeat bottom left; } .wide_short_pop_up p.right { display:none;} /* narrow tall: send project, email */ .narrow_tall_pop_up { width:430px;} .narrow_tall_pop_up .pop_top { background:url(/images/QDF/redesign/popup_bg_top.png) no-repeat top left; min-height:0px;} .narrow_tall_pop_up .pop_lower { background:url(/images/QDF/redesign/popup_bg_btm.png) no-repeat bottom left; min-height:0px;} .narrow_tall_pop_up .pop_top h3 { margin:0; padding:5px 0 0px 0; text-transform:none; font-weight:normal; font-size:14px; color:#6c6c6c;} .narrow_tall_pop_up .pop_lower h4 { margin:10px 0 0 0; padding:5px 0; text-transform:none; font-weight:normal; font-size:12pt; color:#6c6c6c;} /* narrow short: save to folder, send project */ .narrow_short_pop_up { width:430px;} .narrow_short_pop_up .pop_top { background:url(/images/QDF/redesign/popup_bg_top.png) no-repeat top left; min-height:0px;} .narrow_short_pop_up .pop_lower { background:url(/images/QDF/redesign/popup_bg_btm.png) no-repeat bottom left; min-height:0px;} .narrow_short_pop_up .pop_lower p { margin:0px; padding:10px 0 0 0;} .narrow_short_pop_up .pop_top h3 { margin:0; padding:5px 0 10px 0; text-transform:none; font-weight:normal; font-size:12pt; color:#6c6c6c;} .narrow_short_pop_up .pop_lower h4 { margin:10px 0 0 0; padding:5px 0; text-transform:none; font-weight:normal; font-size:12pt; color:#6c6c6c;} /* small pop up: sign in, forgot password */ .small_pop_up { width:430px; color:#6c6c6c;} .small_pop_up .pop_top { background:url(/images/QDF/redesign/popup_bg_top.png) no-repeat top left;} .small_pop_up .pop_lower { background:url(/images/QDF/redesign/popup_bg_btm.png) no-repeat bottom left; } .small_pop_up .pop_lower { padding:10px 35px 35px 35px; } .small_pop_up h3 { margin:0; padding:5px 0 10px 0; text-transform:none; font-weight:normal; font-size:12pt; color:#6c6c6c;} /* smallest pop up */ .smallest .pop_lower { background:url(/images/QDF/pop_narrow_bg.png) no-repeat bottom left; margin:0} .smallest .pop_line { margin-top:22px;} /* mini pop up: validation */ .mini_pop_up { width:430px; color:#6c6c6c;} .mini_pop_up .pop_top { background:url(/images/QDF/redesign/popup_bg_top.png) no-repeat top left;} .mini_pop_up .pop_lower { background:url(/images/QDF/redesign/popup_bg_btm.png) no-repeat bottom left; } .mini_pop_up .pop_lower { padding:10px 35px 35px 35px; } .mini_pop_up h3 { margin:0; padding:5px 0 10px 0; text-transform:none; font-weight:normal; font-size:12pt; color:#6c6c6c;} /* price pop up */ .price_pop_up { width:388px; text-align:left; color:#fff;} .price_pop_up .pop_top { background:url(/images/QDF/pop_narrow_top_bg.png) no-repeat; padding-bottom:0px; margin:0 } .price_pop_up .pop_lower { background:url(/images/QDF/pop_narrow_bg.png) no-repeat bottom left; margin:0} /* short price pop up */ .short_price .pop_lower { background:url(/images/QDF/pop_narrow_bg.png) no-repeat bottom left; margin:0} .check_boxes input.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; } .small_pop_up h3 { padding:5px 0 0 0;} .smallest .pop_line { margin-top:22px;} .price_pop_up p { color:#fff;} .price_pop_up a.close {margin:5px -10px 0 0;} .price_pop_up .pop_lower h3 { margin:0; padding:0; font-size:15px; color:#8fb447; text-transform:uppercase;} .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:#8fb447; } .price_pop_up .pop_lower li p {background:url(/images/QDF/arrow_next_on.png) no-repeat 0 9px; 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:#8fb447;} .hover270, .hover_beak_up { width:265px; text-align:left;} .hover270 p, .hover_beak_up p { color:#fff;} .hover270 h3, .hover_beak_up h3 { color:#8fb447;} .hover_info h3 { color:#8fb447; display:block;position:relative;} .hover270 a, .hover_beak_up a { display:block; color:#fff; margin:5px 0 0 0;} .hover270 .hover_info { background:url(/images/QDF/270_info_bg.png) no-repeat top left; text-align:left; min-height:120px; padding:16px 22px;} .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/QDF/270_left_beak.png) no-repeat top left; height:27px; } .hover270 .hover270_beak_right { background:url(/images/QDF/270_right_beak.png) no-repeat; height:27px; } .hover270 .pop_line, .hover_beak_up .pop_line { border-top:1px solid #546644; margin:0 -16px;} .hover_beak_up .hover_info { background:url(/images/QDF/bottom_lower_hover.png) no-repeat bottom left; padding:1px 22px 16px 22px ;} .hover_beak_right { background:url(/images/QDF/top_right_beak.png) no-repeat; height:30px;} .hover_beak_left { background:url(/images/QDF/top_left_beak.png) no-repeat; height:30px;} /**************************************** Styles for DatePicker ****************************************/ input.datepicker { border:1px solid #999999;} .datepickerControl {border:1px solid #999999;background-color:#cfcbb5;padding:5px;} .datepickerControl td {text-align:center;font-family:sans-serif;font-size:11px;padding:1px;} .datepickerControl tr.monthLabel td {background-color:#586c4a;border:1px solid #819077;font-weight:bold;color:#fff;} .datepickerControl tr.navigation td {cursor:pointer;} .datepickerControl tr.navigation td:hover {text-decoration:underline;} .datepickerControl tr.dayLabel td {border:1px solid #819077;background-color:#586c4a;color:white;font-weight:bold;} .datepickerControl td.day, .datepickerControl td.dayothermonth {cursor:pointer;background-color:#90b447;border:1px solid #fdfce7;width:2em;color:White;} .datepickerControl td.dayothermonth {color:#fff;font-style:italic;} .datepickerControl td.day:hover {background-color:#819077;color:black;} .datepickerControl td.weekend {background-color:#CCCCCC;font-style:italic;color:Black;} .datepickerControl td.today {font-weight:bold;} .datepickerControl td.hour {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;} .datepickerControl td.minute {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;} .datepickerControl td input, .datepickerControl td button {font-size:11px;padding:0;border:1px solid #999999;text-align:center;} .datepickerControl td.ampm {cursor:pointer;background-color:#CCCCCC;border:1px solid #EEEEEE;width:2em;} .datepickerControl td.current {font-weight:bold;background-color:#999888;color:#fff;} .datepickerControl input.current {background-color:#EBC2C0;} .datepickerControl td.current:hover {background-color:#000;color:black;} /**************************************** Search Results ****************************************/ div.search_box { padding:10px 4px 17px 20px; width:669px; background:url(/images/QDF/searchbar_bg.png) no-repeat; } div.search_box strong { font-size:1.1em; font-weight:bold; color:#3f3e30; } input.search_box_input { background-color:#FFFFFF; width:200px; margin-left:10px; } div.search_col1 .search_box { padding:10px 0 15px 0; width:669px; background:none; } .seach_box_text p { color:#3F3E30; font-size:1.1em; line-height:1.4em; } div.search_mag_glass { background:url(/images/QDF/icon_search_inside.png) no-repeat; margin-top:2px; width:30px; height:20px; margin-left:10px; cursor:pointer;} a.search_mag_glass { display:block; background:url(/images/QDF/icon_search_inside.png) no-repeat; width:30px; height:20px; margin-left:10px; } a.search_mag_glass:hover { } div.seach_results_number {padding-top:7px; text-transform:uppercase; color:#778162;font-size:0.9em; font-weight:bold;} .stating_price { color:#3f3e30; font-weight:bold; font-size:1.1em;} .stating_price strong { display:block; font-size:1.3em; color:#000000;} /* Products in Search Results */ .articles_search .articles_search_section a { width:auto; } .articles_search_section a.sr_prod_img img { float:left; margin:0 5px 0 0; width:84px;} .articles_search_section .stating_price { float:right; text-align:right; padding:8px 24px 0 0;} .articles_search_section .stating_price strong { color:#2F4B25; } .articles_search_section .price { float:left; padding:0; } .articles_search_section .msrp_popup { float:left; padding:15px 0 0 0;} .articles_search_section .sr_body { padding:6px 0 0 0; width:450px; display:block; float:left; } .articles_search_section .sr_body span.my_prod_title { color:black; display:block; } .articles_search_section .sr_body span.my_prod_title a { color:black; font-size:1.1em; font-weight:bold; margin:0 0 10px 0px; } .articles_search_section .search_link p.sr_urlpreview { color:#53820a; font-size:1.0em; margin:0 0 0px 0px; } .sr_no_groups a.project_folder_bar { cursor:default; } .sr_count_summary { width: 189px; cursor:default !important; } .search_results_2col .project_folder { margin:3px 0 0 5px; width:620px;} .search_results_2col .project_folder a.project_folder_bar { display:block; height:35px; width:635px; margin:0 auto; font-size:21px; font-weight:bold; padding:15px 14px 6px 14px;} .search_results_2col .project_folder { margin:15px 0 30px 0; color:#666666; width:684px; } .search_results_2col .project_folder a.project_folder_bar { margin:0;font-size:1.1em; padding:0px 0 10px 10px;width:656px;border-top:1px solid #dadada;background:url(/images/QDF/redesign/section_hdr_image.png) top left no-repeat; height:auto;} .search_results_2col .project_folder a.project_folder_bar strong { font-weight:bold; padding-left:10px; position:relative; top:5px; left:0px; color:black; text-transform:none; font-size:1.3em; background:none;} .search_results_2col .project_folder a.project_folder_bar span { font-style:italic; font-size:1.1em; position:relative; top:4px; left:10px; text-transform:none;} .search_results_2col .project_folder a.project_folder_bar em { display:none;} DIV.articles_search_section { border-bottom:1px solid #dadada; padding:15px 0px; margin-left:10px; margin:0px; width:670px; background:none; color:#000000; } .articles_search { margin-top:0px; } .articles_search a { display:block; margin:0 0 0 10px; font-size:1.1em;} .articles_search a:hover { text-decoration:none;} .articles_search a strong { display:inline-block; padding:0px 15px 10px 0; color:black; font-weight:bold; } .articles_search span.sr_filetype { font-size:1.0em; } .articles_search p.sr_urlpreview { color:#53820a; font-size:1.0em; margin:0 0 0px 10px; } .articles_search p { margin:10px 0 10px 10px; } div.sr_spelling { padding: 10px 0 7px 14px; } div.sr_spelling span.sr_spelling { color: #4C623E; } div.sr_spelling a, div.sr_spelling a:visited { text-decoration: underline; } div.sr_spelling a:hover { text-decoration: none; } p.matches a { display:inline-block; width:211px; padding:5px 0px 5px 20px; background:url(/images/QDF/btn_matches_more_on_wider.png) no-repeat top left; color:#6b6a5b; text-transform:uppercase; font-weight:bold; font-size:0.9em; } p.matches a:hover { display:inline-block; width:211px; padding:5px 0px 5px 20px; background: url(/images/QDF/btn_matches_more_over_wider.png) no-repeat top left; color:#FFFFFF; text-transform:uppercase; text-decoration:none; } p.matches a.active { display:inline-block; padding:5px 35px 5px 20px; background: url(/images/QDF/btn_matches_over.png) no-repeat top left; color:#FFFFFF; text-transform:uppercase; } p.matches a.more { display:inline-block; padding:5px 45px 5px 20px; background:url(/images/QDF/btn_matches_more_on.png) no-repeat top left; color:#6b6a5b; text-transform:uppercase; } p.matches a:hover.more { display:inline-block; padding:5px 45px 5px 20px; background:url(/images/QDF/btn_matches_more_over.png) no-repeat top left; color:#FFFFFF; text-transform:uppercase; } div.search_results_2col div.project_folder p.matches a, div.search_results_2col div.project_folder p.matches a:hover, div.search_results_2col div.project_folder p.matches a.active, div.search_results_2col div.project_folder p.matches a.more, div.search_results_2col div.project_folder p.matches a:hover.more { display:inline-block; padding:0px; margin:15px 0px 15px 15px; background:none; color:#53820a; text-transform:none; font-size:1.0em; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content { margin:0px; } div.search_results_2col div.faux_two_col div.search_col2 div, div.search_results_2col div.faux_two_col div.search_col2 ul { margin-left:0px; } .search_results_2col { width:960px; margin:0 auto; padding:0; min-height:0px; background:none; } .search_results_2col .search_col1 { width:695px; height:auto; float:left; padding:0px; } .search_results_2col .search_col2 { width:225px; height:auto; float:left; margin:0; padding:0; background:none; } .search_results_2col .search_col2 .top_right_col_wide { display:none; } .search_results_2col .search_col2 .editorial_widget { width:225px !important; margin:0; padding:0 0; background:none; } .search_results_2col .search_col2 .widget_content { position:relative; top:0px; width:225px; height:auto; margin:0px; padding:0; color:black; background:none; } .search_results_2col .search_col2 .search_widget_top { width:225px; height:6px; display:block; margin:10px 0 0 0; padding:0px; background:url(/images/QDF/redesign/widget_bg_top.png); } .search_results_2col .search_col2 .search_widget_btm { position:relative; top:-2px; width:225px; height:auto; margin:0px; padding:0; color:#525252; background:url(/images/QDF/redesign/widget_bg_btm.png) bottom left no-repeat; } .search_results_2col .search_col2 ul.download_arrow_links { margin:0px 0px 0 4px; padding:4px 0 10px 0; width:220px; font-size:0.8em; font-weight:bold; } .search_results_2col .search_col2 ul.download_arrow_links li { border-bottom:1px solid #b1b1b1;list-style:none; padding:0px 0px 0px 5px; color:Black; } .search_results_2col .search_col2 ul.download_arrow_links li a { display:block; width:210px; height:23px; background:url(/images/QDF/redesign/bg_search_results.png) top left no-repeat; padding:10px 0 0 0; margin:2px 0 2px 0px; text-decoration:none; color:black; font-weight:bold; font-size:1.1em; text-indent:30px;} .search_results_2col .search_col2 ul.download_arrow_links li a:hover{ width:210px; height:23px; background:url(/images/QDF/redesign/bg_search_results.png) bottom left no-repeat; padding:10px 0 0 0; margin:2px 0 2px 0px; text-decoration:none; font-weight:bold; font-size:1.1em; text-indent:30px; color:#FFFFFF;} .search_results_2col .search_col2 ul.download_arrow_links li a.on { width:210px; height:23px; background:url(/images/QDF/redesign/bg_search_results.png) bottom left no-repeat; padding:10px 0 0 0; margin:2px 0 2px 0px; text-decoration:none; font-weight:bold; font-size:1.1em; text-indent:30px; color:#FFFFFF;} .search_results_2col .search_col2 ul.download_arrow_links li:last-child {border-bottom:none; padding-bottom:4px;} .search_results_2col .search_col2 .recent_searches {background:none; color:black;padding:20px 0 10px 14px; margin:0px; text-transform:none; font-weight:bold;} .search_results_2col .search_col2 ul.recent_search_links { margin:0px 0 0px 0; padding:0px 0 20px 0;width:200px !important; } .search_results_2col .search_col2 ul.recent_search_links li { list-style:none; font-size:1.0em; padding:0px 20px 4px 30px; } .search_results_2col .search_col2 ul.recent_search_links li a { background:none; padding:0px 20px 0px 0; color:#b1b1b1; display:block;} .search_results_2col .search_col2 ul.recent_search_links li a:hover { background:none; padding:0px 20px 0px 0; color:White;} .recent_searches { color:#3f3e30; font-size:1.0em; padding:15px 20px 0px 0px; margin:10px 8px 0px 0px; font-weight:bold; text-transform:uppercase;} .search_results_2col .search_col1 ul.leftnav { margin:15px 0 0 15px; padding:0; } .editorial_col2 p a.orange_large { color:#53820a !important; } .editorial_col2 p a { color:#53820a !important; } .search_results_2col .search_col2 ul.download_arrow_links { margin:0px; padding:0; } .search_results_2col .search_col2 ul.download_arrow_links li { list-style:none; font-size:1.2em; } .search_results_2col .search_col2 ul.download_arrow_links li img { margin:0 6px 0 0; } .search_results_2col .search_col2 ul.download_arrow_links li span { font-size:0.8em; color:#909090; } /* related content widgets */ .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; } /**************************************** Media Viewer ****************************************/ .popup_media_viewer { background:url(/images/QDF/redesign/popup_media_viewer_bg.png) top left no-repeat; padding:18px 0 0 6px; width:850px; height:580px; margin:0px auto 0 auto; z-index:20000; position:fixed; top:30px; bottom:0; left:0; right:0; } .popup_media_viewer .media_container { width:839px; height:432px; margin:0; padding:0; background-color:Black; text-align:center; } .popup_media_viewer .info_bar { width:839px; height:44px; margin:-3px 0 0 0; padding:0; background:none; } .popup_media_viewer .info_bar span.media_viewer_infobar_text { float:left; margin:12px 0 0 0px; color:white; padding:0 0 0 20px; font-size:1.3em; } .popup_media_viewer .btn_close { position:relative; float:right; background:url(/images/QDF/redesign/popup_close.png) no-repeat; width:31px; height:31px; margin:-20px -17px 0 0;} .popup_media_viewer .btn_close:hover { background:url(/images/QDF/redesign/popup_close.png) no-repeat; } div.info_bar span.media_viewer_infobar_text { float:left; margin:12px 0 0 0px; color:#3f3e30; padding:0 0 0 10px; font-size:1.3em; } div.info_bar span.media_viewer_infobar_text p { margin:0px; } .thumb_scroller { width:839px; height:102px; margin:-3px 0 0 0; padding:0; background:url(/images/QDF/media_viewer_thumb_scroller_bg.png) top left no-repeat; overflow:hidden; } 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 #909090 !important; margin-top:4px; 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 #ec741c !important; margin-top:4px; 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/QDF/icon_orange_arrow_up_disabled.png) center center no-repeat; } /**************************************** Promo Detail Page ****************************************/ div.editorial_col2 .promo_detail_rotator { width:480px; } div.editorial_col2 .promo_detail_rotator .related_products_arrow_left { width:25px; height:26px; position:relative; top:36px; margin:0px; background:url(/images/QDF/fp_icon_orange_arrow_left_disabled.png) top left no-repeat; } div.editorial_col2 .promo_detail_rotator .related_products_arrow_right { width:39px; height:26px; position:relative; top:36px; margin:0 0 0 -20px; padding:0; background:url(/images/QDF/fp_icon_orange_arrow_right_off.png) top left no-repeat; } div.editorial_col2 div.promo_detail_rotator .base_rotator_container { width:480px; height:126px; margin:0; } div.editorial_col2 div.promo_detail_rotator .related_prod_list_container { width:410px; height:126px; margin:0 0 0 0px; padding:0px; float:left; position:relative; overflow:hidden; } div.editorial_col2 div.promo_detail_rotator ul.related_prod_list { width:5000px; height:126px; margin:4px 0 0 4px; padding:0px; position:absolute; } div.editorial_col2 div.promo_detail_rotator ul.related_prod_list li { list-style:none; float:left; width:140px; height:126px; } div.editorial_col2 div.promo_detail_rotator div.related_hovers, div.editorial_col2 div.promo_detail_rotator div.related_hovers_on { width:124px; } div.editorial_col2 div.promo_detail_rotator div.related_hovers .related_prods, div.editorial_col2 div.promo_detail_rotator div.related_hovers_on .related_prods { margin:0; } div.editorial_col2 div.promo_detail_rotator div.related_hovers .related_prods_last { margin:0; } div.editorial_col2 div.promo_detail_rotator div.related_hovers div.related_prods a { display:block; width:100px; height:80px; } div.editorial_col2 div.promo_detail_rotator div.related_hovers_on div.related_prods a { display:block; width:100px; height:80px; text-decoration:underline; } div.editorial_col2 div.promo_detail_rotator div.related_hovers div.related_prods a img { border:1px solid #a6a593; padding:2px; width:124px; height:76px; } div.editorial_col2 div.promo_detail_rotator div.related_hovers .related_prods_title { color:#304b25; background-image:url(/images/QDF/icon_arrow_rotator_link_off.png); background-position:right; background-repeat:no-repeat; font-weight:bold; padding:5px; width:120px; font-size:0.9em; text-transform:uppercase; text-decoration:none; } div.editorial_col2 div.promo_detail_rotator div.related_hovers_on .related_prods_title { text-decoration:underline; } /**************************************** GET RECOMMENDATIONS ****************************************/ .getrecommendations { margin:0px; line-height:15px; } .getrecommendations .heading { font-size:10pt; font-weight:bold; } .getrecommendations .copy { font-size:8pt; } .getrecommendations a { background:url(/images/QDF/redesign/btnGetRecommendations.png) top no-repeat; width:200px; height:30px; display:inline-block; margin-top:5px; } /**************************************** CONCIERGE ****************************************/ .concierge_widget {display:none;} .concierge { position:fixed; float:right; z-index:100; background: url(/images/QDF/QDF_LiveSupport_Tab.gif) bottom left no-repeat; width:189px; height:113px; right:0px; } .concierge .chatlink {position:relative; height:113px; width:189px; min-height:113px; min-width:189px; display:block;} .concierge .closebutton {position:relative; height:11px; width:11px; display:block; top:-11px; left:-11px; background: url(/images/common/standard/CloseTab.gif) bottom left no-repeat;} .productdetail{ top:370px; } .ppclandingpage{ top:470px;} /**************************************** LOCATOR ****************************************/ /*global*/ .ddm_col_dealer select { margin:4px 0 10px 0; padding:2px; text-align:left; border:1px solid #DADADA; background:white; width:145px; } .ddm_col_dealer input[type='text'] { color:#333333; margin:0px 0 6px 0; padding:2px; text-align:left; border:1px solid #DADADA; background:white; width:140px; } /**************************************** locator widget ****************************************/ .locatorwidget { position:relative; left:0px; color:#3f3e30; } .locatorwidget p.grey { padding:0px 0 0 14px; color:#525252; font-size:1.0em; width:195px;} .editorial_col3 .locatorwidget .right_col_input { padding:0 0 1px 14px; width:170px; height:20px; margin:0; } .editorial_col3 .locatorwidget .right_col_input_text { width:162px; background-color:#FFFFFF; color:#525252; } .detail_body_col2 .locatorwidget { position:relative; left:0px; } .detail_body_col2 .locatorwidget p { font-size:0.9em; width:180px;} .locatorwidget .widget_content select.ddm_form_row_multi { position:relative; left:-10px; width:190px !important; margin-bottom:4px;} .locatorwidget .widget_content input.right_col_input_wide { position:relative; left:14px; width:190px !important; margin-bottom:10px;} .locatorwidget .searchbutton .btn_findadealer {display:block; height:28px; margin-left:14px; } .detail_body_col2 .locatorwidget .searchbutton .btn_findadealer {margin-left:0px; } .editorial_col3 .locatorwidget .ddm_form_row_multi { padding:0 0 4px 14px;} .editorial_col3 .locatorwidget .ddm_form_row_multi .select_topnav { width:166px;} .editorial_col3 .locatorwidget .locator_selector { color:#525252; padding:0 0 20px 14px; } .editorial_widget a.orange_arrow { background:url(/images/QDF/redesign/btn_go.png) no-repeat; display:inline-block; width:18px; height:17px; font-size:0px; overflow:hidden; border:0; position:relative; top:-2px; left:-5px; } .editorial_col3 .locatorwidget .btn_dist_margin { padding:0 0 10px 14px;} .editorial_col3 .locatorwidget .fireside {display:none;} .editorial_widget .widget_content a.getcoupon {float:none;} .required {color:red; padding:3px 0;} /*my account*/ .narrow_tall_pop_up .pop_lower .findadealer {height:26px;} /**************************************** Hearth Planner Widget ****************************************/ .hearthplannerwidget a { position:relative; top:10px; margin-top:5px; background:url(/images/QDF/redesign/btnGetRecommendations.png) top no-repeat; width:200px; height:30px; display:inline-block; } .editorial_col3 .hearthplannerwidget { position:relative; left:0px; } .editorial_col3 .hearthplannerwidget .content { width:210px; } .hearthplannerwidget .content p { font-size:1.0em; width:190px; padding-bottom:10px;} /**************************************** Image Only Widget ****************************************/ .imageonlywidget { margin:0px; } .imageonlywidget .content p { margin:0px; padding:0px; position:relative; left:-8px; } .editorial_col3 .imageonlywidget { position:relative; left:0px; } .editorial_col3 .imageonlywidget .content { width:210px; } .detail_body_col2 .imageonlywidget .content { position:relative; left:-13px; } /**************************************** NEWSLETTER WIDGET ****************************************/ .editorial_col3 .newsletterwidget .widget_content { padding-bottom:15px;} .editorial_col3 .newsletterwidget p.article_text { padding:0 0 0 14px; color:#3f3e30; width:190px; } .editorial_col3 .newsletterwidget a.widget_link { display:inline-block; background:url(/images/QDF/redesign/btnSignUpNow.png) top no-repeat; padding:0px; margin:0 0 15px 15px; font-size:0px; width:154px; height:30px;} .editorial_col3 .newsletterwidget a.widget_link:hover {background-position:bottom;} .three_column .editorial_col3 .newsletterwidget { position:relative; left:0px; } /**************************************** BLOG WIDGETS ****************************************/ div.blog_headlineimage { margin:0 0 10px 18px; background:url(/images/QDF/blog_main_banner.jpg) no-repeat top left; height:125px; width:388px;} div.blog_headline { margin:5px;} div.blog_detail_content a:link { color:#2f4b25; font-size:1.1em; } a.blog_pagelink { color:#2f4b25; font-size:1.1em; } div.posted_by a.blog_tag { color:#000000; font-size:0.9em; } div.blog_connect { margin:0px; padding:0px; position:relative; left:-10px } div.blog_connect_logo { } div.blog_connect_icons { } div.blog_filter {} div.blog_filter select {} div.blog_hottopics ul { margin:0px; width:200px; position:relative; top:-8px; left:-20px; } div.blog_hottopics li { width:210px; vertical-align:top;} div.blog_hottopics a {} .three_column .editorial_col3 .blog_rss div.widget_content { margin:0px 10px 30px -11px; padding:0 0px 10px 4px; border:1px solid #a9a899; font-size:0.9em; color:#3f3e30; } .three_column .editorial_col3 .blog_rss div.widget_content h4 { margin:0px -25px 10px 0px; padding:10px 0px 0px 10px; width:234px; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; } /**************************************** SOCIAL WIDGET ****************************************/ div.editorial_body .socialwidget .widget_content { margin:20px 10px 30px -27px; padding:0 25px 20px 18px; border:1px solid #a9a899; font-size:0.9em; color:#3f3e30; width:205px; } div.editorial_body .socialwidget .widget_content h4 { margin:-20px -25px 10px -18px; padding:0 35px 15px 15px; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; width:198px; } div.editorial_body .socialwidget .widget_content content { margin:0 0 0 0px; padding:0px; } div.editorial_body .socialwidget .widget_content table { margin:0 0 0 0px; padding:0px; } /**************************************** FAQ page ****************************************/ a.view_common_questions { display:inline-block; font-size:0px; background:url(/images/QDF/redesign/btnViewAllCommonQuestions.png) top no-repeat; padding:0px; margin:0px; font-size:0px; width:200px; height:30px;} a.view_common_questions:hover {background-position:bottom;} /**************************************** connect social app ****************************************/ .connect_social_app {height:30px; margin:0 0 10px 0; } .connect_social_app span {position:relative; top:-10px; left:10px;} /**************************************** for professionals ****************************************/ .forprofessionals { margin:0px auto; padding:0px; text-align:left; width:960px; height:auto; position:relative; top:-10px;} .forprofessionals .rotator {border:1px solid transparent; } .forprofessionals .pagecontent { overflow:auto; text-align:left; width:960px; margin:0px auto; z-index:999; position:relative; top:-15px; } /**************************************** fuel choice matrix ****************************************/ table.fuel_table { margin:20px 10px 10px 0px; } table.fuel_table tr td.header { font-weight:bold; text-align:center; } table.fuel_table tr td.header img { float:none; } table.fuel_table tr td.subhead { color:#53820a; font-weight:bold;} table.fuel_table tr td.row { color:black; } table.fuel_table tr td { vertical-align:top; border-bottom:1px dotted #ababab; padding:10px;} table.fuel_table tr:last-child td { border-bottom:none;} /**************************************** site map ****************************************/ .site_map {width:715px;} .site_map .column1 {width:235px;float:left; padding:0 10px 0 0;} .site_map .column2 {width:255px;float:left; padding:0 10px 0 0;} .site_map .column3 {width:205px;float:left; padding:0;} .site_map .navGroup {padding:0 0 20px 0; margin:0;} .site_map .topnav {font-size:16px; } .site_map a.topnav {font-size:16px; color:#53820a; } .site_map a { color:#53820a; } .site_map ul.list { padding:5px 0 5px 35px !important; margin:0;} .site_map ul.list li { list-style:none; padding:0px; margin:0px;} .site_map ul.list li a { font-size:14px; padding:0px;margin:0px;} .site_map ul.list li ul li a { font-size:12px; padding:0;margin:0;} /**************************************** HIDE MOBILE CONTENT ON STANDARD SITE ****************************************/ .HideOnStandardWebsites { display:none; } /*my account error*/ .my_account_popup_error, .my_account_error_nav, .email_popup_error {color:red;} .my_account_popup_error ul, .my_account_error_nav ul, .email_popup_error ul {margin:0;padding:0;} .my_account_popup_error ul li, .my_account_error_nav ul li, .email_popup_error ul li {list-style:none;} a.readreviews {background:url(/images/QDF/redesign/btn_reviews.png) no-repeat top left; height:21px; width:147px; display:block; text-decoration:none; padding:5px 0 0 33px; } a.readreviews:hover {background-position:bottom left;} /**************************************** Coupon Footer Widget ****************************************/ .coupon_footer {position:fixed;bottom:0px;height:35px;width:320px;left:0px;right:0px; display: inline-block;background:black;margin:0 auto;z-index:1000;color:White; border-top-left-radius: 10px 5px; border-top-right-radius: 10px;} .coupon_footer .foot {cursor:pointer;position:relative;} .coupon_footer .up {background:url(/images/FPL/icon_orange_arrow_up.png) top right no-repeat; width:13px; height:9px;padding-left:10px;display:inline-block; } .coupon_footer .slide { padding:10px;height:235px;left:0px;right:0px;bottom:30px;display:none;position:absolute;background:black;color:White; border-top-left-radius: 10px 5px; border-top-right-radius: 10px;} .coupon_footer .slide p {text-decoration:none;color:White;} .coupon_footer .slide a {color:#d9d9d9;} .coupon_footer .slide .close {height:0px; float:right; } .coupon_footer .slide .close a {display:block;background:url(/images/FPL/icon_orange_arrow_down.png) top right no-repeat; width:13px; height:9px; position:relative; top:5px; left:-2px;} .coupon_footer .getcoupon {display:block;float:none;background:url(/images/QDF/redesign/btnGetCoupon.png); width:154px; height:30px; margin:0 auto;} .coupon_footer .getcoupon:hover {background-position:bottom right; } .coupon_footer .close a {float:right; background:url(/images/HNG/redesign/popup_close.png) top right no-repeat; width:31px; height:31px; position:absolute; top:-25px; right:-12px;} /**************************************** Social Footer Widget ****************************************/ .social_footer {position:fixed;bottom:0px;height:35px;width:530px;left:0px;right:0px; display: inline-block;background:black;margin:0 auto;z-index:1000;color:White; border-top-left-radius: 10px 5px; border-top-right-radius: 10px;} .social_footer .body {margin:8px 10px 0 10px;} .social_footer img { margin:0 2px; float:left;} .social_footer img.logo {float:left; padding-right:10px; border-right:1px solid white; margin:0 10px 0 0;} .social_footer .close a {float:right; background:url(/images/HNG/redesign/popup_close.png) top right no-repeat; width:31px; height:31px; position:relative; top:-10px; left:10px;} .social_footer .fb-like {float:left; margin:0 2px; width: 80px !important;height:20px !important;} .social_footer iframe {float:left; margin:0 2px;} /*SEARCH*/ a.ui-corner-all {text-align:left;} .search_box .searchentrybox input {margin-left:10px; } .search_box .searchentrybox a {float:right; margin:0px 0 0 6px; display:block; background:url(/images/QDF/icon_search_inside.png) no-repeat; width:30px; height:20px; cursor:pointer;} /**************************************** Product Compare Page ****************************************/ .compare_products { width:940px; height:auto; margin:0 auto 20px auto; padding:0; text-align:left; } .compare_products li.save {display:none} .compare_products .top_product_compare { background:none; height:146px; position:relative; padding:20px 0 0 184px; } .compare_products .compare_th_wrapper { width:188px; padding-top:10px;} .compare_products .compare_th_wrapper:nth-child(even) { background:#f8f5f3;} .compare_products .compare_th_wrapper:first-child { background:none;} .compare_products .compare_th_wrapper img { padding:2px; border:1px solid #383838; margin:0 0 0 16px; } .compare_products .compare_th_wrapper h3 { font-size:1.2em; color:black; padding:0; margin:5px 10px 0 16px; text-transform:none; } .compare_products div.compare_tab_bar { left:0px; width:940px; padding:10px 0px; margin-bottom:0px;} .compare_products .compare_tab ul { width:188px; } .compare_products .compare_tab .th { width:188px; } .compare_products .compare_tab ul:nth-child(even) { background:#f8f5f3;} .compare_products .compare_th_wrapper ul { padding-left:4px; } /*Facebook Share*/ a.facebook_share, a.facebook_share:hover {background: #405e9f;cursor: pointer;border-radius: 3px;font-size: 16px; color: #ffffff;font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; text-align: center;-webkit-appearance: none;border: 0px;display: inline-block;padding: 10px;padding-right: 15px;margin-right: 5px;} a.facebook_close, a.facebook_close:hover {background: #efefef;cursor: pointer;border-radius: 3px;font-size: 16px; color: #000000;font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; text-align: center;-webkit-appearance: none;border: 0px;display: inline-block;padding: 10px;padding-right: 15px;margin-right: 5px;} /*FAQs*/ .faqs h3 a, .faqs ol li a { background:none;padding:0px;} .faqs h3 em:last-child { display:none;} .faqs h3 a { font-weight:bold; } /*YouTube Reflexive Videos*/ .video-container iframe { margin:10px 0px; } /*hide search*/ /*.topnav_search {display:none;}*/