/* *************************************** 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!!! //////////////////////////////////////// */ /* *************************************** Table of Contents 1. Global Elements 2. Typography 3. Float Clearing 4. Site Specific Elements FONT SIZING: http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html *************************************** */ /* addtothis.com override image - Removes their share image */ .at300bs { background: none !important; height:0px !important; } .at300bs .at15t_compact { background:url(http://fireplaces.factorue.com/images_FP/grey_light_subnav_share_off.png) no-repeat !important; width:79px; height:26px; } /* JavaScript Recommendation */ #jsWarning { width:100%; height:auto; margin:0; padding:20px 0; background-color:#45403a; color:#ffffff; } #jswrapper { width:960px; margin:0 auto; background-color:#848382; } #jsWarning a { color:#ffffff; text-decoration:underline; } #jsWarning a:hover { color:#f1592a; } /* *************************************** 1. Global Elements *************************************** */ html, body { margin: 0; padding: 0; font: 85% 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: #3f3e30; background-color: #1b1712; height: 100%; } /*body { overflow: hidden; }*/ .sticky_body { min-height: 100%; height: auto !important; height: 100%; } .sticky_footer { } /* //////////////////////////////////////// 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:verdana, sans-serif;} textarea, input[type='text'], select { margin:0; padding:0px;} /* fireplaces.com top nav search field */ 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; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { } input, select { cursor:pointer; } 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; } /* this is what is used in the design .image_border_grey1 { border:none; background:url(../images_QFD/widget_image_border.png) top left no-repeat; padding:5px; } */ /* this is what we're actually using */ .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_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_QFD/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;} div.custom_form a.no { display:block; background:url(/images_QFD/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;} div.custom_form a.ask { display:block; background:url(/images_QFD/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;} div.custom_form a.agree { display:block; background:url(/images_QFD/input_btn_agree.png) no-repeat top left; height:26px; width:202px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.disagree { display:block; background:url(/images_QFD/input_btn_disagree.png) no-repeat top left; height:26px; width:202px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.submit_request { display:block; background:url(/images_QFD/submit_req_bnt.png) no-repeat top left; height:26px; width:140px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} div.custom_form a.input_submit { display:block; background:url(/images_QFD/submit_bnt.png) no-repeat top left; height:26px; width:140px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} div.custom_form a.input_link { background:url(/images_QFD/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 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_QFD/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_QFD/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_QFD/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_QFD/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_QFD/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_QFD/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; } /*QUOTE*/ .quote_container { width:490px; height:114px; border-bottom:1px solid #D9D9D9; clear:left; padding-top:20px; } .quote_badge_left { padding-right: 20px; } .quote_badge_right { width:342px; padding-top:0px; } .quote_badge_right .title { font-size:1.2em; font-weight:normal; font-weight:bold; color:#3f3e30; } .quote_badge_right .link { background:url(/images_QFD/arrow_next_on.png) no-repeat right; padding:0px 15px 2px 0; font-size:1.0em; line-height:30px; } .quote_badge_right p { font-size:1.0em; color:#3f3e30; line-height:16px; } .quote_pop_up { width:834px; margin:0px auto 0 auto; z-index:20000; text-align:center; position:absolute; top:0; bottom:0; left:245px; right:0; overflow:auto; padding-top:60px; } .quote_pop_up .pop_top { background:url(/images_QFD/wide_pop_bg_top_wider.png) top left no-repeat; } .quote_request { margin:10px 0 10px 0; font-family:Verdana; font-size:15px; font-weight: bold; color:#8fb447; } .quote_contact { margin:0 0 20px 0; font-family:Arial; font-size:12px; } .quote_pop_line { border:none; height:1px; background:#546744; margin:15px -21px 0px -21px;} .quote_pop_lower { background:url(/images_QFD/wide_pop_bg_lower_wider.png) no-repeat bottom left; min-height:400px; padding:5px 35px 20px 35px;} .quote_pop_lower_thx { background:url(/images_QFD/wide_pop_bg_lower_wider.png) no-repeat bottom left; padding:5px 35px 20px 35px;} .quote_pop_lower .label { color:#ffffff; font-size:1.0em; font-weight:bold; margin:0; padding:0; padding-top:10px; padding-bottom:5px; } .quote_pop_lower .step { margin:0 0 2px 0; padding:0; padding-left:0; font-family:Verdana; font-size:14px; font-weight: bold; color:#8fb447; } .quote_pop_lower .dir { margin:0 0 15px 0; font-family:Arial; font-size:11px; } .quote_pop_lower .imgname { margin:0 0 2px 0; padding:0; font-family:Verdana; font-size:11px; font-weight: bold; color:#8fb447; } .quote_pop_lower .imgbkgrnd { text-align:center; background-color:#000000; width:200px; height:120px; border-color:Gray; color:Gray; border-style:solid; border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; } .quote_pop_lower .left_fields { width:30%; float:left; } .quote_pop_lower .center_fields { width:30%; float:left; padding-left:10px; } .quote_pop_lower .right_fields { width:35%; float:right; padding-left:10px; } .quote_pop_lower input, .quote_pop_lower select, .quote_pop_lower textarea { border:1px solid #999999; margin:0; padding:2px; background:#FFFFFF; color:#333333; } .quote_pop_lower input[type='checkbox'] { margin: 0; padding: 2px; background-color: Transparent; border: 0px; vertical-align: middle; } .quote_pop_lower .select_topnav { width:150%; } .quote_pop_lower .search_input_topnav { width:120%; } .quote_pop_lower .miniLocator_select { font-family:Arial; font-size:10px; font-weight:bold; color:#8fb447; padding-bottom:5px; } .quote_pop_lower .miniLocator_dlrName { font-family:Arial; font-size:12px; color:#8fb447; text-transform:uppercase; } .quote_pop_lower .miniLocator_dlrAddr { font-family:Arial; font-size:11px; color:#000000; } .quote_pop_lower .miniLocator_dlrDist { font-family:Arial; font-size:11px; color:#000000; } .quote_pop_lower .miniLocator_dlrName_selected { font-family:Arial; font-size:12px; color:#8fb447; text-transform:uppercase; } .quote_pop_lower .miniLocator_dlrAddr_selected { font-family:Arial; font-size:11px; color:#ffffff; } .quote_pop_lower .miniLocator_dlrDist_selected { font-family:Arial; font-size:11px; color:#ffffff; } .quote_pop_lower .miniLocator_dealer { background-color:#ffffff; border-color:#ffffff; color:#ffffff; border-style:solid; border-bottom-color:#8fb447; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; padding:2px 3px 5px 5px; } .quote_pop_lower .miniLocator_selected { background-color:#efefef; border-color:#efefef; color:#efefef; border-style:solid; border-bottom-color:#8fb447; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; padding:2px 3px 5px 5px; } .quote_pop_lower .miniLocator_unselected { background-color:#ffffff; border-color:#ffffff; color:#ffffff; border-style:solid; border-bottom-color:#8fb447; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; padding:2px 3px 5px 5px; } .quote_pop_lower .miniLocator_change { margin:0 0 15px 0; font-family:Arial; font-size:11px; color:#8fb447; } /*QUOTE ROTATOR*/ .quote_rotator_container { text-align:left; background-color:#000000; width:200px; height:150px; margin:0px; padding:0px; border-color:Gray; color:Gray; border-style:solid; border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; } .quote_pop_lower .quote_rotator_container .products_list_container { text-align:left; width:200px; height:140px; margin:0 0 0 0px; padding:0px; float:left; position:relative; overflow:hidden; } .quote_pop_lower .quote_rotator_container ul.products_list { width:20000px; padding-left:0; margin-left:0; margin:0 0 0 0px; float:left; list-style-type:none; text-align:center; position:absolute; } .quote_pop_lower .quote_rotator_container ul.products_list li { width:200px; height:120px; list-style:none; margin-right:0px; float:left; list-style-type:none; } .quote_pop_lower .quote_rotator_container .productname { margin:-2px 0 2px 0; padding:0; color:#8fb447; font-family:Verdana; font-size:11px; font-weight: bold; } .quote_pop_lower .quote_rotator_container .imagebackground { text-align:center; width:200px; height:120px; } .quote_rotator_container .products_arrow_left { width:23px; height:22px; position:relative; top:-75px; float:left; margin:0 0 0 12px; padding:0; background:url(../images_QFD/icon_white_arrow_left_disabled.png) top left no-repeat; cursor:pointer; } .quote_rotator_container .products_arrow_right { width:23px; height:22px; position:relative; top:-75px; float:right; padding:0; background:url(../images_QFD/icon_white_arrow_right_disabled.png) top left no-repeat; cursor:pointer; } /*Reviews*/ .readreviews_overflow { overflow-y: scroll; overflow-x: hidden; max-height:380px; } .readreviews_noreviews { overflow-y: hidden; overflow-x: hidden; } .review_imgbkgrnd { text-align:center; background-color:#000000; width:72px; height:64px; border-color:Gray; color:Gray; border-style:solid; border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; } .review_header { width: 700px; margin-top: 20px; } .review_header .left { float:left; margin-bottom:-10px; } .review_header h3 { display: inline; } .review_header .product_name { margin-left: 20px;} .review_pop_up { width:834px; margin:0px auto 0 auto; z-index:20000; text-align:center; position:absolute; top:0; bottom:0; left:245px; right:0; overflow:auto; padding-top:60px; } .review_pop_up .pop_top { background:url(/images_QFD/wide_pop_bg_top_wider.png) top left no-repeat; padding:15px 35px 5px 35px; } .review_pop_up .pop_top .pop_line { border:none; height:1px; background:#546744; margin:15px -27px 0px -27px;} .review_pop_up .pop_top .customer_rating_container { padding:16px 0 6px 20px; } .review_pop_up .pop_top .customer_rating_container h4 { margin-left: 2px; display: inline; color:#ffffff } .review_pop_up .pop_top .customer_rating_stars { width:120px; display: inline;} .review_pop_up .quickquote_pop_lower { background:url(/images_QFD/wide_pop_bg_lower_wider.png) no-repeat bottom left; min-height:400px; padding:5px 35px 20px 35px;} .write_review_pop_up .quickquote_pop_lower .left_fields { width:50%; float:left; } .write_review_pop_up .quickquote_pop_lower .left_fields label { color:#ffffff; font-size:1.0em; font-weight:bold; padding:10px 0px 2px 0px; } .write_review_pop_up .quickquote_pop_lower .left_fields span { color:#ffffff; font-size:0.9em; padding:0px 0px 0px 0px; } .read_reviews_title {color: #8fb447; font-size:1.1em; font-weight:bold; padding: 10px 0px 0px 0px; } .read_reviews_by {color: #ffffff; font-size:0.9em; padding: 0px 0px 0px 0px; } /* Generic Message Box text classes - the whole hierarchy is needed to override default pop_lower classes */ .pop_lower P label.generic_message_reviews_thankyou { color: #ffffff; font-size: 1.0em; text-transform: none; font-weight: normal;} /*CONTACT RIGHT FIELDS*/ .pop_up .pop_lower .right_fields h4 { margin:0; padding:0; font-weight:bold; font-size:12px; text-transform:none; } /*LIT REQUEST*/ .litrequest .miniLocator_select { font-family:Arial; font-size:10px; font-weight:bold; color:#8fb447; padding-bottom:5px; } .litrequest .miniLocator_dlrName { font-family:Arial; font-size:12px; color:#000000; text-transform:uppercase; } .litrequest .miniLocator_dlrAddr { font-family:Arial; font-size:11px; color:#000000; } .litrequest .miniLocator_dlrDist { font-family:Arial; font-size:11px; color:#000000; } /*.litrequest .miniLocator_dlrName_selected { font-family:Arial; font-size:12px; color:#000000; text-transform:uppercase; } */ .litrequest .miniLocator_dlrName_selected { font-family:Arial; font-size:12px; color:#000000; text-transform:uppercase; background-color:#ffffff; border-style:solid; border-color:#8fb447; border-bottom-width:0px; border-left-width:1px; border-right-width:1px; border-top-width:1px; padding:2px 3px 0px 5px; } .litrequest .miniLocator_dlrAddr_selected { font-family:Arial; font-size:11px; color:#000000; background-color:#ffffff; border-style:solid; border-color:#8fb447; border-bottom-width:0px; border-left-width:1px; border-right-width:1px; border-top-width:0px; padding:2px 3px 0px 5px; } .litrequest .miniLocator_dlrDist_selected { font-family:Arial; font-size:11px; color:#000000; background-color:#ffffff; border-style:solid; border-color:#8fb447; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; border-top-width:0px; padding:2px 3px 5px 5px; } .litrequest .miniLocator_dealer { background-color:#ffffff; border-color:#ffffff; color:#ffffff; border-style:solid; border-color:#8fb447; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; padding:2px 3px 5px 5px; } .litrequest .miniLocator_selected { background-color:#efefef; border-color:#efefef; color:#efefef; border-style:solid; border-color:#8fb447; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; padding:2px 3px 5px 5px; } .litrequest .miniLocator_unselected { background-color:#ffffff; border-color:#ffffff; color:#ffffff; border-style:solid; border-color:#8fb447; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-top-width:0px; padding:2px 3px 5px 5px; } .litrequest .miniLocator_change { margin:0 0 15px 0; font-family:Arial; font-size:11px; color:#000000; } .litrequest .dir { margin:0 0 15px 0; font-family:Arial; font-size:11px; } .litrequest .dir_caps { font-family:Arial; font-size:10px; font-weight:bold; color:#000000; text-transform:uppercase; } div.litrequest a { background:none; } .litrequest .miniLocator_results { border-style:solid; border-color:#8fb447; border-bottom-width:0px; border-left-width:1px; border-right-width:1px; border-top-width:1px; } /*COUPON*/ div.couponpopup { background:url(/images_QFD/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; padding-top:30px; overflow:auto; } div.couponpopup_top { width:615px; background:url(/images_QFD/wide_pop_bg_top_wide615.png) top left no-repeat } div.couponpopup_lower { width:615px; background:url(/images_QFD/wide_pop_bg_lower_wide615.png) no-repeat bottom left; min-height:85px; } div.couponpopup_padding { padding:5px 35px 20px 35px; width:95%; } div.couponpopup div.couponpopup_top .pop_top h3 { color:#8fb447; font-size:18px; font-weight:normal; text-transform:none; } div.couponpopup .bd { margin-top:-8px; width:550px; color:#ffffff; font-size:14px; font-weight:normal; text-transform:none } div.couponpopup input { width:220px; font-size:1.0em; background-color:White; height:20px; } div.couponpopup input[type='checkbox'] { width:14px; margin: 0; padding: 2px; background-color: Transparent; border: 0px; vertical-align: middle; text-align:left; } div.couponpopup td { padding:0px 0px 10px 0px; } div.couponpopup .tbl { width:100%; margin-top:10px; border-collapse:collapse; padding:0; } div.couponpopup .tblfields { width:235px; border-collapse:collapse; padding:0; } div.couponpopup .offer { width:520px; padding:0px 0px 10px 0px; font-size:11px; border-collapse:collapse; } div.couponpopup .offerlink { width:6px; height:26px; position:relative; top:0px; font-size:1.2em; margin-left:1px; padding-left:14px; background:url(/images_QFD/arrow_back_on.png) top left no-repeat; float:left; } div.couponpopup .offertext { color:#ffffff; position:absolute; top:-4px; width:200px; } div.couponpopup a.nothanks { font-size:1.0em; color:#ffffff; position:relative; top:5px;} div.couponpopup .textName { width:220px; } div.couponpopup .textEmail { width:220px; } div.couponpopup .textPhone { width:170px; } div.couponpopup .textPostal { width:120px; } div.redeemcoupon { background-color:white; position:absolute; top:0; bottom:0; left:0; right:0; text-align:left; border-collapse:collapse; } div.redeemcoupon_top { background-color:white; width:600px; text-align:left; border-collapse:collapse; } div.redeemcoupon_lower { background-color:white; margin-top:-2px; width:598px; border:solid; border-width:1px; border-color:#304c25; text-align:left; position:relative; } div.redeemcoupon_padding { padding:5px 20px 0 20px; } div.redeemcoupon_lower .left_fields { width:210px; float:left; border:none; vertical-align:top; } div.redeemcoupon_lower .right_fields { width:336px; border:none; vertical-align:top; } div.redeemcoupon .nbr { width:43px; text-align:left; margin-right:-10px;} div.redeemcoupon .dealername { font-size:11px; font-weight:bold; text-align:left; } div.redeemcoupon .dealeraddress { font-size:11px; text-align:left; padding-bottom:5px; } div.redeemcoupon .couponnbr { font-size:14px; font-weight:bold; text-align:center; } div.redeemcoupon .hurry { font-size:14px; font-weight:bold; text-align:center; } div.redeemcoupon_offer { margin-top:0px; width:558px; color:#000000; font-size:10px; font-weight:normal; text-align:left; text-transform:none} div.redeemcoupon_footer { margin-top:0px; width:598px; } div.redeemcoupon_line { background:url(/images_QFD/bcbec0_1x1.gif); height:1px; width:544px; } div.redeemcoupon .nodlrs { text-align:left; width:200px; vertical-align:middle; color:#000000; font-size:18px; font-weight:normal; } div.couponpopupHome_top { width:733px; background:url(/images_HNG/couponHome_top.gif) top left no-repeat; } div.couponpopupHome_top .pop_top { padding:5px 30px 5px 25px;} div.couponpopupHome_top h3 { margin:0px; color:#3fbe08; font-size:22px; font-weight:bold; text-transform:none; } div.couponpopupHome_lower { width:733px; background:url(/images_HNG/couponHome_bottom.gif) no-repeat bottom left; min-height:104px; } div.couponpopupHome_padding { padding:0px 25px 20px 25px; width:95%; } div.couponpopup .bdHome { margin-top:-8px; width:700px; color:#ffffff; font-size:14px; font-weight:normal; text-transform:none } div.couponpopup .labelHome { color:#ffffff; font-size:1.0em; margin:0; padding:0; padding-bottom:5px; } div.couponpopup .offerHome { width:650px; padding:0px 0px 10px 0px; font-size:11px; border-collapse:collapse; } div.couponpopup .offerlinkHome { position:relative; top:0px; font-size:1.2em; } div.couponpopupHome_top a.close { display:block; background:url(/images_HNG/couponHome_icon_x.png) no-repeat; width:13px; height:13px; text-indent:-999px; overflow:hidden; float:right; margin:5px -20px 0 0;} div.couponpopup a.closeHome { display:block; background:url(/images_HNG/couponHome_icon_x.png) no-repeat; width:13px; height:13px; text-indent:-999px; overflow:hidden; float:right; margin:5px -20px 0 0;} div.couponpopupHome_lower a.submit_bnt { display:block; float:left; margin-right:10px; background:url(/images_HNG/couponHome_submit_off.png) no-repeat; width:106px; height:26px; font-size:0px;} div.couponpopupHome_lower a.submit_bnt:hover { background:url(/images_HNG/couponHome_submit_over.png) no-repeat;} div.couponpopupHome_lower a.close_btn { background:url(/images_HNG/couponHome_close_bnt.png) no-repeat top left; height:24px; width:79px; display:inline-block; } div.couponpopupHome_top a:hover.close_btn { background-position:bottom left; } div.couponpopupHome_top .disclaimer_padding { padding:5px 35px 20px 27px; width:95%; } /*LANDING PAGE - GENERIC*/ div.generic { } div.generic .content { width:1007px; height:769px; background:url(/images_QFD/genericlandingpage_background.png) no-repeat top left; position:relative; top:70px; left:20px; } div.generic .headlinecenter { color:#3f3e30; text-align:left; font-size:14pt; margin-left:50px; padding-top:20px; line-height:10px; font-weight:bold; } div.generic .headlinecopycenter { width:907px; color:#000000; text-align:left; font-size:10pt; margin:0px 0 0 50px; line-height:10px; } div.generic .toprightimage { position:absolute; top:80px; left:40px; } div.generic .toprightheadline { color:#3f3e30; text-align:left; font-size:14pt; text-transform:uppercase; font-weight:bold; position:absolute; top:25px; left:40px; } div.generic select { background-color:White; } div.generic input { background-color:White; } div.generic .toprightcopy { position:absolute; top:80px; left:260px; color:#ffffff; text-align:left; font-size:10pt; width:260px; } div.generic .country { position:absolute; top:130px; left:260px; } div.generic .postal { position:absolute; top:158px; left:260px; height:20px; font-size:11.24pt; } div.generic .moreoptions { position:absolute; top:186px; left:260px; text-align:left; } div.generic .moreoptionslink { color:#3f3e30; font-size:8pt; text-decoration:underline; } div.generic .dlrbtn { position:absolute; top:214px; left:260px; } div.generic .finddlrurl { display:block; background:url(/images_QFD/find_dealer_bnt.png) no-repeat top left; width:144px; height:26px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} div.generic .imagetopleft { height:340px; } div.generic .sectiontopleft { width:378px; padding-top:20px; } /*div.generic .sectiontopright { width:549px; background:url(/images_QFD/genericlandingpage_locator_bkgd.png) no-repeat; position:relative; top:20px; left:-20px; }*/ div.generic .sectiontopright { width:549px; position:absolute; top:38px; left:410px; } div.generic .sectioncenter { width:1007px; vertical-align:top; position:relative; padding:0px 0 0px 0; } div.generic .sectionbottomleft { padding:0px 0 0 50px; vertical-align:top; width:33%; } div.generic .sectionbottomcenter { padding:0px; vertical-align:top; width:33%; } div.generic .sectionbottomright { padding:0px; vertical-align:top; width:33%; } div.generic .sectionbottomleftimage { background:url(/images_QFD/genericlandingpage_100coupon.png) no-repeat top left; } div.generic .sectionbottomleftimage2 { background:url(/images_QFD/genericlandingpage_product.png) no-repeat top left; } div.generic .sectionbottomcenterimage { background:url(/images_QFD/genericlandingpage_quickquote.png) no-repeat top left; } div.generic .sectionbottomrightimage { background:url(/images_QFD/genericlandingpage_getinspired.png) no-repeat top left; } div.generic .sectionbottomrightimage2 { background:url(/images_QFD/genericlandingpage_smallmap.jpg) no-repeat top left; } div.generic .subheading { color:#3f3e30; text-align:left; font-size:10pt; padding:0 0 8px 0; text-transform:uppercase; font-weight:bold; } div.generic .subheadingcopy { color:#000000; text-align:left; font-size:10pt; padding-left:100px; margin-top:-10px; width:180px; overflow:visible; vertical-align:text-top; } div.generic .url { color:#3f3e30; text-align:left; background:url(/images_QFD/arrow_next_on.png) no-repeat left center; height:17px; font-size:9pt; border-width:0px; float:left; padding-left:10px; padding-bottom:4px; font-weight:bold; text-transform:uppercase;} div.generic .sectioncenterline { background:url(/images_QFD/genericlandingpage_slashes.png); height:3px; margin:0 40px 0px 50px; } div.generic .subheadingline { background:url(/images_QFD/genericlandingpage_slashes.png); text-align:left; height:3px; width:270px; margin:3px 0 8px 0; } div.generic .contentcoupon { width:1007px; height:769px; background:url(/images_QFD/genericlandingpage_background_lrg.png) no-repeat top left; position:relative; top:70px; left:20px; } div.generic .sectiontopleftlrg { width:378px; height:360px; padding-top:40px; } div.generic .sectiontoprightlrg { width:549px; height:360px; position:absolute; top:38px; left:410px; } div.generic .toprightcopythin { position:absolute; top:60px; left:250px; color:#000000; text-align:left; font-size:10pt; width:280px; } div.generic .toprightboxes { position:absolute; top:135px; left:250px; color:#000000; text-align:left; font-size:10pt; width:280px; } div.generic .couponentrylabel { width:55px; height:17px; font-size:9pt; color:#000000; line-height:30px;} div.generic .textName { width:180px; height:17px; font-size:9pt;line-height:30px;} div.generic .textEmail { width:180px; height:17px; font-size:9pt;line-height:30px;} div.generic .textPhone { width:135px; height:17px; font-size:9pt;line-height:30px;} div.generic .textPostal { width:90px; height:17px; font-size:9pt;line-height:30px;} div.generic .couponchecktext { height:17px; font-size:9pt; color:#000000; } div.generic .couponentrychk { width:15px; padding:10px 0 0 0px; margin:0px; background:none; border:none; } div.generic .couponbtn { margin-top:15px; } div.generic .couponbtnurl { display:block; background:url(/images_QFD/submit_bnt.png) no-repeat top left; width:92px; height:26px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} div.disclaimer_padding { padding:5px 35px 20px 35px; width:90%; } /*HEARTH BY DESIGN*/ div.hearth_by_design { padding:0; margin:0; } /*PROMOTION LIST*/ div.promolist { font-size:1.1em; margin:0; padding:0; min-height:500px;} div.promolist td { vertical-align:top; margin:0px; padding:0px; } div.promolist img { vertical-align:top; margin:0px; padding:0px; } div.promolist div.nooffers { font-size:1.2em; font-style:italic; font-weight:bold; } /* *************************************** 2. 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.footerlink, a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:focus { text-decoration:none; font-weight:normal; font-size:0.9em; color:#010101; } a.footerlink:hover { text-decoration:underline; } a.orange_large { color:#8fb447; } 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:120px; height:20px; background:url(../images_QFD/btn_SeeFullDetails.png) top left no-repeat; padding:6px 0 0 14px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-transform:uppercase; } a.btn_SeeFullDetails:hover { background:url(../images_QFD/btn_SeeFullDetails.png) bottom left no-repeat; text-decoration:none; } a.btn_Save { display:block; cursor:pointer; width:43px; height:20px; background:url(../images_QFD/btn_Save.png) top left no-repeat; padding:6px 0 0 14px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-transform:uppercase; } a.btn_Save:hover { background:url(../images_QFD/btn_Save.png) bottom left no-repeat; text-decoration:none; } .btn_find_dealer { background-image:url(/images_QFD/btn_find_dealer.gif); 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;} /* for topnav dropdown menu */ div.ddm_col_dealer a.btn_find_dealer { display:block; background:url(/images_QFD/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;} div.ddm_col_dealer a.btn_find_dealer:hover { background:url(/images_QFD/btn_find_dealer.gif) top left no-repeat; } /* 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; } /* *************************************** 3. 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; } /* *************************************** 4. Site Specific Elements *************************************** */ FORM.full_page_media { text-align:left; width:100%; height:100%; } /* centers container, left aligns children */ .center980 { margin: 0px; padding: 0px; text-align: left; min-width: 980px; } .center960 { margin: 0 auto; padding: 0px; text-align: left; width: 980px; } /* Comapre Try */ .product_tray { width:100%; padding:0; text-align:left;} .tray_nav_wraper { background:url(/images_QFD/product_tray_bg.png) repeat-x; margin:0 0 -3px -30px; padding:4px 0 0 30px;} .product_tray_nav { padding:0 0 0 30px; margin:0 0 0px 0; position:relative; width:95%; height:30px; } .product_tray_nav p { background:url(/images_QFD/compare_bg.png) no-repeat; width:175px; height:28px; padding:7px 0 0px 143px; margin:0; position:absolute; top:-5px; left:143px; } .product_tray_nav p em { color:#304b25; font-style:normal;} .product_tray_nav p span { } .product_tray_nav p strong { display:none;} .product_tray_nav a.expand { background:url(/images_QFD/product_tray_expand_btn.png) no-repeat; width:114px; height:23px; display:block; text-indent:-999px; overflow:hidden;} .product_tray_nav a.expanded { background:url(/images_QFD/product_tray_expanded_btn.png) no-repeat; width:114px; height:23px; display:block; text-indent:-999px; overflow:hidden;} .product_tray_nav a.compare_btn { position:absolute; top:0; right:0; display:inline-block; text-indent:-999px; overflow:hidden; width:187px; height:23px; background:url(/images_QFD/compare_bnt_bg.png) no-repeat;} .product_tray_nav a:hover { background-position:bottom left;} .compare_bar_max { padding:19px 0; background:#fffee9;} .compare_bar_max p { padding:15px 24px 0 40px; font-size:90%; height:28px; float:left; display:inline-block; border-right: dotted 1px #333333; margin-right:20px;} .compare_bar_max ul { list-style:none; height:45px; padding:0px 20px; margin-top:-5px; float:left; } .compare_bar_max li { list-style:none; float:left; margin-right:10px; background-position:top left; border:1px solid #ccc;} .compare_bar_max li a { display:inline-block; background:none; padding:3px 3px 1px 3px; } .compare_bar_max li a:hover { background:#304b25;} .compare_bar_max li a img { margin:0; padding:0; line-height:0;} input.compare_bnt { background:url(/images_QFD/remove_bnt.png) top left no-repeat; height:26px; width:158px; overflow:hidden; border:none; outline:none; } input:hover.compare_bnt { background:url(/images_QFD/remove_bnt.png) bottom left no-repeat; } .compare_bar_min { height: 0px; overflow: hidden; } .tray_product_info { background:url(../images_QFD/tray_product_info_bg.png) repeat-x; text-align:center; color:#FFFFFF; margin:0 -30px -2px -30px; padding-bottom:7px; position:relative; } .tray_product_info p { padding:13px 0 7px 0; background:url(/images_QFD/product_info_p_bg.gif) no-repeat; background-position:bottom center; text-transform:uppercase; font-size:85%; color:#ffffff;} .tray_product_info p em { font-style:normal; color:#8fb447; display:inline-block; width:28px; text-align:center;} .tray_product_info p a { color:#ffffff;} .tray_info_l_end { position:absolute; top:0px; left:0; background:url(../images_QFD/tray_info_l_end.png) no-repeat; width:11px; height:37px;} .tray_info_r_end { position:absolute; top:0px; right:0; background:url(../images_QFD/tray_info_r_end.png) no-repeat; width:11px; height:37px;} /* sticks footer to the bottom of the viewport */ .page_wrapper { min-height:100%; height:auto !important; height:100%; margin:0 auto -28px; } .footer_push { } .nav_off { min-width:1020px; z-index:8; position:absolute; width:100%; top:0; left:0;} .nav_off .top_nav_left { float:left; width:230px; height:60px; background: url(/images_QFD/qf_header_top.png) top left no-repeat;} .nav_off .top_nav_right { margin-left:230px; height:60px; background: url(/images_QFD/qf_header_top.png) top right no-repeat;} .nav_on { min-width:1020px; z-index:10; position:absolute; top:0; left:0; width:100%;} .nav_on .top_nav_left { float:left; width:230px; height:316px; background: url(/images_QFD/qf_header_top.png) top left no-repeat;} .nav_on .top_nav_right { margin-left:230px; height:316px; background: url(/images_QFD/qf_header_top.png) top right no-repeat;} .nav_on .top_nav_bug { float:left; z-index: 12; position:absolute; top:0; left:0; margin-top:200px; margin-left:20px; } .header_btm_left { float:left; width:230px; height:6px; background: url(/images_QFD/qf_header_btm.png) top left no-repeat;} .header_btm_right { margin-left:230px; height:6px; background: url(/images_QFD/qf_header_btm.png) top right no-repeat;} .header_logo { float:left; width:204px; height:40px; margin:18px 0 0 15px; } /* //////// Breadcrumb //////// */ .breadcrumb_container { width:100%; height:0px; margin:0; padding:0; } .editorial_body .breadcrumb_container { background:url(/images_QFD/content_box_top.png) no-repeat; height:30px; width:auto; border:none; padding:32px 0 0 42px;} ul.breadcrumb { margin:4px 0 0 0; padding:0; height:20px; } ul.breadcrumb li { list-style:none; float:left; width:auto; margin:0 8px 0 0; font-size:0.9em; } ul.breadcrumb li a { color:#383626;} ul.breadcrumb li.previous a { color:#383626; border-right:1px #b0bf82 solid; padding:0 8px 0 0; } ul.breadcrumb li.current a { font-weight:bold; } .category_body ul.breadcrumb { position:absolute; top:113px; left:35px; height:30px;} ul.breadcrumb li span.orange {display:none;} /* --------------------------------------------------------------------------------- orange buttons - batteries included!! ------------------------------------------------------------------------------ */ a.btn_buildprice { display:block; background:url(/images_QFD/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_QFD/btn_orange_buildprice_on.png) top left no-repeat; width:123px; height:26px; } a.btn_view { display:block; background:url(/images_QFD/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_QFD/btn_orange_view_on.png) top left no-repeat; width:89px; height:26px; } a.btn_findadealer { display:block; background:url(/images_QFD/btn_orange_findadealer_over.png) top left no-repeat; width:193px; height:26px; margin:0; cursor:pointer; z-index:10000; } a:hover.btn_findadealer { background:url(/images_QFD/btn_orange_findadealer_off.png) top left no-repeat; width:193px; height:26px; } a.btn_findadistributor { display:block; background:url(/images_QFD/btn_orange_findadistributor_over.png) top left no-repeat; width:193px; height:26px; margin:0; cursor:pointer; z-index:10000; } a:hover.btn_findadistributor { background:url(/images_QFD/btn_orange_findadistributor_off.png) top left no-repeat; width:193px; height:26px; } /* Black cancel */ a.btn_cancel { display:block; background:url(/images_QFD/btn_grey_cancel_off.png) top left no-repeat; width:89px; height:26px; margin:0; cursor:pointer; } a:hover.btn_cancel { background:url(/images_QFD/btn_grey_cancel_on.png) top left no-repeat; } a.btn_go { display:block; background:url(/images_QFD/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_QFD/btn_go.png) bottom left no-repeat; width:48px; height:26px; } /* --------------------------------------------------------------------------------- top navigation links ------------------------------------------------------------------------------ */ ul.topnav_links { float:right; margin:8px 0 0 0; padding:0px; text-transform:uppercase; } ul.topnav_links li { list-style:none; float:left; text-align:left; margin-right:10px; } ul.topnav_links li a { color:#FFFFFF; font-weight:bold; font-size:1.05em; display:block; margin:10px 0px; text-decoration:none; } ul.topnav_links li a:hover { text-decoration:none; } /* --------------------------------------------------------------------------------- top navigation link dropdowns, one to cover the tab, one to display the dropdown ------------------------------------------------------------------------------ */ /* text for tab overlay, should be same for all */ p.tabddm { color:#ffffff; font-size:1.3em; margin:0; padding:0; position:absolute; top:11px; left:20px; } /* //////// DDM //////// */ .dd_menu { padding-top:10px; text-align:left; float:right; min-width:800px; } .site_search { width:230px; padding-left:20px; padding-top:50px; text-align:left; } /*Before Promo: padding-top:70px;*/ div.site_search p { color:#ffffff; } .ddm_col_prod { width:150px;} .ddm_col_ideas { width:164px;} .ddm_col_tools { width:163px;} .ddm_col_myheat { width:145px;} .ddm_col_dealer { width:165px; padding-left:10px; padding-top:5px;} a.arrow_link, a.arrow_link:link, a.arrow_link:visited, a.arrow_link:active, a.arrow_link:focus { text-decoration:none; background:url(/images_QFD/icn_arrow_link.png) top right no-repeat; padding:2px 10px 0px 0px; color:#ccc7b0; } a.arrow_link:hover { text-decoration:underline; background:url(/images_QFD/icn_arrow_link.png) top right no-repeat; padding:2px 10px 0px 0px; } ul.ddm_list_nav { margin:0px 0 10px 0; padding:0px 0px 0px 0px; } ul.ddm_list_nav li { list-style:none; } ul.ddm_list_nav li a { display:block; background:url(/images_QFD/nav_plus_icn.png) left no-repeat; color:#ffffff; font-size:1.0em; padding:4px 0px 4px 20px; } ul.ddm_list_nav li a:hover { display:block; background: #7e896b url(/images_QFD/nav_plus_icn_over.png) left no-repeat; text-decoration:none; padding:3px 0px 3px 20px; border-bottom:1px solid #98a692; border-top:1px solid #98a692; } /* --------------------------------------------------------------------------------- home page header image area ------------------------------------------------------------------------------ */ .home_image { width: 100%; height: 100%; margin: 0 auto; /*background-image:url(/images_QFD/qf_main_bg.jpg); background-repeat:no-repeat;*/ } .home_bg { position: absolute; width: 100%; height: 100%; overflow: hidden; background-color: #000000; text-align:left; } .home_bg .home_bg_img { position: absolute; width: 100%; overflow: hidden; } .home_bg_mover { text-align: left; } .fp_home_play_indicator { height: 455px; width: 100%; background-image: url(/images_QFD/prodslides_video_indicator.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; cursor: hand; } .play_indicator { background-image: url(/images_QFD/prodslides_video_indicator.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; cursor: hand; } .branded_product_detail_play_indicator { position: absolute; cursor: pointer; cursor: hand; } .home_image_topbar { width:100%; height:32px; background:url(/images_QFD/header_grey_top_bg.png) top left repeat-x; } .home_top_bar_content { } .account_icon { margin:6px 0 0 0; } .search_home { height:31px; margin:0; padding:0 8px; border-left:1px solid #9b9996; border-right:1px solid #9b9996; } .search_icon { position:relative; top:6px; } .search_home_button { width:48px; height:31px; padding:1px 0 0 0; border-right:1px solid #9b9996; } a.search_button_go { display:block; background:url(/images_QFD/btn_search_button.png) top left no-repeat; width:28px; height:26px; font-size:0; line-height:25px; } a:hover.search_button_go { display:block; background:url(/images_QFD/btn_search_button.png) bottom left no-repeat; width:28px; height:26px; font-size:0; line-height:25px; } .home_image_btmbar { width:100%; height:40px; background:url(/images_QFD/header_grey_btm_bg.png) top left repeat-x; margin:383px 0 0 0; color:#FFFFFF; font-size:1.3em; font-weight:normal; } .home_btm_bar_content { height:26px; position:relative; top:6px; } ul.image_switcher_toggle { margin:0px; padding:0px; } ul.image_switcher_toggle li { list-style:none; float:left; width:12px; height:20px; margin:0 8px 0 0; padding:0px; } ul.image_switcher_toggle li.off a { display:block; width:12px; height:20px; background:url(/images_QFD/icon_fphome_image_switcher_off.png) top left no-repeat; } ul.image_switcher_toggle li.off a:hover { display:block; width:12px; height:20px; background:url(/images_QFD/icon_fphome_image_switcher_on.png) top left no-repeat; } ul.image_switcher_toggle li.on a { display:block; width:12px; height:20px; background:url(/images_QFD/icon_fphome_image_switcher_on.png) top left no-repeat; } ul.image_switcher_toggle li.on a:hover { display:block; width:12px; height:20px; background:url(/images_QFD/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 */ /* --------------------------------------------------------------------------------- Featured Editor Review row w/hovers ------------------------------------------------------------------------------ */ .featured_editor_reviews { width:100%; height:100px; background:url(/images_QFD/feature_review_bar_bg.png) top left repeat-x; z-index:100; margin:0px; padding:0px; } .editor_review_intro { width:230px; height:80px; float:left; margin:0 10px 0 0; padding:0px; } .editor_review_container { width:670px; margin:0px; padding:0px; float:left; overflow:hidden; } ul.featured_editor_review_slots { width:1000px; height:90px; margin:4px 0 0 4px; padding:0px; float:left; } ul.featured_editor_review_slots li { width:108px; height:80px; list-style:none; float:left; margin-right:31px; background:url(/images_QFD/editor_review_slot_bg.png) top left no-repeat; } ul.featured_editor_review_slots li.last { width:108px; height:80px; list-style:none; float:left; margin-right:0px; background:url(/images_QFD/editor_review_slot_bg.png) top left no-repeat; } ul.featured_editor_review_slots li img { margin:1px 0 0 4px; } .editor_rotator_arrow_left { width:9px; height:13px; position:relative; top:40px; margin:0px 8px; padding:0; } .editor_rotator_arrow_right { width:9px; height:13px; position:relative; top:40px; margin:0 0 0 8px; padding:0; } /* --------------------------------------------------------------------------------- HNG - Homepage Body content ------------------------------------------------------------------------------ */ .home_body { width:100%; margin:0px auto 0 auto; z-index:90; text-align:left; } .overlay {position:absolute; } .overlay TD.tl {background-image:url(/images_QFD/pof_tl.png); background-repeat:no-repeat; font-size:0px;} .overlay TD.tm {background:url(/images_QFD/pof_tm.png) top left no-repeat; font-size:0px;} .overlay TD.tr {background-image:url(/images_QFD/pof_tr.png); background-repeat:no-repeat; font-size:0px;} .overlay TD.ml {background:url(/images_QFD/pof_ml.png) bottom left no-repeat;} .overlay TD.mm {background:url(/images_QFD/pof_mm.png) bottom right no-repeat;} .overlay TD.mr {background:url(/images_QFD/pof_mr.png) bottom right no-repeat;} .overlay TD.bl {background-image:url(/images_QFD/pof_bl.png); background-repeat:no-repeat;} .overlay TD.bm {background:url(/images_QFD/pof_bm.png) bottom right no-repeat; } .overlay TD.br {background-image:url(/images_QFD/pof_br.png); background-repeat:no-repeat; } .table_mid_content {margin-top:-30px; margin-left:-15px; min-height:100px;} .table_mid_content P, .fixed_content p { color:#6b6a5b; font-size:1.1em;} .fixed_content p { padding:0; margin:0; line-height:1.em;} .btn_pof, .fixed_content a { background-image:url(/images_QFD/btn_power_of_four.png); width:285px; height:36px; background-repeat:no-repeat; color:#6b6a5b; padding-top:6px; padding-left:12px; margin-top:10px; font-size:0.85em; text-transform:uppercase; font-weight:bold; display:block;} .btn_pof a { text-transform:uppercase; font-weight:bold; } .features_shell {border:1px solid #918c78; margin-left:-15px; margin-right:5px; margin-top:10px;} .dotted_divider { background:url(../images_QFD/dotted_divider.png) top left repeat-x; margin-left:-15px; margin-right:5px; height:1px;} .features_btn { border-right:1px solid #6c6b5c; padding:3px 15px 4px 15px; margin: 4px 0px; display:block;} .features_btn_on { background-image: url(../images_QFD/feat_btn_on.png); background-repeat:no-repeat; width:45px; height:30px;} .features_btn_last { padding:3px 15px 4px 15px; margin: 4px 0px; display:block;} a.featureslink, a.featureslink:link, a.featureslink:visited, a.featureslink:active, a.featureslink:focus, { text-decoration:none; font-weight:bold; font-size:0.9em; color:#6b6a5b; } a.featureslink:hover { text-decoration:underline; } .features_title {padding:3px 15px 4px 15px; margin: 4px 0px; display:block; color:#3f3e30; text-transform:uppercase; font-size:0.9em; font-weight:bold;} .fixed_content h4 { color:#304c25; border-bottom:1px dotted #304c25; padding:0 0 5px 0; margin:0; font-weight:bold; font-size:130%;} .fixed_content img {float:left; background:url(../images_QFD/fixed_img_bg.gif) no-repeat; padding:5px; margin-right:10px;} .head_option h4 { float:left; padding:1px 8px 0 0px; color:#6b6a5b; font-size:1.1em; font-weight:bold; margin:0; border:none;} .head_option p { } .head_option a { clear:both; } .fixed_box { width:472px; background:url(../images_QFD/home_fixed_top.png) no-repeat; padding-top:40px; position:absolute; top:360px; left:0;} .fixed_content { padding:0 41px 10px 44px; background:url(../images_QFD/home_fixed_divider.png) no-repeat; background-position:bottom left; text-align:left;} .fixed_divider { background:url(../images_QFD/home_fixed_bg.png) no-repeat;} .fixed_lower { height:71px; background:url(../images_QFD/home_fixed_lower.png) no-repeat; padding:3px 41px 0 45px;} /* --------------------------------------------------------------------------------- Footer content ------------------------------------------------------------------------------ */ .footer { z-index:10; position:fixed; bottom:0px; left:0; width:100%; min-width:860px; } .footer_left { float:left; height:28px; width:300px; background: url(/images_QFD/footer_bg.gif) top left no-repeat;} .footer_right { margin-left:300px; height:28px; background: url(/images_QFD/footer_bg.gif) top right no-repeat;} .footer_link { padding:6px 9px 0px 9px;} .footer_link_last { padding:6px 10px 0px 9px;} .footer_link_separator { padding:23px 6px 0px 6px; 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 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_QFD/btn_close.png) top left no-repeat; } div.popup_window_header a.btn_close:hover { background:url(/images_QFD/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; } /* --------------------------------------------------------------------------------- QFP - Category T3 ------------------------------------------------------------------------------ */ /* ported from FP, not sure why this structure was NOT maintained! */ ul.grey_light_subnav { margin:14px 0 0 0; padding:0; } ul.grey_light_subnav li { list-style:none; float:left; width:auto; height:23px; margin:0 0 0 8px; } ul.grey_light_subnav li a.subnav_grey_light_compare { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_compare_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_compare { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_compare_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_email { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_email_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_email { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_email_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_save { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_save_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_save { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_save_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_print { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_print.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_print { width:89px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_print.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_share { width:79px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_share_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_share { width:79px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_share_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_back { width:109px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_back_off.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_back { width:109px; height:26px; display:block; background:url(/images_FP/grey_light_subnav_back_on.png) top left no-repeat; } /* END Port from FP */ /*Altered to remove scrolling on product browse & finder page*/ /*.category_body { text-align:left; width:97%; margin:0 0 0 16px; padding:65px 16px 0 3px; height:695px; position:relative; background:url(/images_QFD/bott_cat.png) no-repeat; background-position:bottom right; }*/ .category_body { text-align:left; width:97%; margin:0 0 0 16px; padding:65px 16px 50px 3px; min-height:695px; position:absolute; background:url(/images_QFD/bott_cat.png) no-repeat; background-position:bottom right; } /*Added to provide background on product browse & finder page*/ .category_body_bgcolor { display:block; background-color:#e1e0cc; position:absolute; top:180px; left:0px; right:17px; bottom:595px; } .category_body_bgborder { display:block; position:absolute; top:180px; left:3px; right:20px; bottom:595px; padding:10px 0px; border-left:1px solid #9b947f; border-right:2px solid #d0cab4; z-index:0; } .cat_top_bar { width:100%; background:url(../images_QFD/top_cat_bg.png) no-repeat; z-index:100; margin:0 0 0 -18px; padding:75px 0 50px 15px; } /* OLD style .cat_pager_bar_right_end { display:block; background:url(../images_QFD/cat_top_r.png) no-repeat top right; width:20px; height:92px; position:absolute; top:97px; right:17px; z-index:99; } .cat_pager_bar_left_end { display:block; background:url(../images_QFD/cat_bottom_l.png) no-repeat; width:14px; height:100px; position:absolute; bottom:41px; left:0px; } */ .page_corner_left { display:block; background:url(../images_QFD/cat_bottom_l.png) no-repeat; width:14px; height:100px; position:absolute; bottom:41px; left:0px; z-index:1; } .page_corner_right { display:block; background:url(../images_QFD/cat_top_r.png) no-repeat top right; width:20px; height:92px; position:absolute; top:97px; right:17px; z-index:1; } .cat_pager_bar { background:url(../images_QFD/cat_pager_bar.gif) repeat-x; top:275px; left:260px; right:40px; position:absolute;height:28px; z-index:1; padding:0px; border:1px solid #c3c2af; position:absolute; } .cat_pager_content { padding-top:4px; color:#FFFFFF; background:url(../images_QFD/pager_right.png) no-repeat; background-position:top right; height:25px; color:#ffffff; font-weight:bold; font-size:0.9em; text-transform:uppercase; padding-right:6px; } div.cat_pager_content input { height:12px; padding:2px 0 2px 2px; width:16px; background:#ffffff; color:#000000; } .prod_matching { background:url(../images_QFD/pager_left.png) no-repeat; height:25px; color:#d0cfbc; font-weight:bold; font-size:0.9em; text-transform:uppercase; padding: 7px 0 0 20px; } a.pager, a.pager:link, a.pager:visited, a.pager:active, a.pager:focus { text-decoration:none; font-weight:bold; font-size:1.3em; color:#FFFFFF; padding:0px 7px; } a.pager:hover { text-decoration:underline; color:#304b25; text-decoration:none; } /* Header Intro */ .category_type_intro { position:absolute; text-align:left; width:870px; height:120px; margin:0px 0px 0 256px;} .category_type_intro_col1 { width:202px; padding:6px 0; background:url(../images_QFD/border_vertical.png) top right repeat-y; } .category_type_intro_col2 { width:460px; padding:0px 20px; } .category_type_intro_col1 h3 { font-size:1.5em; color:#3f3e30; } .category_type_intro_col2 p { line-height:1.4em; color:#3f3e30; font-size:1.0em; } /*PRODUCT CATEGORY EDITORIAL PAGE*/ .category_edit_intro { position:absolute; text-align:left; width:870px; height:120px; margin:0px 0px 0 256px;} .category_edit_intro_col1 { width:202px; padding:6px 0; } .category_edit_intro_col1 h3 { font-size:1.5em; color:#3f3e30; } .category_edit_content { position:absolute; text-align:left; width:870px; height:120px; margin:100px 0px 0 256px; } .category_edit_content p { display:block; color:#3f3e30; } .category_edit_content a { display:block; color:#304b25; } .category_main_bg { text-align:left; width:100%; margin:0px; padding:10px 0px; z-index:90; border-left:1px solid #9b947f; } #detailOverviewContent ul.share_list { position:absolute; top:83px; left:60px; z-index:9; } ul.share_list { margin:0px; padding:0 0 0 22px; text-transform:uppercase; } ul.share_list li { list-style:none; float:left; padding:0 2px; } ul.share_list li a { display:block; float:none !important; color:#6b6a5b; font-weight:bold; font-size:90%; width:105px; height:15px !important; background-image:url(../images_QFD/btn_oview_compare.png); background-repeat:no-repeat top left; padding:5px 0px 6px 35px !important; } ul.share_list li a:hover { text-decoration:none; color:#FFFFFF; background-position:bottom left; } ul.share_list li.share a { background-image:url(../images_QFD/btn_oview_share.png); background-repeat:no-repeat; } ul.share_list li.email a { background-image:url(../images_QFD/btn_oview_email.png); background-repeat:no-repeat; } ul.share_list li.save a { background-image:url(../images_QFD/btn_oview_save.png); background-repeat:no-repeat; } .toolbox_shell { float:left; width:230px; position:absolute; z-index:9; padding-left:23px; margin:20px 0 0 -15px; background:url(/images_QFD/toolbox_shell.png) no-repeat; background-position:37px 44px; } .category_main_bg .toolbox_shell { margin-top:-10px; } .prod_detail_body .toolbox_shell, .prod_detail_body .toolbox_btm, .prod_detail_body .toolbox_top { background:none; } .toolbox_top { background:url(/images_QFD/toolbox_top.png) no-repeat; padding:21px 11px 0px 21px; font-size:0.9em; } .toolbox_btm { background:url(/images_QFD/toolbox_bottom.png) no-repeat; height:39px; margin:0 0 -39px 13px; } .toolbox_prod_content { color:#FFFFFF; width:184px; clear:both; margin:0px 4px; } .toolbox_btn_content { color:#FFFFFF; clear:both; padding:0 0 0 5px; } .toolbox_btn_content_noborder { background:url(/images_QFD/specs_btm.png) bottom left no-repeat; color:#FFFFFF; clear:both; } /* tab buttons */ .toolbox_tab_1_off { background:url(/images_QFD/toolbox_tab_browse_off.png) no-repeat; width:87px; height:24px; cursor:pointer; text-align:center; padding-top:6px; color:#ffffff; font-size:0.9em; } .toolbox_tab_1_off a, .toolbox_tab_2_off a {color:#FFFFFF; font-weight:bold;} .toolbox_tab_1_on { background:url(/images_QFD/toolbox_tab_browse_on.png) no-repeat; width:87px; height:24px; cursor:pointer; text-align:center; padding-top:10px; color:#666666;font-size:0.9em; } .toolbox_tab_1_on a, .toolbox_tab_2_on a {color:#666666; font-weight:bold;} .toolbox_tab_2_off { background:url(/images_QFD/toolbox_tab_hf_off.png); background-repeat:no-repeat; width:111px; height:24px; cursor:pointer; text-align:center; padding-top:6px; color:#FFFFFF;font-size:0.9em; } .toolbox_tab_2_on { background:url(/images_QFD/toolbox_tab_hf_on.png); background-repeat:no-repeat; width:111px; height:24px; cursor:pointer; text-align:center; padding-top:6px; color:#666666;font-size:0.9em; } .toolbox_title { padding:7px 15px; color:#3f3e30; } div.toolbox_title img { position:absolute; left:180px; }/* as long as the toollbox does NOT move position from the left side of the page, this worx! */ .tb_prod_top { } .tb_prod_mid { background:#808c6e; border:1px solid #666666; padding:5px 0 0 0; font-size:0.9em; } .tb_prod_btm { } .prod_title { color:#3f3e30; font-weight:bold; font-size:1.0em; padding:4px 0px 4px 13px; border:1px solid #a0a992; margin:0 3px;} div.tb_prod_mid .prod_title { color:#FFFFFF; text-transform:uppercase; } div.tb_prod_mid .prod_title img { position:absolute; left:180px; }/* as long as the toollbox does NOT move position from the left side of the page, this worx! */ .finder .toolbox_shell { margin-top:-20px; } .finder .products { margin-top:0; } #browse_on { min-height:33px; } .finder_text h2 { color:#3f3e30; font-size:1.3em; font-weight:bold; float:left; margin-right:25px; } .finder_text .welcome_text { margin:0px 0 10px 0; width:370px; float:left; } p.criteria { border-bottom:1px dotted #a6a593; border-top:1px dotted #a6a593; padding:3px; width:98%; clear:both; } p.criteria em { font-style:normal; color:#95b750; } .category_browser_hearthfinder { text-align:left; } .category_browser_hearthfinder h5 { font-size:1.1em; color:#304c25; margin:0 0 12px 0; padding:0; text-transform:uppercase; font-weight:bold; } .category_browser_hearthfinder a.submit-form-ddmproductfilter { font-size:1.0em; color:#304c25; margin:0 0 12px 0; padding:0; text-transform:uppercase; font-weight:bold; text-decoration:none; } input.refine_box { background:url(/images_QFD/icon_search_input.png) top right no-repeat; margin:0; padding:2px; width:85%; } input.refine_box:focus { background:#fff;} .finder_item_wrapper { border-top:1px solid #aeab98; padding:8px 10px; margin:0 0 0 -2px; background:url(../images_QFD/dotted_divider.png) repeat-x 0px 2px;} /* hack for colors on open titles */ .finder_open span { color:#acacac; } div.finder_open div.finder_tog a { color:#fa7319; } .category_browser_hearthfinder .finder_open span { color:#304C25; } div.top_finder { border:none; background:none;} .category_browser_hearthfinder fieldset { border:none; padding:0; margin:0; display:block;} .category_browser_hearthfinder select { border:1px solid #999; margin:0; padding:0; width:100%; background:#304b25; color:#FFFFFF; } .category_browser_hearthfinder select option { background:#304b25; color:#FFFFFF; } .category_browser_hearthfinder select option:hover, .category_browser_hearthfinder select option:focus { background:#000000; color:#FFFFFF; } .category_browser_hearthfinder .finder_close fieldset, .finder_option { display:none;} a.finder_tog { color:#304c25; font-size:1.1em; font-weight:bold; display:block; background:url(/images_QFD/finder_tog_up.png) no-repeat right 1px; margin-bottom:12px; text-transform:uppercase; min-height:20px;} a.finder_tog:hover { text-decoration:none;} .finder_close a.finder_tog { background:url(/images_QFD/finder_tog_down.png) no-repeat right 1px; display:block; margin-bottom:5px;} .finder_option { margin-top:20px;} .category_browser_hearthfinder label { width:45%; display:inline-block; color:#6b6a5b; text-transform:uppercase;} .category_browser_hearthfinder label.one_column { width:95%; display:inline-block; color:#6b6a5b; text-transform:uppercase; font-size:0.8em; } #price-range, #heat-range { width:170px;} input#amount, input#output { border:none; background:none; color:#6b6a5b; font-size:0.9em; width:100%; padding:0; margin:0;} .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 10px; cursor: default; background:url(/images_QFD/slider_pointer_icon.png) no-repeat; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; background:url(/images_QFD/slider_bg.png) no-repeat; } .ui-slider-horizontal .ui-slider-handle { top: 3px; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } ul.prod_link { margin:0 3px 3px 3px; padding:4px 0px 4px 0px; font-size:1.2em; border:1px solid #a0a992; border-top:none; } ul.prod_link li { list-style:none; padding:0px 0px 0px 0px; margin:0px; } ul.prod_link li a { display:block; color:#fff; font-weight:normal; padding:2px 0px 2px 25px; border-top: 1px solid #808c6e; border-bottom: 1px solid #808c6e;} ul.prod_link li a:hover { display:block; background-color:#4c623e; border-top:1px solid #a0a992; border-bottom: 1px solid #a0a992; text-decoration:none; padding:2px 0px 2px 25px; } a.prod_link_arrow, a.prod_link_arrow:link, a.prod_link_arrow:visited, a.prod_link_arrow:active, a.prod_link_arrow:focus { text-decoration:none; } a.prod_link_arrow:hover { text-decoration:underline; background:url(/images_QFD/icn_prod_arrow.png) top left no-repeat; } .tb_prod_btn { background-image:url(/images_QFD/btn_prod_off.png); background-repeat:no-repeat; width:184px; height:28px; cursor:pointer; margin-top:6px;} .tb_prod_btn_on { background-image:url(/images_QFD/btn_prod_on.gif); background-repeat:no-repeat; width:184px; height:28px; cursor:pointer; margin-top:6px;} .tb_prod_alt_btn { background-image:url(/images_QFD/btn_prod_alt_off.png); background-repeat:no-repeat; width:184px; height:28px; cursor:pointer; } .tb_prod_alt_btn_on { background-image:url(/images_QFD/btn_prod_alt_on.gif); background-repeat:no-repeat; width:184px; height:28px; cursor:pointer; color:#FFFFFF !important;} .tb_prod_btn .toolbox_title, .tb_prod_alt_btn .toolbox_title { padding:7px 0px 8px 15px; font-size:0.92em; font-weight:bold; text-transform:uppercase; } .tb_prod_btn_on .toolbox_title, .tb_prod_alt_btn_on .toolbox_title { padding:7px 0px 8px 15px; font-size:0.92em; color:#FFFFFF !important; font-weight:bold; text-decoration:none; text-transform:uppercase; } .tb_prod_btn .toolbox_title a { display:block; font-weight:bold; text-transform:uppercase; text-decoration:none; } .tb_prod_btn_on .toolbox_title a { display:block; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#FFFFFF !important; } /*.tb_prod_btn_on.toolbox_title a:hover { padding:7px 0px 8px 15px; font-weight:bold; text-transform:uppercase; text-decoration:none; display:block; color:#FFFFFF !important;}*/ /*Altered to remove scrolling on product browse & finder page*/ /*.products { margin:110px 8px 0 280px; right:20px; padding:0 0 0 6px; clear:right; height: 375px; overflow: auto; position:relative; }*/ .products { margin:110px 8px 0 280px; right:20px; padding:0 0 0 6px; clear:right; position:relative; overflow: hidden; } /*Altered to remove scrolling on product browse & finder page*/ /*.prod_bg_shell { background-image:url(/images_QFD/prod_bg.png); background-repeat:no-repeat; width:162px; height:129px; float:left; padding-right:5px; padding-bottom:20px; padding-top:8px; padding-left:8px; }*/ .prod_bg_shell { background-image:url(/images_QFD/prod_bg.png); background-repeat:no-repeat; width:162px; height:129px; float:left; padding-right:5px; padding-bottom:30px; padding-top:8px; padding-left:8px; } .prod_hover_shell { position:absolute; top:100px; left:200px; z-index:100; text-align:left;} .pu_prod_top { background-image:url(/images_QFD/pu_product_top.png); background-repeat:no-repeat; width:385px; padding-top:20px;} .pu_prod_btm { background-image:url(/images_QFD/pu_product_btm.png); background-repeat:no-repeat; width:385px; height:25px; } .pu_prod_img_bg { width:206px; height:186px; margin: 0 0 0 138px; padding:8px 0 0 10px; border:1px solid #657353;} .pu_prod_details { float:left; width:108px; color:#FFFFFF; padding:0px 10px 0px 15px;} .pu_prod_details p { color:#FFFFFF; } .pu_prod_details .orange { color:#90b447; font-weight:bold; text-transform:uppercase;} .pu_prod_details_title { font-size:1.3em; padding-bottom:8px; font-weight:bold;} .prod_hover_links { margin:10px 13px 0px 11px; padding:5px 5px 0px 5px; font-size:0.9em; background:url(../images_QFD/pu_links_bg.png) no-repeat; } .prod_hover_links a { text-decoration:none; font-weight:bold; color:#ffffff; background:url(../images_QFD/prod_hover_links_bg.png) no-repeat; height:12px; background-position:top left; display:inline-block; padding:7px 0; text-align:center; width:82px; } .prod_hover_links a.highlight { text-decoration:none; font-weight:bold; color:#ffffff; background:url(../images_QFD/btn_pu_highlight.png) no-repeat; height:12px; background-position:top left; display:inline-block; padding:7px 0; text-align:center; width:102px; } .prod_hover_links a.save { text-decoration:none; font-weight:bold; color:#ffffff; background:url(../images_QFD/btn_pu_save.png) no-repeat; height:12px; background-position:top left; display:inline-block; padding:7px 0; text-align:center; width:57px; } .prod_hover_links a:hover { text-decoration:none; background-position:bottom left; } .prod_hover_links a span.orange { display:none;} .prod_hover_links a.prod_link_checkbox:link, .prod_hover_links a.prod_link_checkbox:hover, .prod_hover_links a.prod_link_checkbox { background:url() no-repeat;/* margin-left:11px;*/ padding:2px 0 4px 0; } /* Product Description Popup Window - based on Dealer Locator */ .prod_desc_popup { width:1004px; height:662px; text-align:left; position:absolute; z-index:90001; } .prod_desc_popup_header { width:1004px; height:85px; background:url(/images_QFD/prod_desc_popup_top_bg.png) top left no-repeat; } .prod_desc_popup_body { width:1004px; height:458px; background:url(/images_QFD/dealer_locator_popup_bg_mid.png) bottom left no-repeat; } div.prod_desc_popup_header .popup_btn_close { float:right; margin:38px 30px 0 0; width:75px; height:28px; } div.prod_desc_popup_header a.btn_close { display:block; width:82px; height:26px; background:url(/images_QFD/btn_close.png) top left no-repeat; } div.prod_desc_popup_header a.btn_close:hover { background:url(/images_QFD/btn_close.png) bottom left no-repeat; } .prod_desc_popup .logo_slot_popup { width:202px; height:29px; padding-top:6px; position:relative; top:32px; left:40px; border-right:1px solid #d9d9d9; } .prod_desc_popup .popup_title { margin:18px 0 0 40px; width:600px; height:40px; } .prod_desc_popup .popup_title h1 { font-size:2.3em; font-weight:normal; } .prod_desc_popup .popup_column_left { position:absolute; width:252px; height:430px; margin:-10px 0 0 18px; background:url(../images_QFD/dealer_leftnav_base_bg_alt.png) top left no-repeat; z-index:1001; } .prod_desc_popup .popup_column_right { position:absolute; width:705px; margin:10px 0 0 270px; padding:0; height:auto; z-index:90000;} .prod_desc_popup .popup_column_right .autoscroller_prod_desc { height:440px; overflow:auto; } .prod_desc_popup .popup_column_left ul.left_col_link_arrow { width:200px; margin:26px 0 0 26px; padding:0; } .prod_desc_popup .popup_column_left ul.left_col_link_arrow li.off { list-style:none; margin:0; padding:10px 0 8px 18px; background:url(/images_QFD/prod_desc_leftnav_off.png) left no-repeat; font-size:0.8em; } .prod_desc_popup .popup_column_left ul.left_col_link_arrow li.on { list-style:none; margin:0; padding:10px 0 8px 18px; background:url(/images_QFD/prod_desc_leftnav_on.png) left no-repeat; font-size:0.8em; } .prod_desc_popup .popup_column_left ul.left_col_link_arrow li img { display:none;} .prod_desc_popup .popup_column_left ul.left_col_link_arrow li.off a { color:#3f3e30 !important; font-weight:bold !important; text-transform:uppercase;} .prod_desc_popup .popup_column_left ul.left_col_link_arrow li.on a { color:#ffffff !important; font-weight:bold !important; text-transform:uppercase;} /* Footer for description window fix?? */ .prod_desc_popup_footer { width:1004px; height:21px; background:url(/images_QFD/dealer_locator_popup_bg_btm.png) bottom left no-repeat;} /* 2 column body */ .prod_desc_popup .prod_desc_col_left { float:left; width:260px; height:400px; margin:0 0 0 24px; padding:10px 0 0 0; } .prod_desc_popup .prod_desc_col_right { float:left; width:664px; height:400px; margin:0 0 0 24px; padding:10px 0 0 0; } .prod_desc_popup .autoscroller_prod_desc { height:450px; overflow:auto; } .prod_desc_popup .autoscroller_prod_desc h3 { margin:0 0 20px 0; padding:0; font-size:1.3em; color:#505050; } .prod_desc_popup .autoscroller_prod_desc p { color:#3f3e30; font-size:1.0em; line-height:1.2em; margin:0 0 20px 0; } .autoscroller_prod_desc div.description_block { margin:0 0 20px 0; } .autoscroller_prod_desc div.description_block span.title { color:#304c25; font-size:1.0em; font-weight:bold; } .autoscroller_prod_desc div.description_block span.inline_pipe { color:#3f3e30; padding:0px 10px; } .autoscroller_prod_desc div.description_block p { display:inline; color:#3f3e30; font-size:1.0em; } .prod_desc_popup .prod_desc_col_left h2, .prod_desc_popup .prod_desc_col_left p { margin:17px 0 0 16px; } .prod_desc_popup .prod_desc_col_left .form_item { margin:10px 0 0 16px; } .prod_desc_popup .prod_desc_col_left select.ddm_form_row_multi { width:180px; margin:0 6px 10px 0; background-color:#FFFFFF; } .prod_desc_popup .prod_desc_col_left .btn_placeholder { margin:20px; } ul.left_col_link_arrow { width:219px; margin:0 0 0 -1px; padding:0; } ul.left_col_link_arrow li.off { list-style:none; margin:0; padding:10px 0 8px 18px; color:#000000; font-size:1.2em; font-weight:normal; background-color:none; } ul.left_col_link_arrow li.on { list-style:none; margin:0; padding:10px 0 8px 18px; color:#000000; font-size:1.2em; font-weight:normal; background-color:#DDDDDD; } ul.left_col_link_arrow li img { margin:0; padding:0; float:left; margin:1px 10px 0 0; width:9px; height:13px; } /* .category_toggle_info { float:right; margin:8px 26px 0 0; } */ img.category_toggle_info { float:right; margin:8px 26px 0 0; } div.prod_title a img.category_toggle_info { float:right; margin:2px 0 0 12px;} /* --------------------------------------------------------------------------------- QFD - Product Detail Body content ------------------------------------------------------------------------------ */ /* added for sectioning off modules in Heatilator */ .modular_container { } .prod_detail_image { width: 100%; height: 100%; margin: 0 auto; background-image:url(/images_QFD/qf_prod_detail_bg.jpg); background-repeat:no-repeat; } .prod_detail_body { width:100%; margin:0px auto 0 auto; z-index:9; text-align:left; position:relative; } .specs_shell {width:214px; margin:0px 65px 0px 8px; background-color:#e1e0cc; border:1px solid #9d9a89;} .specs_glance {color:#894518; width:263px; height:30px; padding:88px 0 0 25px; background:url(/images_QFD/specs_top.png) top left no-repeat;} .specs_top { background:url(../images_QFD/dotted_divider.png) top left repeat-x; height:1px; margin:4px 4px 0px 4px;} .specs_white_mid { color:#6b6a5b; padding:5px 10px; font-size:1.1em;} .specs_white_btm { width:200px; height:2px;} .specs_mid { padding:5px 10px 5px 10px; margin:0px 4px; background:url(../images_QFD/dotted_divider.png) top left repeat-x;} .specs_mid_content_left { float:left; width:72px; color:#3f3e30; text-transform:uppercase; font-size:1.0em; font-weight:bold;} .specs_mid_content_right {float:left; width:114px; text-align:right; font-size:0.9em; color:#6b6a5b;} .specs_mid_content_right IMG {padding-left:5px;} .specs_mid_content_left_wide { float:left; width:90px; color:#3f3e30; text-transform:uppercase; font-size:1.0em; font-weight:bold;} .specs_mid_content_right_narrow {float:left; width:96px; text-align:right; font-size:0.9em; color:#6b6a5b;} .pointer { cursor:pointer; cursor:hand; } .pad_top_10 { padding-top:7px; } .pad_top_5 { padding-top:5px; } .specs_btm { padding-top:5px;} .specs_thumbnail_icn { padding: 8px 0px 0px 7px; } .tb_prod_alt_btn .images_paging { padding:7px 0 0 0; color:#737373; float:left;} .tb_prod_alt_btn_on .images_paging { padding:7px 0 0 0; color:#FFFFFF;} .toolbox_btn_content_noborder { background:url(/images_QFD/specs_btm.png) bottom left no-repeat; color:#FFFFFF; width:263px; padding:8px 0px 8px 24px; min-height:220px; clear:both;} .prod_detail_shell, #detailOverviewContent { width:838px; position:absolute; left:287px; top:40px; z-index:10;} .prod_detail_top, .product_detail_header {background-image:url(/images_QFD/qf_prod_detail_bg_top.png); width:749px; height:124px; padding:47px 0 0 84px;} .product_detail_header h2 { color:#304b25; margin:0; padding:0; font-weight:bold; text-transform:uppercase;} .product_detail_header h2 em { font-size:60%; color:#666666; font-style:normal; font-weight:normal; text-transform:none;} .prod_subnav { position:absolute; top:119px; left:51px; } .prod_subnav li { list-style:none; float:left; padding:0; margin:0;} .prod_subnav li a { width:176px; height:44px; display:block; text-indent:-999px; overflow:hidden; background-position:top left;} .prod_subnav li a:hover, .prod_subnav li.on a { background-position:bottom left;} .overview a { background:url(/images_QFD/tab_overview.png) no-repeat;} .features a { background:url(/images_QFD/tab_features.png) no-repeat;} .specs a { background:url(/images_QFD/tab_specs.png) no-repeat;} .accessories a { background:url(/images_QFD/tab_accessories.png) no-repeat;} a.product_detail_close { float:right; background:url(../images_QFD/btn_close.png) no-repeat; height:26px; width:82px; display:block; text-indent:-999px; overflow:hidden; margin:-24px 20px 0 0; } a.product_detail_close:hover { background-position:bottom left;} .prod_detail_main, .product_bg {background:url(/images_QFD/qf_prod_detail_bg_btm.png) bottom left no-repeat; color:#FFFFFF; width:838px; min-height:520px; clear:both;} .prod_detail_main_content { color:#3f3e30; margin: 0px 40px 0px 90px; padding:10px 0px 60px 0px;} .cover_up { display:none; border-bottom:1px solid #908c78; border-top:1px dotted #908c78; height:2px; position:absolute; top:665px; left:90px; width:710px; } .tab_container { padding:10px 0px 0 0px; overflow:auto; overflow-x:hidden !important; position:relative; width:730px; } .product_detail_body { overflow:auto; overflow-x:hidden !important; position:relative; width:815px; } #detailFeaturesContent, #detailSpecsContent, #detailAccessoriesContent { width:738px; height:440px; position:relative; margin-right:37px; margin-left:80px; } #overview_tab { height:550px; margin-left:85px;} #detailAccessoriesContent hr { border-top:1px dotted #c8c7b4; margin:15px 0; display:block;} .tab_container .center960 { width:675px; margin:0 auto;} .product_detail_header_col1 h3 { text-transform:uppercase; color:#3f3e30; font-size:120%; font-weight:bold; margin:0; padding:0; float:none; line-height:14px;} .product_detail_header_col1 .left, .product_detail_header_col2_narrow .left { float:none;} .product_detail_header_container {padding-top:10px;} .collasible_wrapper { padding:10px 0 0 0; margin:1px 8px 0 -1px; border-top:1px solid #a39d86;} .collapsible_footer { display:none;} .product_detail_header_col2_narrow { border-bottom:1px dotted #a9a896; overflow:auto; padding:0 0 12px 0; margin-bottom:1px; width:690px; color:#3f3e30; font-size:90%;} .product_detail_header_col2_narrow .left { float:none; display:none;} #detailFeaturesContent .intro_column, #detailFeaturesContent .intro_column_166, #detailFeaturesContent .intro_column_144, #detailFeaturesContent .intro_column_109 { width:160px; padding:0 0 0 15px; font-size:0.9em; } .features_bar_collapsible { background:url(/images_QFD/features_accordion_tab_bg.png) no-repeat; height:28px; overflow:hidden; padding:0px 25px 0 15px; width:650px; cursor: pointer; margin-left:10px; margin-bottom:5px;} .features_bar_collapsible .features_bar_title a {color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:0.9em; float:left; padding-top:7px;} .features_bar_collapsible .features_bar_expand a {color:#d0cfbc; font-weight:bold; text-transform:uppercase; font-size:0.8em; float:right; padding-top:8px;} .features_bar_collapsible .features_bar_title a:hover, .features_bar_collapsible .features_bar_expand a:hover { text-decoration:none;} .features_bar_collapsible .center960 { width:680px;} .features_bar_expand a { font-size:90%; padding-right:20px;} .tab_container .grey_14_light { color:#000000;} .features_bar_content { padding:20px 0;} .disabled_rotator_btns { visibility: hidden !important; } .grey_14_light span { text-transform:uppercase; font-weight:bold; color:#3f3e30; } .option_filter_bar, .product_detail_header_col3, .product_detail_header_col1 h5 { display:none; } .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;} #porticoMantelContent .related_products_arrow_right { margin-top:-20%;} .prod_image { } .dimmer { background:url(/images_QFD/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:30px; overflow:auto; } .dimmer_compare { background:url(/images_QFD/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; } /* fixes for promo rotator in product detail page */ div.detail_promo_container div.base_rotator_container_2col_wpager div.rotator_wrapper_2col_wpager ul.promoslots li.promoSlot div.promo_left p a { display:block; width:100px; background:url(/images_QFD/arrow_next_on.png) no-repeat right; } /* New set of features & options rotator containers */ .features_rotator_container_212 { width:414px; height:180px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_212 ul.features_rotator_items { width:2000em; margin:4px 0 0 0; padding:0px; position:absolute; height:212px; } .features_rotator_container_212 ul.features_rotator_items li { list-style:none; float:left; width:137px; height:212px; padding:0px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } .features_rotator_container_212 ul.features_rotator_items li .prod_image { width:114px; height:auto; padding:0; margin:0 0 0 10px; } .features_rotator_container_212 ul.features_rotator_items li .title_block { width:114px; height:20px; margin:10px 0 0 10px; } .features_rotator_container_212 ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_212 ul.features_rotator_items li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_212 ul.features_rotator_items li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .features_rotator_container_130 { width:414px; height:120px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_130 ul.features_rotator_items { width:2000em; margin:4px 0 0 0; padding:0px; position:absolute; height:212px; } .features_rotator_container_130 ul.features_rotator_items li { list-style:none; float:left; width:137px; height:212px; padding:0px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } .features_rotator_container_130 ul.features_rotator_items li .prod_image { width:114px; height:auto; padding:0; margin:0 0 0 4px; } .features_rotator_container_130 ul.features_rotator_items li .title_block { width:114px; height:20px; margin:10px 0 0 10px; } .features_rotator_container_130 ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_130 ul.features_rotator_items li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_130 ul.features_rotator_items li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .features_rotator_container_182 { width:414px; height:152px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_182 ul.features_rotator_items { width:2000em; margin:4px 0 0 0; padding:0px; position:absolute; height:212px; } .features_rotator_container_182 ul.features_rotator_items li { list-style:none; float:left; width:137px; height:212px; padding:0px; margin:0px; border-left:1px solid #D9D9D9; cursor:pointer; } .features_rotator_container_182 ul.features_rotator_items li .prod_image { width:114px; height:auto; padding:0; margin:0 0 0 10px; } .features_rotator_container_182 ul.features_rotator_items li .title_block { width:114px; height:20px; margin:10px 0 0 10px; } .features_rotator_container_182 ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_182 ul.features_rotator_items li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_182 ul.features_rotator_items li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .features_rotator_container_130w { width:414px; height:90px; margin:0px; padding:0px; float:left; overflow:hidden; position:relative; } .features_rotator_container_130w ul.features_rotator_items { width:2000em; margin:4px 0 0 0; padding:0px; position:absolute; } .features_rotator_container_130w ul.features_rotator_items li { list-style:none; float:left; width:212px; height:109px; padding:0px; margin:0px; cursor:pointer; } .features_rotator_container_130w ul.features_rotator_items li .prod_image { padding:0; margin:0; } .features_rotator_container_130w ul.features_rotator_items li .title_block { width:220px; margin:0; padding:0; } .features_rotator_container_130w ul.features_rotator_items li .title_block_arrow { margin:10px 0 0 0; border:none; } .features_rotator_container_130w ul.features_rotator_items li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } .features_rotator_container_130w ul.features_rotator_items li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } div.slot4 .base_rotator_container .related_products_arrow_left { width:6px; height:26px; position:relative; top:24px; margin:0 4px 0 0; padding:0; background:url(../images_QFD/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.slot4 .base_rotator_container .related_products_arrow_right { width:6px; height:26px; position:relative; top:24px; margin:0 10px 0 0; padding:0; background:url(../images_QFD/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.slot4 .base_rotator_container ul.related_prods_list { width:1000px; margin:0px 0px 0px 6px; padding:0px; } div.slot4 .base_rotator_container ul.related_prods_list li { list-style:none; float:left; margin:0; } div.slot4 .base_rotator_container ul.related_prods_list li a { display:block;border:1px solid #d0cab4; } div.slot4 .base_rotator_container ul.related_prods_list li a:hover { border:1px solid #ffffff; } div.slot4 .base_rotator_container ul.related_prods_list li img { border:none; padding:3px 3px 0px 3px; } div.features_bar_content div.content_column div.base_rotator_container .related_products_arrow_right { float:left; margin:44px 0 0 0; } /* 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, ul.features_rotator_166, ul.features_rotator_109 { width:1500px; margin:4px 0 0 0px; padding:0px; position:absolute; } ul.features_rotator_finishes li, ul.features_rotator_166 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; } ul.features_rotator_166 li .prod_image,.features_rotator_144_single li .prod_image, .blowout_container .prod_image { padding:10px; margin:0; border:1px solid #a5a391; border-bottom:none; text-align:center; } ul.features_rotator_166 li .title_block .black_14, .blowout_container .title_block { height:40px; background:url(/images_QFD/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; } ul.features_rotator_109 li .prod_image { padding:1px 1px 0 0; border:1px solid #a5a391; margin-right:5px;} ul.features_rotator_109 li .title_block .black_14 { height:30px; background:url(/images_QFD/wide_title_bg.png) no-repeat; padding:3px 10px; width:200px; color:#FFFFFF; margin:0; padding-top:7px;} ul.features_rotator_finishes li .title_bold, ul.features_rotator_166 li .title_bold { color:#000000; font-size:0.9em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_finishes li .title, ul.features_rotator_166 li .title { color:#3f3e30; font-size:1.0em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } li .title_block .black_14 { color:#ffffff;} a.icon_action_zoom { display:block; width:19px; height:16px; margin:0; padding:0; background:url(/images_QFD/icon_zoom_orange.png) top left no-repeat; } .img_zoom_overlay { position: absolute; z-index: 1000; background-image: url(/images_FP/icon_zoom_bg.png); background-position: center center; background-repeat: no-repeat; cursor: hand; cursor: pointer; } ul.features_rotator_finishes li { width:137px;} ul.features_rotator_109 li { list-style:none; float:left; padding:0px; cursor:pointer; margin:0 60px 0px 100px; display:inline-block; } /* Finishes List */ /*#graniteMarbleContent .content_column { width:500px;} #graniteMarbleContent .finishes_list_container { width:150px;} #graniteMarbleContent .features_rotator_container { width:310px;}*/ .mantle_opt { float:left; width:160px; font-size:0.95em; padding:0 20px 0 0;} ul.finishes_list_large { margin:0px; padding:0;} ul.finishes_list_large li a { padding:4px 4px 3px 4px; border:1px solid #a5a391; display:block;} ul.finishes_list_large li a:hover { background:#304c25; border:1px solid #304c25;} ul.finishes_list_large li.finish { list-style:none; float:left; padding:0px; margin:0 7px 7px 0; } .finishes_list_actions { display:none;} .finishes_list_actions a { display:block; height:10px; width:6px;} /* Three column rotator */ .finishes_list_container { float:left; width:200px;} .finishes_list_container_large { float:left; width:260px;} ul.finishes_list_large_3col { padding:0 10px 0 0; margin:0; width:261px; background:url(../images_QFD/arrow_right_swapper.png) no-repeat; background-position:bottom right; min-height:70px;} .finishes_list_large_3col li { float:left; margin:0 7px 20px 0; list-style:none; padding:0;} .finishes_list_large_3col li a { padding:4px 4px 3px 4px; border:#a5a391 1px solid; display:inline-block;} .finishes_list_large_3col li a:hover { background:#304c25; border:1px solid #304c25;} .features_rotator_144_single, .blowout_container { float:right; width:137px; padding:0; margin:0 0 0px 0;} .features_rotator_144_single li, .features_rotator_144_single ul { list-style:none; padding:0; margin:0;} .features_rotator_144_single li .title_block { background:url(../images_QFD/base_title_bg.png) no-repeat; color:#FFFFFF; padding:3px 10px;} .features_rotator_144_single li .title_block .title { color:#FFFFFF; font-weight:bold; line-height:14px; padding:0; margin:0; text-transform:uppercase; font-size:0.9em; } /* Alternate */ ul.features_rotator_2 { width:1000px; margin:4px 0 0 4px; padding:0px; } ul.features_rotator_2 li { list-style:none; float:left; padding:0; margin:0px 7px 10px 0; cursor:pointer; } ul.features_rotator_2 li .icon_zoom { padding:0; position:relative; margin:-60px 0 0 0; } ul.features_rotator_2 li .prod_image, ul.features_rotator_2 li .image_slot { padding:3px; margin:0; border:1px solid #a4a290; border-bottom:none; } ul.features_rotator_2 li .title_block { height:20px; background:url(../images_QFD/finishes_title_bg.png) no-repeat; padding:2px 10px; width:115px; text-transform:uppercase; font-weight:bold; } ul.features_rotator_2 li .title_block .black_14 { color:#ffffff; font-size:0.9em; font-weight:bold;} ul.features_rotator_2 li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_2 li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_2 li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .image_slot { text-align:center;} .finishes { height:24px; background:url(/images_QFD/finishes_title_bg.png) no-repeat; padding:4px 0 0 12px; } .finishes p { font-size:0.8em; color:#fff; margin:0px; font-weight:bold; text-transform:uppercase; } ul.finishes_list { margin:-4px 12px 0 0; padding:0; } ul.finishes_list li { list-style:none !important; float:left !important; width:7px !important; height:7px !important; margin:0 1px 0 0 !important; padding:0 !important; border:none !important; display:inline-block !important; } ul.finishes_list li a { margin:0 !important; padding:0 !important; } /* Popup - Features */ .viewport_container { position:fixed; width:100%; height:100%; top:0px; left:0px; bottom:0px; right:0px; z-index:1000; } .viewport { position:absolute; width:100%; height:100%; text-align:left; } .popup_features { background:url(/images_QFD/popup_features_bg_features.png) top left no-repeat; width:845px; height:458px; margin:80px auto 0 auto; z-index:20000; } .popup_features_quicklook { background:url(/images_QFD/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_leftcol { float:left; width:399px; } .popup_features_leftcol_quicklook { float:left; width:386px; } .popup_features_image { width:326px; height:277px; margin:25px 0 0 32px; } .image_container img { border:1px solid #52634a; } .popup_features_image_quicklook { width:326px; height:277px; margin:43px 0 12px 30px; padding:2px; border:1px solid #52634a; } /* quicklook version */ .popup_features_image p { position:absolute; margin:150px 0 0 50px; } .popup_features_title_thumbs { margin:0 0 0 0px; } .popup_features_title_thumbs h4 { display:none; margin:8px 0 8px 31px; } /* hacked .arrow_left { float:left; margin:36px 8px 0 0; } .arrow_right { float:left; margin:36px 0 0 0px; } .arrow_top { margin:0 0 0 30px; } ul.popup_thumbs_list { float:left; margin:0px; padding:0px; } ul.popup_thumbs_list li { list-style:none; float:left; margin:0 8px 0 0; width:70px; height:72px; } a.popup_thumb_link { display:block; border:1px solid #909090; padding:2px; width:64px; height:52px; } a.popup_thumb_link:hover { border:3px solid #FFFFFF; padding:0px; } */ /* features & options rotator */ .popup_features_quicklook .popup_thumbnail_rotator { margin-top: 7px; } .popup_thumbnail_rotator { width:332px; height:102px; margin:10px 0 0 30px; padding:0; overflow:hidden; } .popup_thumbnail_rotator_body { float:left; position:relative; width:310px; 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_QFD/arrow_back_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_left a:hover { background:url(../images_FP/icon_orange_arrow_left_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right { float:right; margin:48px 0 0 0; cursor:hand; cursor:pointer; } div.popup_thumbnail_rotator .arrow_right a { display:block; width:6px; height:10px; background:url(../images_QFD/arrow_next_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right a:hover { background:url(../images_FP/icon_orange_arrow_right_off.png) top left no-repeat; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list { 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:78px; 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:56px; height:56px; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li .arrow_top { margin:0px 0 0 0; width:62px; height:14px; background:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li .arrow_top a img { display:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li.on img { border:3px solid #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; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li a.popup_thumb_link { display:block; margin:6px 0 0 0; } /* alt rotator */ .thumb_scroller_quicklook { width:360px; height:90px; margin:0; padding:0; overflow:hidden; } div.thumb_scroller_quicklook ul.popup_thumbs_list { position:absolute; height:80px; width:800px; margin:5px 0 0 16px; padding:0px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li { list-style:none; float:left; margin:0 8px 0 0; width:70px; height:72px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li img { border:1px solid #909090 !important;padding:2px; width:56px; height:56px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li .arrow_top { margin:0px 0 0 0; width:62px; height:14px; background:none; } div.thumb_scroller_quicklook ul.popup_thumbs_list li.on img { border:3px solid #8fb447 !important; padding:0px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li.on .arrow_top { margin:0; width:62px; background-color:#00FF66; height:14px; background:url(../images_QFD/icon_orange_arrow_up_disabled.png) center center no-repeat; } /* top version */ div.popup_features_rightcol .popup_info_container { width:360px; margin:20px 0 0 28px; } div.popup_features_rightcol div.popup_info_container h3.product_name { color:#304b25; font-size:1.7em; font-weight:bold; margin:0 0 20px 0; text-transform:uppercase; } div.popup_features_rightcol div.popup_info_container p { font-size:1.1em; margin:8px 0; color:#000000; } 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; } /* bottom version */ div.popup_features_rightcol .popup_info_container_bottom { width:360px; position:relative; margin:0 0 0 28px; } div.popup_features_rightcol div.popup_info_container_bottom p { font-size:1.2em; font-weight:bold; margin:8px 0; color:#304b25; text-transform:uppercase; } 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; } .popup_features_rightcol { float:right; width:443px; } .popup_features_rightcol hr { width:450px; float:left; } .popup_features_close { float:right; margin:20px 20px 0 0; } /* quicklook right column */ .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; } a.btn_close { display:block; width:82px; height:26px; background:url(/images_QFD/btn_close.png) top left no-repeat; } a.btn_close:hover { background:url(/images_QFD/btn_close.png) bottom left no-repeat; } /* close X only */ a.btn_close_x { display:block; width:30px; height:25px; margin:6px 0 0 0; background:url(/images_QFD/drawer_slider_btn_close.png) top left no-repeat; } a.btn_close_x:hover { background:url(/images_QFD/drawer_slider_btn_close.png) bottom left no-repeat; } /* Specs at a glance */ .view_large_link { background:url(../images_QFD/icon_zoom.png) top left no-repeat; position:absolute; margin:15px 0 0 30px; padding:1px 0 0 23px; width:320px; height:20px; } .view_large_link a { color:#FFFFFF; text-transform:uppercase; font-size:0.8em; } /* 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; } .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; } .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_QFD/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; } /* Product Detail - Specifications */ .product_detail_header_single { width:675px; padding:10px 0px 0px 0; margin-bottom:1px; } .product_detail_header_single .grey_14_light { color:#000000;} .product_detail_header_single UL { margin:0px; padding:0px; } .product_detail_header_single UL LI { color:#3f3e30; list-style:none; } #detailSpecsContent .product_detail_header_single { margin:0; } div.specs_table { border-collapse:collapse; border-spacing:0; padding:0; color:#3f3e30; border-bottom:1px dotted #a6a593; border-top:1px dotted #a6a593; padding:2px 0; font-size:11px; width:715px; } div.efficiency_table { border-collapse:collapse; border-spacing:0; padding:0; color:#3f3e30; border-bottom:1px dotted #a6a593; border-top:1px dotted #a6a593; padding:2px 0; font-size:11px; width:500px; } table.specs_table { border-top:1px solid #a6a593; border-right:1px solid #a6a593; width:715px; text-align:center; } table.specs_table tr td.table_header, table.efficiency_table td.table_header { background-color:#cccbb9; height:33px; text-align:center; color:#3f3e30; } table.specs_table th { border-left:1px solid #a6a593; border-right:1px solid #a6a593; border-bottom:1px solid #a6a593; } table.specs_table tr td.table_subhead { border-left:1px solid #a6a593; border-right:1px solid #a6a593; border-bottom:1px solid #a6a593; height:22px; font-weight:bold; text-transform:uppercase; color:#2f4b25;} table.specs_table tr td, table.efficiency_table td { border-left:1px solid #a6a593; border-bottom:1px solid #a6a593; height:32px; color:#3f3e30;} /* fuel icons */ .fuel_type_icons { padding:8px 0 0 0; } .fuel_icon_coal { float:left; width:18px; height:21px; background:url(/images_QFD/icon_fuel_coal.png) top left no-repeat; } .fuel_icon_elec { float:left; display:inline; width:18px; height:21px; background:url(/images_QFD/icon_fuel_electronic.png) top left no-repeat; } .fuel_icon_gas { float:left; display:inline; width:18px; height:21px; background:url(/images_QFD/icon_fuel_gas.png) top left no-repeat; } .fuel_icon_pellet { float:left; display:inline; width:18px; height:21px; background:url(/images_QFD/icon_fuel_pellet.png) top left no-repeat; } .fuel_icon_wood { float:left; display:inline; width:18px; height:21px; background:url(/images_QFD/icon_fuel_wood.png) top left no-repeat; } div.efficiency_chart_container { margin:0px;width:713px; clear:both; padding-top:15px; } /*div.efficiency_table { width:500px; border-bottom:1px dotted #a6a593; border-top:1px dotted #a6a593; padding:2px 0; }*/ table.efficiency_table { width:500px; text-align:center; border-top:1px solid #a6a593; border-right:1px solid #a6a593;} table.efficiency_table td.table_data { background-color:#FFFFFF; height:32px; } table.efficiency_table td.table_subhead, table.efficiency_table td.table_data { text-align:center;border-left:1px solid #a6a593;border-bottom:1px solid #a6a593; height:22px; font-weight:bold; text-transform:uppercase; color:#2f4b25;} .indent_left { text-align:left; padding-left:10px; } .copy_blocks { width:670px;} .copy_blocks hr { display:none} /* three column layout */ .specs_three_col { width:716px; min-height:105px; padding:10px 0 0 0;} .specs_three_col .col1 a, .specs_three_col .col3 a { text-decoration:underline; font-size:11px;} .specs_three_col .col1, .specs_three_col .col3 { border:1px solid #a9a899; margin:0; background:url(../images_QFD/specs_nav_bg.png) repeat-x #dfdfcc; background-position:bottom; padding:3px 0 5px 0; } .specs_three_col .col1 ul, .specs_three_col .col3 ul { margin:0 13px 0 13px; padding:0; border-top:1px #a7a695 dotted;} .specs_three_col .col3 a span { display:none;} .specs_three_col .col1 { width:225px; } /*.specs_three_col .col2 { width:230px; border:1px solid #a9a899; padding:14px; text-align:center; margin-left:15px; margin-right:15px;}*/ .specs_three_col .col2 { width:230px; padding:0px; text-align:center; margin-left:15px; margin-right:15px;} .specs_three_col .col1, .specs_three_col .col2, .specs_three_col .col3 { float:left; height:100%; } .specs_three_col .col3 { width:196px; } .specs_three_col .col1 h3, .specs_three_col .col3 h4 { color:#3f3e30; text-transform:uppercase; padding:5px 0 5px 10px; font-weight:bold; font-size:13px; margin:0 1px; border-top:1px #a7a695 dotted; } ul.download_arrow_links { margin:0px; padding:0; } ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; margin:0; } ul.download_arrow_links li img { display:none; } ul.download_arrow_links li span.grey { font-size:60%; color:#6b6a5b; } ul.spec_views_list { margin:0; padding:18px 0 0 0; border-top:1px solid #d9d9d9; } ul.spec_views_list li { list-style:none; margin:0; padding:0;} .spec_views_list li a, .download_arrow_links li a { display:block; background:url(/images_QFD/nav_left_bg.png) no-repeat; background-position:top left; padding:3px 0 3px 15px; font-size:90%; } .spec_views_list li a:hover, .download_arrow_links li a:hover { text-decoration:none; background:url(/images_QFD/nav_left_bg.png) #d1cdb7 no-repeat ; background-position:bottom left; } /* Product Detail - Accessories */ .large_2col_block { width:100%; } .large_2col_block_col1 { width:440px; margin-right:0px; } .large_2col_block_col2 { width:200px; margin:40px 0 0 20px; } .large_2col_block_col2 img { border:1px solid #807f6f; } .image_box_accessories { margin:10px; } a.image_accessories_link { display:block; width:166px; height:146px; border:2px solid #e1e0cc; background:none; } a.image_accessories_link:hover { border:2px solid #304b25; } .accessories_content_row { border-bottom:1px dotted #a6a593; padding:17px 0; margin-right:10px;} .content_column, .content_column .grey_14_light { width:470px; float:right; margin:0 3px 0 0; } .content_column h5 { font-weight:bold; font-size:100%; text-transform:uppercase;} .detail_body_col1 { width:490px; margin-right:13px; border-right: 1px dotted #a6a593; padding:0 13px 0 0;} .detail_body_col2 { width:190px; text-align:left;} .detail_body_col2 h4 { margin:5px 0 8px 0; color:#2d2700; font-weight:bold; font-size:120%; text-transform:capitalize;} hr.download_separator { border-top:1px dotted #b8b7a5; display:block; margin-top:15px; background:none;} .detail_body_col2 .grey { font-size:90%; color:#6b6a5b;} ul.download_arrow_links { padding:0; margin:0; } .download_arrow_links li { padding:0; margin:0; list-style:none;} /*.download_arrow_links li a { display:block; background:url(/images_QFD/nav_plus_icn.png) no-repeat; background-position:195px 5px; padding:5px;} .download_arrow_links li a:hover {background:url(/images_QFD/nav_plus_icn.png) #d9d9da no-repeat ; background-position:195px 5px; text-decoration:none;} */.download_arrow_links li a grey { font-size:100%;} .news_letter, .zip_code { position:relative; text-align:left; padding:0px; display:block;} .news_letter input, .zip_code input { width:124px; color:#a6a593;} input.submit, input.submitNL { background:url(/images_QFD/go_bnt.png) no-repeat; width:48px; height:26px; text-indent:-999px; overflow:hidden; border:0; position:absolute; top:0px; right:0;} .submitNL:hover, .submit:hover { background-position:bottom left; } .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; } .detail_promo_container { height:120px; overflow:hidden; border:1px dotted #a3a190; border-left:none; border-right:none; padding-top:10px;} ul.promo_pager { margin:0; padding:0;} .promo_pager li { list-style:none; float:left;} .promo_pager .off a, .promo_pager a { padding-top:4px; padding-right:13px; color:#666666; font-weight:bold; font-size:1.2em; display:block;} .promo_pager .on a, .promo_pager a:hover { padding:0 13px 6px 0; background:url(/images_QFD/arrow_paging_on.png) bottom left no-repeat; color:#ffffff; font-weight:bold; font-size:1.2em;} ul.promoslots { margin:0; padding:0;} .promoslots li { list-style:none; padding:0; margin:0;} .promo_left { width:360px; float:right;} h1.promo_header { margin:0; padding:0; color:#6b6a5b; font-weight:bold; font-size:110%} .promo_left p span { font-weight:bold;} .promo_right { float:left; width:93px; border:1px solid #999999; padding:2px 2px 0 2px; } .customer_rating_container { padding:16px 0 6px 190px;} .customer_rating_container h4 { color:#2d2700; margin:0 44px 0 0; font-weight:bold; text-transform:capitalize;} /*.customer_rating_container h4 { color:#2d2700; float:left; margin:0 44px 0 0; font-weight:bold; text-transform:capitalize;}*/ .customer_rating_stars { width:120px; display: inline;} .customer_rating_container .grey_14_dark { clear:both; color:#333333; font-size:95%;} .customer_rating_container .grey_14_dark a { color:#2f4b25; text-decoration:underline;} .customer_rating_container .grey_14_dark span { color:#999999; font-size:80%;} .customer_rating_container p.ratethisnow { display:inline; } .ratethisnow { } .ratethisnow a { color:#2f4b25; text-transform:uppercase; font-weight:bold;} a.info_link_sized { font-size:0.8em; color:#2f4b25; text-decoration:underline; } a:hover.info_link_sized { text-decoration:none; } .overview_left_section { } .related_prods {margin:10px 36px 0px 0px;} .related_prods_last {margin:10px 0px 0px 0px;} .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;} 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; } .related_hovers .related_prods_title { color:#304b25; background-image:url(/images_QFD/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_QFD/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_QFD/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_QFD/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 .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_QFD/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_QFD/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_QFD/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; } .overview_right_section { padding-bottom:0.1em; border-bottom:1px solid #b0b0b0;} .downloads {color:#7a7a7a; font-size:0.85em; padding-bottom:10px;} a.downloads_link, a.downloads_link:link, a.downloads_link:focus { text-decoration:none; font-size:1.2em; color:#1d1d1d; background:url(/images_QFD/arrow_link_alt.png) top left no-repeat; padding:0px 0px 5px 10px; } a.downloads_link:hover { text-decoration:underline; font-size:1.2em; color:#1d1d1d; background:url(/images_QFD/arrow_link_alt.png) top left no-repeat; padding:0px 0px 5px 10px; } /*.pd_close {padding-right:40px; padding-top:10px;} .overview_left_content { float:left; width:500px; padding-right:20px; background:url(/images_QFD/dotted_divider_vert.png) top right repeat-y;} .overview_right_content { float:left; width:168px; padding-left:20px;} .overview_top_btns A { height:26px; color:#6b6a5b; font-size:0.9em; font-weight:bold; text-transform:uppercase; text-decoration:none; } .overview_prod_img_shell { float:left; width:125px; margin-right:20px;} .overview_prod_img {border:1px solid #a6a593; padding:2px 2px 0px 2px;} .overview_desc {margin-left:145px;} .overview_desc p { font-size:1.0em; line-height:1.5em; margin:0px 0px 6px 0px; } .pd_slide_off { padding-top:4px; padding-right:13px; } .pd_slide_off A {color:#6b6a5b; font-weight:bold;} .pd_slide_on { padding-right:13px; padding-bottom:6px; background:url(../images_QFD/arrow_paging_on.png) bottom left no-repeat;} .pd_slide_on A {color:#ffffff; font-weight:bold; font-size:1.0em;} .customer_rating_shell { padding-bottom:20px;} .customer_rating_nos, .star_rating {padding: 15px 0px 0px 10px; color:#6b6a5b;} .btn_rate_this { background-image:url(../images_QFD/btn_rate_this.png); background-repeat:no-repeat; width:96px; height:21px; text-align:left; padding:5px 10px 10px 15px; cursor:pointer; margin:10px 0px 0px 15px;} .btn_rate_this A { color:#6b6a5b; font-size:0.9em; font-weight:bold; text-transform:uppercase; text-decoration:none; } .overview_left_section { padding-top:0.1em; background:url(/images_QFD/dotted_divider.png) top left repeat-x;} .related_prods {margin:0px 18px;} .related_prods IMG {border:1px solid #a6a593; padding:2px;} .related_prods_title a, .related_prods_title a:link, .related_prods_title a:visited, .related_prods_title a:active, .related_prods_title a:focus { text-decoration:none; color:#304b25; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images_QFD/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } .related_prods_title a:hover { text-decoration:underline; color:#304b25; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images_QFD/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } .overview_right_section { padding-bottom:0.1em; background:url(/images_QFD/dotted_divider.png) bottom left repeat-x;} .downloads {color:#6b6a5b; font-size:0.85em; padding-bottom:10px;} a.downloads_link, a.downloads_link:link, a.prod_link_checkbox:visited, a.prod_link_checkbox:active, a.downloads_link:focus { text-decoration:none; font-size:1.2em; color:#2f4b25; background:url(/images_QFD/arrow_link_alt.png) top left no-repeat; padding:0px 0px 5px 10px; } a.downloads_link:hover { text-decoration:underline; font-size:1.2em; color:#2f4b25; background:url(/images_QFD/arrow_link_alt.png) top left no-repeat; padding:0px 0px 5px 10px; } */ /* --------------------------------------------------------------------------------- Widgets - outside of editorial pages ------------------------------------------------------------------------------ */ div.editorial_body .detail_body_col2 .widget_content { margin:20px 10px 30px -3px; padding:0 25px 20px 25px; border:1px solid #a9a899; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center #e1e0cc; 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; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center; 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_QFD/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; font-weight:bold; } /*LOCATOR WIDGET*/ div.editorial_body .locatorwidget .widget_content { margin:20px 10px 30px -28px; padding:0 25px 20px 18px; border:1px solid #a9a899; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center #e1e0cc; font-size:0.9em; color:#3f3e30; width:205px; } div.editorial_body .locatorwidget .widget_content h4 { margin:-20px -25px 10px -18px; padding:0 25px 15px 25px; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; width:198px; } div.editorial_body .locatorwidget p.article_text, div.editorial_body .locatorwidget p.grey { color:#3f3e30; font-size:1.1em; width:215px;} div.editorial_body .locatorwidget .right_col_input { width:186px; height:20px; margin:0; border-right:1px solid #E5E5E5; } div.editorial_body .locatorwidget .right_col_input_text { width:186px; } div.editorial_body .locatorwidget .right_col_input_wide { width:190px; padding:0 0 1px 4px; margin:-2px 0 0 -8px; background-color:#FFFFFF; color:#000000;} div.editorial_body .locatorwidget select.ddm_form_row_multi { width:200px; margin:0 6px 10px -8px; background-color:#FFFFFF; } div.editorial_body .locatorwidget .btn_dist_margin { margin:10px 0 0 8px; } div.locatorwidget .prof_link { margin:0px 0 0px 0px; padding:0px; } /*NEWSLETTER WIDGET*/ div.editorial_body .newsletterwidget .widget_content { margin:20px 10px 30px -28px; padding:0 25px 20px 18px; border:1px solid #a9a899; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center #e1e0cc; font-size:0.9em; color:#3f3e30; width:205px; } div.editorial_body .newsletterwidget .widget_content h4 { margin:-20px -25px 10px -18px; padding:0 25px 15px 25px; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; width:198px; } div.editorial_body .newsletterwidget p.article_text { color:#3f3e30; font-size:1.1em; width:215px;} div.editorial_body .newsletterwidget a.widget_link { background:url(/images_QFD/arrow_next_on.png) no-repeat right;padding:0px 15px 2px 0;} /*BLOG WIDGETS*/ div.blog_headlineimage { margin:0 0 10px 18px; background:url(/images_QFD/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; background:url(/images_QFD/widget_dots_3col.png) no-repeat bottom center #e1e0cc; 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; background:url(/images_QFD/widget_dots_3col.png) no-repeat top left; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; } /*SOCIAL WIDGET*/ div.editorial_body .socialwidget .widget_content { margin:20px 10px 30px -20px; padding:0 25px 20px 18px; border:1px solid #a9a899; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center #e1e0cc; font-size:0.9em; color:#3f3e30; width:205px; } div.editorial_body .socialwidget .widget_content h4 { margin:-20px -25px 10px -18px; padding:0 25px 15px 25px; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center; 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; } 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_QFD/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:12px 0; padding:4px 0 0 0; height:16px; width:100%; border-top:1px solid #fa7319; border-bottom:1px solid #b0b0b0; } ul.editorial_subnav li { list-style:none; float:left; width:200px; height:23px; margin:0 0 0 0; padding:0; } ul.editorial_subnav li a { margin:0; padding:0; } */ 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_QFD/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_QFD/btn_oview_share.png); background-repeat:no-repeat; } ul.editorial_subnav li.email a { background-image:url(../images_QFD/btn_oview_email.png); background-repeat:no-repeat; } ul.editorial_subnav li.save a { background-image:url(../images_QFD/btn_oview_save.png); background-repeat:no-repeat; } ul.editorial_subnav li.print a { background-image:url(../images_QFD/grey_light_subnav_print.png); background-repeat:no-repeat; } .editorial_body .grey_light_subnav_container { background:url(/images_QFD/content_box_mid.png) repeat-y;} .grey_light_subnav_container .share_list { background:url(/images_QFD/share_nav_bg.png) repeat-x; min-height:52px; margin:0 30px; padding:7px 0 0 0; } .grey_light_subnav_container h2 { text-transform:uppercase; margin:0; padding:10px 0 15px 40px; color:#304b25; font-weight:bold; font-size:1.5em;} .grey_light_subnav_container h2 .grey { color:#6b6a5b;} 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 { width:100%; height:100%; margin:0 auto; padding:0 0 40px 0; text-align:left; background:url(/images_QFD/content_box_lower.png) no-repeat bottom left; } .three_column .editorial_col1 { width:250px; height:auto; float:left; padding:20px 0 0 10px; color:#3f3e30; } .three_column .editorial_col2 { width:414px; height:auto; float:left; margin:0px 23px 0px 0px; } .three_column .editorial_col3 { width:256px; height:auto; float:left; margin:28px 0 0 0; padding:0; background:url(../images_QFD/col_right_lower_3col_NEW.png) bottom left no-repeat; } /* three_column - column 1 - dependencies */ .three_column .editorial_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .three_column .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .three_column .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .three_column .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .three_column .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .three_column .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .three_column .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .three_column .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .three_column .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .three_column .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* three_column - column 2 - dependencies */ .three_column .editorial_col2 { font-size:1.0em; } .three_column .editorial_col2 h1 { font-size:1.6em; color:#3f3e30; font-weight:bold; margin:18px 0 14px 18px; padding:0 0 8px 0; border-bottom:1px dotted #a8a795; } .three_column .editorial_col2 h3 { font-size:1.4em; margin:10px 0 0 18px; padding:0px; color:#3f3e30; } .three_column .editorial_col2 h3 img { padding-left:10px; } .three_column .editorial_col2 h3 a { font-size:1.9em; margin:10px 0 0 18px; padding:0px; color:#3f3e30; } .three_column .editorial_col2 hr { background-color:#a8a795; } .three_column .editorial_col2 .hr { padding:0px;margin:20px 10px 20px 18px; border-bottom: 1px dotted #999999; display:block; height:1px; } .three_column .editorial_col2 p { font-size:1.0em; color:#3f3e30; line-height:1.4em; margin:0px 10px 20px 18px; } .three_column .editorial_col2 img { float:left; margin:0 10px 4px 0px; } /* three_column - column 3 - dependencies */ .three_column .editorial_col3 h4 { font-size:1.5em; } .three_column .editorial_col3 div, .three_column .editorial_col3 h4, .three_column .editorial_col3 ul { margin-left:8px; width:245px; } .three_column .editorial_col3 ul.download_arrow_links { margin:0 0 0 18px; padding:0; } .three_column .editorial_col3 ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } .three_column .editorial_col3 ul.download_arrow_links li img { margin:0 6px 0 0; } .three_column .editorial_col3 ul.download_arrow_links li span { font-size:50%; color:#7f7e6d; } /* related content widgets - unique to brand sites */ .three_column .editorial_col3 .top_right_col_wide { background:url(/images_QFD/col_right_top_3col_NEW.png) no-repeat; width:254px; height:40px; margin:-38px 0 0 -12px; } /* margin:-38px 0 0 -12px; */ .three_column .editorial_col3 .widget_content { margin:20px 10px 30px -11px; padding:0 0px 20px 4px; border:1px solid #a9a899; background:url(/images_QFD/widget_dots_3col.png) no-repeat bottom center #e1e0cc; font-size:0.9em; color:#3f3e30; } .three_column .editorial_col3 .widget_content h4 { margin:-20px -25px 10px 0px; padding:0 0px 15px 10px; width:234px; background:url(/images_QFD/widget_dots_3col.png) no-repeat bottom left; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; } .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_QFD/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_QFD/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 img,*/ div.promo_col div.editorial_col2 div.promobanner img, /*div.promo_col div.editorial_col2 a,*/ 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; } /* These are for the account page widgets */ /* 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:url(/images_QFD/col_right_top_3col.png) no-repeat; 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_QFD/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; background:url(/images_QFD/widget_dots_3col.png) no-repeat bottom center; 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_QFD/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_QFD/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; } /* END account page widgets */ /* 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 { width:100%; margin:0 auto; padding:0 0 40px 0; height:auto; text-align:left; background:url(/images_QFD/content_box_lower.png) no-repeat bottom left;} .two_column_leftnav .editorial_col1 { width:236px; float:left; padding:0px 0 0 10px; min-height:340px; } .two_column_leftnav .editorial_col2 { width:720px; height:auto; float:left; margin-left:18px; } .two_column_leftnav .editorial_col3 { width:245px; height:auto; float:left; display:none; } /* two_column_leftnav - column 1 - dependencies */ .two_column_leftnav .editorial_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .two_column_leftnav .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .two_column_leftnav .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .two_column_leftnav .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .two_column_leftnav .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .two_column_leftnav .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .two_column_leftnav .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* two_column_leftnav - column 2 - dependencies - NOT SURE, THESE WERE overriding styles on the article page*/ .two_column_leftnav .editorial_col2 { font-size:0.9em; color:#505050; } .two_column_leftnav .editorial_col2 h1 { font-size:1.5em; color:#3f3e30; margin:18px 0 14px 0px; padding:0; font-weight:bold; } .two_column_leftnav .editorial_col2 h3 { font-size:1.3em; margin:10px 0 0 0px; padding:0px; color:#3f3e30; } .two_column_leftnav .editorial_col2 h3 img { padding-left:10px; } .two_column_leftnav .editorial_col2 p em { font-size:1.1em; margin:10px 0 10px 0px; padding:0px; color:#3f3e30; font-weight:bold; font-style:normal; } .two_column_leftnav .editorial_col2 .hr { padding:0px;margin:20px 10px 20px 0px; border-bottom: 1px dotted #999999; display:block; height:1px; } .two_column_leftnav .editorial_col2 p { font-size:1.2em; color:#3f3e30; line-height:1.4em; margin:0px 30px 12px 0px; } .two_column_leftnav .editorial_col2 .posted_by p { color:#3f3e30; } .two_column_leftnav .editorial_col2 img { float:left; margin:0 30px 4px 0; }/* hacked for image placement in editorial pages: margin:0 10px 4px 0px; */ .two_column_leftnav .editorial_col2 ul { margin:6px 0px 20px 18px; padding:0px; } .two_column_leftnav .editorial_col2 ul li { margin:4px 0; list-style:disc; color:#505050; font-size:1.2em; } .two_column_leftnav .editorial_col2 p strong { font-size:1.1em; line-height:1.3em; margin:10px 0 30px 0px; color:#3f3e30; font-weight:bold; } .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; } /* Updated toolbox for article pages left nav */ div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_shell, div.editorial_body div.three_column div.editorial_col1 .toolbox_shell { float:left; width:230px; position:absolute; z-index:9; padding-left:23px; margin:20px 0 0 -15px; background:url(/images_QFD/toolbox_shell_no_title_new.png) bottom no-repeat; background-position:37px -318px; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_top, div.editorial_body div.three_column div.editorial_col1 .toolbox_top { background:url(/images_QFD/toolbox_top_no_title_new.png) no-repeat; padding:21px 11px 0px 21px; font-size:0.9em; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_btm, div.editorial_body div.three_column div.editorial_col1 .toolbox_btm { background:url(/images_QFD/toolbox_bottom_new.png) no-repeat; height:39px; margin:0 0 -39px 13px; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_prod_content { color:#FFFFFF; width:184px; clear:both; margin:0px 4px; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_btn_content { color:#FFFFFF; clear:both; padding:0 0 0 5px; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_btn_content_noborder { background:url(/images_QFD/specs_btm.png) bottom left no-repeat; color:#FFFFFF; clear:both; } /* tab buttons */ div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_tab_1_off { background:url(/images_QFD/toolbox_tab_browse_off.png); background-repeat:no-repeat; width:89px; height:33px; cursor:pointer; text-align:center; padding-top:10px; color:#bebebe; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_tab_2_off { background:url(/images_QFD/toolbox_tab_hf_off.png); background-repeat:no-repeat; width:111px; height:21px; cursor:pointer; text-align:center; padding-top:6px; color:#FFFFFF; font-weight:bold; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_tab_1_on { background:url(/images_QFD/toolbox_tab_browse_on.png) no-repeat; width:87px; height:24px; cursor:pointer; text-align:center; padding-top:10px; color:#666666; font-weight:bold; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_tab_2_on { background:url(/images_QFD/toolbox_tab_hf_on.png); background-repeat:no-repeat; width:119px; height:33px; cursor:pointer; text-align:center; padding-top:10px; color:#FFFFFF; } div.editorial_body div.two_column_leftnav div.editorial_col1 .toolbox_title { padding:7px 15px; color:#3f3e30; } div.editorial_body div.two_column_leftnav div.editorial_col1 div.toolbox_title img { position:absolute; left:180px; }/* as long as the toollbox does NOT move position from the left side of the page, this worx! */ div.editorial_body div.two_column_leftnav div.editorial_col1 .tb_prod_top { } div.editorial_body div.two_column_leftnav div.editorial_col1 .tb_prod_mid { background:#808c6e; border:1px solid #666666; padding:5px 0 0 0; font-size:0.9em; } div.editorial_body div.two_column_leftnav div.editorial_col1 .tb_prod_btm { } div.editorial_body div.two_column_leftnav div.editorial_col1 .prod_title { color:#3f3e30; font-weight:bold; font-size:1.0em; padding:4px 0px 4px 13px; border:1px solid #a0a992; margin:0 3px; text-transform:uppercase;} div.editorial_body div.two_column_leftnav div.editorial_col1 div.tb_prod_mid .prod_title { color:#FFFFFF; } div.editorial_body div.two_column_leftnav div.editorial_col1 div.tb_prod_mid .prod_title img { position:absolute; left:180px; }/* as long as the toollbox does NOT move position from the left side of the page, this worx! */ /* 2 Column with right navigation */ .two_column_rightnav { width:100%; margin:0 auto; padding:0 0 40px 0; text-align:left; height:auto; background:url(/images_QFD/content_box_lower.png) no-repeat bottom left;} .two_column_rightnav .editorial_col1 { width:236px; float:left; padding:20px 0 10px 0; border-bottom:1px solid #ececec; display:none; } .two_column_rightnav .editorial_col2 { width:536px; height:auto; float:left; margin:0 40px 0 0; } .two_column_rightnav .editorial_col3 { width:356px; height:auto; float:left; margin:20px 0 0 0; padding:0; background:url(../images_QFD/col_right_lower_wide.png) bottom left no-repeat; } /* two_column_rightnav - column 1 - dependencies */ .two_column_rightnav .editorial_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .two_column_rightnav .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .two_column_rightnav .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .two_column_rightnav .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .two_column_rightnav .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .two_column_rightnav .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* two_column_rightnav - column 2 - dependencies */ .two_column_rightnav .editorial_col2 { font-size:0.9em; padding:0 0 0 30px; } .two_column_rightnav .editorial_col2 h1 { font-size:1.7em; color:#505050; margin:18px 0 14px 0px; padding:0; } .two_column_rightnav .editorial_col2 h3 { font-size:1.4em; margin:10px 0 0 0px; padding:0px; color:#525252; } .two_column_rightnav .editorial_col2 hr { background-color:#ECECEC; } .two_column_rightnav .editorial_col2 p { font-size:1.2em; color:#8f8f8f; line-height:1.2em; margin:0px 10px 10px 0px; } .two_column_rightnav .editorial_col2 img { float:left; margin:0 10px 4px 18px; } .two_column_rightnav ul.article_list { width:100%; height:auto; margin:0; padding:0; } .two_column_rightnav ul.article_list li { width:100%; height:auto; margin:0; padding:0; list-style:none; } .two_column_rightnav ul.article_list li p { float:left; width:580px; } .two_column_rightnav ul.article_list li p.article_list_date { width:100px; color:#304c25; } .two_column_rightnav .grey_btn_subnav_container { width:100%; height:48px; z-index:100; margin:0px; padding:0px; border-bottom:1px solid #ececec; } .two_column_rightnav ul.grey_btn { width:900px; height:26px; margin:14px 0 0 0; padding:0px; border:none; } .two_column_rightnav ul.grey_btn li.off { list-style:none; float:left; width:auto; height:22px; margin:0px; padding:4px 0 0 14px; background:none; cursor:pointer; } .two_column_rightnav ul.grey_btn li.on { list-style:none; float:left; width:auto; height:22px; margin:0px; padding:4px 0 0 14px; background:url(../images_QFD/btn_grey_left_bg.png) top left no-repeat; } .two_column_rightnav ul.grey_btn li.off span { display:block; float:left; width:auto; height:22px; color:#505050; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:none; } .two_column_rightnav ul.grey_btn li.on span { display:block; float:left; width:auto; height:22px; color:#FFFFFF; font-size:1.2em; margin:-4px 0 0 0; padding:4px 14px 0 0; background:url(../images_QFD/btn_grey_right_bg.png) top right no-repeat; } /* related content widgets - unique to brand sites */ .two_column_rightnav .editorial_col3 .widget_content { margin:20px 10px 30px -3px; padding:0 25px 20px 25px; border:1px solid #a9a899; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center #e1e0cc; font-size:0.9em; color:#3f3e30; } .two_column_rightnav .editorial_col3 .widget_content h4 { margin:-20px -25px 10px -25px; padding:0 25px 15px 25px; background:url(/images_QFD/widget_dots_wide.png) no-repeat bottom center; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; } .two_column_rightnav .editorial_col3 .widget_content .widget_row_container {} .two_column_rightnav .editorial_col3 .widget_content p.widget_title { font-weight:bold; margin:15px 0 10px 0; padding:0; line-height:0; } .two_column_rightnav .editorial_col3 .widget_content p.widget_title em { font-style:normal; } .two_column_rightnav .editorial_col3 .widget_content p.widget_copy { font-size:1.1em; font-weight:normal; font-style:normal; color:#3f3e30; } .two_column_rightnav .editorial_col3 .widget_content p.widget_copy a { text-transform:uppercase; background:url(../images_QFD/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; font-weight:bold; } .two_column_rightnav .editorial_col3 .widget_content ul.download_arrow_links { padding:0; margin:0; } .two_column_rightnav .editorial_col3 .widget_content ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } .two_column_rightnav .editorial_col3 .widget_content ul.download_arrow_links li img { margin:0 6px 0 0; } .two_column_rightnav .editorial_col3 .widget_content ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .two_column_rightnav .editorial_col3 div.widget_content ul.widget_toggle_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .two_column_rightnav .editorial_col3 div.widget_content ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } .two_column_rightnav .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; } .two_column_rightnav .editorial_col3 div.widget_content ul.widget_toggle_list > li:first-child { padding-left:0px; } .two_column_rightnav .editorial_col3 .small_pipe { width:1px; height:12px; background-color:#90b447; } .two_column_rightnav .editorial_col3 ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .two_column_rightnav .editorial_col3 ul.widget_image_list li { list-style:none; float:left; width:79px; height:66px; padding:0; margin:0 0 10px 23px; } .two_column_rightnav .editorial_col3 ul.widget_image_list > li:first-child { padding-left:0px; margin:0; } .two_column_rightnav .editorial_col3 .promo_widget { padding:0 24px 18px 24px; font-size:0.9em;} .two_column_rightnav .editorial_col3 .promo_widget img { padding:2px; border:1px solid #9c9681;} .two_column_rightnav .editorial_col3 .promo_widget p { padding:0 30px 0 0;} .two_column_rightnav .editorial_col3 .promo_widget p strong { display:block; width:95%; padding-bottom:5px; font-size:1.1em;} .two_column_rightnav .editorial_col3 .promo_widget a { text-transform:uppercase; background:url(/images_QFD/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } .two_column_rightnav .editorial_col3 .widget_image { width:300px; } /* width/height applied inline/dynamically per instance */ .two_column_rightnav .editorial_col3 .video_play { position:absolute; margin:10px 0 0 40px; } /*.editorial_widget a.orange_arrow { background-image:url(/images_QFD/arrow_next_on.png); background-repeat: no-repeat;width:6px; height:10px; display:inline-block; margin-top:25px;}*/ .editorial_widget a.orange_arrow { background:url(/images_QFD/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; } /* related content widgets .two_column_rightnav .editorial_widget { width:320px; margin:0; padding:0 6px 0 18px; border-bottom:1px solid #f0f0f0; } .two_column_rightnav .editorial_widget .widget_row_container { margin:0 0 10px 0; } .two_column_rightnav .editorial_widget .widget_row_container_promo { margin:0px; padding:0px; } .two_column_rightnav .editorial_widget h4 { font-size:1.5em; } .two_column_rightnav .editorial_widget p.widget_title { font-style:normal; } .two_column_rightnav .editorial_widget p.widget_title2 { font-style:normal; color:#525252; font-size:1.2em; } .two_column_rightnav .editorial_widget p.widget_copy { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .two_column_rightnav .editorial_widget p.widget_copy_wimage { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; } .two_column_rightnav .editorial_widget p.widget_copy a { font-style:normal; color:#909090; font-size:1.1em; font-weight:normal; line-height:1.3em; } .two_column_rightnav .editorial_widget ul.download_arrow_links { padding:0; margin:0; } .two_column_rightnav .editorial_widget ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } .two_column_rightnav .editorial_widget ul.download_arrow_links li img { margin:0 6px 0 0; } .two_column_rightnav .editorial_widget ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .two_column_rightnav .promo_link_widget { width:280px; height:41px; border-right:1px solid #E5E5E5; margin:8px 0 0 0; padding:0px; } .two_column_rightnav p.promo_link { text-align:right; margin:12px 10px 0 0; font-size:1.2em; } .two_column_rightnav .promo_link_arrow { margin:20px 0 0 17px; } .two_column_rightnav div.promo_link_copy p { font-size:1.2em; color:#8f8f8f; line-height:16px; } .two_column_rightnav div.promo_link_copy p span { font-size:1.1em; color:#000000; line-height:16px; } .two_column_rightnav ul.widget_toggle_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .two_column_rightnav ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } .two_column_rightnav ul.widget_toggle_list > li:first-child { padding-left:0px; } .two_column_rightnav .small_pipe { width:1px; height:12px; background-color:#f3a790; } .two_column_rightnav ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } .two_column_rightnav ul.widget_image_list li { list-style:none; float:left; width:79px; height:66px; padding:0 4px; } .two_column_rightnav ul.widget_image_list > li:first-child { padding-left:0px; } .two_column_rightnav .widget_image { width:300px; } /* width/height applied inline/dynamically per instance .two_column_rightnav .video_play { position:absolute; margin:10px 0 0 40px; } */ .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_pop { width:973px; margin:0 auto; text-align:left; }/* revmoved position:absolute; and top, left, bottom, right for compare table centering issue 02.01.10 */ .compare_pop_top { background:url(/images_QFD/compare_pop_top.png) no-repeat; padding:35px 30px 0 30px; height:77px;} .compare_pop_top img { float:left; margin:0 0 11px 0;} .logo_compare { float:left; margin:0 0 11px 0; background:url(../images_QFD/logo_fireplaces_popup.png) top left no-repeat; width:183px; height:34px; } .compare_pop_top a.btn_close { float:right;} .compare_pop_top h3 { padding:10px 10px 0px 30px; float:left; font-size:15px; margin:0px; text-transform:uppercase; color:#fff; font-weight:bold;} .compare_pop_top ul.share_list { clear:both; margin:0px 0 0 -16px; padding:0;} .compare_pop_top .share_list li { margin:0; padding:0 0 0 4px;} .compare_pop_top .share_list li.start_over { padding-right:153px;} .compare_pop_mid { background:url(/images_QFD/compare_mid.png) no-repeat; padding:0 19px; margin:0;} .top_product_compare { height:155px; position:relative; padding:20px 0 0 210px;} .compare_scroll_th { padding:0 0 0 200px; } .compare_th_wrapper { width:176px; float:left;} .top_product_compare table th { padding:22px 12px 0 12px; vertical-align:top; text-align:left; font-weight:normal;} .compare_th_wrapper img { padding:2px; border:1px solid #a9a899;} .compare_th_wrapper h3 { padding:7px 0 0 7px; margin:0; font-size:1.0em; color:#304b25; text-transform:uppercase;} .compare_th_wrapper h3 strong { display:block; width:98%;} .compare_scroll table.left_over_table {} .compare_th_wrapper ul { padding:0 0 0 7px; margin:0;} .compare_th_wrapper li { list-style:none; padding:0; margin:0 0 5px 0; font-weight:normal;} .compare_scroll .compare_scroll_th .compare_th_wrapper { border-left:1px dotted #a6a593;} .left_over_table { float:right; width:705px; margin-right:17px;} a.save_compare { background:url(/images_QFD/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_QFD/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_QFD/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:6px; padding:0; margin:0;} .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_QFD/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_QFD/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;} .compare_tab .th { width:200px; font-weight:bold; text-transform:uppercase;} .compare_tab .th li { border-left:none;} .compare_tab ul li {border-left:1px dotted #a6a593; border-bottom:1px dotted #a6a593; padding:10px 10px 10px 20px; list-style:none; margin:0; } .compare_odd { background:#cfcbb5;} .compare_tab li.price{ font-weight:bold; padding-top:20px;} li.height_row { height:81px;} .hover_text a { display:inline-block; background:url(/images_QFD/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;} /* FIX tempoorary to get close/open hidden but keep the bar */ div.compare_tab_bar { position:relative; background:url(/images_QFD/compare_tab_header_bg.png) no-repeat; display:block; font-size:13px; text-transform:uppercase; padding:6px; margin-bottom:6px;} div.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images_QFD/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_QFD/folder_close.png) no-repeat top left; */ } /* a.compare_tab_bar { position:relative; background:url(/images_QFD/compare_tab_header_bg.png) no-repeat; display:block; font-size:13px; text-transform:uppercase; padding:6px; margin-bottom:6px;} a.compare_tab_bar:hover { text-decoration:none;} a.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images_QFD/minus_bnt.gif) no-repeat 4px 5px; color:#fff; margin:0; } a.compare_tab_bar em { position:absolute; top:10px; right:20px; display:block; width:122px; height:9px; text-indent:-999px; overflow:hidden; background:url(/images_QFD/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_QFD/plus_bnt.gif) no-repeat 4px 3px; margin:0;} .close_compare a.compare_tab_bar em { background:url(/images_QFD/folder_open.png) no-repeat; } .close_compare table { display:none;} .compare_scroll { height:auto; width:940px; position:relative; font-size:0.9em;}/* I used to scroll - height:418 */ .compare_pop_bot { background:url(/images_QFD/comapre_lower.png) no-repeat; height:28px;} /* --------------------------------------------------------------------------------- Compare Models Table -------------------------------------------------------------------------------*/ .compare_model_pop { width:973px; margin:0 auto; text-align:left; }/* revmoved position:absolute; and top, left, bottom, right for compare table centering issue 02.01.10 */ .compare_model_pop_top { background:url(/images_QFD/compare_pop_top.png) no-repeat; padding:35px 30px 0 30px; height:77px;} .compare_model_pop_top img { float:left; margin:0 0 11px 0;} .logo_model_compare { float:left; margin:0 0 11px 0; background:url(../images_QFD/logo_fireplaces_popup.png) top left no-repeat; width:183px; height:34px; } .compare_model_pop_top a.btn_close { float:right;} .compare_model_pop_top h3 { padding:10px 10px 0px 30px; float:left; font-size:15px; margin:0px; text-transform:uppercase; color:#fff; font-weight:bold;} .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;} .compare_model_pop_mid { background:url(/images_QFD/compare_mid.png) no-repeat; padding:0 19px; margin:0;} .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:176px; 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 img { padding:2px; border:1px solid #a9a899;} .compare_model_th_wrapper h3 { padding:7px 0 0 7px; margin:0; font-size:1.0em; color:#304b25; text-transform:uppercase;} .compare_model_th_wrapper h3 strong { display:block; width:98%;} .compare_model_scroll table.left_over_table {} .compare_model_th_wrapper ul { padding:0 0 0 7px; margin:0;} .compare_model_th_wrapper li { list-style:none; padding:0; margin:0 0 5px 0; font-weight:normal;} .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_QFD/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_QFD/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_QFD/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:6px; padding:0; margin:0;} .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_QFD/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_QFD/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:200px; font-weight:bold; text-transform:uppercase;} .compare_model_tab .th li { border-left:none;} .compare_model_tab ul li {border-left:1px dotted #a6a593; border-bottom:1px dotted #a6a593; padding:10px 10px 10px 20px; list-style:none; margin:0; } .compare_model_odd { background:#cfcbb5;} .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_QFD/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;} /* FIX tempoorary to get close/open hidden but keep the bar */ div.compare_model_tab_bar { position:relative; background:url(/images_QFD/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_QFD/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_QFD/folder_close.png) no-repeat top left; */ } /* a.compare_tab_bar { position:relative; background:url(/images_QFD/compare_tab_header_bg.png) no-repeat; display:block; font-size:13px; text-transform:uppercase; padding:6px; margin-bottom:6px;} a.compare_tab_bar:hover { text-decoration:none;} a.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images_QFD/minus_bnt.gif) no-repeat 4px 5px; color:#fff; margin:0; } a.compare_tab_bar em { position:absolute; top:10px; right:20px; display:block; width:122px; height:9px; text-indent:-999px; overflow:hidden; background:url(/images_QFD/folder_close.png) no-repeat top left;} */ .close_compare_model a.compare_model_tab_bar strong { font-weight:normal; padding:0 0 0 25px; background:url(/images_QFD/plus_bnt.gif) no-repeat 4px 3px; margin:0;} .close_compare_model a.compare_model_tab_bar em { background:url(/images_QFD/folder_open.png) no-repeat; } .close_compare_model table { display:none;} .compare_model_scroll { height:auto; width:940px; position:relative; font-size:0.9em;}/* I used to scroll - height:418 */ .compare_model_pop_bot { background:url(/images_QFD/comapre_lower.png) no-repeat; height:28px;} a.compare_link { background:url(/images_QFD/qdf_compare_btn_stacked.png) no-repeat; width:160px; height:24px; display:inline-block; margin: 10px 0 10px 0;} a.compare_link:hover { background-position:bottom left;} /* --------------------------------------------------------------------------------- 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: White; text-transform: none; display: inline; float: none; } .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;} /* --------------------------------------------------------------------------------- Dealer Locator ------------------------------------------------------------------------------ */ .dealer_locator_popup { width:1004px; height:662px; text-align:left; } .dealer_locator_popup_header { width:1004px; height:85px; background:url(/images_QFD/dealer_locator_popup_bg_top.png) top left no-repeat; } div.dealer_locator_popup_header .popup_btn_close { float:right; margin:42px 36px 0 0; width:75px; height:28px; } div.dealer_locator_popup_header a.btn_close { display:block; width:82px; height:26px; background:url(/images_QFD/btn_close.png) top left no-repeat; } div.dealer_locator_popup_header a.btn_close:hover { background:url(/images_QFD/btn_close.png) bottom left no-repeat; } .dealer_locator_popup_body { width:1004px; height:556px; background:url(/images_QFD/dealer_locator_popup_bg_mid.png) bottom left no-repeat; } .dealer_locator_popup_body_promos { width:1004px; height:auto; background:url(/images_QFD/dealer_locator_popup_bg_mid.png) bottom left no-repeat; padding:0 22px; } .dealer_locator_popup_body_service_form { width:1004px; height:auto; background:url(/images_QFD/dealer_locator_popup_bg_mid.png) bottom left no-repeat; padding:0 22px; } .dealer_locator_popup_footer { width:1004px; height:21px; background:url(/images_QFD/dealer_locator_popup_bg_btm.png) bottom left no-repeat;} .leftnav_box a.alt_link {padding:0px 0px 0px 14px; font-size:1.0em; margin:0; background:url(/images_QFD/arrow_next_on.png) top left no-repeat; } .logo_slot_popup { width:202px; height:36px; position:relative; top:40px; left:40px; } .logo_slot_popup .brand_logo { width:194px; height:34px; background:url(../images_QFD/logo_popup.png) top left no-repeat; } .popup_title { margin:34px 0 0 70px; width:600px; height:40px; } .popup_title h1 { font-size:1.3em; font-weight:bold; text-transform:uppercase; color:#ffffff; } /* product category description header */ div.prod_desc_popup_header .popup_title { margin:31px 0 0 44px; width:400px; height:40px; } div.prod_desc_popup_header .popup_title h1 { font-size:1.4em; font-weight:bold; text-transform:uppercase; color:#ffffff; } /* 2 column body */ .popup_column_left { position:absolute; width:250px; height:572px; margin:-10px 0 0 18px; background:url(../images_QFD/dealer_leftnav_base_bg.png) top left no-repeat; z-index:1001; } div.popup_column_left .left_column_padding { margin:0 0 0 10px; } .popup_column_right { position:absolute; width:738px; margin:0 0 0 243px; padding:0; height:auto; z-index:90000; } .popup_column_left .leftnav_box_top { width:237px; height:14px; margin:0; padding:0; } .popup_column_left .leftnav_box { width:237px; height:350px; margin:0; padding:0; text-align:left; } .popup_column_left .leftnav_box_quick { width:237px; height:110px; margin:0; padding:0; text-align:left; } .popup_column_left .leftnav_box_tall { margin:-28px 0 0 0px; } div.popup_column_left div.leftnav_box hr { display:block; background:#adaa97; color:#adaa97; width:200px; height:1px; border:none; } .leftnav_box_title { margin:8px 0 0 18px; padding:6px 0 6px 10px; width:201px; } .leftnav_box_title h2 { float:left; color:#3f3e30; font-weight:bold; font-size:0.9em; text-transform:uppercase; margin:0; padding:0; } .leftnav_box_title div.leftnav_box_title_arrow { float:left; width:10px; height:6px; margin:3px 24px 0 10px; padding:0; background:url(../images_QFD/icon_dl_orange_arrow_down_off.png) top left no-repeat; } .popup_column_left h2 { } .popup_column_left p { margin:0 0 0 16px; } .popup_column_left .form_item { margin:10px 0 0 16px; } .popup_column_left select.ddm_form_row_multi { width:180px; margin:0 6px 10px 0; background-color:#FFFFFF; } .popup_column_left .btn_placeholder { margin:20px; } .popup_column_left input[type='text'] { border:1px solid #dadada; width:174px; margin:0 0 10px 16px; padding:4px 0 1px 4px; font-size:1.0em; color:#999999; background-color:#d1cdb7 } /* Search 2 columns */ .popup_left_search_col { width:106px; margin:0; } div.popup_left_search_col div.brand_search_group { margin:10px 0 0 10px; } div.popup_left_search_col div.checkbox_wlabel_inline { height:20px; margin:0 0 6px 0; } .asp_checkboxlist INPUT { margin:0 !important; } .asp_checkboxlist LABEL { display: inline !important; padding:0 !important; } div.popup_left_search_col label { float:left; width:66px; margin:3px 0 0 0; font-size:1.1em; color:#333333; } div.popup_left_search_col input[type=checkbox] { float:left; width:16px; } .search_input_dealer { margin:2px 0 0 20px; } div.search_input_dealer input[type='text'] { width:130px; height:12px; float:left; color:#777777; background-color:#d1cdb7; font-size:1.0em; margin:0 4px 0 6px; padding:6px; border-color:#aca995; } div.search_input_dealer input[type='text']:focus { background-color:#889578; border-color:#304c25; color:#ffffff; } div.search_input_dealer a.btn_input { float:left; display:block; width:48px; height:26px; background:url(../images_QFD/btn_input_button.png) top left no-repeat; } div.search_input_dealer a.btn_input:hover { background:url(../images_QFD/btn_input_button.png) bottom left no-repeat; } .search_dealer_controls { margin:10px 0 0 0px; padding:0; height:20px; } .search_dealer_controls p { color:#ffffff; margin:0 0 0 28px; padding:0; } .search_dealer_controls p a { color:#304c25; text-decoration:underline; margin:0; padding:0; } .search_dealer_controls p a:hover { color:#304c25; text-decoration:none; } .left_col_collapsible { margin:6px 0 0 16px; width:200px; height:30px; } .left_col_collapsible p { float:left; font-size:1.6em; } .left_col_collapsible img.arrow_down { float:right; margin:10px 16px 0 0; } .left_column_scrollbox { width:228px; height:400px; margin:-1px 0 0 9px; padding:0; background:url(../images_QFD/left_column_scrollbox_bg.png) top left no-repeat; } .left_column_scrollbox .scroller { overflow:auto; width:225px; height:386px; position:relative; top:8px; } .scrollbox_grey_header { width:194px; padding-left:16px; height:40px; background:url(/images_QFD/scrollbox_grey_header_bg.jpg) top left repeat-x; } .scrollbox_grey_header p { font-size:0.9em; color:#ffffff; font-weight:bold; float:left; margin:10px 0 0 0; text-transform:uppercase; } .scrollbox_grey_header a.info_button { display:block; float:left; margin:10px 10px 0 10px; } a.info_button { display:block; width:15px; height:15px; background:url(/images_QFD/icon_alternate_info2_off.png) top left no-repeat; } /* Dealer Information cluster */ .dealer_location_info { } div.dealer_location_info .dealer_name_pin { margin:8px 0 0 8px; height:auto; width:198px; } div.dealer_name_pin img.dealer_pin { float:left; } div.dealer_name_pin p.dealer_name { float:left; color:#3f3e30; margin:0 0 0 6px; line-height:1.3em; font-size:0.95em; height:auto; width:160px; font-weight:bold; text-transform:uppercase; } div.dealer_location_info p.dealer_info { color:#3f3e30; line-height:1.3em; width:160px; margin:0 0 10px 40px; } img.dealer_pin_img { cursor: pointer; cursor: hand; } /* Right map colum */ p.map_description { float:left; width:auto; font-size:1.1em; color:#3f3e30; font-weight:bold; margin:10px 0 6px 30px; } p.map_description em { font-style:normal;} div.popup_column_right ul.grey_light_subnav { margin:0px 10px 0 0; padding:0; width:auto; text-transform:uppercase; } div.popup_column_right ul.grey_light_subnav li { list-style:none; float:left; padding:0px; width:140px; } div.popup_column_right ul.grey_light_subnav li a.subnav_grey_light_print { display:block; font-size:0.9em; font-weight:bold; color:#6b6a5b; padding:5px 0 0 38px; margin:2px 0 0 0; width:140px; height:21px; background:url(../images_QFD/grey_light_subnav_print.png) top left no-repeat; } div.popup_column_right ul.grey_light_subnav li a.subnav_grey_light_print:hover { background:url(../images_QFD/grey_light_subnav_print.png) bottom left no-repeat; text-decoration:none; color:#FFFFFF; } /* MAP */ .map_wrapper { width:729px; height:512px; margin:10px 0 0 10px; position:absolute; z-index:100; background:url(../images_QFD/map_bg_dottedrules.png) top left no-repeat; } .map { width:729px; height:512px; margin:3px 0 0 0; position:absolute; z-index:101; } #google_map { width:729px; height:512px; position:absolute; } .map_drawer_bottom { background:url(/images_QFD/map_drawer_bottom.png) top right no-repeat; width:730px; height:146px; position:relative; top:366px; z-index:200; text-align:left; } /* Drawer Columns */ .drawer_column_1 a.info_button { display:block; float:right; width:15px; height:15px; background:url(/images_QFD/icon_alternate_info2_off.png) top left no-repeat; } div.map_drawer_bottom .drawer_column_1 h4 { width: 170px;} div.map_drawer_bottom .drawer_column_1, div.map_drawer_bottom .drawer_column_2, div.map_drawer_bottom .drawer_column_3 { float:left; height:122px; color:#FFFFFF; } div.map_drawer_bottom .drawer_column_1 { margin:11px 10px 0 15px; padding:10px 15px 0 0; width:230px; border:none; } div.map_drawer_bottom .drawer_column_2 { margin-top:11px; padding:10px 0 0 10px; width:228px; border-left:1px solid #6c8063; } div.map_drawer_bottom .drawer_column_3 { margin-top:11px; padding:10px 0 0 10px; width:197px; border-left:1px solid #6c8063; } /* Dealer Drawer Slider */ .dealer_drawer_slider { width:268px; height:502px; position:absolute; margin:0 0 0 0px; border-right:1px solid #D9D9D9; background:url(../images_QFD/dealer_drawer_slider_bg.png) top right no-repeat #cfcbb5; z-index:11000; } .dealer_drawer_header { height:34px; background:url(../images_QFD/dealer_drawer_header_bg.png) bottom right no-repeat #00FF66; } .grey_btn_plain_row { width:256px; height:30px; position:relative; top:-4px; left:8px; } .tab { margin-top:14px; } .dealer_level_row { margin:0 0 14px 0; padding:0px 8px; } div.dealer_level_row p { font-size:.9em; color:#3e3d2f; line-height:1.3em; margin:0 0 10px 0; } div.dealer_level_row img { margin:0 10px 0 0; } div.dealer_level_row span { font-size:1.0em; color:#304c25; display:block; margin:0 0 2px 0; font-weight:bold; text-transform:uppercase; } .brand_info_row { margin:0 0 14px 0; padding:0px 8px; } div.brand_info_row p { font-size:1.1em; color:#909090; line-height:1.2em; } div.brand_info_row img { margin:0 10px 0 0; } div.brand_info_row span { font-size:1.3em; color:#000000; display:block; margin:0 0 2px 0; } /*grey tab buttons - Dealer Levels */ a.greybtn_dealer_levels { display:block; width:185px; height:30px; margin:4px 10px 0 0; background:url(/images_QFD/greybtn_dealer_levels_off.png) top left no-repeat; } a.greybtn_dealer_levels_active { display:block; width:185px; height:30px; margin:4px 10px 0 0; background:url(/images_QFD/greybtn_dealer_levels_on.png) top left no-repeat; } a.greybtn_dealer_levels:hover { background:url(../images_QFD/greybtn_dealer_levels_on.png)top left no-repeat; } /*grey tab buttons - Distributor Levels */ a.greybtn_distributor_levels { display:block; width:185px; height:30px; margin:4px 10px 0 0; background:url(/images_QFD/greybtn_distributor_levels_off.png) top left no-repeat; } a.greybtn_distributor_levels_active { display:block; width:185px; height:30px; margin:4px 10px 0 0; background:url(/images_QFD/greybtn_distributor_levels_on.png) top left no-repeat; } a.greybtn_distributor_levels:hover { background:url(../images_QFD/greybtn_distributor_levels_on.png)top left no-repeat; } /*grey tab buttons - Brand Info */ a.greybtn_brand_info { display:none; width:83px; height:22px; margin-top:4px; background:url(/images_QFD/greybtn_brand_info_off.png) top left no-repeat; } a.greybtn_brand_info_active { display:none; width:83px; height:22px; margin-top:4px; background:url(/images_QFD/greybtn_brand_info_on.png) top left no-repeat; } a.greybtn_brand_info:hover { background:url(../images_QFD/greybtn_brand_info_on.png)top left no-repeat; } /* Column Contents */ div.map_drawer_bottom .drawer_column_1 h4, div.map_drawer_bottom .drawer_column_2 h4, div.map_drawer_bottom .drawer_column_3 h4 { margin:0px; color:#ffffff; text-transform:uppercase; font-size:1.0em; font-weight:bold; } div.map_drawer_bottom .drawer_column_1 p, div.map_drawer_bottom .drawer_column_2 p, div.map_drawer_bottom .drawer_column_3 p { margin:0px; padding:0; height:auto; color:#5a5a5a; } div.map_drawer_bottom ul.download_arrow_links { margin:4px 0 0 0; padding:0; } div.map_drawer_bottom ul.download_arrow_links li { list-style:none; margin:0 0 4px 0; padding:0; height:auto; font-size:1.2em; } div.map_drawer_bottom ul.download_arrow_links li img { margin:0 6px 0 0; } div.map_drawer_bottom ul.download_arrow_links li span { font-size:0.8em; color:#909090; } /* promo rotator - based on editor_review_container */ div.map_drawer_bottom div.drawer_column_1 .base_rotator_container { width:322px; margin:0; padding:0; } div.map_drawer_bottom div.drawer_column_2 .base_rotator_container { width:204px; margin:0; padding:0; } div.map_drawer_bottom .related_products_list_container { width:180px; height:55px; margin:10px 0 0 0; padding:0px; float:left; overflow:hidden; } div.map_drawer_bottom .brand_list_container { display:none; width:290px; height:55px; margin:10px 0 0 0; padding:0 0 0 4px; float:left; position:relative; border-left:1px solid #d9d9d8; overflow:hidden; } div.map_drawer_bottom UL.brand_list { display:none; position:absolute; width:2000em; margin:0; padding:0; } div.map_drawer_bottom UL.brand_list li { width:65px; height:75px; list-style-type:none; float:left; margin:0 4px 0 0; padding:0 4px 0 0; border-right:1px solid #d9d9d8; } div.map_drawer_bottom UL.brand_list li p a { line-height:1.4em; color:#ffffff; } div.map_drawer_bottom .related_products_arrow_left { width:6px; height:10px; position:relative; top:24px; margin:0 6px 0 0; padding:0; background:url(../images_QFD/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.map_drawer_bottom .related_products_arrow_right { width:6px; height:10px; position:relative; top:24px; margin:0 0 0 6px; padding:0; background:url(../images_QFD/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.map_drawer_bottom ul.related_products_list { width:1000px; margin:0px 0 0 4px; padding:0px; float:left; } div.map_drawer_bottom ul.related_products_list li { list-style:none; float:left; margin:0; padding-right:2px; } div.map_drawer_bottom ul.related_products_list li a { display:block; padding:3px; } div.map_drawer_bottom ul.related_products_list li a:hover { border:1px solid #d9d9d9; padding:2px 2px 2px 2px;} div.map_drawer_bottom ul.related_products_list li img { border:none; } /* New addition for Brand side, hide in FP */ .brand_info_block_brandonly { width:250px; } .brand_description { margin:4px 0; padding:5px 8px 5px 0; } .brand_description p {color:#ffffff !important;} .brand_award_logo { } .promo_body_bg { margin:0 0 0 1px; } /* Service Request Form */ .service_request_column { width:233px; height:auto; margin:38px 0 38px 38px; padding:0 25px 0 0; } /* form rows/inputs/ddm */ div.service_request_column div.form_row { margin:0 0 20px 0; } div.service_request_column div.form_row label { width:232px; color:#000000; font-size:1.2em; display:block; } div.service_request_column div.form_row .label_inline { width:90px; color:#000000; font-size:1.2em; display:block; } div.service_request_column div.form_row textarea { width:223px; color:#666666; border:1px solid #d9d9d9; background-color:#ffffff; font-size:1.0em; margin:0; padding:4px; } div.service_request_column div.form_row input[type='text'], div.service_request_column div.form_row input[type='text']:focus { width:232px; color:#666666; border:1px solid #d9d9d9; background-color:#ffffff; font-size:1.0em; margin:0; padding:4px; } div.service_request_column div.form_row select { width:232px; border:1px solid #dadada; margin:0; padding:4px 0 1px 4px; font-size:1.0em; color:#999999; } div.service_request_column div.form_row select.ddm_form_row { width:232px; margin:0 0 10px 0; background-color:#FFFFFF; } div.service_request_column div.form_row select.ddm_form_row_multi { width:110px; margin:0 6px 10px 0; background-color:#FFFFFF; } div.service_request_column div.form_row option { font-size:1.0em; margin:4px; width:220px; } /* qualifying products container */ div.promo_body_leftcol_content .qualifying_products_container { margin:-20px 0 0 0; } div.promo_body_leftcol_content .qualifying_products_container h4 { font-size:1.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_QFD/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_QFD/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_QFD/fp_icon_orange_arrow_right_off.png) top left no-repeat; } /* promotions window rotator - based on editor_review_container */ div.slot4 div.drawer_column_1 .base_rotator_container { width:322px; } div.slot4 div.drawer_column_2 .base_rotator_container { width:220px; } div.slot4 .base_rotator_container { width:220px; margin:8px 0 0 0; padding:0; } div.slot4 .related_products_list_container { width:182px; height:50px; margin:10px 0 0 0; padding:0px; float:left; overflow:hidden; } div.slot4 .brand_list_container { width:290px; height:50px; margin:10px 0 0 0; padding:0px; float:left; overflow:hidden; } div.slot4 .related_products_arrow_left { width:25px; height:26px; position:relative; top:24px; margin:0 4px 0 0; padding:0; background:url(../images_QFD/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.slot4 .related_products_arrow_right { width:25px; height:26px; position:relative; top:24px; margin:0 10px 0 0; padding:0; background:url(../images_QFD/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.slot4 ul.related_products_list { width:1000px; margin:0px 0 0 3px; padding:0px; float:left; } div.slot4 ul.related_products_list li { width:42px; height:44px; list-style:none; float:left; margin:0; } div.slot4 ul.related_products_list li a { display:block; padding:3px; } div.slot4 ul.related_products_list li a:hover { border:1px solid #ffffff; padding:2px; } div.slot4 ul.related_products_list li img { border:none; } div.slot4 ul.brand_list { width:1000px; margin:0 0 0 4px; padding:0px; float:left; border-left:1px solid #d9d9d8; padding-left:6px; } div.slot4 ul.brand_list li { width:auto; height:44px; list-style:none; float:left; margin:0; padding:0 8px; border-right:1px solid #d9d9d8; } div.slot4 ul.brand_list li p { color:#d9d9d8; line-height:1.2em; } div.slot4 ul.brand_list li a { color:#5a5a5a; } div.slot4 ul.brand_list li a:hover { } div.slot4 ul.brand_list li img { } .rotator_single_link { width:200px; color:#FFFFFF; } div.rotator_single_link h4 { margin:0 0 10px 0 0; height:40px; } div.rotator_single_link p { line-height:1.2em; margin:20px 0 0 0; color:#FFFFFF; } div.rotator_single_link p a { float:left; color:#FFFFFF; /* background:url(/images_QFD/icon_contact_dealer.png) right no-repeat;*/ padding:0px 5px 0 0;} div.rotator_single_link p img { float:left } div.rotator_single_link img { } /* Map Pin - Dealer Info Hover */ .hover226 { position:absolute; margin:20px 0 0 20px; width:226px; height:auto; text-align:left; } .hover_top { width:226px; background:url(/images_QFD/popup_dealer_info_bg_top.png) top left no-repeat; padding:16px 0 10px 0px; } .hover_btm { width:226px; background:url(/images_QFD/popup_dealer_info_bg_btm.png) bottom left no-repeat; height:12px; } div.hover_top h3 { color:#8fb447; font-size:1.1em; font-weight:bold; text-transform:uppercase; margin:0 0 8px 0; padding:0px; } div.hover_top p { color:#FFFFFF; font-size:1.1em; margin:0; padding:0; height:auto; } div.hover_top p a { color:#8fb447; } div.hover_top .inner_padding { position:relative; left:41px; width:170px; padding-bottom:10px; } div.hover_top a.hover_close { display:block; width:10px; height:10px; float:right; margin:-2px 5px 0 0; padding:0px; background:url(/images_QFD/btn_hover_close_on.png) top left no-repeat; } div.hover_top a:hover.hover_close { background:url(/images_QFD/btn_hover_close_on.png) top left no-repeat; } div.hover_top ul.download_arrow_links { margin:20px 0 0 0; padding:0; } div.hover_top ul.download_arrow_links li { list-style:none; font-size:1.1em; height:28px; margin:6px 0 14px 0; } div.hover_top ul.download_arrow_links li img { margin:0 6px 0 0; } /* Modding for lead fix: div.hover_top ul.download_arrow_links li a { color:#FFFFFF; } */ div.hover_top ul.download_arrow_links li a { color:#FFFFFF; display:block; background:url(../images_QFD/nav_left_bg_alt.png) top left no-repeat; padding:2px 0 0 18px; margin:0px 0 0 -8px; } div.hover_top ul.download_arrow_links li a:hover { text-decoration:underline; } div.hover_top hr { width:201px; margin:6px 0 6px 21px; } .direction_row { margin:16px 0 0 0; } div.direction_row input[type='text'], div.direction_row input[type='text']:focus { width:110px; float:left; color:#777777; background-color:#FFFFFF; font-size:1.0em; height:16px; margin:0 8px 0 0; padding:4px 0 0 4px; } div.direction_row a.btn_input { float:left; display:block; width:48px; height:26px; background:url(../images_QFD/btn_input_button.png) top left no-repeat; } div.direction_row a.btn_input:hover { background:url(../images_QFD/btn_input_button.png) bottom left no-repeat; } /* Promos VIew */ .promo_header_row { background:url(../images_QFD/promo_header_row_border.png) bottom left repeat-x; width:960px;} div.promo_header_row h2 { margin:0; padding:5px 0 10px 10px; height:auto; width:300px; text-transform:uppercase; font-weight:bold; font-size:1.4em; } div.promo_header_row ul.grey_light_subnav { margin:0px 5px 0 0; padding:0; float:right; text-transform:uppercase; } div.promo_header_row ul.grey_light_subnav li { list-style:none; float:left; width:140px; height:23px; margin:0 0 0 8px; } div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_back { display:block; font-size:0.9em; font-weight:bold; color:#6b6a5b; padding:6px 0 0 38px; margin:0; width:140px; height:20px; background:url(../images_QFD/btn_oview_back.png) top left no-repeat; } div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_back:hover { background:url(../images_QFD/btn_oview_back.png) bottom left no-repeat; text-decoration:none; color:#FFFFFF; } div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_print { display:block; font-size:0.9em; font-weight:bold; color:#6b6a5b; padding:6px 0 0 38px; margin:0; width:140px; height:20px; background:url(../images_QFD/grey_light_subnav_print.png) top left no-repeat; } div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_print:hover { background:url(../images_QFD/grey_light_subnav_print.png) bottom left no-repeat; text-decoration:none; color:#FFFFFF; } .promo_subrow { width:941px; height:96px; margin:7px 0 0 7px; padding:0; border:1px solid #a9a899; background:url(../images_QFD/promo_subrow_bg.png) } div.promo_subrow .slot1, div.promo_subrow .slot2, div.promo_subrow .slot3, div.promo_subrow .slot4 { padding-left:20px; margin:8px 0 0 0; float:left; } div.promo_subrow .slot1 { width:230px; } div.promo_subrow .slot2 { width:200px; } div.promo_subrow .slot3 { width:210px; } div.promo_subrow .slot4 { width:210px; } div.promo_subrow div.slot1 h3 { margin:32px 0 0 0; font-size:1.0em; text-transform:uppercase; width:200px; } div.promo_subrow div.slot2 p { margin:28px 0 0 0; font-size:1.0em; color:#3f3e30; line-height:1.3em; } div.promo_subrow div.slot3 p { margin:28px 0 0 0; font-size:1.0em; color:#3f3e30; line-height:1.3em; } div.promo_subrow div.slot3 a { color:#304c25; line-height:1.2em; } .promo_body_leftcol { width:719px; float:left; margin-left:1px; } .promo_body_leftcol hr { display:block; background:#a09e8c; color:#a09e8c; width:95%; height:1px; border:none; margin:0 0 0 10px; background:url(../images_QFD/hr_dotted_bg.png) repeat-x center; } .promo_body_leftcol_content { padding:20px 30px 20px 20px; } div.promo_body_leftcol_content p.promo_copy { font-size:1.0em; color:#3f3e30; line-height:1.4em; margin:20px 0 0 0; } .promo_body_rightcol { width:211px; padding:14px; height:100%; float:left; } .promo_body_rightcol p { font-size:0.9em; color:#6b6a5b; line-height:1.8em; } div.services_only_btn {padding-left:31px; padding-top:10px;} /* International Search */ .search_option2 { } div.leftnav_box p.grey_12_light { margin:6px 0 0 30px; } div.search_option2 div.form_row { margin:4px 0 0 30px; } div.search_option2 div.form_row input[type='text'], div.search_option2 div.form_row input[type='text']:focus { width:180px; color:#666666; border:1px solid #aca995; background-color:#d1cdb7; margin:0; padding:6px 2px 6px 2px; } div.search_option2 div.form_row input.text_input, div.search_option2 div.form_row a { float:left; } div.search_option2 div.form_row select { margin:0; padding:0px; font-size:1.0em; } div.search_option2 div.form_row select.ddm_form_row { margin:0 0 10px 0; background-color:#FFFFFF; } div.search_option2 div.form_row select.ddm_form_row_multi { width:186px; margin:0 0 8px 0; } div.search_option2 div.form_row option { font-size:1.0em; margin:4px; } div.search_option2 .btn_placeholder { margin:20px; } div.search_option2 hr { display:block; background:#a09e8c; color:#a09e8c; width:100%; height:1px; border:none; margin:10px 0 -20px 17px; } div.search_option2 .popup_left_search_col, .brand_side_hide { display:none; } .brand_checkbox { margin:0 0 0 0; padding:0 0 0 16px; width:200px; } div.brand_checkbox label { float:left; margin:3px 0 0 0; width:170px; font-size:0.8em; color:#6b6a5b; text-transform:uppercase; font-weight:bold; } div.brand_checkbox input[type=radio] { float:left; width:16px; } .brand_search_group { margin:10px 0 0 20px; } .checkbox_wlabel_inline { } .autoscroller_dealer_locator { margin:10px 0 0 0; padding-left:10px; height:510px; } .autoscroller_international { border-top:1px dotted #b0b0b0; width:715px; } .collapsible_panel_dealers { } .link_arrow { width:10px; height:6px; display:none; margin:-4px 0 0 10px; background:url(../images_QFD/icon_dl_orange_arrow_down_off.png) top left no-repeat; } .collapsible_panel_dealers h3 { margin:14px 0 10px 14px; font-size:1.2em; border-top:1px dotted #a6a593; border-bottom:1px dotted #a6a593; padding:6px 0; color:#304c25; text-transform:uppercase; } .collapsible_panel_dealers h3 a { color:#304c25 !important; font-weight:bold; background:url(../images_QFD/icon_dl_orange_arrow_down_off.png) right no-repeat; padding:0px 20px 0px 0px;} div.dealer_locations_columns .column { width:210px; float:left; margin:4px 0 20px 14px; padding:0px; } div.dealer_locations_columns .column p { font-size:1.1em; line-height:1.5em; margin:0 0 0 0; padding:0 0 0 0; } div.dealer_locations_columns div.column .grey_light { color:#6b6a5b; } div.dealer_locations_columns TABLE td { vertical-align:top;} .leftnav_box p.grey_12_light { padding:5px 15px 15px 0px; margin:0px; } .error p { padding:0px 25px 0px 25px; margin:0px; } /* Dealer Search Promos */ .popup_dealer_grey_header { background:url(../images_QFD/popup_dealer_grey_header_bg.png) top left repeat-x; padding:13px 0 12px 12px; } div.popup_dealer_grey_header p { display:inline; font-size:0.9em; font-weight:bold; text-transform:uppercase; color:#3f3e30; } div.popup_dealer_grey_header select { display:inline; width:160px; padding:0px; background-color:#FFFFFF; } div.popup_dealer_grey_header option { margin:2px;} .scroller_smaller_height { margin:10px 5px 0 0; overflow:auto; height:450px !important;} .dealer_promo_row { margin:0 6px 0 0; padding:15px 0 0px 18px; border-bottom:1px dotted #a4a391; } div.dealer_promo_row .image_slot { padding-right:20px;padding-bottom:15px; } div.dealer_promo_row .text_slot { width:410px; margin:0 0 0 20px; padding-bottom:15px; } div.dealer_promo_row div.text_slot .header { color:#3f3e30; font-size:1.1em; text-transform:uppercase; font-weight:bold; } div.dealer_promo_row div.text_slot .body { color:#777777; font-size:1.1em; line-height:1.2em; } div.dealer_promo_row .promo_link_row { width:440px; height:auto; } div.promo_link_row .promo_slot_left { width:auto; float:left; position:relative; right:0px; } div.promo_link_row .promo_slot_right { width:220px; float:right; margin:0 10px 0 0; padding:0 0 0 10px; background:url(../images_QFD/border_vertical.png) top left repeat-y; } div.dealer_promo_row div.promo_link_row p.promo_link { margin:15px 0 15px 0px; font-size:1.2em; } div.dealer_promo_row div.promo_link_row .promo_link_arrow { margin:17px 0 0 17px; } div.promo_link_row div.promo_slot_right .btn_placeholder { margin:0 0 10px 0px; } div.promo_link_row div.promo_slot_right a.btn_findadealer { float:left;background:url(/images_QFD/btn_findadealer_off.png) top left no-repeat; width:144px; height:26px; } div.promo_link_row div.promo_slot_right a.btn_findadealer:hover { background:url(/images_QFD/btn_findadealer_over.png) top left no-repeat; } div.promo_link_row div.promo_slot_right a.btn_close { display:block; width:85px; height:26px; background:url(/images_QFD/btn_close.png) top left no-repeat; } div.promo_link_row div.promo_slot_right a.btn_close:hover { background:url(/images_QFD/btn_close.png) bottom left no-repeat; } div.dealer_promo_row div.promo_link_row a.subnav_grey_light_viewoffer { display:inline-block; font-size:0.7em; text-transform:uppercase; font-weight:bold; color:#FFFFFF; padding:4px 0 0 24px; margin:0; width:159px; height:22px; background:url(../images_QFD/grey_light_subnav_viewoffer.png) top left no-repeat; } div.dealer_promo_row div.promo_link_row a.subnav_grey_light_viewoffer:hover { background:url(../images_QFD/grey_light_subnav_viewoffer.png) bottom left no-repeat; text-decoration:none; color:#FFFFFF; } div.dealer_promo_row div.promo_link_row a.offers_dealers { display:inline-block; text-transform:uppercase; font-size:0.7em; font-weight:bold; color:#ffffff; padding:4px 0 0 15px; margin:0; width:230px; height:22px; background:url(../images_QFD/btn_find_part_dealer.png) top left no-repeat; } div.dealer_promo_row div.promo_link_row a:hover.offers_dealers { background:url(../images_QFD/btn_find_part_dealer.png) bottom left no-repeat; text-decoration:none; color:#ffffff; } div.dealer_promo_row div.promo_link_row a.close_dealer { display:inline-block;font-size:0.9em; color:#1d1d1d; padding:0px 20px 0px 10px; background:url(../images_QFD/icon_orange_arrow_up_disabled.png) right no-repeat; } div.dealer_promo_row div.promo_link_row a:hover.close_dealer { background:url(../images_QFD/icon_orange_arrow_up_disabled.png) right no-repeat; text-decoration:underline; color:1d1d1d; } div.promo_slot_find_dealer div.form_row { margin:15px 0 0px 0; } div.promo_slot_find_dealer div.form_row input[type='text'], div.promo_slot_find_dealer div.form_row input[type='text']:focus { width:188px; color:#666666; border:1px solid #aca995; background-color:#d1cdb7; margin:0; padding:6px 2px 6px 2px; } div.promo_slot_find_dealer div.form_row select { width:188px; border:1px solid #dadada; margin:0; padding:4px 0 1px 4px; font-size:1.0em; color:#999999; } div.promo_slot_find_dealer div.form_row select.ddm_form_row { width:188px; margin:0 0 10px 0; background-color:#FFFFFF; } div.promo_slot_find_dealer div.form_row select.ddm_form_row_multi { width:110px; margin:0 6px 10px 0; background-color:#FFFFFF; } div.promo_slot_find_dealer div.form_row option { font-size:1.0em; margin:4px; width:220px; } /* --------------------------------------------------------------------------------- My Account section -------------------------------------------------------------------------------*/ .my_account, .my_account_folders { background:url(/images_QFD/content_box_lower.png) no-repeat bottom left; padding:0 18px 30px 18px; margin-bottom:30px; position:relative;} .my_account .two_column_rightnav { background:none;} .my_account_folders select { margin:0; border:none; padding:0; background:none;} .my_account_folders select option { background:#304b25; color:#FFFFFF;} .my_account_folders select option:hover { background:#64785c;} .faux_column_right_account { } .faux_column_right_account .detail_body_col2 { width:271px; background:url(/images_QFD/col_right_lower.png) bottom right; margin-top:-70px; padding-bottom:30px;} .my_account_folders .detail_body_col2 { margin-top:-50px;} /* your changes have been saved msg */ .msg_saved_profile { font-size:1.0em; float:left; margin:20px 0 0 10px; } .top_right_col { background:url(/images_QFD/col_right_top.png) no-repeat; height:40px; margin:-30px 0 0 -13px; } .top_right_col_wide { background:url(/images_QFD/col_right_top_wide.png) no-repeat; height:40px; margin:-30px 0 -10px -13px; } div.account_body_col1 { width:695px; background:url(/images_QFD/account_body_col1_bg.png) repeat-x; margin-right:3px;} .my_account_banner_home { height:40px; /*height:225px; background:#333333;*/} .my_account_banner { height:40px;} #detailOverviewAccount .my_account_detail_body .detail_body_col2 { padding-bottom:5px; border-bottom:1px solid #d9d9d9;} .my_account_detail_body .detail_body_col2 h4, .my_account_detail_body .detail_body_col2 .article_title { width:90%;} #detailOverviewAccount div.account_body_col1 h2, #detailProfileAccount div.account_body_col1 h2 { float:left; padding:45px 0 0 24px; font-size:2.0em; color:#304b25;} #detailProfileAccount div.account_body_col1 h2 em, .req_profile em, label em { font-style:normal; color:#304b25;} .my_account .account_body_col1 h2 { float:none; padding:10px 0 0 24px; font-size:2.0em; margin:0; } .my_account_folders .grey_light_subnav_container { background:none; height:80px;} .my_account .grey_light_subnav_container h2 { color:#304B25; float:left; font-size:1.5em; font-weight:bold; margin:0; padding:20px 0 0 25px; width:140px; } .welcome_text { border-left:1px dotted #6B6A5B; float:left; margin:0 0 45px 0; padding:4px 30px; width:400px; } .welcome_text a { display:block; font-weight:bold; padding:10px 0 0 0; text-transform:uppercase; background:url(/images_QFD/arrow_next_on.png) no-repeat 90px 14px; } .my_account_folders h3, .my_account h3 { clear:both; background:url(/images_QFD/project_foder_header.png) no-repeat; margin:22px 0 0 23px; padding:13px 0px 36px 26px; font-size:1.0em; color:#fff; text-transform:uppercase; position:relative; } .my_account_folders h3 a, .my_account h3 a, .account_section_title a { background:url(/images_QFD/new_folder_icon.gif) no-repeat; font-weight:bold; display:inline; padding: 0 30px 0 35px; font-size:10px; color:#fff; position:absolute; top:12px; right:15px;} .account_section_title a { color:#6b6a5b; top:29px;} .my_account ul.account_subnav { top:90px; left:21px;} /* HACKING MY ACCOUNT */ .my_account .detail_body_col2 { margin-top:-83px;} .my_account .grey_light_subnav_container { background:none; height:113px;} ul.account_subnav { clear:both; margin:0; padding:0; position:absolute; top:40px; left:21px;} ul.account_subnav li { list-style:none; float:left; padding:0; margin:0;} ul.account_subnav li a { display:block; height:44px; width:176px; text-indent:-999px; overflow:hidden; padding:0; margin:0;} ul.account_subnav li.overview a { } ul.account_subnav li.projects a { background:url(/images_QFD/project_folders_bnt.png) no-repeat;} ul.account_subnav li.profile a { background:url(/images_QFD/profile_bnt.png) no-repeat; width:175px;} ul.account_subnav li.on a, ul.account_subnav li a:hover { background-position:bottom left;} /* project folders open */ .my_project_tab, .friends_project_tab { width:630px; margin:0 auto; border-top:1px dotted #a4a290; } a.tabber { background:url(/images_QFD/product_info_p_bg.gif) no-repeat left 8px ; height:24px; display:inline-block; padding:0 0 0 30px; margin:14px 18px 10px 14px; font-size:1.4em; color:#3f3e30; font-weight:bold;} .current_folder .grey_light_subnav, .my_project_tab .grey_light_subnav { margin-right:10px; } .current_folder .grey_light_subnav li, .my_project_tab .grey_light_subnav li { list-style:none; display:inline;} .current_folder .grey_light_subnav a, .my_project_tab .grey_light_subnav a { text-transform:uppercase; background:url(/images_QFD/sub_nav_bg.png) no-repeat top right; padding:5px 0px 0 28px; font-size:0.9em; display:inline-block; height:21px; width:62px;} .current_folder .grey_light_subnav a:hover, .my_project_tab .grey_light_subnav a:hover { background-position:bottom right; text-decoration:none; color:#fff;} a.subnav_grey_light_send:hover, a.subnav_grey_light_delete:hover, a.update_bnt:hover { background-position:bottom left;} .project_content { background:#cfcbb5; clear:both; padding:14px; margin:0 10px;} .project_content img { border:1px solid #9d9a88; padding:3px; float:left;} .project_content ul { float:left; border-left:1px dotted #9d9a88; margin:0 0 0 20px; min-height:125px; padding:0; width:190px;} .project_content ul li { list-style:none; padding:0 0 3px 30px; color:#999999; font-weight:bold; background:url(/images_QFD/arrow_next_on.png) no-repeat 15px 0;} .project_content ul li.head { color:#3f3e30; text-transform:uppercase; background:none;} .project_content ul li a { text-decoration:underline;} .my_project_tab_foot { clear:both; padding:15px 0px 15px 430px; margin:10px 0; border-top:1px dotted #a5a493;} a.send_dealler { margin-top:6px; background:url(/images_QFD/send_project_bnt.png) no-repeat top left; display:block; width:189px; height:26px; text-indent:-999px; overflow:hidden;} a.send_dealler:hover { background-position:bottom left;} a.update_bnt { background:url(/images_QFD/update_bnt.png) no-repeat; display:block; width:95px; height:26px; text-indent:-999px; overflow:hidden; margin-left:30px;} /* project folders closed */ .close .project_content, .close a.send_dealler, .close ul.prod_actions, .close .my_project_tab_foot, .close table, .close .third_level_folder, .close a.add_product { display:none; padding:0;} .close { padding:0 0 6px 0; height:60px; margin-bottom:10px;} .close a.tabber { background:url(/images_QFD/arrow_next_on.png) no-repeat left 5px; padding:0px 0 0 30px; margin:14px 18px 7px 14px;} /* promo list */ ul.promo_account { padding:10px 0 0 0; margin:10px 0 0 20px; background:url(/images_QFD/my_account_promo_border.png) no-repeat top left;} .promo_account li { list-style:none; width:210px !important; float:left;} .promo_account li.last p, .promo_account li.last a { border:none;} .promo_account img { } .promo_account p { color:#3f3e30; padding:10px 15px 0 15px; margin:0;} .promo_account p strong { display:block; color:#3f3e30; width:90%;} .promo_account a { display:inline-block; background:url(/images_QFD/arrow_next_on.png) no-repeat 0px 2px; padding:0px 15px 10px 10px; text-transform:uppercase; margin:10px 0px 0 15px; font-size:0.9em;} p.promo_sidebar { width:215px; color:#999999;} p.promo_sidebar strong { display:block; color:#000;} /* account sidebar */ .my_account_detail_body .detail_body_col2 { width:225px;} .my_account_detail_body .detail_body_col2 p.article_text, .my_account_detail_body .detail_body_col2 p.grey { color:#6b6a5b; width:215px;} .my_account_detail_body .detail_body_col2 a.widget_link { display:block; background:url(/images_QFD/promo_link_bg.png) no-repeat; background-position:top right; text-align:right; padding:10px 55px 10px 0; border-bottom:1px solid #d9d9d9;} .news_letter a.widget_link { background:url(/images_QFD/arrow_next_on.png) no-repeat right;padding:0px 15px 2px 0;} .editorial_body .detail_body_col2 a.widget_link { display:inline-block; background:url(/images_QFD/arrow_next_on.png) no-repeat; background-position: right; padding:0px 15px 0px 0; font-weight:bold; text-transform:uppercase;} .editorial_body .detail_body_col2 p.article_text, .editorial_body .detail_body_col2 p.grey { color:#3f3e30; font-size:1.1em; width:215px;} .my_account_detail_body .detail_body_col2 .right_col_input { width:181px; height:30px; margin:10px 0 -6px 18px; padding:12px 0 0 0; border-right:1px solid #E5E5E5; } .my_account_detail_body .detail_body_col2 input.right_col_input_text { width:166px;} .account_section_title { padding:25px 0px 15px 25px; margin:0 14px; text-transform:uppercase; position:relative; background:url(/images_QFD/double_line_dot_bg.png) repeat-x bottom left;} .account_section_title fieldset { width:500px; border:none; padding:0; background:none;} .account_section_title fieldset select { background:#304c25; color:#fff; text-transform:none;} option:hover, option:focus { background-color:#64785c;} .account_section_title label { font-weight:bold; margin-right:5px; text-transform:none;} .current_folder p {font-size:1.7em; color:#4d4d4d; padding:0 0 0 30px; } .current_folder .grey_light_subnav { margin:-35px 25px 0 0;} .account_folder_nav { clear:both; list-style:none; height:35px; margin:10px 14px 24px 14px; padding:4px 0 0 0; background:url(/images_QFD/account_folder_nav_bg_line.png) repeat-x;} .account_folder_nav li { display:inline; list-style:none; margin:0;} .account_folder_nav li a { display:inline-block; color:#6b6a5b; width:130px; height:21px; padding:8px 0 0 30px; text-transform:uppercase; font-weight:bold; font-size:0.8em; background:url(/images_QFD/account_folder_nav_bg.png) no-repeat top left;} .account_folder_nav li a.saved { } .account_folder_nav li a.notes { } .account_folder_nav li a.people { } .account_folder_nav li a:hover, .account_folder_nav li a.current { background-position:bottom left; color:#fff; text-decoration:none;} .project_folder { margin:3px 0 3px 15px; width:620px;} .my_account_detail_body .close { height:43px; overflow:hidden;} .project_folder a.project_folder_bar { color:#fff; display:block; background:url(/images_QFD/project_foder_header.png) no-repeat; height:30px; width:635px; margin:0 auto; font-size:0.9em; font-weight:bold; padding:15px 14px 6px 14px; text-transform:uppercase; } .project_folder a.project_folder_bar:hover { text-decoration:none;} .project_folder a.project_folder_bar strong { background:url(/images_QFD/icon_plus.png) no-repeat; padding-left:20px; background-position:0 3px; } .open a.project_folder_bar strong { background:url(/images_QFD/icon_minus.png) no-repeat; background-position:0 3px;} /* no icon */ .project_folder a.project_folder_bar strong.noicon { background:none; padding-left:20px; } .open a.project_folder_bar strong.noicon { background:none; } .project_folder a.project_folder_bar span { color:#d0cfbc; font-size:0.9em; padding:0 0 5px 0; } .project_folder a.project_folder_bar em { display:block; width:119px; height:10px; text-indent:-999px; overflow:hidden; float:right; margin:0 10px 0 0; } .close a.project_folder_bar em { background:url(/images_QFD/folder_open_green.png) no-repeat; height:10px; } .open a.project_folder_bar em { height:10px; background:url(/images_QFD/folder_close_green.png) no-repeat;} a.add_product { float:right; display:inline-block; text-align:right; padding:0 0 0 15px; margin:15px; color:#7b7a6a; background:url(/images_QFD/icon_plus.png) no-repeat 0px 2px; text-transform:uppercase; font-weight:bold;} .my_products_table { width:650px; margin:0px; } .my_products_table th { background:url(/images_QFD/my_prod_th_bg.png) repeat-x; text-align:left; color:#6b6a5b; padding:12px 10px; font-size:12px; text-transform:uppercase; border-bottom:1px solid #a9a899; border-top:1px solid #a9a899; } .my_products_table th.left_end { border-left:1px solid #a9a899; } .my_products_table th.right_end { border-right:1px solid #a9a899; } .my_products_table td, .last_tr td { padding:10px 10px 20px 0px; border-bottom:1px dotted #9e9b89; color:#3f3e30; } .my_products_table td .customer_rating_stars { width:120px; display:block; float:none; } .my_products_table td .customer_rating_stars a img { padding:0; margin:0 ;} div.my_products_table a.orange_link { display:block; color:#304b25; } .my_products_table td.my_prod_td { width:302px; } .my_products_table td.prod_details { line-height:1.4em; } .my_products_table td.my_prod_td img { background:url(/images_QFD/my_prod_img_bg.png) no-repeat; padding:5px 5px; float:left; margin:0 5px 0 0; } .my_products_table td.my_prod_td p, .last_tr td.my_prod_td p { width:200px; float:right; padding:0; margin:0; } .my_products_table td.my_prod_td p strong, .last_tr td.my_prod_td p strong { display:block; color:#6b6a5b; } .my_products_table td.my_prod_td p span.my_prod_title, .last_tr td.my_prod_td p span.my_prod_title { font-size:1.3em; color:#304c25; font-weight:bold; text-transform:uppercase; } /* Products in Search Results */ .articles_search .articles_search_section a { width:auto; } .articles_search_section a.sr_prod_img img { background:url(/images_QFD/my_prod_img_bg.png) no-repeat; padding:9px 9px; float:left; margin:0 10px 0 0; } .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 .sr_body { padding: 8px 0 0 0; width:440px; display:block; float:left; } .articles_search_section .sr_body span.my_prod_title { color:#2F4B25; display: block; } .articles_search_section .sr_body span.my_prod_title a { color: #2F4B25; } .sr_no_groups a.project_folder_bar { cursor:default; } .sr_no_groups a.project_folder_bar strong { background-image:none; padding-left:0px } .sr_count_summary { width: 189px; cursor:default !important; } /* Actions Menu */ ul.prod_actions { position:relative; } ul.prod_actions li { list-style:none; } a.actions_bnt { background:url(/images_QFD/product_info_p_bg.gif) no-repeat right 5px; display:block; text-align:right; padding:0 20px 0 0; } ul.actions_list { background:#304b25;width:186px; padding:7px 1px; margin:0; position:absolute; top:20px; right:0px; } ul.actions_list li { padding:0; margin:0; } ul.actions_list li a { padding:2px 12px; display:block; color:#fff; font-size:0.9em; } ul.actions_list li a:hover { color:#FFFFFF; background:#64785c; text-decoration:none; } /* Actions Menu - in title bar */ ul.third_level_folder_prod_actions { position:relative; top:-4px; right:10px; } ul.third_level_folder_prod_actions li { list-style:none; } ul.third_level_folder_prod_actions a.actions_bnt { background:url(/images_QFD/product_info_p_bg.gif) no-repeat right 5px; display:block; text-align:right; color:#FFFFFF; font-size:0.9em; padding:0 20px 0 0; } ul.third_level_folder_prod_actions ul.actions_list2 { background:#304b25;width:186px; padding:7px 1px; margin:0; position:absolute; top:20px; right:0px; } ul.third_level_folder_prod_actions ul.actions_list2 li { padding:0; margin:0; } ul.third_level_folder_prod_actions ul.actions_list2 li a { padding:2px 12px; display:block; color:#fff; font-size:0.9em; } ul.third_level_folder_prod_actions ul.actions_list2 li a:hover { color:#FFFFFF; background:#64785c; text-decoration:none; } .third_level_folder { background:url(/images_QFD/third_lev_folder_top.png) no-repeat; padding:8px 0 0px 0; margin:10px 0; width:635px; position:relative;} a.folder_tog { margin:0 0 10px 20px; color:#FFFFFF;} .third_level_folder a.folder_tog { background:url(/images_QFD/icon_minus.png) no-repeat; padding-left:15px;} .close_third a.folder_tog {background:url(/images_QFD/icon_plus.png) no-repeat; padding-left:15px; color:#FFFFFF;} a.folder_tog em { color:#fff; cursor:default; font-style:normal; margin-left:1px;} a.folder_tog:hover { text-decoration:none;} .third_level_folder fieldset { border:none; text-align:right; padding:0; margin:0; position:absolute; top:6px; right:15px;} .third_level_folder fieldset select { text-align:right; border:none; color:#fff; background:none;} .third_level_folder fieldset select option { text-align:left; border:none;} .close_third table { display:none;} .open_third table { display:block; clear:both; width:632px; margin:20px 0px 0 2px;} .folder_foot { height:12px;} .my_art_td, .last_tr td.my_art_td { width:300px;} td.my_art_td p, .last_tr td.my_art_td p { width:200px; } .my_art_td a, .last_tr td.my_art_td a { display:block; font-weight:bold; background:url(/images_QFD/arrow_next_on.png)no-repeat right 3px; } .articles_folder ul.actions_list { min-height:30px; border-top:1px solid #999999; background-position:bottom left;} .last_tr td { border:none;} /* project notes tab */ .project_notes_wrapper { margin:-20px 15px 0 15px;} ul.project_notes_list { clear:both; background:#cfcbb5; min-height:70px; margin:0 1px 0 0; font-size:1.0em; padding:0;} .edit ul.project_notes_list { background:none;} ul.white_list { background:none; border:none;} .project_notes_list li { float:left; margin:0; list-style:none; width:190px; padding:15px 0 0 30px; } .project_notes_list li.wide_list { width:600px;} .project_notes_list li strong { display:block; color:#3f3e30; padding-bottom:10px; font-weight:bold; text-transform:uppercase; font-size:95%;} .project_notes_list li em { color:#304b25; font-style:normal; font-weight:bold;} a.edit_notes { background:url(/images_QFD/edit_icon.png) no-repeat; padding:0 0 0 20px; margin:10px 0px 25px 24px;} .notes_head, .comments_head { clear:both; color:#3f3e30; padding-bottom:3px; font-size:1.4em; font-weight:bold; margin-left:30px; text-transform:uppercase;} .notes_field { padding:0 30px 10px 30px; color:#999;} .project_notes_wrapper a.send_dealler { margin-left:30px;} h5.comments_head { border-top:1px dotted #9c9a87; padding-top:10px;} h6.comments_head { font-size:1.0em; color:#6b6a5b;} a.add_comment { color:#6b6a5b; display:block; float:right; background:url(/images_QFD/icon_plus.png) top right no-repeat; margin:-30px 0px 24px 0; padding-right:15px; text-transform:uppercase;} a.add_comment:hover { background-position:top right;} .comment_add { border:none; width:630px; padding:0 30px; clear:both; } ul.comments_list { border-top:1px solid #d9d9d9; padding:0; margin:0 2px 0 0;} .comments_list li { border-bottom:1px solid #d9d9d9; background:#f6f6f6; list-style:none; padding:20px 35px; margin:0;} .comments_list li span { width:175px; display:inline-block; color:#999;} .comments_list li span strong { display:block; width:98%; color:#4d4d4d; font-size:1.3em; } .comments_list li div { float:right; width:450px; color:#4d4d4d;} .comments_list li div p { margin-top:0;} .comments_list li.odd { background:none;} .comment_add textarea, .comment_add input { width:100%; display:block; border:1px solid #999999; margin:0 0 10px 0;} .comment_submit { margin:0px 5px 10px 30px; background:url(/images_QFD/submit_bnt.png) no-repeat; height:26px; width:96px; text-indent:-999px; overflow:hidden; border:none; float:right;} .comment_submit:hover { background-position:bottom left;} input.comment_submit { margin:0px 5px 10px 30px; background:url(/images_QFD/submit_bnt.png) no-repeat; height:26px; width:96px; text-indent:-999px; overflow:hidden; border:none !important; float:right;} input.comment_submit:hover { background-position:bottom left;} .edit input { width:150px; border:1px solid #666666; background:#FFFFFF; margin:0;} .wide_list input { width:20px;} /* people tab */ .project_people_wrapper { margin:10px auto; width:662px;} .project_people_wrapper h3 { background:url(/images_QFD/project_foder_header.png) no-repeat; margin:0; padding:15px 0px 30px 30px; text-transform:uppercase;} a.add_person { background:url(/images_QFD/icon_plus.png) no-repeat 0 3px; padding:0 0 0 15px; margin-left:12px;} .people_name_email { text-transform:uppercase; color:#3f3e30; font-weight:bold;} .people_name_email a { display:block; color:#304b25; text-transform:none;} .project_people_wrapper table { clear:both; margin:20px 0 40px 10px;} .req_profile { width:610px; padding:11px 12px; background:url(/images_QFD/my_prod_th_bg.png) repeat-x; clear:both; margin:30px 0 15px 20px; border:1px solid #b9b8a9;} .profile_form { width:660px; margin:0; padding:0 0 30px 30px;} .profile_form span { width:300px; float:left; margin-bottom:15px;} .profile_form label, .project_notes_list label { display:block; padding:0px 0 3px 0;} .profile_form span input, .profile_form select { margin:0; padding:2px; border:1px solid #999999; width:85%; } .project_notes_list input, .project_notes_list select{ margin:0; padding:2px; border:1px solid #999999; background-color:#FFFFFF; } .profile_form span.phone input { width:50px; margin-right:10px;} span.un_pw { clear:both; width:630px; margin:15px -45px 15px -15px; padding:20px 0 0 15px; border-top:1px dotted #a3a290;} span.un_pw input { width:255px;} span.no_hr { border:none; margin-top:0; padding-top:0;} .newsletter_check { width:580px; padding:10px 0 10px 35px; clear:both; margin:30px 0 0 0px; background:#cfcbb5; } .newsletter_check strong { display:block;} .newsletter_check input { margin:0 0 0 -15px;} .newsletter_check a { color:#304b25;} .save_profile { float:right; display:block; background:url(/images_QFD/save_changes_bnt.png) no-repeat; width:139px; height:26px; text-indent:-999px; border:none; margin:20px 35px 10px 0px; } .save_profile:hover { background-position:bottom left;} /* --------------------------------------------------------------------------------- Pop-up/ins -------------------------------------------------------------------------------*/ /* pop ups general */ .pop_up, .price_pop_up { text-align:left; color:#FFFFFF; margin:0 auto;} .pop_up a, .pop_up a:hover, .pop_up a:link, .pop_up a:visited, .pop_up em { color:#8fb447;} .pop_up h3 { color:#8fb447; font-size:15px; font-weight:bold; margin:0; padding:15px 0 10px 0;} .pop_up h4 { margin:0; padding:0; font-weight:bold; font-size:12px; text-transform:uppercase; } .pop_up fieldset { border:none; padding:0; margin:0;} .pop_up label { display:block; padding:8px 0; font-size:14px;} .pop_up legend { background:none; font-style:italic;} .pop_up p { margin:0; padding:0 0 10px 0; color:#fff; } .pop_up a.close, .price_pop_up a.close { display:block; background:url(/images_QFD/x_icon_white.png) no-repeat; width:13px; height:13px; text-indent:-999px; overflow:hidden; float:right; margin:5px -15px 0 0;} .pop_top { padding:15px 35px 5px 35px;} .pop_lower { padding:5px 35px 20px 35px; } .small_pop_up .pop_lower{ padding:10px 35px 30px 35px; } .pop_lower input, .pop_lower select, .pop_lower textarea { border:1px solid #999999;padding:2px; margin:0; width:100%; background:#FFFFFF;} /*.pop_lower select { padding:0;}*/ .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;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;} fieldset.check_boxes2 { margin-top:10px;} .check_boxes2 label { padding-left:25px;} .check_boxes2 input { width:20px; margin-left:-25px; background:none; border:none;} .pop_top .pop_line { border:none; height:1px; background:#546744; margin:15px -27px 0px -27px;} .pop_lower .pop_line { border-bottom:1px solid #546744; display:block; margin:0px -27px 15px -27px; clear:both; height:15px;} a.privacy_link, a.privacy_link:hover, a.privacy_link:link, a.privacy_link:visited { color:#FFFFFF; background:url(/images_QFD/rate_now_bg.png) no-repeat 0 2px; padding-left:15px;} a.cancel_bnt { display:block; float:left; margin-right:10px; background:url(/images_QFD/cancel_bnt.png) no-repeat; height:26px; width:91px; font-size:0px;} a.send_bnt { display:block; float:left; margin-right:10px; background:url(/images_QFD/send_pop_bnt.png) no-repeat; width:95px; height:26px; font-size:0px;} a.signup_bnt { display:block; float:left; margin-right:10px; background:url(/images_QFD/sign-up_btn.png) no-repeat; width:97px; height:26px; font-size:0px;} a.cancel_bnt:hover, a.send_bnt:hover { background-position:bottom left;} a.preview_bnt { display:block; float:left; margin-right:10px; background:url(/images_QFD/preview_off.png) no-repeat; width:103px; height:26px; font-size:0px;} a.preview_bnt:hover { background:url(/images_QFD/preview_over.png) no-repeat;} a.edit_bnt { display:block; float:left; margin-right:10px; background:url(/images_QFD/btn_edit_off.png) no-repeat; width:103px; height:26px; font-size:0px;} a.edit_bnt:hover { background:url(/images_QFD/btn_edit_over.png) no-repeat;} a.submit_bnt { display:block; float:left; margin-right:10px; background:url(/images_QFD/submit_off.png) no-repeat; width:106px; height:26px; font-size:0px;} a.submit_bnt:hover { background:url(/images_QFD/submit_over.png) no-repeat;} a.nothanks_bnt { display:block; float:left; margin-right:2px; background:url(/images_QFD/nothanks_off.png) no-repeat; width:120px; height:26px; font-size:0px;} a.nothanks_bnt:hover { background:url(/images_QFD/nothanks_over.png) no-repeat;} input.create_account { display:block; background:url(/images_QFD/create_account_bnt.png) no-repeat; width:169px; height:24px; border:none; text-indent:-999px; overflow:hidden; margin:25px 0 15px 0; font-size:0px;} input.find_dealer_bnt { display:block; background:url(/images_QFD/find_dealer_bnt.png) no-repeat top left; width:139px; height:26px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} input.cancel_bnt { display:block; float:left; margin-right:10px; background:url(/images_QFD/cancel_bnt.png) no-repeat top left; height:26px; width:91px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} input.send_bnt { display:block; background:url(/images_QFD/send_pop_bnt.png) no-repeat top left; width:95px; height:26px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} input.save_bnt { display:block; background:url(/images_QFD/save_bnt.png) no-repeat top left; height:26px; width:95px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} input.share_bnt { display:block; background:url(/images_QFD/share_bnt.png) no-repeat top left; height:26px; width:153px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} input.view_folder_bnt { display:block; background:url(/images_QFD/view_folder_bnt.png) no-repeat top left; height:26px; width:123px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} input.close_bnt { float:left; margin-right:10px; display:block; background:url(/images_QFD/close_bnt.png) no-repeat top left; height:26px; width:92px; text-indent:-999px; overflow:hidden; border:none; font-size:1px; color:#fff;} input.close_bnt:hover, input.view_folder_bnt:hover, input.share_bnt:hover, input.find_dealer_bnt:hover, input.send_bnt:hover, input.save_bnt:hover, input.cancel_bnt:hover, input.create_account:hover { background-position:bottom left;} a.close_btn { display:inline-block; width:82px; height:24px; background:url(/images_QFD/btn_close_alt.png) top left no-repeat; } a:hover.close_btn { background:url(/images_QFD/btn_close_alt.png) bottom left no-repeat; } a.signin_btn { display:inline-block; background:url(/images_QFD/btn_SignIn.png) top left no-repeat; width:97px; height:24px; } a:hover.signin_btn { background:url(/images_QFD/btn_SignIn.png) bottom left no-repeat; } div.pop_lower input.sign_in_bnt { background:url(../images_QFD/btn_SignIn.png) top left no-repeat; width:97px; height:24px; border:none; outline:none; } div.pop_lower input.sign_in_bnt:hover { background:url(../images_QFD/btn_SignIn.png) bottom left no-repeat; } a.btn_send_password { width:149px; height:24px; border:none; background:url(../images_QFD/btn_send_password_off.png) left no-repeat; display:block; } a:hover.btn_send_password { width:149px; height:24px; border:none; background:url(../images_QFD/btn_send_password_on.png) left no-repeat; display:block; } .popup_inner { position:absolute; top:0px; z-index:400; } /* wide pop up */ .wide_pop_up { width:514px; } .wide_pop_up .pop_top { background:url(/images_QFD/wide_pop_bg_top.png) top left no-repeat; } .wide_pop_up .pop_lower { background:url(/images_QFD/wide_pop_bg_lower.png) no-repeat bottom left; min-height:400px;} .wide_pop_up p.right { margin-top:-40px;} /* narrow tall */ .narrow_tall_pop_up, .narrow_short_pop_up, .small_pop_up, .price_pop_up { width:388px; text-align:left; color:#fff;} .narrow_tall_pop_up .pop_top, .narrow_short_pop_up .pop_top, .small_pop_up .pop_top, .price_pop_up .pop_top { background:url(/images_QFD/pop_narrow_top_bg.png) no-repeat; padding-bottom:0px; margin:0 } .narrow_tall_pop_up .pop_lower, .narrow_short_pop_up .pop_lower, .small_pop_up .pop_lower, .smallest .pop_lower, .price_pop_up .pop_lower, .short_price .pop_lower { background:url(/images_QFD/pop_narrow_bg.png) no-repeat bottom left; margin:0} /* narrow short */ .narrow_short_pop_up .pop_lower h4 { padding-bottom:10px; } /* small pop up */ .small_pop_up h3 { padding:5px 0 0 0;} .smallest .pop_line { margin-top:22px;} .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_QFD/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_QFD/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_QFD/270_left_beak.png) no-repeat top left; height:27px; } .hover270 .hover270_beak_right { background:url(/images_QFD/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_QFD/bottom_lower_hover.png) no-repeat bottom left; padding:1px 22px 16px 22px ;} .hover_beak_right { background:url(/images_QFD/top_right_beak.png) no-repeat; height:30px;} .hover_beak_left { background:url(/images_QFD/top_left_beak.png) no-repeat; height:30px;} div.survey_product_top { width:834px; background:url(/images_QFD/wide_pop_bg_top_wider.png) top left no-repeat } div.survey_product_lower { width:834px; background:url(/images_QFD/wide_pop_bg_lower_wider.png) no-repeat bottom left; min-height:85px; } div.survey_padding { padding:5px 35px 20px 35px; width:95%; } table.survey_table { width:95%; padding:0px 0px 0px 0px; vertical-align:middle; border-collapse:collapse; } div.survey_product_lower h4 { margin:0; padding:0; font-weight:bold; font-size:14px; text-transform:none } /** * 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 #C0D8EA; background-color: #C0D8EA; */ 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; } .datepickerControl td.dayothermonth { color: #fff; font-style: italic; } .datepickerControl td.day:hover { background-color: #819077; color:#fff; } .datepickerControl td.weekend { background-color: #CCCCCC; font-style: italic; } .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; } /* --------------------------------------------------------------------------------- Search Results -------------------------------------------------------------------------------*/ /* Brought from editorial page settings /* three_column - column 3 - dependencies */ div.search_results_2col div.faux_two_col div.search_col2 h4 { font-size:1.5em; } div.search_results_2col div.faux_two_col div.search_col2 div, div.search_results_2col div.faux_two_col div.search_col2 h4, div.search_results_2col div.faux_two_col div.search_col2 ul { margin-left:7px; } div.search_results_2col div.faux_two_col div.search_col2 ul.download_arrow_links { margin:0 18px 0 18px; padding:0;} div.search_results_2col div.faux_two_col div.search_col2 ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } div.search_results_2col div.faux_two_col div.search_col2 ul.download_arrow_links li img { margin:0 6px 0 0; } div.search_results_2col div.faux_two_col div.search_col2 ul.download_arrow_links li span { font-size:50%; color:#7f7e6d; } /* related content widgets - unique to brand sites */ div.search_results_2col div.faux_two_col div.search_col2 .top_right_col_wide { background:url(/images_QFD/col_right_top_3col.png) no-repeat; width:254px; height:40px; margin:-30px 0 0 -12px; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content { margin-top:-10px; padding-bottom:30px; border:none; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content h4 { margin:-20px -25px 10px -10px; padding:0 0px 15px 25px; background:url(/images_QFD/widget_dots_3col.png) no-repeat bottom center; color:#3f3e30; font-weight:bold; text-transform:uppercase; font-size:0.9em; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content .widget_row_container { width:220px; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content p.widget_title { font-weight:bold; margin:15px 0 10px 0; padding:0; line-height:0; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content p.widget_title em { font-style:normal; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content p.widget_copy { font-size:1.1em; font-weight:normal; font-style:normal; color:#3f3e30; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content p.widget_copy a { text-transform:uppercase; background:url(../images_QFD/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; font-weight:bold; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content ul.download_arrow_links { padding:0; margin:0; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content ul.download_arrow_links li { list-style:none; font-size:1.2em; height:26px; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content ul.download_arrow_links li img { margin:0 6px 0 0; } div.search_results_2col div.faux_two_col div.search_col2 .widget_content ul.download_arrow_links li span { font-size:0.8em; color:#909090; } div.search_results_2col div.faux_two_col div.search_col2 div.widget_content ul.widget_toggle_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } div.search_results_2col div.faux_two_col div.search_col2 div.widget_content ul.widget_toggle_list li { list-style:none; float:left; width:auto; padding:0 4px; } div.search_results_2col div.faux_two_col div.search_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.search_results_2col div.faux_two_col div.search_col2 div.widget_content ul.widget_toggle_list > li:first-child { padding-left:0px; } div.search_results_2col div.faux_two_col div.search_col2 .small_pipe { width:1px; height:12px; background-color:#90b447; } div.search_results_2col div.faux_two_col div.search_col2 ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } div.search_results_2col div.faux_two_col div.search_col2 ul.widget_image_list li { list-style:none; float:left; width:auto; height:66px; padding:0; margin:0 0 10px 8px; } div.search_results_2col div.faux_two_col div.search_col2 ul.widget_image_list > li:first-child { padding-left:0px; margin:0; } div.search_results_2col div.faux_two_col div.search_col2 .widget_image { width:300px; } /* width/height applied inline/dynamically per instance */ div.search_results_2col div.faux_two_col div.search_col2 .video_play { position:absolute; margin:10px 0 0 40px; } div.search_box { padding:10px 4px 17px 20px; width:669px; background:url(/images_QFD/searchbar_bg.png) no-repeat; } div.search_box strong { font-size:1.1em; font-weight:bold; color:#3f3e30; text-transform:uppercase;} input.search_box_input { background-color:#FFFFFF; width:200px; margin-left:10px; } div.search_col1 .search_box{ padding:15px 4px 22px 14px; width:669px; background:url(/images_QFD/searchbar_bg.png) no-repeat; } .seach_box_text p { color:#3F3E30; font-size:1.1em; line-height:1.4em; } div.search_mag_glass { background:url(/images_QFD/icon_search_inside.png) no-repeat; margin-top:2px; width:30px; height:20px; margin-left:10px; cursor:pointer;} /* for use with .net link control */ a.search_mag_glass { display:block; background:url(/images_QFD/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; text-transform:uppercase; font-weight:bold; font-size:0.9em;} .stating_price strong { display:block; font-size:1.3em;} .search_results_2col .project_folder { margin:15px 0 0 3px; color:#666666; width:684px; } .search_results_2col .project_folder a.project_folder_bar { margin:0; background:url(/images_QFD/search_results_bar.png) no-repeat; width:650px; padding:9px 0px 1px 14px;} .search_results_2col .project_folder a.project_folder_bar em { position:absolute; top:11px; right:18px;} DIV.articles_search_section { border-bottom:1px dotted #9e9b89; width:650px; padding:8px 0px 15px 10px; color:#3f3e30; } .articles_search a { display:block; width:95%; } .articles_search a:hover { text-decoration:none; } .articles_search a strong { text-transform:uppercase; background:url(/images_QFD/arrow_next_off.png) no-repeat right; padding:0px 15px 0px 0; } .articles_search span.sr_filetype { font-size: 0.8em; text-transform: uppercase; } .articles_search p.sr_urlpreview { color: #4C623E; font-size: 0.8em; } .articles_search { margin-top:15px;} .articles_search p { margin:0 0 0 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_QFD/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_QFD/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_QFD/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_QFD/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_QFD/btn_matches_more_over.png) no-repeat top left; color:#FFFFFF; text-transform:uppercase; } .faux_two_col { background:url(/images_QFD/faux_two_col.png) bottom right repeat-y; height:100%; } .search_results_2col { width:100%; margin:0 auto; padding:0 0 40px 0; text-align:left; height:auto; min-height:300px; background:url(/images_QFD/content_box_lower.png) no-repeat bottom left; } /* style replicated from three_colum editorial pages */ .search_results_2col .search_col1 { width:664px; height:auto; float:left; padding:0px 0px 0px 40px; } .search_results_2col .search_col2 { width:256px; height:auto; float:left; margin:10px 0 0 20px; padding:0 0 20px 0; background:url(../images_QFD/col_right_lower_3col.png) bottom left no-repeat; } .search_results_2col .search_col2 .promo_widget { width:100%; padding:0px 10px 0px 17px; margin:0px; font-size:0.9em; } .search_results_2col .search_col2 .promo_widget img { padding:5px; border:none;background:url(/images_QFD/promo_img_shell.png) no-repeat; margin-bottom:10px; } .search_results_2col .search_col2 .promo_widget p { padding:0 50px 0 0; font-size:1.2em; color:#3d3d3d; } .search_results_2col .search_col2 .promo_widget strong { display:block; width:95%; padding-bottom:5px; font-size:1.2em; color:#3f3e30;} .search_results_2col .search_col2 .promo_widget a { text-transform:uppercase; background:url(/images_QFD/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } .search_results_2col .search_col2 .promo_link a { text-transform:uppercase; background:url(/images_QFD/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; font-size:0.9em; } .search_results_2col .search_col2 .promo_link_widget { padding:0px 5px 20px 5px;} .search_results_2col .search_col2 ul.download_arrow_links { margin:0px; padding: 0px; width:220px; font-size:0.8em; font-weight:bold; } .search_results_2col .search_col2 ul.download_arrow_links li { list-style:none; padding:2px 0px; text-transform:uppercase; } .search_results_2col .search_col2 ul.download_arrow_links li a { display:block; background:url(/images_QFD/sr_sidebar_on.png) no-repeat; background-position:top left; padding:6px 0px 6px 30px; color:#3f3e30; font-weight:bold;} .search_results_2col .search_col2 ul.download_arrow_links li a:hover { background:url(/images_QFD/sr_sidebar_over.png) no-repeat; background-position:top left; padding:6px 0px 6px 40px;text-decoration:none; color:#FFFFFF; font-weight:bold;} .search_results_2col .search_col2 ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .search_results_2col .search_col2 ul.download_arrow_links li a.on { background:url(/images_QFD/sr_sidebar_over.png) no-repeat; background-position:top left; padding:6px 0px 6px 40px;text-decoration:none; color:#FFFFFF; font-weight:bold;} .search_results_2col .search_col2 ul.recent_search_links { margin:0px; padding:0px; width:200px !important;} .search_results_2col .search_col2 ul.recent_search_links li { list-style:none; font-size:1.0em; padding:6px 6px 6px 0px; } .search_results_2col .search_col2 ul.recent_search_links li a { padding:0px 15px 0px 0; color:#525252; font-weight:normal; background:url(/images_QFD/arrow_next_on.png) no-repeat right; line-height:1.5em; display:block;} .search_results_2col .search_col2 ul.recent_search_links li a:hover { padding:0px 15px 0px 0; color:#525252; font-weight:normal;} .recent_searches { color:#3f3e30; font-size:1.0em; padding:15px 20px 0px 0px; margin:10px 8px 0px 0px; font-weight:bold; text-transform:uppercase;} /* three_column - column 1 - dependencies */ .search_results_2col .search_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .three_column .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .three_column .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .three_column .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .three_column .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .three_column .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .three_column .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .three_column .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .three_column .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .three_column .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* three_column - column 2 - dependencies .three_column .editorial_col2 { font-size:1.0em; } .three_column .editorial_col2 h1 { font-size:1.7em; color:#505050; margin:18px 0 14px 18px; padding:0; } .three_column .editorial_col2 h3 { font-size:1.4em; margin:10px 0 0 18px; padding:0px; color:#525252; } .three_column .editorial_col2 hr { background-color:#ECECEC; } .three_column .editorial_col2 p { font-size:1.2em; color:#8f8f8f; line-height:1.2em; margin:0px 10px 10px 18px; } .three_column .editorial_col2 img { float:left; margin:0 10px 4px 0px; } */ /* might need to use */ .top_right_col_wide { background:url(/images_QFD/col_right_top_wide.png) no-repeat; height:40px; margin:-30px 0 -10px -13px; } /* three_column - column 3 - dependencies */ /* .three_column .editorial_col3 h4 { font-size:1.5em; } .three_column .editorial_col3 div, .three_column .editorial_col3 h4, .three_column .editorial_col3 ul { margin-left:8px; width:245px; } */ .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_QFD/popup_media_viewer_bg.png) top left no-repeat; padding:11px 0 0 14px; width:852px; height:595px; margin:40px auto 0 auto; z-index:20000; } .media_container { width:839px; height:429px; margin:0; padding:0;background-color:Black } .info_bar { width:839px; height:47px; margin:0; padding:0; background:url(../images_QFD/media_viewer_info_bar_bg.png) top left no-repeat; } div.info_bar a.btn_back_to_productfinder { float:left; display:block; width:189px; height:20px; margin:10px 0 0 14px; padding:6px 0 0 26px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:0.8em; background:url(/images_QFD/btn_back_wide.png) top left no-repeat; } div.info_bar a.btn_back_to_productfinder:hover { background:url(/images_QFD/btn_back_wide.png) bottom left no-repeat; text-decoration:none; } div.info_bar p.media_viewer_infobar_text { float:left; margin:14px 0 0 0px; color:#3f3e30; } div.info_bar p.media_viewer_infobar_text span { color:#3f3e30; font-weight:bold; } .thumb_scroller { width:839px; height:102px; margin:-3px 0 0 0; padding:0; background:url(../images_QFD/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 #8fb447 !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_QFD/icon_orange_arrow_up_disabled.png) center center no-repeat; } /* Needs to be here to trump other styles */ /* 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_QFD/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_QFD/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_QFD/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; } /* Locator Printable View */ .printable_view_head { margin:20px; text-align:left } .printable_view_head div.action_buttons { float:right; margin:-20px 0 0 0;} .scrollbox_grey_header_print { padding-left:16px; height:40px; background:url(/images_FP/scrollbox_grey_header_bg.jpg) top left repeat-x; } .scrollbox_grey_header_print p { font-size:1.4em; color:#414141; height:5px; float:left; margin:9px 0 0 0; width:100%; } .award_text {padding-left:16px; font-size:1em; color:#414141; float:left; margin:0 0 0px 0px; width:500px; } .dealer_location_info_print { text-align:left; border-bottom:1px solid #d9d9d9; } div.dealer_location_info_print .dealer_name_pin { margin:8px 0 0 8px; height:auto; width:400px;} div.dealer_location_info_print p.dealer_info { padding-left:16px;color:#5a5a5a; line-height:1.3em; width:160px; margin:0 0 10px 20px; width:400px; } div.dealer_name_pin_print p.dealer_name {padding-left:16px; float:left; margin:0 0 0 0px; line-height:1.2em; font-size:1.3em; height:auto; width:500px; }