/* *************************************** print styles for Heat N Glo site *************************************** */ .product_detail_body { overflow: visible; overflow-x:visible !important; position:relative; } .editorial_body { text-align:left; width:960px; margin:-5px; padding:0px; z-index:90; } #specifications_tab { height:940px; overflow:visible; } .prod_subnav, ul.share_list, ul.editorial_subnav, .toolbox_shell, .nav_off, .nav_on, .footer, div.editorial_body div.two_column_leftnav div.editorial_col1, div.editorial_body .three_column .editorial_col1 { display:none; } div.editorial_body div.two_column_leftnav div.editorial_col2 { padding-left:20px; } .left_column_scrollbox, .products { overflow:visible; } /* *************************************** print styles for Heat N Glo site *************************************** */ /* 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% helvetica, verdana, sans-serif; /* This changes all font sizes relatively, don't go below 76%, IE will choke on it, 85% / 1.0em is roughly 12px */ text-align: center; /* centers page content, override this in your first born child */ color: #000000; background: #FFFFFF; height: 100%; /*overflow: hidden;*/ } /*body { overflow: hidden; }*/ .sticky_body { z-index:1; position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -164px; background: url(/images_HNG/bg_editorials_top.png) top left repeat-x; } .sticky_footer { z-index:0; width:100%; height:164px; background:url(/images_HNG/bg_editorials_btm.png) repeat-x; background-position:bottom left; } /* //////////////////////////////////////// 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-family:helvetica, verdana, sans-serif; } /* was causing fields to jump: 1px 0 0 0 */ textarea, input[type='text'], select { background:none; margin:0; padding:0; } /* HNG top nav search field */ .search_input_topnav_bg { margin:0 0 10px 0; } input.search_input_topnav { color:#1d1d1d; padding:3px 0px; width:121px; border: 1px solid #fa7319; background-color:#fefdfc; position:relative; text-align:left; } input.site_search_input { color:#1d1d1d; padding:3px 0px; width:170px; border: 1px solid #fa7319; background-color:#fefdfc; position:relative; text-align:left; } select.select_topnav { color:#1d1d1d; padding:2px 0px; width:123px; border: 1px solid #fa7319; background-color:#fefdfc; position:relative; text-align:left; } .user_info { height:85px; font-weight:bold; } .user_info p { text-transform:uppercase;} .user_info a { display:block; background:url(/images_HNG/crum_bg.gif) no-repeat 0px 5px; padding:0 0 0 10px;} 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; height:20px; } /* keep names, matches FP for editorial widgets */ .image_border_grey { border:1px solid #cccccc; } .image_border_grey1 { border:1px solid #cccccc; padding:1px; } /* Error Styles - GLOBAL */ .error, #PopupErrorMessageDiv { font-size:1.1em; color:#EF0000; font-weight:bold; } .error UL { padding:0px; margin:0px 0px 10px 0px; } .error UL LI { color:#EF0000; font-size:1.0em; font-weight:bold; list-style:none; padding:0px; margin:0px; } .search_info { color:#333333; font-size:1.1em; } .search_info p { padding:10px 10px 30px 10px; color:#FFFFFF; } .search_info p a{ color:#fa7319; } /* Inline link */ a.inline_link_wimage { background:url(/images_HNG/icon_plus.png) center right no-repeat; padding:0 20px 0 0; color:#fa7319; text-decoration:underline; } a:hover.inline_link_wimage { background:url(/images_HNG/icon_plus.png) center right no-repeat; padding:0 20px 0 0; color:#fa7319; text-decoration:none; } /* Inline link - product overview body copy */ div.promo_left a.inline_link_wimage { background:url(/images_HNG/icon_plus.png) center right no-repeat; padding:0 16px 0 0; color:#fa7319; text-decoration:underline; } div.promo_left a:hover.inline_link_wimage { background:url(/images_HNG/icon_plus.png) center right no-repeat; padding:0 16px 0 0; color:#fa7319; text-decoration:none; } /* 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;} 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:30px; background:url(../images_HNG/editorial_divider.png) repeat-x bottom left;} div.custom_form .form_row_1col .form_row_border_pad { height:30px; background:url(../images_HNG/editorial_divider.png) repeat-x bottom left;} div.custom_form .form_row_2col {} div.custom_form .form_row_2col .form_row { float:left; width:300px; padding:0px 20px 20px 0px;}/* positions form row */ div.custom_form .form_row label.sublabel { display:block; color:#333333; font-weight:bold; font-size:1.1em; padding:4px 20px 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:#333333; font-weight:bold; font-size:1.1em; padding-bottom:4px;} div.custom_form .form_row_1col label.inline_label { display:inline-block; color:#333333; font-weight:bold; font-size:1.1em; padding-bottom:15px;} div.custom_form .form_row_1col label.label_border { display:block; background:url(../images_HNG/editorial_divider.png) repeat-x bottom left; color:#333333; font-weight:bold; font-size:1.1em; padding-bottom:15px;} div.custom_form .form_row_2line { float:left; width:300px; padding:14px 20px 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:#000000; font-weight:bold; text-transform:uppercase; padding-bottom:4px;} 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.1em;} div.custom_form textarea, div.custom_form input, div.custom_form input[type='text'] { width:223px; font-size:1.0em; 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.0em; color:#333333; padding:2px; } /* Select forms*/ div.custom_form select { width:200px; color:#333333; padding:2px; background-color:#FFFFFF;} div.custom_form select:hover, div.custom_form select:focus { width:200px; color:#333333; padding:2px; background-color:#FFFFFF;} /* 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_HNG/arrow_right_swapper.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:#fa7319; padding:0px; } input.submit_request { display:block; background:url(/images_HNG/submit_req_bnt.png) no-repeat top left; height:24px; width:151px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.input_submit { display:block; background:url(/images_HNG/submit_bnt.png) no-repeat top left; height:22px; width:91px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} input.yes { display:block; background:url(/images_HNG/input_btn_yes.png) no-repeat top left; height:24px; width:88px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px; } input.no { display:block; background:url(/images_HNG/input_btn_no.png) no-repeat top left; height:24px; width:88px; text-indent:-999px; overflow:hidden; border:none;font-size: 0; line-height: 25px;} input.ask { display:block; background:url(/images_HNG/input_btn_ask.png) no-repeat top left; height:24px; 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:#333333 !important;} label.uppercase { text-transform:uppercase;} label.font_normal { font-weight:normal !important;} label.font_normal_12 { font-weight:normal !important; font-size:1.2em !important; color:#757575 !important;} label.font_normal p { font-size:1.0em !important; color:#333333 !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:#fa7319 !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;} /* 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; } /* *************************************** 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:#f37018;font-size:1.6em; font-weight:bold; margin:0em 0em 0.5em 0em; padding:0;} h3.rating { font-size:1.3em; font-weight:bold; color:#fa7319; margin:0.5em 0em 0.5em 0em; padding:0; } h3 { font-size:1.4em; font-weight:normal; } h3.specs_title { font-size:1.5em; font-weight:bold; color:#010101; margin:0px; padding:0; } h3.ddm_title { font-size:1.4em; font-weight:normal; color:#fa7319; 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:#000000; } a:hover { text-decoration:underline; cursor:pointer; } a.orange_no_underline, a.orange_no_underline:link, a.orange_no_underline:visited, a.orange_no_underline:active, a.orange_no_underline:focus { text-decoration:none; font-weight:normal; color:#fa7319; } 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:#fa7319; } 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:#fa7319; } a.search_btn { text-decoration:none; } a:hover.search_btn { text-decoration:none; } img { border:0; } ol, ul { font-size:1.0em; line-height:1.3em; margin:4px 0 20px 0; padding:0 0 0 26px; } ol { list-style-type:decimal; } ul { list-style-type:disc; } li { line-height:1.3em; margin:6px 0 4px 0; } p { font-size:1.0em; line-height:1.6em; margin:6px 0; } .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_14 { color:#5b5a5a; font-size:1.1em; font-weight:normal; } .grey_14_dark { color:#747474; font-size:1.1em; font-weight:normal; } .grey_14_light { color:#909090; font-size:1.1em; font-weight:normal; } .black_20 { color:#000000; font-size:1.5em; font-weight:normal; } .black_28 { color:#000000; font-size:2.2em; font-weight:normal; } .orange_18 { color:#fa7319; font-size:1.5em; } .orange_28 { color:#fa7319; font-size:2.2em; font-weight:normal; } a.btn_find_dealer { display:block; background-image:url(/images_HNG/btn_find_dealer.gif); width:123px; height:36px; background-repeat:no-repeat; cursor:pointer; color:#FFFFFF; padding-top:6px; padding-left:5px; margin-top:10px;} /* 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:155px; height:16px; background:url(../images_HNG/btn_SeeFullDetails.png) top left no-repeat; padding:8px 0 0 14px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-transform:uppercase; } a.btn_SeeFullDetails:hover { background:url(../images_HNG/btn_SeeFullDetails.png) bottom left no-repeat; text-decoration:none; } /* colors*/ .orange { color:#fa7319; } .hover_orange {color:#fa7319;} .grey { color:#7a7a7a; } .grey_light { color:#b2b2b2; } li > p { margin-top:6px; } code, pre { font-size:12px; font-family:monospace; color:#c33; } strong, b { font-weight:bold; } hr { display:none; } .popup_features_rightcol hr, .features_bar_content hr, #detailAccessoriesContent hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; } hr.editorial_divider { display:block; background:url(/images_HNG/editorial_divider.png) top left repeat-x; color:#aaa; width:100%; height:10px; 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; } .clear_btm_padding { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; padding-bottom:10px; } /* 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: 960px; } .center940 { margin: 0 auto; padding: 0px; text-align: left; width: 940px; } /* sticks footer to the bottom of the viewport */ /*.page_wrapper { min-height:100%; height:auto !important; margin:0 auto; }*/ .footer_push { height:40px; } .top_navigation { width:1140px; background-image:url(/images_HNG/hng_header_top.png); background-repeat:no-repeat; } .header_btm { width:1140px; height:20px; background-image:url(/images_HNG/hng_header_btm.png); background-repeat:no-repeat;} .nav_off { min-width:1000px; z-index: 8; position:absolute; top:0; left:0; width:100%;} .nav_off .top_nav_left { float:left; width:230px; height:60px; margin-left:15px; background: url(/images_HNG/hng_header_top.png) top left no-repeat;} .nav_off .top_nav_right { margin-left:245px; height:60px; margin-right:15px; background: url(/images_HNG/hng_header_top.png) top right no-repeat;} .nav_on { min-width:1000px; z-index: 11; position:absolute; top:0; left:0; width:100%;} .nav_on .top_nav_left { float:left; width:230px; height:280px; margin-left:15px; background: url(/images_HNG/hng_header_top.png) top left no-repeat; } .nav_on .top_nav_right { margin-left:245px; height:280px; margin-right:15px; background: url(/images_HNG/hng_header_top.png) top right no-repeat;} .header_btm_left { float:left; width:230px; height:20px; margin-left:15px; background: url(/images_HNG/hng_header_btm.png) top left no-repeat;} .header_btm_right { margin-left:245px; height:20px; margin-right:15px; background: url(/images_HNG/hng_header_btm.png) top right no-repeat;} /*.top_nav_left { background:url(/images_HNG/hng_header_top_long.png) top left no-repeat; } .top_nav_right { width:15px; margin-right:15px; background:url(/images_HNG/hng_header_top_rite.png) top right no-repeat;}*/ .header_logo { float:left; width:204px; height:40px; margin:11px 0 0 33px; } /* //////// Breadcrumb //////// */ .breadcrumb_container { height:25px; margin:0 auto; padding:0; } .editorial_body .breadcrumb_container { width:940px; border-bottom:1px solid #b0b0b0; } ul.breadcrumb { margin:4px 0 0 0; padding:0px; height:20px; } ul.breadcrumb li { list-style:none; float:left; width:auto; margin:0 8px 0 0; color:#000000; font-size:1.0em; } ul.breadcrumb li.previous a { background:url(/images_HNG/crum_bg.gif) no-repeat; background-position:right 5px; padding:0 12px 0 0; } ul.breadcrumb li.current { font-weight:bold; } ul.breadcrumb li span.orange {display:none;} /* --------------------------------------------------------------------------------- orange buttons - batteries included!! ------------------------------------------------------------------------------ */ a.btn_buildprice { display:block; background:url(/images_HNG/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_HNG/btn_orange_buildprice_on.png) top left no-repeat; width:123px; height:26px; } a.btn_view { display:block; background:url(/images_HNG/btn_orange_view_off.png) top left no-repeat; width:108px; height:26px; margin:0 0 0 13px; cursor:pointer; } a:hover.btn_view { background:url(/images_HNG/btn_orange_view_on.png) top left no-repeat; width:108px; height:26px; } a.btn_findadealer { display:block; background:url(/images_HNG/btn_orange_findadealer_off.png) top left no-repeat; width:144px; height:24px; margin:0; cursor:pointer; z-index:10000; } a:hover.btn_findadealer { background:url(/images_HNG/btn_orange_findadealer_over.png) top left no-repeat; width:144px; height:24px; } /* Black cancel */ a.btn_cancel { display:block; background:url(/images_HNG/btn_grey_cancel_off.png) top left no-repeat; width:92px; height:26px; margin:0; cursor:pointer; } a:hover.btn_cancel { background:url(/images_HNG/btn_grey_cancel_on.png) top left no-repeat; } /* --------------------------------------------------------------------------------- top navigation links ------------------------------------------------------------------------------ */ ul.topnav_links { float:right; margin:13px 0 0 0; padding:0px; text-transform:uppercase; } ul.topnav_links li { list-style:none; float:left; text-align:left; } ul.topnav_links li a { color:#010101; 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; } .site_search { width:230px; padding-left:30px; padding-top:70px; text-align:left; } .ddm_col_prod { width:135px; } .ddm_col_ideas { width:145px; } .ddm_col_tools { width:148px; } .ddm_col_myheat { width:129px; } .ddm_col_dealer { width:150px; padding-left:11px; padding-top:5px;} ul.ddm_list_nav { margin:10px 0 10px 0; padding:0px 0px 0px 1px; } ul.ddm_list_nav li { list-style:none; } ul.ddm_list_nav li a { display:block; background:url(/images_HNG/nav_plus_icn.png) left no-repeat; color:#1d1d1d; font-size:1.0em; padding:4px 0 4px 20px; } ul.ddm_list_nav li a:hover { display:block; background: #fa7319 url(/images_HNG/nav_plus_icn_over.png) left no-repeat; color:#FFFFFF; text-decoration:none; padding:4px 0 4px 20px; } div.site_search a.arrow_link, div.ddm_col_dealer a.arrow_link{color:#fa7319 !important;} div.site_search a.orange_large {color:#000000 !important;} /* --------------------------------------------------------------------------------- home page header image area ------------------------------------------------------------------------------ */ .home_image { width: 100%; height: 100%; margin: 0 auto; /*background-image:url(/images_HNG/hng_main_bg.jpg); background-repeat:no-repeat;*/ } .home_bg { 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 { } .play_indicator { background-image: url(/images_FP/prodslides_video_indicator.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; cursor: hand; } .home_image_topbar { width:100%; height:32px; background:url(/images_HNG/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_HNG/btn_search_button.png) top left no-repeat; width:24px; height:20px; font-size:0; line-height:25px; } a:hover.search_button_go { display:block; background:url(/images_HNG/btn_search_button.png) bottom left no-repeat; width:24px; height:20px; font-size:0; line-height:25px; } .home_image_btmbar { width:100%; height:40px; background:url(/images_HNG/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_HNG/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_HNG/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_HNG/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_HNG/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_HNG/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_HNG/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_HNG/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; } .overlay { position:absolute; } .overlay TD.tl { background-image:url(/images_HNG/pof_tl.png); background-repeat:no-repeat; font-size:0px; } .overlay TD.tm { background:url(/images_HNG/pof_tm.png) top left no-repeat; font-size:0px; } .overlay TD.tr { background-image:url(/images_HNG/pof_tr.png); background-repeat:no-repeat; font-size:0px; } .overlay TD.ml { background:url(/images_HNG/pof_ml.png) bottom left no-repeat; } .overlay TD.mm { background:url(/images_HNG/pof_mm.png) bottom right no-repeat; } .overlay TD.mr { background:url(/images_HNG/pof_mr.png) bottom right no-repeat; } .overlay TD.bl { background-image:url(/images_HNG/pof_bl.png); background-repeat:no-repeat; height: 63px; } .overlay TD.bm { background:url(/images_HNG/pof_bm.png) bottom left no-repeat; height: 63px; } .overlay TD.br { background-image:url(/images_HNG/pof_br.png); background-repeat:no-repeat; height: 63px; } .overlay .bars { text-align:left; padding-left:20px; margin-bottom:-3px; } .overlay_red { position:absolute; } .overlay_red TD.tl { background-image:url(/images_HNG/pof_tl.png); background-repeat:no-repeat; font-size:0px; } .overlay_red TD.tm { background:url(/images_HNG/pof_tm.png) top left no-repeat; font-size:0px; } .overlay_red TD.tr { background-image:url(/images_HNG/pof_tr.png); background-repeat:no-repeat; font-size:0px; } .overlay_red TD.ml { background:url(/images_HNG/pof_ml.png) bottom left no-repeat; } .overlay_red TD.mm { background:url(/images_HNG/pof_mm.png) bottom right no-repeat; } .overlay_red TD.mr { background:url(/images_HNG/pof_mr.png) bottom right no-repeat; } .overlay_red TD.bl { background-image:url(/images_HNG/pof_bl_red.png); background-repeat:no-repeat; height: 63px; } .overlay_red TD.bm { background:url(/images_HNG/pof_bm_red.png) bottom left no-repeat; height: 63px; } .overlay_red TD.br { background-image:url(/images_HNG/pof_br_red.png); background-repeat:no-repeat; height: 63px; } .overlay_red .bars { text-align:left; padding-left:20px; margin-bottom:-3px; } .overlay_v2 { position:absolute; } .overlay_v2 TD.tl { background-image:url(/images_HNG/overlay_v2_tl.png); background-repeat:no-repeat; font-size:0px; } .overlay_v2 TD.tm { background:url(/images_HNG/overlay_v2_tm.png) top left no-repeat; font-size:0px; } .overlay_v2 TD.tr { background-image:url(/images_HNG/overlay_v2_tr.png); background-repeat:no-repeat; font-size:0px; } .overlay_v2 TD.ml { background:url(/images_HNG/overlay_v2_ml.png) bottom left no-repeat; } .overlay_v2 TD.mm { background:url(/images_HNG/overlay_v2_mm.png) bottom right no-repeat; } .overlay_v2 TD.mr { background:url(/images_HNG/overlay_v2_mr.png) no-repeat; } .overlay_v2 TD.bl { background-image:url(/images_HNG/overlay_v2_bl.png); background-repeat:no-repeat; height: 22px; font-size:0px; } .overlay_v2 TD.bm { background:url(/images_HNG/overlay_v2_bm.png) bottom left no-repeat; height: 22px; font-size:0px; } .overlay_v2 TD.br { background-image:url(/images_HNG/overlay_v2_br.png); background-repeat:no-repeat; height: 22px; font-size:0px; } .overlay_v2 .bars { text-align:left; margin-bottom:-13px; } .table_mid_content { margin-top:3px; min-height:100px; } .dta_top_content { padding: 15px 20px 0px 95px; color:#fdfdfc; text-align:left; } .dta_btm_content { padding: 10px 40px 0px 10px; text-align:left; } .overlay_v2 TD.mm .dta_top_content { padding: 15px 20px 0px 20px; color:#fdfdfc; text-align:left; width:300px;background:url(/images_HNG/dotted_divider_vert.png) top right repeat-y; } .dta_btm_link { padding:14px 9px 0px 9px;} .dta_btm_link_separator { padding:14px 6px 0px 6px; color:#353231;font-weight:normal; font-size:0.9em;} a.dtalink, a.dtalink:link, a.dtalink:visited, a.dtalink:active, a.dtalink:focus { text-decoration:none; font-weight:bold; font-size:0.9em; color:#353231; } a.dtalink:hover { text-decoration:underline; } /* --------------------------------------------------------------------------------- Footer content ------------------------------------------------------------------------------ */ .footer { min-width:1004px; z-index: 10; position:absolute; bottom:0; left:0; width:100%;} .footer_left { float:left; height:38px; width:300px; margin-left:15px; background: url(/images_HNG/hng_footer_bg.png) top left no-repeat;} .footer_right { margin-left:315px; margin-right:15px;height:38px; background: url(/images_HNG/hng_footer_bg.png) top right no-repeat;} .footer_link { padding:18px 9px 0px 9px;} .footer_link_last { padding:18px 26px 0px 9px;} .footer_link_separator { padding:18px 6px 0px 6px; color:#f17f33;font-weight:normal; font-size:0.9em;} .footer_copyright { padding:18px 18px 0px 26px; font-weight:normal; font-size:0.9em; color:#010101; } 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:#010101; } 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:79px; height:24px; background:url(/images_HNG/btn_close_quicklook.png) top left no-repeat; } div.popup_window_header a.btn_close:hover { background:url(/images_HNG/btn_close_quicklook.png) bottom left no-repeat; } .popup_window .logo_slot_popup { width:202px; height:30px; padding-top:6px; position:relative; } .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:30px; } .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; } /* --------------------------------------------------------------------------------- Product Tray --------------------------------------------------------------------------------- */ .compare_bg { background:url(/images_HNG/bg_editorials_btm.png) repeat-x; background-position:bottom left;} .product_tray { width:100%; padding:0 30px; text-align:left;} .tray_nav_wraper {background:url(/images_HNG/product_tray_bg.gif) repeat-x; margin-left:-30px; padding:0 0 0 30px; } .product_tray_nav { padding:0; margin:0 0 0px 0; position:relative; width:95%; background:url(/images_HNG/product_tray_nav_bg.png) repeat-x;} .product_tray_nav p { background:url(/images_HNG/compare_bg.png) no-repeat; width:175px; height:28px; padding:5px 0 0px 140px; margin:0; position:absolute; top:0; left:114px; } .product_tray_nav p em { color:#CC3300; font-style:normal;} .product_tray_nav p span { } .product_tray_nav p strong { display:none;} .product_tray_nav a.expand { background:url(/images_HNG/product_tray_expand_btn.png) no-repeat; width:114px; height:26px; display:block; text-indent:-999px; overflow:hidden;} .product_tray_nav a.expanded {background:url(/images_HNG/product_tray_expanded_btn.png) no-repeat; width:114px; height:26px; 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:26px; background:url(/images_HNG/compare_bnt_bg.png) no-repeat;} .product_tray_nav a:hover { background-position:bottom left;} .compare_bar_max { padding:19px 0;} .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;} .compare_bar_max li { list-style:none; float:left; margin-right:10px; background-position:top left;} .compare_bar_max li a { display:inline-block; background:url(/images_HNG/compare_product_bg.png) no-repeat; margin:3px; padding:0;} .compare_bar_max li a:hover { border:3px solid #fa7319; margin:0; padding:0} .compare_bar_max li a img { margin:0; padding:0; line-height:0;} .compare_bar_min { height: 0px; overflow: hidden; } .tray_product_info { background:url(/images_HNG/product_tray_info_bg.png) repeat-x; text-align:center; color:#FFFFFF; margin:0 -30px 0px -30px; padding-bottom:7px; } .tray_product_info p { padding:13px 0 7px 0; background:url(/images_HNG/product_info_p_bg.gif) no-repeat; background-position:bottom center; text-transform:uppercase; font-size:85%;} .tray_product_info p em { font-style:normal; color:#b85513; display:inline-block; width:28px; text-align:center;} .tray_product_info p a { color:#ffffff;} /* --------------------------------------------------------------------------------- HNG - 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_HNG/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_HNG/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_HNG/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_HNG/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_HNG/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_HNG/grey_light_subnav_save_on.png) top left no-repeat; } /* this is being styled by line 1677 'ish ul.grey_light_subnav li a.subnav_grey_light_print { width:89px; height:26px; display:block; background:url(/images_HNG/x_icon.png) top right no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_print { width:89px; height:26px; display:block; background:url(/images_HNG/x_icon.png) bottom right no-repeat; } */ /* ul.grey_light_subnav li a.subnav_grey_light_share { width:79px; height:26px; display:block; background:url(/images_HNG/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_HNG/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_HNG/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_HNG/grey_light_subnav_back_on.png) top left no-repeat; } ul.grey_light_subnav li a.subnav_grey_light_print { width:63px; height:25px; color:#000000; display:block; background:url(/images_HNG/icon_print.png) top left no-repeat; } ul.grey_light_subnav li a:hover.subnav_grey_light_print { width:63px; height:25px; color:#FFFFFF; display:block; background:url(/images_HNG/icon_print.png) bottom left no-repeat; } /* END Port from FP */ .category_image { width: 100%; height: 100%; margin: 0 auto; background-image:url(/images_HNG/hng_main_bg.jpg); background-repeat:no-repeat; } .category_body { text-align:left; width:100%; margin:0px auto; padding:86px 0px 0 0; z-index:90; height:100%; } .category_body .breadcrumb { margin-left:42px;} .cat_top_bar { height:25px; margin:0px 41px 7px 41px; padding:0px; text-align:center; text-transform:uppercase; } .btn_cat_close { background-image:url(/images_HNG/btn_close_cat.gif); width:70px; height:16px; background-repeat:no-repeat; cursor:pointer; color:#FFFFFF; padding-top:7px; padding-left:7px;} .cat_pager_bar { background:url(/images_HNG/cat_pager_bar.png) top left repeat-x; /*margin:90px 42px 0 280px;*/ top:232px; left:280px; right:50px; padding:8px; height:51px; position:absolute; } /* .cat_pager_bar_right_end { background:url(/images_HNG/cat_pager_bar_right_end.png) no-repeat; position:absolute; top:-1px; right:-22px; width:22px; height:46px; display:inline-block;} .cat_pager_bar_left_end { background:url(/images_HNG/cat_pager_bar_left_end.png) no-repeat; position:absolute; top:-1px; left:-22px; width:22px; height:46px; display:inline-block;} */ .page_corner_left { background:url(/images_HNG/cat_pager_bar_left_end.png) no-repeat; position:absolute; top:231px; left:258px; width:22px; height:46px; z-index:1; } .page_corner_right { background:url(/images_HNG/cat_pager_bar_right_end.png) no-repeat; position:absolute; top:231px; right:28px; width:22px; height:46px; z-index:1; } .cat_pager_content { padding:6px 0 0 0; color:#FFFFFF; } 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:#f17f33; height:20px; padding:8px 7px 0px 7px; } a.pager:hover { text-decoration:underline; } /* Header Intro */ .category_type_intro { position:absolute; text-align:left; width:870px; height:120px; margin:0px 0px 0px 262px; } .category_type_intro_col1 { width:202px; padding:6px 0px 16px 0px; border-right:1px solid #D9D9D9; } .category_type_intro_col2 { width:440px; padding:0px 20px; } .category_type_intro_col1 h3 { font-size:1.8em; color:#505050; } .category_type_intro_col2 p { line-height:1.4em; } .prod_matching {color:#FFFFFF; padding: 9px 0 0 0px;} .category_main_bg { text-align:left; width:100%; height:526px; min-height:400px; margin:0px; padding:10px 0px; z-index:90; } ul.share_list { margin:0px auto; padding:0; width:980px; text-transform:uppercase; font-size:95%; } ul.share_list li { list-style:none; float:left; padding:0px 250px 0px 0px; } ul.share_list li.print { padding:0; } ul.share_list li a { display:inline-block; background:url(/images_HNG/nav_plus_icn.png) top right no-repeat; color:#1d1d1d; font-size:1.0em; font-weight:bold; padding:0px 18px 0px 0px; } ul.share_list li a:hover { text-decoration:underline; } .toolbox_shell { float:left; width:230px; z-index:9; margin:-10px 0 0 0px; position:absolute; } /* hacked for editorial left nav page to flush left: margin:-10px 0 0 14px; */ div.category_main_bg .toolbox_shell { float:left; width:230px; z-index:9; margin:-10px 0 0 20px; position:absolute; }/* hacked for product listing page */ .prod_detail_body .toolbox_shell { margin-top:140px; z-index:9;} .toolbox_top { background-image:url(/images_HNG/toolbox_top.png); background-repeat:no-repeat; width:208px; padding:11px 11px 0px 11px; font-size:0.9em;} .toolbox_btm { background-image:url(/images_HNG/toolbox_btm.png); background-repeat:no-repeat; width:231px; height:15px;} .toolbox_prod_content { color:#FFFFFF; border-top:1px solid #894518; width:208px; clear:both; margin:0px 0px;} .toolbox_btn_content { color:#FFFFFF; border-top:1px solid #894518; width:208px; clear:both;} .toolbox_btn_content_noborder { color:#FFFFFF; width:208px; clear:both;} .toolbox_tab_1_off { background-image:url(/images_HNG/toolbox_tab_browse_off.png); background-repeat:no-repeat; width:89px; height:33px; cursor:pointer; text-align:center; padding-top:10px; color:#bebebe;} .toolbox_tab_1_on { background-image:url(/images_HNG/toolbox_tab_browse_on.png); background-repeat:no-repeat; width:89px; height:33px; cursor:pointer; text-align:center; padding-top:10px; color:#FFFFFF;} .toolbox_tab_2_off { background-image:url(/images_HNG/toolbox_tab_hf_off.png); background-repeat:no-repeat; width:119px; height:33px; cursor:pointer; text-align:center; padding-top:10px; color:#bebebe;} .toolbox_tab_2_on { background-image:url(/images_HNG/toolbox_tab_hf_on.png); background-repeat:no-repeat; width:119px; height:33px; cursor:pointer; text-align:center; padding-top:10px; color:#FFFFFF;} .toolbox_tab_1_on a, .toolbox_tab_2_on a { color:#FFFFFF;} .toolbox_tab_1_off a, .toolbox_tab_2_off a { color:#FFFFFF;} .toolbox_title { padding:10px 15px; text-transform:uppercase; font-weight:bold; color:#FFFFFF !important;} .tb_prod_top { background-image:url(/images_HNG/tb_prod_bg_top.png); background-repeat:no-repeat; width:200px; height:4px; margin:4px 4px 0px 4px;} .tb_prod_mid { background-color:#d86519; width:200px; margin-left:4px;} .tb_prod_btm { background-image:url(/images_HNG/tb_prod_bg_btm.png); background-repeat:no-repeat; width:200px; height:5px; padding-bottom:5px; margin-left:4px;} .prod_title { color:#1d1d1d; font-weight:bold; text-transform:uppercase; font-size:1.1em; padding:7px 0px 4px 13px;} ul.prod_link { margin:0px; padding:0px 0px 0px 0px; font-size:1.2em; } ul.prod_link li { list-style:none; padding:0px 0px 0px 0px; margin:0px; width:200px; } ul.prod_link li a { display:block; color:#f1ddd0; border-top: 1px solid #d86519; border-bottom: 1px solid #d86519; font-weight:normal; padding:2px 0px 2px 25px; } ul.prod_link li a:hover { display:block; background-color:#b85615; border-top: 1px solid #ca8050; border-bottom: 1px solid #ca8050; font-weight:bold; 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_HNG/icn_prod_arrow.png) top left no-repeat; } .finder_text h2 { color:#fa7319; text-transform:uppercase; font-size:1.2em; font-weight:bold;} .finder_text .welcome_text { margin:-30px 0 10px 0; width:370px;} p.criteria { background:url(/images_HNG/cat_top_bar.gif) repeat-x; width:97%; padding:3px; clear:both;} p.criteria em { font-style:normal; color:#fa7319;} .category_browser_toggle { min-height:33px;} .category_browser_hearthfinder { text-align:left;} .category_browser_hearthfinder h5 { font-size:1.0em; color:#fff; margin:0 0 12px 0; padding:0; text-transform:uppercase; } .category_browser_hearthfinder a.submit-form-ddmproductfilter { font-size:1.0em; color:#fff; margin:0 0 12px 0; padding:0; text-transform:uppercase; text-decoration:none; } input.refine_box { border:1px solid #333; background:url(/images_HNG/icon_search_input.png) no-repeat #fff; margin:0; width:100%; height:15px;} input.refine_box:focus { background:#fff;} .finder_item_wrapper { border-top:1px solid #8b471a; padding:8px 10px; margin:0 3px; background:url(/images_HNG/prod_finder_bg.png) no-repeat 2px 0;} /* hack for colors on open titles */ .finder_open span { color:#acacac; } div.finder_open div.finder_tog a { color:#fa7319; } .category_browser_hearthfinder fieldset { border:none; padding:0; margin:0; display:block;} .category_browser_hearthfinder select { border:none; padding:2px; margin:0; width:100%; background:#585858; color:#FFFFFF; } .category_browser_hearthfinder select option { background:#585858; 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:#fff; font-size:1.0em; display:block; background:url(/images_HNG/finder_tog_up.png) no-repeat right -4px; margin-bottom:12px; text-transform:uppercase; min-height:20px;} a.finder_tog:hover { text-decoration:none;} .finder_close a.finder_tog { background:url(/images_HNG/finder_tog_down.png) no-repeat right -4px; display:block;} .finder_option { margin-top:20px;} .category_browser_hearthfinder label { width:45%; display:inline-block; color:#fff; text-transform:uppercase;} .category_browser_hearthfinder label.one_column { width:95%; display:inline-block; color:#fff; font-size:0.8em; text-transform:uppercase;} #price-range, #heat-range { width:170px;} input#amount, input#output { border:none; background:none; color:#fff; 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_HNG/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_HNG/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; } .tb_prod_btn {background-image:url(/images_HNG/btn_prod_off.png); background-repeat:no-repeat; width:208px; height:28px; cursor:pointer;} .tb_prod_btn_on {background-image:url(/images_HNG/btn_prod_on.gif); background-repeat:no-repeat; width:208px; height:28px; cursor:pointer;} .tb_prod_alt_btn {background-image:url(/images_HNG/btn_prod_alt_off.png); background-repeat:no-repeat; width:208px; height:28px; } .tb_prod_alt_btn_on {background-image:url(/images_HNG/btn_prod_alt_on.gif); background-repeat:no-repeat; width:208px; height:28px; cursor:pointer;} .tb_prod_btn .toolbox_title, .tb_prod_alt_btn .toolbox_title {padding:10px 15px; color:#FFFFFF; } .tb_prod_btn_on .toolbox_title, .tb_prod_btn_alt_on .toolbox_title {padding:10px 15px; color:#FFFFFF; } .tb_prod_btn .toolbox_title a { display:block; text-transform:uppercase; text-decoration:none; color:#FFFFFF; } .tb_prod_btn_on .toolbox_title a { display:block; text-transform:uppercase; text-decoration:none; color:#FFFFFF !important; } .products { margin:130px 0px 0 306px; overflow:auto; position:relative; right:40px; height:375px; } .prod_bg_shell { background:url(/images_HNG/prod_bg.png) top left no-repeat; width:162px; height:129px; float:left; padding-right:5px; padding-bottom:20px; padding-top:9px; padding-left:10px;} .prod_hover_shell { position:absolute; top:100px; left:200px; z-index:100; text-align:left;} .pu_prod_top { background-image:url(/images_HNG/pu_product_top.png); background-repeat:no-repeat; width:385px; padding-top:20px;} .pu_prod_btm { background-image:url(/images_HNG/pu_product_btm.png); background-repeat:no-repeat; width:385px; height:25px;} .pu_prod_img_bg { background-image:url(/images_HNG/pu_prod_img_bg.png); background-repeat:no-repeat; width:209px; height:186px; margin: 0 0 0 148px; padding:8px 0 0 10px;} .pu_prod_details { float:left; width:108px; color:#FFFFFF; padding:15px 10px 0px 30px;} .pu_prod_details_title { font-size:1.4em; padding-bottom:8px;} .prod_hover_links { margin:10px 13px 0px 11px; padding:15px 22px 0px 15px; border-top: 1px solid #884417; font-size:0.9em; } .prod_hover_links a, .prod_hover_links a:link, .prod_hover_links a:visited, .prod_hover_links a:active, .prod_hover_links a:focus { text-decoration:none; font-weight:normal; color:#ffffff; padding-right:22px; } .prod_hover_links a:hover { text-decoration:none; color:#fa7319; } div.prod_hover_links a.prod_link_checkbox { text-decoration:none; /* background:url(/images_HNG/pu_checkbox_icon.png) top left no-repeat;*/ padding:3px 0 5px 0; font-size:1.0em; color:#FFFFFF;} div.prod_hover_links a.prod_link_checkbox:hover { text-decoration:none; /* background:url(/images_HNG/pu_checkbox_icon.png) top left no-repeat;*/ color:#fa7319; } div.prod_hover_links a.prod_link_checkbox input checkbox { width:10px; height:10px; padding-top:2px; margin-top:2px; } /* Product Description Popup Window - based on Dealer Locator */ .prod_desc_popup { width:930px; height:auto; margin-top:68px; position:absolute; z-index:20000; } .prod_desc_popup_header { width:930px; height:78px; background:url(/images_HNG/prod_desc_popup_bg_top.png) top left no-repeat; } .prod_desc_popup_body { width:1006px; height:458px; background:url(/images_HNG/dealer_locator_popup_bg_mid.png) top left no-repeat; } div.prod_desc_popup_header .popup_btn_close { float:right; margin:38px 30px 0 0; width:75px; height:28px; } div.prod_desc_popup_header a.btn_close { display:block; width:75px; height:28px; background:url(/images_HNG/btn_close_off.png) top left no-repeat; } div.prod_desc_popup_header a.btn_close:hover { background:url(/images_HNG/btn_close_over.png) top left no-repeat; } .prod_desc_popup .logo_slot_popup { width:202px; height:29px; padding-top:6px; position:relative; top:32px; left:40px; border-right:1px solid #d9d9d9; } .prod_desc_popup .popup_title { margin:18px 0 0 40px; width:600px; height:40px; } .prod_desc_popup .popup_title h1 { font-size:2.3em; font-weight:normal; } /* 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 .popup_column_right { float:left; width:684px; height:auto; margin:0 0 0 2px; padding:20px 0 0 20px; } .prod_desc_popup .autoscroller_prod_desc { height:430px; overflow:auto; } .prod_desc_popup .autoscroller_prod_desc h3 { margin:0 0 20px 0; padding:0; font-size:1.8em; color:#757575; } .prod_desc_popup .autoscroller_prod_desc p { color:#000000; 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:#fa7319; font-weight:bold; } .autoscroller_prod_desc div.description_block span.inline_pipe { color:#fa7319; padding:0px 10px; } .autoscroller_prod_desc div.description_block p { display:inline; color:#000000; } .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; } img.category_toggle_info { float:right; margin:8px 26px 0 0; } div.prod_title a img.category_toggle_info { float:right; margin:-3px 22px 0 0;} /* --------------------------------------------------------------------------------- HNG - Product Detail Body content ------------------------------------------------------------------------------ */ /*.product_detail_body { padding:0 0 0 0; overflow: auto;}*/ .product_detail_body { padding:13px 11px; margin:0px 14px 0 0; height:323px; overflow:auto; width: 690px; position:relative; } .prod_detail_image { width: 100%; height: 100%; margin: 0 auto; background-image:url(/images_HNG/hng_main_bg.jpg); background-repeat:no-repeat; } .specs_shell, .specs_container{width:200px; margin-left:4px;} .specs_container { height: 270px; } .specs_glance {color:#894518; width:190px; border-top:1px solid #894518; padding-left:10px; margin:4px;} .specs_top { background-image:url(/images_HNG/specs_top.png); background-repeat:no-repeat; width:200px; height:2px;} .specs_white_mid { background-color:#FFFFFF; padding:5px 10px;} .specs_white_btm { background-image:url(/images_HNG/specs_white_btm.gif); background-repeat:no-repeat; width:200px; height:2px;} .specs_mid { background-color:#d9d9da; padding:10px 10px 5px 10px;} .specs_mid_content_left { float:left; width:70px; color:#868686; text-transform:uppercase; font-size:1.1em; font-weight:bold;} .specs_mid_content_right {float:left; width:110px; text-align:right; font-size:1.1em;} .specs_mid_content_right IMG {padding-left:5px;} .specs_mid_content_left_wide { float:left; width:90px; color:#868686; text-transform:uppercase; font-size:1.1em; font-weight:bold;} .specs_mid_content_right_narrow {float:left; width:90px; text-align:right; font-size:1.1em;} .pointer { cursor:pointer; cursor:hand; } .pad_top_10 {padding-top:10px;} .pad_top_5 {padding-top:5px;} .specs_btm { background-image:url(/images_HNG/specs_btm.png); background-repeat:no-repeat; width:200px; height:3px; padding-bottom:15px;} .specs_thumbnail_icn {padding: 8px 7px 0px 7px; width:13px;} .tb_prod_alt_btn .images_paging{padding-top:10px; color:#737373;} .tb_prod_alt_btn_on .images_paging {padding-top:10px; color:#FFFFFF;} .prod_detail_shell, #detailOverviewContent { width:752px; position:absolute; left:287px; top:80px; padding:0; z-index:10; } .prod_detail_main, .product_bg {background:url(/images_HNG/hng_prod_detail_bg_btm.png) bottom left no-repeat; color:#000000; width:720px; min-height:439px; clear:both; padding:0 16px;} .branded_product_detail_overview {position:relative;} .prod_detail_top, .product_detail_header {background-image:url(/images_HNG/hng_prod_detail_bg_top.png); width:700px; height:34px; padding:22px 26px 0 26px; margin:0;} .product_detail_header h2 { color:#f37018; text-transform:uppercase; font-size:140%; float:left; margin:0; padding:0; font-weight:bold;} .product_detail_header h2 em { font-size:70%; color:#333333; font-style:normal; font-weight:normal;} .product_detail_header h2 a { } a.product_detail_close { background:url(/images_HNG/product_detail_close.png) no-repeat; width:77px; height:22px; text-indent:-999px; overflow:hidden; display:block; float:right;} a.product_detail_close:hover { background-position:bottom left;} .product_bg ul.share_list { border-top:1px solid #b0b0b0; width:712px; padding-left:18px; margin-left:-6px; } .product_bg ul.share_list li { padding:0px 105px 0px 0px; } .product_bg ul.share_list li.print { padding:0; } .product_bg ul.share_list li.back_to_finder { display:none; } .product_bg ul.share_list li.start_over { display:none; } ul.prod_subnav { border-top:1px solid #fa7319; clear:both; width:697px; margin:13px 0 0px 10px; padding:0; } .prod_subnav li { float:left; list-style:none; padding:0; margin:0;} .prod_subnav li a { background-position:top left; display:block; width:174px; height:32px; text-indent:-999px; overflow:hidden;} .prod_subnav li a:hover, .prod_subnav li.on a { background-position:bottom left;} .overview a { background:url(/images_HNG/sub_product_nav_overview.png) no-repeat;} .features a { background:url(/images_HNG/sub_product_nav_feat.png) no-repeat;} .specs a { background:url(/images_HNG/sub_product_nav_specs.png) no-repeat;} .prod_subnav .accessories a { background:url(/images_HNG/sub_product_nav_acces.png) no-repeat; width:175px;} .prod_detail_body { width:100%; margin:0px auto 0 auto; z-index:90; text-align:left; padding:0; } .prod_detail_main_content { color:#3f3e30; margin: 0px 25px; padding:15px 0px 60px 0px;} .pd_close { padding-right:30px; padding-top:20px;} .cover_up { background:url(/images_HNG/tab_cover_bg.png) no-repeat; background-position:top right; width:11px; height:115px; position:absolute; top:110px; right:19px;} .cover_up_left { background:url(/images_HNG/tab_cover_bg.png) no-repeat; background-position:top left; width:11px; height:115px; position:absolute; top:110px; left:16px;} .tab_container { width:700px; height:500px; overflow:auto; background:url(/images_HNG/tab_container_bg.png) no-repeat; background-position:0px -2px; padding:13px 0 0 11px; margin:0; clear:both; position:relative; } .tab_container hr { display:none;} .tab_container .center960 { width:675px; margin:0 auto;} .product_detail_header_col1 h3 { text-transform:uppercase; color:#fa7319; font-size:120%; font-weight:bold; margin:0; padding:0; float:none;} .product_detail_header_col1 .left, .product_detail_header_col2_narrow .left { float:none;} .collasible_wrapper { background:url(/images_HNG/collasible_wrapper_bg.png) no-repeat; padding:10px; margin:0 0 0 -6px;} .collapsible_footer { background:url(/images_HNG/collapsible_footer_bg.png) no-repeat; height:14px; margin:0 0 0 -6px;} .product_detail_header_col2_narrow { border-bottom:1px solid #fa7319; overflow:auto; padding:0 0 12px 0; margin-bottom:10px;} .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 0; font-size:0.9em; } .features_bar_collapsible { background:url(/images_HNG/features_accordion_tab_bg.png) no-repeat; height:28px; overflow:hidden; padding:4px 10px 0 22px; width:625px; cursor: pointer; cursor: hand;} .features_bar_collapsible .features_bar_title a {color:#ffffff; text-transform:uppercase; font-size:0.9em; float:left;} .features_bar_collapsible .features_bar_expand a {color:#fa7319; text-transform:uppercase; font-size:0.8em; float:right; padding-top:5px;} .features_bar_collapsible .features_bar_title a:hover, .features_bar_collapsible .features_bar_expand a:hover { text-decoration:none;} .features_bar_collapsible .center960 { width:625px;} .features_bar_expand a { font-size:90%;} .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; color:#fa731b; font-weight:bold;} .features_bar_expand a, .features_bar_collapsible .features_bar_title a { cursor:pointer; } .option_filter_bar, .product_detail_header_col3, .features_bar_expand a img, .product_detail_header_col1 h5 { display:none;} .base_rotator_container { width: 490px; margin:0 30px;} .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_HNG/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_HNG/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; } .nested_dimmer { width:100%; height:100% auto; position:absolute; top:0; left:0; z-index:10000; padding:20% 0 0 0;} /* 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; } div.features_bar_content div.content_column div.base_rotator_container .related_products_arrow_right { float:left; margin:44px 0 0 0; } .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:34px; margin:0 4px 0 0; padding:0; background:url(/images_HNG/arrow_back_on.png) top left no-repeat; } div.slot4 .base_rotator_container .related_products_arrow_right { width:6px; height:26px; position:relative; top:34px; margin:0 10px 0 0; padding:0; background:url(/images_HNG/arrow_next_on.png) top left no-repeat; } div.slot4 .base_rotator_container ul.related_prods_list { width:1000px; margin:0px 0px 0px 2px; padding:0px; float:left; } 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 #ececec; } div.slot4 .base_rotator_container ul.related_prods_list li a:hover { border:1px solid #666666; } div.slot4 .base_rotator_container ul.related_prods_list li img { border:none; padding:3px 3px 0px 3px; } div.slot4 .base_rotator_container .related_products_list_container { width:178px; margin:19px 0 0 0; padding:0px; float:left; overflow:hidden; } /* Features rotator - option 1 */ .features_rotator_container { width:410px; height:160px; margin:0px; padding:0px; overflow:hidden; position:relative; float:left;} /* 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 4px; 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; display:inline-block; } ul.features_rotator_finishes li .prod_image { width:114px; padding:0 0 0 0; margin:0 0 0 0; border:2px solid #CCCCCC; } ul.features_rotator_166 li .prod_image, ul.features_rotator_109 li .prod_image, .features_rotator_144_single li .prod_image, .blowout_container .prod_image { padding:3px; margin:0; border:1px solid #CCCCCC; border-bottom:none; } ul.features_rotator_166 li .title_block .black_14, .blowout_container .title_block { height:40px; background:#000000; padding:4px; width:100px; color:#FFFFFF;} ul.features_rotator_109 li .title_block .black_14 { height:40px; background:#000000; padding:4px; width:220px; color:#FFFFFF; margin:0;} 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:#000000; font-size:0.9em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } li .title_block .black_14 { color:#ffffff;} a.icon_action_zoom { display:block; width:19px; height:16px; margin:0; padding:0; background:url(../images_HNG/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:122px;} ul.features_rotator_109 li { list-style:none; float:left; padding:0px; cursor:pointer; margin:0 60px 0px 100px; display:inline-block; } .blowout_container_single { width:120px; margin:4px 20px 0 0; padding:0px; float:left; } /* Finishes List */ /*#graniteMarbleContent .finishes_list_container { width:150px;}*/ .mantle_opt { float:left; width:160px; font-size:0.95em;} ul.finishes_list_large { margin:0px; padding:0px; } ul.finishes_list_large li a { padding:4px 4px 3px 4px; border:1px solid #CCCCCC; background:#ffffff; display:block;} ul.finishes_list_large li a:hover { background:#000000; border:1px solid #000000;} ul.finishes_list_large li.finish_on a { background:#000000; border:1px solid #000000;} ul.finishes_list_large li.finish { list-style:none; float:left; padding:0px; margin:0 7px 7px 0; } .finishes_list_actions { float:right; margin:-150px 0 0 0;} .finishes_list_actions a { background:url(../images_HNG/arrow_right_swapper.png) no-repeat; display:block; height:10px; width:10px;} /* Three column rotator */ .finishes_list_container { float:left; width:200px; } .finishes_list_container_large { float:left; width:340px; } ul.finishes_list_large_3col { padding:0; margin:0; } .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; background:#FFFFFF; border:#CCCCCC 1px solid; display:inline-block;} .finishes_list_large_3col li a:hover { background:#fa7319; border:1px solid #fa7319;} .features_rotator_144_single, .blowout_container { float:left; width:108px; padding:0; margin:0 0 0 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:#000000; color:#FFFFFF; width:133px; padding:4px;} /* 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 #D9D9D9; border-bottom:none; } ul.features_rotator_2 li .title_block { height:20px; background:#000000; padding:4px; width:115px; } ul.features_rotator_2 li .title_block .black_14 { color:#ffffff; font-size:0.9em;} ul.features_rotator_2 li .title_block_arrow { margin:10px 0 0 0; border:none; } ul.features_rotator_2 li .title_bold { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:bold; } ul.features_rotator_2 li .title { color:#000000; font-size:1.2em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } .finishes { height:24px; background-color:#000000; padding:4px 0 0 12px; } .finishes p { font-size:0.9em; color:#fff; margin:0px; } ul.finishes_list { margin:0px 12px 0 0; padding:0; } ul.finishes_list li { list-style:none !important; float:left !important; width:7px !important; height:7px !important; margin:0 2px 0 0 !important; padding:0 !important; border:none !important; 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:1000000; } .viewport { position:absolute; z-index:19999; width:100%; height:100%; text-align:left; } .popup_features { background:url(/images_HNG/popup_features_bg.png) top left no-repeat; width:863px; height:458px; margin:80px auto 0 auto; z-index:20000; } .popup_features_quicklook { background:url(/images_HNG/popup_features_bg_quicklook.png) top left no-repeat; width:863px; height:457px; 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:40px 0 0 43px; } .popup_features_image_quicklook { width:326px; height:285px; margin:58px 0 0 42px; padding:2px; } /* quicklook version */ .popup_features_image p { position:absolute; margin:150px 0 0 50px; } .popup_features_title_thumbs { margin:10px 0 0 0px; } .popup_features_title_thumbs h4 { display:none; margin:19px 0 0 43px; } /* features & options rotator */ .popup_thumbnail_rotator { width:345px; height:102px; margin:-7px 0 0 32px; padding:0; overflow:hidden; position:relative; } .popup_thumbnail_rotator_body { float:left; position:relative; width:310px; height:83px; overflow:hidden; } div.popup_thumbnail_rotator .arrow_left { float:left; margin:42px 8px 0 0; cursor:hand; cursor:pointer; } div.popup_thumbnail_rotator .arrow_left a { display:block; width:9px; height:13px; background:url(../images_FP/icon_orange_arrow_left_disabled.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_left a:hover { background:url(../images_FP/icon_orange_arrow_left_off.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right { float:right; margin:42px 0 0 0; cursor:hand; cursor:pointer; } div.popup_thumbnail_rotator .arrow_right a { display:block; width:9px; height:13px; background:url(../images_FP/icon_orange_arrow_right_disabled.png) top left no-repeat; } div.popup_thumbnail_rotator .arrow_right a:hover { background:url(../images_FP/icon_orange_arrow_right_off.png) top left no-repeat; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list { position:absolute; height:80px; width:2000px; margin:4px 0 0 7px; padding:0px; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li { list-style:none; float:left; margin:0 8px 0 0; width:70px; height:72px; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li a { border:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li img { border:1px solid #909090 !important; padding:2px; width:56px; height:56px; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li .arrow_top { margin:0px 0 0 0; width:62px; height:14px; background:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li .arrow_top a img { display:none; } div.popup_features_title_thumbs div.popup_thumbnail_rotator ul.popup_thumbs_list li.on img { border:3px solid #fa7319 !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; } /* alt rotator */ .thumb_scroller_quicklook { width:385px; height:102px; margin:-3px 0 0 0; padding:0; overflow:hidden; } div.thumb_scroller_quicklook ul.popup_thumbs_list { position:absolute; height:80px; width:800px; margin:4px 0 0 43px; padding:0px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li { list-style:none; float:left; margin:0 8px 0 0; width:70px; height:72px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li img { border:1px solid #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 #fa7319 !important; padding:0px; } div.thumb_scroller_quicklook ul.popup_thumbs_list li.on .arrow_top { margin:3px 0 0 0; width:62px; background-color:#00FF66; height:10px; background:url(/images_HNG/icon_arrow_up_on.png) center center no-repeat; } .popup_features_rightcol { float:right; width:463px; } .popup_features_rightcol hr { width:450px; float:left; margin:10px 0 10px 6px; } .popup_features_close { float:right; margin:20px 20px 0 0; } div.popup_features_close a.btn_close { display:block; width:79px; height:24px; background:url(/images_HNG/btn_close_quicklook.png) top left no-repeat; } div.popup_features_close a.btn_close:hover { background:url(/images_HNG/btn_close_quicklook.png) bottom left no-repeat; } /* 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 0px 0 0; } div.popup_features_close_quicklook a.btn_close { display:block; width:79px; height:24px; background:url(/images_HNG/btn_close_quicklook.png) top left no-repeat; } div.popup_features_close_quicklook a.btn_close:hover { background:url(/images_HNG/btn_close_quicklook.png) bottom left no-repeat; } /* top version */ div.popup_features_rightcol .popup_info_container { width:360px; margin:20px 0 0 28px; } div.popup_features_rightcol div.popup_info_container h3.product_name { color:#fa7319; 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:#fa7319; 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:#fa7319; 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; } a.btn_close { display:block; width:75px; height:28px; background:url(/images_HNG/btn_close_off.png) top left no-repeat; z-index:2000; } a.btn_close:hover { background:url(/images_HNG/btn_close_over.png) top left no-repeat; } /* close X only */ a.btn_close_x { display:block; width:31px; height:28px; margin:2px 0 0 0; background:url(/images_HNG/drawer_slider_btn_close.png) top left no-repeat; } a.btn_close_x:hover { background:url(/images_HNG/drawer_slider_btn_close.png) bottom left no-repeat; } .spec_row_none, .spec_row_stripe { font-size:1.0em; font-weight:bold; } .spec_row_none { padding:2px 0 2px 12px; background-color:none; } .spec_row_stripe { padding:5px 0 4px 12px; background-color:#282827; } .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; } /* Specs at a glance */ .view_large_link { background:url(../images_HNG/icon_zoom_quicklook.png) top left no-repeat; position:absolute; margin:22px 0 0 36px; 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; margin:20px 0 0 0; color:#FFFFFF; } .quicklook_column_right { float:left; width:210px; margin:20px 0 0 37px; color:#FFFFFF; } .popup_info_container { width:100%; margin:30px 0 0 20px; } div.quicklook_column_left div.popup_info_container h3.product_name { color:#fa7319; font-size:1.8em; } div.quicklook_column_left div.popup_info_container p strong { color:#fa7319; } .popup_options_view { } .finish_hover_showhide { width: 98px; } div.popup_options_view p { font-size:1.8em; margin:8px 0; color:#505050; } .popup_options_view .large_view { padding:2px; border:1px solid #909090; } 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 { } div.quicklook_column_right .specs_container h4 { color:#fa7319; font-size:1.2em; text-transform:uppercase; font-weight:bold; } div.quicklook_column_right .specs_offset { margin:0 0 0 -24px; padding:0 0 0 -18px; } div.quicklook_column_right div.specs_offset div.spec_row { height:20px; color:#fa7319; } div.quicklook_column_right div.specs_offset div.spec_row p { float:left; margin:2px 4px 0 4px; } 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:#282827; } .grey_dark { color:#FFFFFF; font-weight:normal; padding:4px 0 0 0; position:relative; top:4px; } /* fuel icons */ div.quicklook_column_right div.specs_offset div.spec_row .fuel_type_icons { padding:0; } div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_coal, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_elec, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_gas, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_pellet, div.quicklook_column_right div.specs_offset div.spec_row .fuel_icon_wood { display:inline; width:18px; height:21px;padding:4px 0px 0 20px; } .fuel_type_icons { padding:8px 0 0 0; } .fuel_icon_coal { float:left; width:18px; height:21px; background:url(/images_HNG/icon_fuel_coal.png) top left no-repeat; } .fuel_icon_elec { float:left; display:inline; width:18px; height:21px; background:url(/images_HNG/icon_fuel_electronic.png) top left no-repeat; } .fuel_icon_gas { float:left; display:inline; width:18px; height:21px; background:url(/images_HNG/icon_fuel_gas.png) top left no-repeat; } .fuel_icon_pellet { float:left; display:inline; width:18px; height:21px; background:url(/images_HNG/icon_fuel_pellet.png) top left no-repeat; } .fuel_icon_wood { float:left; display:inline; width:18px; height:21px; background:url(/images_HNG/icon_fuel_wood.png) top left no-repeat; } 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:relative; top:40px; margin:0 0 0 10px; width:60px; height:20px; } div.popup_info_container .pu_prod_btm_content a.btn_Save { display:block; background:url(/images_HNG/icon_plus.png) top right no-repeat; width:20px; height:20px; padding:2px 30px 0px 0px; text-transform:uppercase; font-size:0.9em; color:#FFFFFF; cursor:pointer; } div.popup_info_container .pu_prod_btm_content a.btn_Save:hover { background:url(/images_HNG/icon_plus_white.png) top right no-repeat; text-decoration:none; } div.popup_info_container .inline_form_checkbox { position:relative; top:16px; margin:0 0 0 110px; text-transform:uppercase; font-size:0.9em; } div.inline_form_checkbox a.prod_link_checkbox { display:block; background:url(/images_HNG/icon_compare_quicklook.png) top left no-repeat; width:16px; height:12px; padding:4px 0px 0 20px; text-transform:uppercase; font-size:0.9em; color:#FFFFFF; cursor:pointer; } div.inline_form_checkbox a.prod_link_checkbox:hover { background:url(/images_HNG/icon_compare_quicklook.png) bottom left no-repeat; text-decoration:none; } /* Product Detail - Specifications */ .product_detail_header_single { width:675px; padding:16px 0px 0px 0px; border-bottom:1px solid #fa7319; margin-bottom:13px; } .product_detail_header_single .grey_14_light { color:#000000;} .product_detail_header_single UL { margin:0px; padding:0px; } .product_detail_header_single UL LI { list-style:none; } #detailSpecsContent .product_detail_header_single { margin:0;} table.specs_table { border-collapse:collapse; border-spacing:0; padding:0; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #c5c5c5; width:665px; text-align:center; } table.specs_table tr td.table_header { background-color:#C0C0C0; height:33px; text-align:center; } table.specs_table th { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.specs_table tr td.table_subhead { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#e0e0e0; height:22px;} table.specs_table tr td { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#FFFFFF; height:32px;} div.efficiency_chart_container { margin:10px 0 0 0; } div.efficiency_table { width:500px; } table.efficiency_table { border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #c5c5c5; width:665px; text-align:center; } table.efficiency_table td.table_header { background-color:#C0C0C0; height:33px; text-align:center; } table.efficiency_table td { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.efficiency_table td.table_subhead { background-color:#e0e0e0; height:22px; } table.efficiency_table td.table_subhead { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.efficiency_table td.table_data { background-color:#FFFFFF; height:32px; } table.efficiency_table td.table_data { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; } table.efficiency_table td.table_subhead, table.efficiency_table td.table_data { width:100px; } .indent_left { text-align:left; padding-left:10px; } .copy_blocks { width:670px;} /* three column layout */ .specs_three_col { width:675px; min-height:105px; } .specs_three_col .col1 { width:205px; height:100%; } .specs_three_col .col2 { width:270px; height:100%; padding:15px; text-align:center; vertical-align:middle; } .specs_three_col .col3 { width:150px; height:100%; } .specs_three_col .col1, .specs_three_col .col2, .specs_three_col .col3 { float:left; margin:0; } .specs_three_col .col1, .specs_three_col .col3 { border:none;} .specs_three_col .col3 hr.download_separator { display:none;} .specs_three_col .col3 h4 { border-bottom:1px solid #fa7319; text-transform:uppercase; font-weight:bold; padding-bottom:5px;} .specs_three_col .col1 h3 { margin-left:18px; } .specs_three_col .col3 ul.download_arrow_links { margin:0px; padding:0; } .specs_three_col .col3 ul.download_arrow_links li { list-style:none; font-size:1.2em; margin:0; } .specs_three_col .col3 ul.download_arrow_links li a { display:block; background: url(/images_HNG/nav_plus_icn.png) no-repeat right; padding:5px; border-bottom:1px solid #d9d9da; text-decoration:none; } .specs_three_col .col3 ul.download_arrow_links li a:hover { display:block; background: #d9d9da url(/images_HNG/nav_plus_icn.png) no-repeat right; padding:5px 5px 6px 5px; border-bottom:none; text-decoration:none; } .specs_three_col .col3 ul.download_arrow_links li img { display:none; } .specs_three_col .col3 ul.download_arrow_links li span { text-decoration:none; } /* MASTER */ ul.download_arrow_links { margin:0px; padding:0; } ul.download_arrow_links li { list-style:none; font-size:1.2em; margin:0; } ul.download_arrow_links li img { display:none; } ul.download_arrow_links li span { text-decoration:none; } 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_HNG/nav_plus_icn.png) right no-repeat; padding:5px; border-bottom:none; text-decoration:none; } .spec_views_list li a:hover, .download_arrow_links li a:hover { background: #d9d9da url(/images_HNG/nav_plus_icn.png) right no-repeat; } .download_arrow_links li a { font-size:90%; } .download_arrow_links li a:hover { background: #d9d9da url(/images_HNG/nav_plus_icn.png) right no-repeat;} .copy_blocks p { } /* 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 #cccccc;} .image_box_accessories { margin:10px; } a.image_accessories_link { display:block; width:166px; height:146px; border:2px solid #ffffff; background:none; } a.image_accessories_link:hover { border:2px solid #fa7319; background:#f0f0f0; } .accessories_content_row { border-bottom:1px solid #d9d9d9; } .content_column, .content_column .grey_14_light { width:470px; } .content_column h5 { font-weight:bold; font-size:100%; text-transform:uppercase; } .detail_body_col1 { width:470px; } .detail_body_col2 { width:190px; text-align:left; margin:0 0 0 10px; } .detail_body_col2 h4 { margin:5px 0 12px 0; color:#FF6600; font-weight:bold; font-size:130%; } hr.download_separator { display:block; height:1px; margin-top:15px; background:#b0b0b0; border:none; } .detail_body_col2 .grey { font-size:90%; } /* 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_HNG/nav_plus_icn.png) no-repeat; background-position:195px 5px; padding:5px;} .download_arrow_links li a:hover {background:url(/images_HNG/nav_plus_icn.png) #d9d9da no-repeat ; background-position:195px 5px; text-decoration:none;} */ .download_arrow_links li a grey { font-size:100%; text-decoration:none; } /* Product Inputs */ .news_letter, .zip_code { text-align:left; padding:0 0px; display:block; } .news_letter input, .zip_code input { height:17px; margin:1px 0 0 0; padding:2px 0 0 2px; height:15px; font-size:0.9em; color:#FFFFFF; } .news_letter input, .zip_code input { width:165px; font-size:0.9em; } .news_letter input[type='text']:hover, .news_letter input[type='text']:focus { font-size:0.9em; height:15px; } .zip_code input[type='text']:hover, .zip_code input[type='text']:focus { font-size:0.9em; height:15px; } div.detail_body_col2 div.right_col_input .right_col_input_text { height:14px; color:#666666; background-color:#FFFFFF; width:155px; padding:1px 0 1px 0px; } input.submitNL, div.detail_body_col2 div.right_col_input input.promo_link_arrow { background:url(/images_HNG/arrow_bnt.png) no-repeat; width:24px; height:19px; text-indent:-999px; overflow:hidden; border:0; position:absolute; top:0px; right:0; } input.submit { background:url(/images_HNG/plus_bnt.png) no-repeat; width:24px; height:19px; text-indent:-999px; overflow:hidden; border:0; top:0px; right:0; } .editorial_widget a.orange_arrow { background:url(/images_HNG/plus_bnt.png) no-repeat; display:inline-block; width:24px; height:19px; text-indent:-999px; overflow:hidden; border:0; top:0px; right:0; } .submitNL:hover, .submit:hover { background-position:bottom left; font-size:0.9em; } .overview_prod_img_shell { float:left; width:170px; margin-right:20px;} .overview_prod_img { padding:2px; border:1px solid #919191; } .overview_desc { margin-left:190px;} .overview_desc p { font-size:1.1em; color:#1d1d1d; line-height:1.3em; margin:0px 0px 6px 0px; } .detail_promo_container { height:120px; overflow:hidden; border:1px solid #CCCCCC; 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:#000000; 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_HNG/arrow_paging_on.png) bottom left no-repeat; color:#fa7319; 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:#FF6600; font-weight:bold; font-size:110%} .promo_left p span { font-weight:bold;} .promo_right { float:left; width:93px; border:1px solid #999999; } .customer_rating_container { padding:16px 0 6px 0;} .customer_rating_container h4 { color:#FF6600; float:left; margin:0 44px 0 0;} .customer_rating_stars { width:120px; float:left;} .customer_rating_container .grey_14_dark { clear:both; color:#333333; font-size:95%;} .customer_rating_container .grey_14_dark a { color:#ff6600; text-decoration:underline;} .customer_rating_container .grey_14_dark span { color:#999999; font-size:80%;} .ratethisnow { float:left; margin:2px 0 0 0; } .ratethisnow a { background:url(/images_HNG/rate_now_bg.png) no-repeat; margin:2px 0 0 0; padding:3px 0 0 15px; background-position:0 3px; font-weight:bold; text-transform:uppercase; } .overview_left_section { } .related_prods {margin:0px 34px 0px 0px;} .related_prods_last {margin:0px 0px 0px 0px;} div.promo_body_leftcol_content .related_prod_list_container { width:622px; height:110px; margin:0px; padding:0px; position:relative; overflow:hidden; float:left; } div.promo_body_leftcol_content ul.related_prod_list { width:3000px; height:110px; margin:0px; padding:0px; position:absolute; } div.promo_body_leftcol_content ul.related_prod_list li { list-style:none; float:left; width:160px; height:105px; } /* qualifying products container - moved from further back in the stylesheet */ div.promo_body_leftcol_content .qualifying_products_container { margin:-20px 0 0 0; width:100%; } div.promo_body_leftcol_content .qualifying_products_container h4 { font-size:1.2em; font-weight:bold; color:#fa7319; text-transform:uppercase; } div.promo_body_leftcol_content .base_rotator_container { width:100%; height:110px; margin:0px; } div.promo_body_leftcol_content .related_products_list_container { width:615px; margin:0 0 0 0px; padding:0px; float:left; overflow:hidden; } div.promo_body_leftcol_content ul.related_products_list { width:3000px; height:140px; margin:4px 0 0 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:31px; } div.promo_body_leftcol_content ul.related_products_list li img { border:1px solid #D9D9D9; padding:2px; margin:0; } div.promo_body_leftcol_content ul.related_products_list li .title_block { margin-top:-5px; width:122px; padding:4px 0px 2px 8px; background:#000000; } div.promo_body_leftcol_content ul.related_products_list li .title_block_arrow { margin:-20px 4px 0 0; border:none; float:right; width:15px; height:15px; background:url(../images_HNG/icon_plus.png) top left no-repeat; } div.promo_body_leftcol_content ul.related_products_list li .title_bold { color:#FFFFFF; font-size:1.0em; margin:0px; padding:0px; line-height:18px; font-weight:normal; } 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:23px; height:22px; position:relative; top:40px; margin:0px; padding:0; background:url(../images_HNG/icon_orange_arrow_left_off.png) top left no-repeat; cursor:pointer; } div.promo_body_leftcol_content .related_products_arrow_right { width:23px; height:22px; position:relative; top:40px; margin:0 0 0 0px; padding:0; background:url(../images_HNG/icon_orange_arrow_right_off.png) top left no-repeat; cursor:pointer; } .related_hovers .related_prods a IMG, .related_hovers .related_prods_last a IMG {border:1px solid #a6a593; padding:2px;} .related_hovers_on .related_prods a IMG, .related_hovers_on .related_prods_last a IMG {border:1px solid #fa7319; padding:2px;} .related_hovers .related_prods_title { color:#000000; background-image:url(/images_HNG/pd_related_icn_off.png); background-position: right; background-repeat: no-repeat; font-weight:normal; padding:5px; width:116px;} .related_hovers_on .related_prods_title {color:#fa7319; background-image:url(/images_HNG/pd_related_icn_off.png); background-position: right; background-repeat: no-repeat; font-weight:normal; padding:5px; width:116px;} .related_prods_title a, .related_prods_title a:link, .related_prods_title a:visited, .related_prods_title a:active, .related_prods_title a:focus { display:block; text-decoration:none; color:#fa7319; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images_HNG/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } .related_prods_title a:hover { display:block; text-decoration:underline; color:#fa7319; font-size:0.9em; font-weight:bold; text-transform:uppercase; background:url(/images_HNG/arrow_link.png) top right no-repeat; padding:0px 10px 0px 0px; } .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.prod_link_checkbox:visited, a.prod_link_checkbox:active, a.downloads_link:focus { text-decoration:none; font-size:1.2em; color:#1d1d1d; background:url(/images_HNG/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_HNG/arrow_link_alt.png) top left no-repeat; padding:0px 0px 5px 10px; } /* --------------------------------------------------------------------------------- Editorial pages ------------------------------------------------------------------------------ */ .editorial_bg_top { width: 100%; margin: 0 auto; } .editorial_bg_btm { width: 100%; margin: 0 auto; } .editorial_body { text-align:left; width:960px; margin:0 0 0 20px; padding:86px 0px 0 0; z-index:90; } /* 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:12px 0 20px 0; padding:0px 0 0 0; height:22px; width:100%; border-top:1px solid #fa7319; border-bottom:1px solid #b0b0b0; } ul.editorial_subnav li { list-style:none; float:left; padding:0px 50px 0px 0px; } ul.editorial_subnav li a { display:inline-block; background:url(/images_HNG/nav_plus_icn.png) top right no-repeat; color:#1d1d1d; font-size:1.0em; font-weight:bold; padding:0px 18px 0px 0px !important; } ul.editorial_subnav li a:hover { display:block; background:url(/images_HNG/nav_plus_icn.png) top right no-repeat; text-decoration:underline; padding:0px 18px 0px 0px; } .grey_light_subnav_container { clear:both; position:relative;} /* --------------------------------------------------------------------------------- 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; text-align:left; } .three_column .editorial_col1 { width:240px !important; height:auto; float:left; min-height:1px; padding:0; height:300px; }/* hacked width for editorial page: width:260px; */ .three_column .editorial_col2 { width:413px; height:auto; float:left; margin:0 20px 0 0 ; } .three_column .editorial_col3 { width:265px; height:auto; float:left; margin:0; padding:0; } /* 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; margin:0px 0px 0px 18px; } .three_column .editorial_col2 h1 { font-size:2.0em; color:#757575; margin:18px 0 14px 0px; padding:0; } .three_column .editorial_col2 h3 { font-size:1.4em; margin:10px 0 10px 0px; padding:0px; color:#757575; font-weight:normal; } .three_column .editorial_col2 h3 img { padding-left:10px; } .three_column .editorial_col2 hr { background-color:#ECECEC; } .three_column .editorial_col2 .hr { padding:0px 0px 0px 0px;margin:20px 10px 20px 0px; border:0px; background:url(/images_HNG/editorial_divider.png) repeat-x top left; display:block; height:10px; } .three_column .editorial_col2 p { font-size:1.1em; color:#000000; line-height:1.4em; margin:0px 10px 10px 0px; } .three_column .editorial_col2 img { float:left; margin:0 10px 4px 0px; } .three_column .editorial_col2 p strong { font-size:1.2em; margin:10px 0 10px 0px; color:#757575; font-weight:normal; } .three_column .editorial_col2 p a { color:#fa7319; text-decoration:underline;} /* three_column - column 3 - dependencies */ .three_column .editorial_col3 h4 { font-size:1.5em; } .three_column .editorial_col3 div, .three_column .editorial_col3 h4 { margin-left:8px; width:245px; } /* related content widgets - unique to brand sites */ .three_column .editorial_col3 .editorial_widget { width:261px !important; margin:0 0 15px 0; padding:0px 0 0 0; background:url(/images_HNG/hng_widget_bg_top_3col.png) top left no-repeat; } .three_column .editorial_col3 .widget_content { width:261px !important; position:relative; top:14px; height:auto; background:url(/images_HNG/hng_widget_bg_btm_3col.png) bottom left no-repeat; margin:0px; padding:0 0 20px 0; color:#FFFFFF; } .three_column .editorial_col3 .widget_content h4 { font-size:1.0em; color:#fa7319; margin:8px 11px 15px 11px; border-bottom:1px solid #fa7319; width:209px; padding:10px 15px; font-weight:bold; text-transform:uppercase; } .three_column .editorial_col3 .widget_content .widget_row_container { color:#FFFFFF; width:210px; margin:0 0 0 25px; } .three_column .editorial_col3 .widget_content .widget_row_container_promo { margin:0px; padding:0px; } .three_column .editorial_col3 .widget_content p.widget_title { font-weight:bold; width:100%; margin:15px 0 10px 0; padding:0; line-height:0; color:#FFFFFF; } .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:#FFFFFF; } .three_column .editorial_col3 .widget_content p.widget_copy_wimage { font-style:normal; color:#000000; font-size:1.1em; font-weight:normal; } .three_column .editorial_col3 .widget_content p.widget_copy_wimage a { color:#FFFFFF; } .three_column .editorial_col3 .widget_content p.widget_copy a { background:url(../images_HNG/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; color:#FFFFFF; } .three_column .editorial_col3 .widget_content ul.download_arrow_links { padding:0; margin:0 0 0 20px; } .three_column .editorial_col3 .widget_content ul.download_arrow_links li { list-style:none; font-size:1.2em; width:200px; margin:0px; height:26px; color:#FFFFFF; } .three_column .editorial_col3 .widget_content ul.download_arrow_links li a { color:#FFFFFF; } .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 .widget_content .widget_row_container ul.download_arrow_links { padding:0; margin:0 0 0 0px; } .three_column .editorial_col3 .widget_content .widget_row_container ul.download_arrow_links li { list-style:none; font-size:1.2em; width:200px; margin:0px; height:26px; color:#FFFFFF; } .three_column .editorial_col3 .widget_content .widget_row_container ul.download_arrow_links li a { color:#FFFFFF; } .three_column .editorial_col3 .widget_content .widget_row_container ul.download_arrow_links li img { margin:0 6px 0 0; } .three_column .editorial_col3 .widget_content .widget_row_container ul.download_arrow_links li span { font-size:0.8em; color:#909090; } .three_column .editorial_col3 .widget_content .promo_link_widget { width:200px; height:41px; border-right:1px solid #E5E5E5; margin:8px 0 0 0; padding:0px; } .three_column .editorial_col3 .widget_content p.promo_link { text-align:right; margin:12px 10px 0 0; font-size:1.2em; color:#FFFFFF; } .three_column .editorial_col3 .widget_content p.promo_link a { color:#FFFFFF; } .three_column .editorial_col3 .widget_content .promo_link_arrow { margin:20px 0 0 17px; } .three_column .editorial_col3 .widget_content div.promo_link_copy p { font-size:1.2em; color:#8f8f8f; line-height:16px; color:#FFFFFF; } .three_column .editorial_col3 .widget_content div.promo_link_copy p span { font-size:1.1em; color:#ffffff; line-height:16px; } .three_column .editorial_col3 .widget_content .video_slot { width:209px; height:209px; margin:0; } .three_column .editorial_col3 .widget_content .widget_image_container { width:209px; margin:0; padding:0; } .three_column .editorial_col3 .widget_content .zip_code { width:200px; margin:0 0 0 12px; } .three_column .editorial_col3 .widget_content .zip_code input.right_col_input_text { width:100px;} /* Submit button ? */ .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; color:#FFFFFF; } .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; color:#FFFFFF; } .three_column .editorial_col3 div.widget_content ul.widget_toggle_list > li:first-child { padding-left:0px; } .three_column .editorial_col3 .small_pipe { width:8px; height:9px; background:url(../images_HNG/small_pipe.png) top left no-repeat; } .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:60px; height:55px; padding:0; margin:0 0 10px 14px; } .three_column .editorial_col3 ul.widget_image_list > li:first-child { padding-left:0px; margin:0; } .three_column .editorial_col3 .promo_widget { width:210px; padding:0 10px 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_HNG/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } .three_column .editorial_col3 .widget_image { width:209px; height:60px; margin:0; padding:0; } /* width/height applied inline/dynamically per instance */ .three_column .editorial_col3 .video_play { position:absolute; margin:10px 0 0 40px; } /* Table styles */ table.editorial_table { border-collapse:collapse; border-spacing:0; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-bottom:1px solid #c5c5c5; padding:0; width:100%; text-align:left; } table.editorial_table tr.table_header { background-color:#C0C0C0; height:33px; font-size:1.0em; } table.editorial_table tr td { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#FFFFFF; height:32px; vertical-align:top; padding:6px; } table.editorial_table tr td.table_header { background-color:#C0C0C0; height:33px; text-align:center; } table.editorial_table tr td.table_subhead { border-left:1px solid #ECECEC; border-right:1px solid #ababab; border-bottom:1px solid #ababab; background-color:#e0e0e0; height:22px; } /* Account Page versions */ div.editorial_body .detail_body_col2 .top_rght_col { background-color:#FF0000; } div.editorial_body .detail_body_col2 .editorial_widget { width:261px !important; margin:0 0 15px 0; padding:0px 0 0 0; background:url(/images_HNG/hng_widget_bg_top_3col.png) top left no-repeat; border:none; } div.editorial_body .detail_body_col2 .widget_content { width:261px !important; position:relative; top:14px; height:auto; background:url(/images_HNG/hng_widget_bg_btm_3col.png) bottom left no-repeat; margin:0px; padding:0 0 20px 0; color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content h4 { font-size:1.0em; color:#fa7319; margin:8px 11px 15px 11px; border-bottom:1px solid #fa7319; width:209px; padding:10px 15px; font-weight:bold; text-transform:uppercase; } div.editorial_body .detail_body_col2 a.widget_link { display:inline-block; background:url(/images_HNG/fp_icon_plus.png) no-repeat; background-position:right; padding:0px 20px 0px 0; color:#fa7319; text-transform:uppercase;} div.detail_body_col2 a.widget_link { display:inline-block; background:url(/images_HNG/fp_icon_plus.png) no-repeat; background-position:right; padding:0px 20px 0px 0; color:#fa7319;} div.editorial_body .detail_body_col2 .widget_content .widget_row_container { color:#FFFFFF; width:210px; margin:0 0 0 25px; } div.editorial_body .detail_body_col2 .widget_content .widget_row_container_promo { margin:0px; padding:0px; } div.editorial_body .detail_body_col2 .widget_content p.widget_title { font-weight:bold; width:100%; margin:15px 0 10px 0; padding:0; line-height:0; color:#FFFFFF; } 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:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content p.widget_copy_wimage { font-style:normal; color:#000000; font-size:1.1em; font-weight:normal; } div.editorial_body .detail_body_col2 .widget_content p.widget_copy_wimage a { color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content p.widget_copy a { background:url(../images_HNG/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content ul.download_arrow_links { padding:0; margin:0 0 0 20px; } div.editorial_body .detail_body_col2 .widget_content ul.download_arrow_links li { list-style:none; font-size:1.2em; width:200px; margin:0px; height:26px; color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content ul.download_arrow_links li a { color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content ul.download_arrow_links li img { margin:0 6px 0 0; } div.editorial_body .detail_body_col2 .widget_content ul.download_arrow_links li span { font-size:0.8em; color:#909090; } div.editorial_body .detail_body_col2 .widget_content .widget_row_container ul.download_arrow_links { padding:0; margin:0 0 0 0px; } div.editorial_body .detail_body_col2 .widget_content .widget_row_container ul.download_arrow_links li { list-style:none; font-size:1.2em; width:200px; margin:0px; height:26px; color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content .widget_row_container ul.download_arrow_links li a { color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content .widget_row_container ul.download_arrow_links li img { margin:0 6px 0 0; } div.editorial_body .detail_body_col2 .widget_content .widget_row_container ul.download_arrow_links li span { font-size:0.8em; color:#909090; } div.editorial_body .detail_body_col2 .widget_content .promo_link_widget { width:200px; height:41px; border-right:1px solid #E5E5E5; margin:8px 0 0 0; padding:0px; } div.editorial_body .detail_body_col2 .widget_content p.promo_link { text-align:right; margin:12px 10px 0 0; font-size:1.2em; color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content p.promo_link a { color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content .promo_link_arrow { margin:20px 0 0 17px; } div.editorial_body .detail_body_col2 .widget_content div.promo_link_copy p { font-size:1.2em; color:#8f8f8f; line-height:16px; color:#FFFFFF; } div.editorial_body .detail_body_col2 .widget_content div.promo_link_copy p span { font-size:1.1em; color:#ffffff; line-height:16px; } div.editorial_body .detail_body_col2 .widget_content .video_slot { width:209px; height:209px; margin:0; } div.editorial_body .detail_body_col2 .widget_content .widget_image_container { width:209px; margin:0; padding:0; } div.editorial_body .detail_body_col2 .widget_content .zip_code, div.editorial_body .detail_body_col2 .widget_content .news_letter { width:200px; margin:0 0 0 24px; } div.editorial_body .detail_body_col2 .widget_content .zip_code .grey {color:#FFFFFF; font-size:1.0em;} div.editorial_body .detail_body_col2 div.right_col_input .right_col_input_text { width:163px; height:13px; padding:1px 0 1px 0px; margin:0px; background-color:#FFFFFF; color:#666666; } 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; color:#FFFFFF; } 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; color:#FFFFFF; } div.editorial_body .detail_body_col2 div.widget_content ul.widget_toggle_list > li:first-child { padding-left:0px; } div.editorial_body .detail_body_col2 .small_pipe { width:8px; height:9px; background:url(../images_HNG/small_pipe.png) top left no-repeat; } div.editorial_body .detail_body_col2 ul.widget_image_list { margin:0px; padding:0px; width:auto; background-color:#99FF00; } div.editorial_body .detail_body_col2 ul.widget_image_list li { list-style:none; float:left; width:60px; height:55px; padding:0; margin:0 0 10px 14px; } div.editorial_body .detail_body_col2 ul.widget_image_list > li:first-child { padding-left:0px; margin:0; } div.detail_body_col2 .promo_widget { width:210px; padding:0 10px 18px 24px; font-size:0.9em; } div.detail_body_col2 .promo_widget img { padding:2px; border:1px solid #9c9681;} div.detail_body_col2 .promo_widget p { padding:0 30px 0 0;} div.detail_body_col2 .promo_widget p strong { display:block; width:95%; padding-bottom:5px; font-size:1.1em;} div.detail_body_col2 .promo_widget a { text-transform:uppercase; background:url(/images_HNG/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } div.detail_body_col2 .widget_image { width:209px; height:60px; margin:0; padding:0; } /* width/height applied inline/dynamically per instance */ div.detail_body_col2 .video_play { position:absolute; margin:10px 0 0 40px; } /* END Account Page versions */ div.detail_body_col2 .editorial_widget {border-bottom: 1px solid #b0b0b0; padding-bottom:15px; padding-top:5px;} /* 2 Column with Left navigation */ .two_column_leftnav { width:100%; margin:0 auto; padding:0; text-align:left; height:auto; } .two_column_leftnav .editorial_col1 { width:260px; float:left; padding:0 0 20px 0; } .two_column_leftnav .editorial_col2 { width:700px; height:auto; float:left; } .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 */ .two_column_leftnav .editorial_col2 { font-size:1.0em; margin:0px 0px 0px 0px; } .two_column_leftnav .editorial_col2 h1 { font-size:2.0em; color:#757575; margin:18px 0 14px 0px; padding:0; } .two_column_leftnav .editorial_col2 h3 { font-size:1.4em; margin:10px 0 10px 0px; padding:0px; color:#757575; } .two_column_leftnav .editorial_col2 h3 img { padding-left:10px;} .two_column_leftnav .editorial_col2 p em { font-size:1.2em; margin:10px 0 10px 0px; padding:0px; color:#757575; font-style:normal; } .two_column_leftnav .editorial_col2 .article_heading .hr { padding:0px 0px 0px 0px;margin:0px 10px 10px 0px; height:1px; border:0px; background:#e7e7e7; display:block; } .two_column_leftnav .editorial_col2 .hr { padding:0px 0px 0px 0px;margin:20px 10px 20px 0px; border:0px; background:url(/images_HNG/editorial_divider.png) repeat-x top left; display:block; height:10px; } .two_column_leftnav .editorial_col2 .posted_by p { color:#757575; } .two_column_leftnav .editorial_col2 p { font-size:1.1em; color:#000000; line-height:1.4em; margin:0px 10px 10px 0px; } .two_column_leftnav .editorial_col2 p strong { font-size:1.2em; margin:10px 0 10px 0px; color:#757575; font-weight:normal; } .two_column_leftnav .editorial_col2 img { float:left; margin:0 10px 4px 0px; } .two_column_leftnav ul.article_list { width:100%; height:auto; margin:0; padding:0; } .two_column_leftnav ul.article_list li { width:100%; height:auto; margin:0; padding:0; list-style:none; } .two_column_leftnav ul.article_list li p { float:left; width:580px; } .two_column_leftnav ul.article_list li p.article_list_date { width:80px; color:#fa7319; } /* 2 Column with right navigation */ .two_column_rightnav { width:100%; margin:0 auto; padding:0; text-align:left; height:auto; } .two_column_rightnav .editorial_col1 { width:236px; float:left; padding:0 0 20px 0; border-bottom:1px solid #ececec; display:none; } .two_column_rightnav .editorial_col2 { width:600px; height:auto; float:left; padding-right:10px; } .two_column_rightnav .editorial_col3 { width:361px; height:auto; float:left; } /* two_column_rightnav - column 1 - dependencies */ .two_column_rightnav .editorial_col1 ul.leftnav { margin:15px 0 0 -15px; padding:0; } .two_column_rightnav .editorial_col1 ul.leftnav li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.2em; cursor:pointer; } .two_column_rightnav .editorial_col1 ul.leftnav li.active { background-color:#ECECEC; height:auto; } .two_column_rightnav .editorial_col1 ul.leftnav li.inactive { background-color:#FFFFFF; } .two_column_rightnav .editorial_col1 ul.leftnav li img { margin:0 10px 0 10px; } /* submenu */ .two_column_rightnav .editorial_col1 ul.leftnav_submenu { margin:5px 0 0 15px; padding:0; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li { list-style:none; margin:0; padding:10px 0 10px 10px; width:241px; height:14px; font-size:1.0em; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li.active { background-color:#ECECEC; height:auto; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li.inactive { background-color:#FFFFFF; } .two_column_rightnav .editorial_col1 ul.leftnav_submenu li img { margin:0 10px 0 10px; } /* two_column_rightnav - column 2 - dependencies */ .two_column_rightnav .editorial_col2 { font-size:1.0em; } .two_column_rightnav .editorial_col2 h1 { font-size:1.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:80px; color:#fa7319; } .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_HNG/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_HNG/btn_grey_right_bg.png) top right no-repeat; } /* related content widgets - unique to brand sites */ .two_column_rightnav .editorial_col3 .editorial_widget { width:361px !important; margin:0 0 15px 0; padding:0px 0 0 0; background:url(/images_HNG/widget_bg_top_wide.png) top left no-repeat; } .two_column_rightnav .editorial_col3 .widget_content { width:361px !important; position:relative; top:16px; height:auto; background:url(/images_HNG/widget_bg_bottom_wide.png) bottom left no-repeat; margin:0px; padding:0 0 20px 0; color:#FFFFFF; } .two_column_rightnav .editorial_col3 .widget_content h4 { font-size:1.0em; color:#fa7319; margin:8px 11px 15px 11px; border-bottom:1px solid #fa7319; padding:10px 15px; font-weight:bold; text-transform:uppercase; } .two_column_rightnav .editorial_col3 .widget_content .widget_row_container { color:#FFFFFF; width:310px; margin:0 0 0 25px; } .two_column_rightnav .editorial_col3 .widget_content p.widget_title { font-weight:bold; width:100%; margin:15px 0 10px 0; padding:0; line-height:0; color:#FFFFFF; } .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:#FFFFFF; } .two_column_rightnav .editorial_col3 .widget_content p.widget_copy a { background:url(../images_HNG/arrow_next_on.png) no-repeat center left; padding:0 0 0 10px; font-size:0.9em; color:#FFFFFF; } .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; width:300px; margin:0 0 0 15px; height:26px; color:#FFFFFF; } .two_column_rightnav .editorial_col3 .widget_content ul.download_arrow_links li a { color:#FFFFFF; } .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; color:#FFFFFF; } .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; color:#FFFFFF; } .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:8px; height:9px; background:url(../images_HNG/small_pipe.png) top left no-repeat; } .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_HNG/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; } .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; } /* Promo overrides to editorial pages */ div.promo_col div.editorial_col2 h1 { padding-left:0; } div.promo_col div.editorial_col2 h3, div.promo_col div.editorial_col2 p, div.promo_col div.editorial_col2 img, div.promo_col div.editorial_col2 a, div.promo_col div.editorial_col2 select.select_topnav { margin-left:0; } div.promo_col .search_input_topnav_bg { margin-right:10px; } /* --------------------------------------------------------------------------------- Compare Table Pop up -------------------------------------------------------------------------------*/ .compare_pop { width:977px; 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_HNG/compare_pop_top.png) no-repeat; padding:20px 30px 0 30px; height:65px; } .compare_pop_top img { float:left; margin:-5px 0 0 0;} .logo_compare { float:left; margin:-5px 0 0 0; background:url(../images_HNG/logo_popup.png) top left no-repeat; width:152px; height:30px; } div.compare_pop_top a.btn_close { float:right; display:block; width:79px; height:24px; margin:-6px 0 0 0; background:url(/images_HNG/btn_close_quicklook.png) top left no-repeat; } div.compare_pop_top a.btn_close:hover { background:url(/images_HNG/btn_close_quicklook.png) bottom left no-repeat; } .compare_pop_top h3 { padding:5px 0 0px 30px; float:left; font-size:17px; margin:0px; text-transform:uppercase; color:#fa7319; font-weight:bold;} .compare_pop_top ul.share_list { border-top:1px solid #fa7319; width:926px; clear:both; } .compare_pop_top ul.share_list li { margin:0; padding:10px 40px 0 0;list-style:none; float:left; } .compare_pop_top ul.share_list li.print { padding-top:10px;} .compare_pop_top ul.share_list li a { display:inline; background:url(/images_HNG/nav_plus_icn.png) top right no-repeat; color:#1d1d1d; font-size:1.0em; font-weight:bold; padding:0px 18px 0px 0px; } .compare_pop_top ul.share_list li a:hover { text-decoration:underline; } .compare_pop_mid { background:url(/images_HNG/compare_mid.png) repeat-y; padding:0 19px; margin:0;} .top_product_compare { background:url(/images_HNG/top_row_compare_bg.png) no-repeat; height:180px; position:relative; padding:20px 0 0 200px; } .compare_scroll_th { padding:0 0 0 200px; } .compare_th_wrapper { width:180px; float:left; } .compare_th_wrapper img { padding:2px; border:1px solid #383838;} .compare_th_wrapper h3 { padding:7px 0 0 7px; margin:0; font-size:1.0em; color:#fa7319; text-transform:uppercase;} .compare_th_wrapper strong { display:block; width:98%;} .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_th_wrapper a { } .left_over_table { float:right; width:705px;} a.save_compare { background:url(/images_HNG/icon_plus.png) no-repeat 30px bottom; margin:10px 3px 5px 0; display:block; padding:8px 0 0 0; border-top:1px solid #ccc; text-transform:uppercase; font-size:0.9em; } a.find_compare { background:url(/images_HNG/icon_plus.png) no-repeat 75px bottom; margin:0; text-transform:uppercase; font-size:0.9em; display:block; margin-bottom:10px; } a.remove_compare { background:url(/images_HNG/remove_bnt.png) no-repeat; height:22px; width:153px; display:block; margin:0; text-indent:-999px; display:block; overflow:hidden; } a.remove_compare:hover {background-position:bottom left; } /* hacked for the compare bar remove button, er, btn, wtf? */ input.compare_bnt { background:url(/images_HNG/remove_bnt.png) top left no-repeat; height:22px; width:153px; display:inline; margin:0; text-indent:-999px; overflow:hidden; border:none; outline:none; } input.compare_bnt:hover { background:url(/images_HNG/remove_bnt.png) bottom left no-repeat; } .compare_nav { width:175px; position:absolute; top:25px; left:10px; padding:0; margin:0; height:185px; } .compare_nav li { list-style:none; margin:0; padding:0; display:inline;} .compare_nav li a { display:block; padding:7px 0 7px 18px; background:url(/images_HNG/compare_nav_bg.png) no-repeat top left; font-size:1.0em; color:#737373; text-transform:uppercase;} .compare_nav li a:hover, .compare_nav li a.current { color:#fff; text-decoration:none; background-position:bottom left;} li.compare_nav_title { font-size:1.0em; padding:28px 0 0px 18px; margin-bottom:15px; color:#fff; text-transform:uppercase;} .compare_tab { clear:both;} .compare_tab ul { float:left; width:180px; padding:0; margin:0;} .compare_tab .th { width:185px; font-weight:bold; text-transform:uppercase;} .compare_tab .th li { border-left:none;} .compare_tab ul li {border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:10px 10px 10px 20px; list-style:none; margin:0; } .compare_odd { background:#ececec;} .compare_tab li.price{ font-weight:bold; padding-top:20px;} li.height_row { height:81px;} .hover_text a { display:inline-block; background:url(/images_HNG/icon_alternate_info2_off.png) no-repeat 10px 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;} .compare_scroll table.left_over_table th.compare_odd { background:none;} /* FIX tempoorary to get close/open hidden but keep the bar */ div.compare_tab_bar { position:relative; background:url(/images_HNG/compare_tab_header_bg.png) no-repeat; display:block; font-size:15px; text-transform:uppercase; padding:20px; color:#fa7319; margin-bottom:6px;} div.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; } div.compare_tab_bar em { display:none; /* position:absolute; top:25px; right:25px; display:block; width:94px; height:9px; text-indent:-999px; overflow:hidden; float:right; background:url(/images_HNG/folder_close.png) no-repeat top left; */ } /* a.compare_tab_bar { position:relative; background:url(/images_HNG/compare_tab_header_bg.png) no-repeat; display:block; font-size:15px; text-transform:uppercase; padding:20px; color:#fa7319; margin-bottom:6px;} a.compare_tab_bar:hover { text-decoration:none;} a.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; } a.compare_tab_bar em { position:absolute; top:25px; right:25px; display:block; width:94px; height:9px; text-indent:-999px; overflow:hidden; float:right; background:url(/images_HNG/folder_close.png) no-repeat top left;} */ .close_compare a.compare_tab_bar strong { font-weight:normal; padding:0 0 0 25px; } .close_compare a.compare_tab_bar em { background:url(/images_HNG/folder_open.png) no-repeat; } .close_compare table { display:none;} .compare_scroll { height:auto; width:932px; position:relative; }/* I used to scroll */ .compare_pop_bot { background:url(../images_HNG/comapre_lower.png) no-repeat; height:28px;} /* --------------------------------------------------------------------------------- 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:#fa7319; text-transform:uppercase; } .float label.textarea { width:99%; clear:both; height:60px;} .float label.textarea textarea { width:95%; height:60px;} .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:1006px; height:548px; } .dealer_locator_popup_header { width:1006px; height:76px; background:url(/images_HNG/dealer_locator_popup_bg_top.png) top left no-repeat; } div.dealer_locator_popup_header .popup_btn_close { float:right; margin:38px 40px 0 0; width:75px; height:28px; } div.dealer_locator_popup_header a.btn_close { display:block; width:79px; height:24px; background:url(/images_HNG/btn_orange_close_off.png) top left no-repeat; } div.dealer_locator_popup_header a.btn_close:hover { background:url(/images_HNG/btn_orange_close_over.png) top left no-repeat; } /* product category description header */ .prod_desc_popup_header { width:1006px; height:76px; background:url(/images_HNG/dealer_locator_popup_bg_top.png) top left no-repeat; } div.prod_desc_popup_header .popup_btn_close { float:right; margin:38px 40px 0 0; width:75px; height:28px; } div.prod_desc_popup_header a.btn_close { display:block; width:79px; height:24px; background:url(/images_HNG/btn_orange_close_off.png) top left no-repeat; } div.prod_desc_popup_header a.btn_close:hover { background:url(/images_HNG/btn_orange_close_over.png) top left no-repeat; } .dealer_locator_popup_body { width:1006px; height:548px; background:url(/images_HNG/dealer_locator_popup_bg_mid.png) top left no-repeat; } .dealer_locator_popup_body_promos { width:1006px; height:auto; background:url(/images_HNG/dealer_locator_popup_bg_mid.png) top left no-repeat; padding:0 22px; } .dealer_locator_popup_body_service_form { width:1006px; height:auto; background:url(/images_HNG/dealer_locator_popup_bg_mid.png) top left no-repeat; padding:0 22px; } .dealer_locator_popup_footer { width:1006px; height:44px; background:url(/images_HNG/dealer_locator_popup_bg_btm.png) top left no-repeat;} .logo_slot_popup { width:202px; height:29px; padding-top:6px; position:relative; top:28px; left:40px; } .logo_slot_popup .brand_logo { width:152px; height:30px; background:url(../images_HNG/logo_popup.png) top left no-repeat; } .popup_title { margin:27px 0 0 35px; width:200px; height:40px; } .popup_title h1 { font-size:1.6em; font-weight:normal; text-transform:uppercase; font-weight:bold; color:#fa7319; } /* product category description header */ div.prod_desc_popup_header .popup_title { margin:24px 0 0 35px; width:400px; height:40px; } div.prod_desc_popup_header .popup_title h1 { font-size:1.7em; font-weight:bold; text-transform:uppercase; color:#fa7319; } /* 2 column body */ .popup_column_left, .popup_column_left_nobg { float:left; width:237px; height:auto; margin:0 0 0 24px; z-index:1001; } div.popup_column_left .left_column_padding { margin:0 0 0 10px; } .popup_column_right { float:left; width:741px; height:auto; } .popup_column_left .leftnav_box_top { width:237px; height:14px; margin:0; padding:0; background:url(../images_HNG/leftnav_box_top_bg.png) top left no-repeat; z-index:300;} .popup_column_left .leftnav_box { width:237px; height:auto; margin:0; padding:0px 0px 0px 0px; background:url(../images_HNG/leftnav_box_content_bg.png) bottom left no-repeat; z-index:400; } .popup_column_left .leftnav_box .form_row { padding:0px 0px 10px 0px; } .popup_column_left .leftnav_box_tall { height:435px; } .leftnav_box_title { margin:0 0 0 12px; padding:6px 0 6px 10px; width:201px; border-bottom:1px solid #61381d; } .leftnav_box_title h2 { float:left; color:#FFFFFF; font-size:1.0em; text-transform:uppercase; margin:0; padding:0; } .leftnav_box_title div.leftnav_box_title_arrow { float:left; width:10px; height:6px; margin:3px 10px 0 10px; padding:0; background:url(../images_HNG/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 p.grey_12_light { color:#ffffff; } .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:#FFFFFF } /* 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:2px 0 0 0; font-size:1.1em; color:#FFFFFF; } div.popup_left_search_col input[type=radio] { float:left; width:16px; } .search_input_dealer { margin:10px 0 0 15px; } div.search_input_dealer input[type='text'], div.search_input_dealer input[type='text']:focus { width:160px; float:left; color:#777777; background-color:#FFFFFF; font-size:0.9em; margin:1px 3px 0 6px; } div.search_input_dealer a.btn_input { float:left; display:block; width:24px; height:20px; background:url(../images_HNG/btn_input_button.png) top left no-repeat; } div.search_input_dealer a.btn_input:hover { background:url(../images_HNG/btn_input_button.png) bottom left no-repeat; } .search_dealer_controls { margin:10px 0 0 8px; height:40px; } .search_dealer_controls p { color:#ffffff; } .search_dealer_controls p a { color:#fa7319; text-decoration:underline; } .search_dealer_controls p a:hover { color:#fa7319; 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 { overflow:auto; width:213px; height:396px; margin:-1px 0 10px 10px; background-color:#1b1b1b; } .left_column_scrollbox hr { background-color:#61381d; display:block; height:1px; border:none; } .scrollbox_grey_header { padding-left:10px; height:40px; background:url(/images_HNG/scrollbox_grey_header_bg.jpg) top left repeat-x; } .scrollbox_grey_header p { font-size:1.1em; color:#ffffff; height:20px; float:left; margin:6px 0 0 0; text-transform:uppercase; } .scrollbox_grey_header a.info_button { display:block; float:right; margin:6px 20px 0 0; } a.info_button { display:block; width:15px; height:15px; background:url(/images_HNG/icon_alternate_info2_off.png) top left no-repeat; } /* Dealer Information cluster */ .dealer_location_info { border-bottom:1px solid #61381d; padding-bottom:10px; } div.dealer_location_info .dealer_name_pin { margin:8px 0 0 8px; height:auto; } div.dealer_name_pin img.dealer_pin { float:left; } div.dealer_name_pin p.dealer_name { float:left; color:#fa7319; margin:0 0 0 6px; line-height:1.2em; font-size:1.0em; height:auto; width:150px; text-transform:uppercase; } div.dealer_location_info p.dealer_info { color:#ffffff; line-height:1.3em; width:140px; margin:5px 0 10px 40px; } img.dealer_pin_img { cursor: pointer; cursor: hand; } /* Right map colum */ p.map_description { float:left; width:auto; color:#000000; margin:10px 0 0 10px; } p.map_description em{ font-style:normal;} div.popup_column_right ul.grey_light_subnav { margin:10px 30px 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; } div.popup_column_right ul.grey_light_subnav li a.subnav_grey_light_print { width:50px; color:#000000; font-size:1.0em; font-weight:bold; display:block; padding:0px 5px 0px 0px; background:url(/images_HNG/icon_plus.png) right no-repeat; } div.popup_column_right ul.grey_light_subnav li a.subnav_grey_light_print:hover { width:50px; background:url(/images_HNG/icon_plus.png) top right no-repeat; text-decoration:underline; } /* MAP */ .map { width:728px; height:502px; margin:34px 0 0 -6px; border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; position:absolute; z-index:100; background-color:#D9D9D9; } #google_map { width:728px; height:502px; position:absolute;z-index:101; } .map_drawer_bottom { background:url(/images_HNG/map_drawer_bottom.png) top left repeat-x; width:728px; height:121px; position:relative; top:387px; z-index:200; } /* Drawer Columns */ .drawer_column_1 a.info_button { float:right; width:15px; height:15px; /* background:url(/images_HNG/icon_alternate_info2_off.png) no-repeat; */ } div.map_drawer_bottom .drawer_column_1 h4 { width: 150px; } div.map_drawer_bottom .drawer_column_1 { float:left; margin-top:6px; padding:12px 0 0 10px; height:93px; width:240px;border-right:none; } div.map_drawer_bottom .drawer_column_2 { float:left; margin-top:6px; padding:12px 0 0 10px; height:93px; width:228px; border-left:1px solid #d9d9d6; } div.map_drawer_bottom .drawer_column_3 { float:left; margin-top:6px; padding:12px 0 0 10px; height:93px; width:210px; border-left:1px solid #d9d9d6; } /* Dealer Drawer Slider */ .dealer_drawer_slider { width:275px; height:504px; position:absolute; margin:0 0 0 0px; border-right:1px solid #D9D9D9; background:#ffffff; z-index:11000; } .dealer_drawer_header { height:30px; background:url(../images_HNG/dealer_drawer_header_bg.png) bottom right no-repeat #00FF66; } .grey_btn_plain_row { width:275px; height:30px; position:relative; top:-2px; left:0px; } .tab { margin-top:14px; } .dealer_level_row { margin:0 0 14px 0; padding:0px 8px; } div.dealer_level_row p { font-size:1.0em; color:#000000; 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; text-transform:uppercase; font-weight:bold; color:#fa7319; display:block; margin:0 0 2px 0; } .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:none; width:178px; height:30px; margin:4px 10px 0 0; background:url(/images_HNG/greybtn_dealer_levels_off.png) top left no-repeat; } a.greybtn_dealer_levels_active { display:block; width:178px; height:30px; margin:4px 10px 0 0; background:url(/images_HNG/greybtn_dealer_levels_on.png) top left no-repeat; } a.greybtn_dealer_levels:hover { background:url(../images_HNG/greybtn_dealer_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_HNG/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_HNG/greybtn_brand_info_on.png) top left no-repeat; } a.greybtn_brand_info:hover { background:url(../images_HNG/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:#fa7319; 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 .drawer_column_3 p IMG { display:none; } */ 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:240px; margin:0; padding:0; } div.map_drawer_bottom div.drawer_column_2 .base_rotator_container { width:220px; margin:0; padding:0;} div.map_drawer_bottom .related_products_list_container { width:188px; 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:64px; height:55px; 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:#5a5a5a; } div.map_drawer_bottom .related_products_arrow_left { width:9px; height:13px; position:relative; top:24px; margin:0 4px 0 0; padding:0; background:url(../images_HNG/arrow_back_on.png) top left no-repeat; cursor:pointer; } div.map_drawer_bottom .related_products_arrow_right { width:9px; height:13px; position:relative; top:24px; margin:0 0 0 4px; padding:0; background:url(../images_HNG/arrow_next_on.png) top left no-repeat; cursor:pointer; } 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 5px 0 0; } div.map_drawer_bottom ul.related_products_list li a { display:block; padding:3px; } div.map_drawer_bottom ul.related_products_list li a:hover { border:1px solid #b3b3b3; padding:2px 2px 2px 2px; } /* New addition for Brand side, hide in FP */ .brand_info_block_brandonly { } .brand_description { color:#000000; margin:4px 0; padding:0 8px 0 0; } .brand_description p {color:#000000 !important;} .brand_award_logo { } .promo_body_bg { background:url(../images_HNG/dealer_promo_bg.gif) top left no-repeat; margin:0 0 0 1px; } /* Service Request Form */ .service_request_column { width:233px; height:auto; margin:38px 0 38px 38px; padding:0 25px 0 0; } /* form rows/inputs/ddm */ div.service_request_column div.form_row { margin:0 0 20px 0; } div.service_request_column div.form_row label { width:232px; color:#000000; font-size:1.2em; display:block; } div.service_request_column div.form_row .label_inline { width:90px; color:#000000; font-size:1.2em; display:block; } div.service_request_column div.form_row textarea { width:223px; color:#666666; border:1px solid #d9d9d9; background-color:#ffffff; font-size:1.0em; margin:0; padding:4px; } div.service_request_column div.form_row input[type='text'], div.service_request_column div.form_row input[type='text']:focus { width:232px; color:#666666; border:1px solid #d9d9d9; background-color:#ffffff; font-size:1.0em; margin:0; padding:4px; } div.service_request_column div.form_row select { width:232px; 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; } /* promotions window rotator - based on editor_review_container */ div.slot4 div.drawer_column_1 .base_rotator_container { width:282px; } div.slot4 div.drawer_column_2 .base_rotator_container { width:220px; } div.slot4 .base_rotator_container { width:220px; margin:0 0 0 -10px; } div.slot4 .related_products_list_container { width:136px; 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:23px; height:22px; position:relative; top:24px; margin:0 4px 0 0; padding:0; background:url(../images_HNG/icon_orange_arrow_left_off.png) top left no-repeat; } div.slot4 .related_products_arrow_right { width:23px; height:22px; position:relative; top:24px; margin:0 0 0 4px; padding:0; background:url(../images_HNG/icon_orange_arrow_right_off.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:44px; height:44px; list-style:none; float:left; margin:0; } div.slot4 ul.related_products_list li a { display:block; padding:3px; width:40px; height:40px; } div.slot4 ul.related_products_list li a:hover { border:1px solid #d9d9d9; padding:2px; } div.slot4 ul.related_products_list li img { border:none; } div.slot4 ul.brand_list { width:1000px; margin:0 0 0 4px; padding:0px; float:left; border-left:1px solid #d9d9d8; padding-left:6px; } div.slot4 ul.brand_list li { width:auto; height:44px; list-style:none; float:left; margin:0; padding:0 8px; border-right:1px solid #d9d9d8; } div.slot4 ul.brand_list li p { color:#d9d9d8; line-height:1.2em; } div.slot4 ul.brand_list li a { color:#5a5a5a; } div.slot4 ul.brand_list li a:hover { } div.slot4 ul.brand_list li img { } .rotator_single_link { width:210px; } div.rotator_single_link h4 { margin:0 0 10px 0 0; height:30px; } div.rotator_single_link p { line-height:1.2em; margin:10px 0 0 0; text-transform:uppercase; } div.rotator_single_link p a { /* background:url(/images_HNG/icon_plus.png) right no-repeat; */ padding: 0px 3px 0px 0px;font-weight:bold; font-size:0.95em; float:left; } div.rotator_single_link p img { float:left; } /* Map Pin - Dealer Info Hover */ .hover226 { position:absolute; margin:20px 0 0 20px; width:243px; height:auto; text-align:left; } .hover_top { width:243px; background:url(/images_HNG/popup_dealer_info_bg_top.png) top left no-repeat; padding:16px 0px 30px 0px; } .hover_btm { width:243px; background:url(/images_HNG/popup_dealer_info_bg_btm.png) bottom left no-repeat; height:12px; } div.hover_top h3 { color:#fa7319; 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:#fa7319; } div.hover_top .inner_padding { position:relative; left:46px; top:10px; width:175px; } div.hover_top a.hover_close { display:block; width:13px; height:13px; float:right; margin:-10px 0 0 0; padding:0px; background:url(/images_HNG/btn_hover_close_off.png) top left no-repeat; } div.hover_top a:hover.hover_close { background:url(/images_HNG/btn_hover_close_off.png) top left no-repeat; } div.hover_top ul.download_arrow_links { margin:15px 0 0 0; padding:0; } div.hover_top ul.download_arrow_links li { list-style:none; font-size:1.1em; } div.hover_top ul.download_arrow_links li img { margin:0 6px 0 0; } /* changing for lead fix: div.hover_top ul.download_arrow_links li a { display: inline-block; text-transform:uppercase; color:#FFFFFF; background:url(/images_HNG/icon_plus.png) top right no-repeat; padding:0px 18px 0px 0px; } */ div.hover_top ul.download_arrow_links li a { display:inline-block; text-transform:uppercase; color:#FFFFFF; background:url(/images_HNG/icon_plus.png) top left no-repeat; padding:0 0 0 18px; } 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:0px;} div.direction_row input[type='text'], div.direction_row input[type='text']:focus { width:135px; float:left; color:#777777; background-color:#FFFFFF; font-size:1.0em; margin:0px 4px 0px 0px; padding:4px 0 0 2px; } div.direction_row img { float:left; } div.direction_row a.btn_input { float:left; display:block; width:24px; height:20px; background:url(../images_HNG/btn_input_button.png) top left no-repeat; } div.direction_row a.btn_input:hover { background:url(../images_HNG/btn_input_button.png) bottom left no-repeat; } /* Promos VIew */ div.promo_header_row h2 { margin:0; padding:8px 0 0 20px; height:auto; font-weight:bold; text-transform:uppercase; color:#fa7319; font-size:1.5em; } div.promo_header_row ul.grey_light_subnav { margin:0px 60px 0 0; padding:0; float:right; } div.promo_header_row ul.grey_light_subnav li { list-style:none; float:left; } div.promo_header_row ul.grey_light_subnav li a { font-size:0.95em; font-weight:bold; display:block;} div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_print { padding:10px 20px 8px 10px; color:#000000; text-transform:uppercase; background:url(/images_HNG/icon_print_off.png) center right no-repeat; } div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_print:hover { color:#ffffff; text-decoration:none; background:url(/images_HNG/icon_print_on.png) center right no-repeat #fa7319; } div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_back { padding:10px 10px 8px 20px;color:#000000;text-transform:uppercase; background:url(/images_HNG/icon_back_off.png) center left no-repeat; } div.promo_header_row ul.grey_light_subnav li a.subnav_grey_light_back:hover { color:#ffffff; text-decoration:none; background:url(/images_HNG/icon_back_on.png) center left no-repeat #fa7319; } /* buttons */ .promo_subrow { width:960px; height:84px; margin:7px 0 0 1px; background-color:#ececec; border-bottom:1px solid #b0b0b0; border-top:1px solid #b0b0b0; } div.promo_subrow .slot1, div.promo_subrow .slot2, div.promo_subrow .slot3, div.promo_subrow .slot4 { width:219px; height:84px; padding-left:20px; float:left; border-right:1px solid #b0b0b0; color:#000000; } div.promo_subrow div.slot1 h3 { margin:34px 0 0 0; font-size:1.0em; font-weight:bold; text-transform:uppercase; width:175px; } div.promo_subrow div.slot2 p { margin:28px 0 0 0; font-size:1.2em; color:#000000; line-height:1.2em; } div.promo_subrow div.slot3 p { margin:28px 0 0 0; font-size:1.2em; color:#000000; line-height:1.2em; } div.promo_subrow div.slot3 a { color:#fa7319; line-height:1.2em; } .promo_body_leftcol { width:719px; float:left; margin-left:1px; } .promo_body_leftcol hr { display:block; background:#b0b0b0; color:#aaa; width:708px; margin-left:10px; height:1px; border:none; } .promo_body_leftcol_content { padding:20px 30px 10px 20px; } div.promo_body_leftcol_content p.promo_copy { font-size:1.1em; color:#000000; line-height:1.2em; margin:20px 0 0 0; } .promo_body_rightcol { width:211px; padding:14px; height:100%; float:left; } .promo_body_rightcol p { color:#909090; } /* International Search */ .search_option2 { margin-bottom:20px; } div.leftnav_box p.grey_12_light { margin:6px 14px 0 12px; padding:5px 10px; border-bottom:1px solid #61381d; } .leftnav_box1 { height:400px;} .leftnav_box2 { height:120px !important; } .brand_shift_up { margin-top:0px; } div.search_option2 div.form_row { margin:4px 0 0 22px; } div.search_option2 div.form_row input[type='text'], div.search_option2 div.form_row input[type='text']:focus { width:175px; color:#666666; border:1px solid #aca995; background-color:#FFFFFF; font-size:0.9em; margin:0 0 20px 0; padding:3px 4px 3px 4px; } 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 { width:176px; } div.search_option2 div.form_row select.ddm_form_row { width:176px; } div.search_option2 div.form_row select.ddm_form_row_multi { width:182px; margin-top:5px; font-size:1.0em; } div.search_option2 div.form_row option { font-size:1.0em; margin:4px; } div.search_option2 .btn_placeholder { margin:-100px 20px 20px 20px; } div.search_option2 hr { display:none; } div.search_option2 .popup_left_search_col, .brand_side_hide { display:none; } .brand_checkbox { position:relative; top:-40px; padding:0 0 0 16px; width:200px; } div.brand_checkbox label { float:left; width:170px; padding-top:1px; font-size:0.9em; color:#FFFFFF; text-transform:uppercase; font-weight:bold; } div.brand_checkbox input[type=checkbox] { float:left; width:18px; } .brand_search_group { position:relative; top:-50px; left:-10px; width:200px; } .checkbox_wlabel_inline { height:20px; margin:0 0 6px 0; } .hng_top_position { position:relative; top:-110px; } .autoscroller_dealer_locator { margin:10px 0 0 0; overflow:auto; height:527px; } .autoscroller_international { border-top:1px solid #b0b0b0; width:710px; height:527px; } .collapsible_panel_dealers { } .link_arrow { width:10px; height:6px; display:none; margin:-4px 0 0 10px; background:url(../images_HNG/icon_arrow_black_down_off.png) top left no-repeat; } .collapsible_panel_dealers h3 { margin:14px 0 10px 14px; padding:8px 0; font-size:1.4em; text-transform:uppercase; color:#fa7319 !important; border-bottom:1px solid #d9d9d9; } .collapsible_panel_dealers h3 a { color:#fa7319 !important; font-weight:bold; background:url(../images_HNG/icon_arrow_black_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.3em; margin:0 0 0 0; font-weight:bold; padding:0 0 0 0; color:#000000; } div.dealer_locations_columns div.column .grey_light { color:#000000; font-weight:normal; } div.dealer_locations_columns TABLE td { vertical-align:top;} /* Dealer Search Promos */ .popup_dealer_grey_header { background:url(../images_HNG/popup_dealer_grey_header_bg.png) top left no-repeat #FFFFFF; width:696px; margin:5px 0 0 0; padding:17px 0 17px 18px; border-top:1px solid #b0b0b0; } div.popup_dealer_grey_header p { display:inline; font-size:1.1em; color:#fa7319; padding:0px 15px 0px 0px; text-transform:uppercase; font-weight:bold; } div.popup_dealer_grey_header select { display:inline; width:160px; margin:0; background-color:#FFFFFF; color:#666666; } .scroller_smaller_height { margin:10px 0 0 0; overflow:auto; width:710px; height:420px !important; } div.scroller_smaller_height hr { display:block; background:#d9d9d9; color:#d9d9d9; width:100%; height:1px; border:none; } .dealer_promo_row { width:670px; margin:0; padding:10px 0 0 20px; } div.dealer_promo_row .image_slot { padding-right:20px;} div.dealer_promo_row .text_slot { width:401px; padding-bottom:30px; } div.dealer_promo_row div.text_slot .header { color:#fa7319; font-size:1.0em; text-transform:uppercase; font-weight:bold; } div.dealer_promo_row div.text_slot .body { color:#000000; font-size:1.0em; line-height:1.2em; } div.dealer_promo_row .promo_link_row { width:500px; height:auto; } div.promo_link_row .promo_slot_left { width:265px; float:left; } div.promo_link_row .promo_slot_right { width:220px; float:right; padding:0 0 0 10px; } div.dealer_promo_row div.promo_link_row p.promo_link { margin:0px 0 0 15px; float:right; font-size:1.2em; } div.dealer_promo_row div.promo_link_row .promo_link_arrow { margin:17px 0 0 17px; } div.promo_link_row div.promo_slot_right .btn_placeholder { margin:0 0 10px 0px; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_findadealer { display:block; width:114px; height:25px; background:url(/images_HNG/btn_finddealer_opt2_off.png) top left no-repeat; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_findadealer:hover { background:url(/images_HNG/btn_finddealer_opt2_on.png) top left no-repeat; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_close { display:block; width:65px; height:25px; background:url(/images_HNG/btn_close_opt2_off.png) top left no-repeat; } div.promo_link_row div.promo_slot_right .btn_placeholder a.btn_close:hover { background:url(/images_HNG/btn_close_opt2_on.png) top left no-repeat; } div.services_only_btn {padding-left:23px; margin-top:-90px;} div.dealer_promo_row div.promo_link_row a.subnav_grey_light_viewoffer { display:block; text-transform:uppercase; font-size:0.8em; font-weight:bold; color:#1d1d1d; padding:3px 20px 3px 0; margin:0; background:url(../images_HNG/fp_icon_plus.png) right no-repeat; } div.dealer_promo_row div.promo_link_row a.subnav_grey_light_viewoffer:hover { background:url(../images_HNG/fp_icon_plus.png) center right no-repeat; text-decoration:underline; color:1d1d1d; } div.dealer_promo_row div.promo_link_row a.offers_dealers { display:inline-block; text-transform:uppercase; font-size:0.8em; font-weight:bold; color:#1d1d1d; padding:4px 20px 3px 10px; margin:0; background:url(../images_HNG/fp_icon_plus.png) right no-repeat; } div.dealer_promo_row div.promo_link_row a:hover.offers_dealers { background:url(../images_HNG/fp_icon_plus.png) center right no-repeat; text-decoration:underline; color:1d1d1d; } div.promo_slot_find_dealer {float:right; padding-top:5px;} div.promo_slot_find_dealer div.form_row { margin:0 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; font-size:0.9em; margin:0; padding:3px 4px; } div.promo_slot_find_dealer div.form_row select { width:199px; margin:0; } 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; } /* --------------------------------------------------------------------------------- My Account section -------------------------------------------------------------------------------*/ /* may need to set this display to none as well */ .top_right_col { background:url(/images_HNG/col_right_top.png) no-repeat; height:40px; margin:-30px 0 0 -13px; } .top_right_col_wide { display:none; } .my_account_detail_body {} .my_account_detail_body select { margin:0; border:1px solid #999999;} .faux_column_right_account { } .faux_column_right_account .detail_body_col2 { width:237px; margin-left:10px;} .account_body_col1 { width:655px; background:url(/images_HNG/my_acount_col_1_bg.png) no-repeat; font-size:1.0em; } .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; } #detailProfileAccount div.account_body_col1 h2 em, .req_profile em, label em { font-style:normal; color:#fa7319;} .my_account .grey_light_subnav_container { height:144px;} .my_account_folders .grey_light_subnav_container { height:144px;} .my_account_detail_body .account_body_col1 h2 { float:none; padding:10px 0 0 24px; font-size:2.0em; } /* your changes have been saved msg */ .msg_saved_profile { font-size:1.0em; float:right; margin:-20px 30px 0 0; clear:both; } .welcome_text { float:right; border-left:1px solid #d9d9d9; padding:0px 303px 0px 30px; width:400px; margin:-50px 0 0 0;} .welcome_text a { display:inline-block; font-weight:bold; padding:5px 16px 0 0; background:url(/images_HNG/pd_related_icn_off.png) no-repeat right 8px ; color:#fa7319; } .account_body_col1 h3 { clear:both; background:url(/images_HNG/project_folder_header.png) no-repeat; margin:25px 0 0 5px; padding:16px 20px 36px 26px; font-size:1.7em; color:#000;} .account_body_col1 h3 a, .account_section_title a { background:url(/images_HNG/new_folder_icon.gif) no-repeat; display:inline; padding: 0 0 0 35px; font-size:10px; float:right; margin-top:5px; text-transform:uppercase; font-weight:bold;} .account_section_title select { margin:8px 0 0 0; } ul.account_subnav { clear:both; margin:0; padding:0; position:absolute; top:115px; left:11px;} ul.account_subnav li { list-style:none; float:left; padding:0; margin:0;} ul.account_subnav li a { display:block; height:35px; width:174px; text-indent:-999px; overflow:hidden; border-top:1px solid #fa7319; padding:0; margin:0;} ul.account_subnav li.overview a { height:32px;} ul.account_subnav li.projects a { background:url(/images_HNG/project_folders_bnt.png) no-repeat;} ul.account_subnav li.profile a { background:url(/images_HNG/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 solid #fa7319; } a.tabber { background:url(/images_HNG/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.6em; color:#666666;} .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_HNG/pd_related_icn_off.png) no-repeat top right; padding-right:16px;} div.grey_light_subnav li a.subnav_grey_light_delete { background:url(/images_HNG/x_icon.png) top right no-repeat; } div.grey_light_subnav li a.subnav_grey_light_print { background:url(/images_HNG/x_icon.png) top right no-repeat; } .current_folder .grey_light_subnav a:hover, .my_project_tab .grey_light_subnav a:hover { background-position:top right;} a.subnav_grey_light_send:hover, a.subnav_grey_light_delete:hover, a.subnav_grey_light_print:hover, a.update_bnt:hover { background-position:bottom left;} .project_content { background:#f6f6f6; clear:both; padding:14px; margin:0 10px;} .project_content img { border:1px solid #d9d9d9; padding:3px; float:left;} .project_content ul { float:left; border-left:1px solid #d9d9d9; margin:0 0 0 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;} .project_content ul li.head { color:#fa7319;} .project_content ul li a { background:url(/images_HNG/arrow_next_on.png) no-repeat; padding-left:16px;} .my_project_tab_foot { clear:both; background:url(/images_HNG/editorial_divider.png) repeat-x; background-position:top left; padding:15px 15px 15px 400px; margin:10px;} a.send_dealler { margin-top:6px; background:url(/images_HNG/send_project_bnt.png) no-repeat top left; display:block; width:202px; height:22px; text-indent:-999px; overflow:hidden;} a.send_dealler:hover { background-position:bottom left;} a.update_bnt { background:url(/images_HNG/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_HNG/arrow_right_swapper.png) no-repeat left 5px; padding:0px 0 0 30px; margin:14px 18px 7px 14px; } /* promo list */ ul.promo_account { padding:0; margin:10px 0 0 0;} .promo_account li { list-style:none; width:210px !important; float:left; } .promo_account li.last p, .promo_account li.last a { border:none; } .promo_account img { } .promo_account p { color:#000; padding:10px 15px 0 15px; margin:0; } .promo_account p strong { display:block; color:#999; width:90%; } .promo_account a { color:#fa7319; display:inline-block; background:url(/images_HNG/icon_plus.png) no-repeat top right; text-align:right; padding:0px 15px 10px 15px; text-transform:uppercase; margin-top:10px; } p.promo_sidebar { width:215px; color:#999999; } p.promo_sidebar strong { display:block; color:#000; } /* account sidebar */ .my_account_detail_body .detail_body_col2 { width:225px;} .my_account_detail_body .detail_body_col2 p.article_text, .my_account_detail_body .detail_body_col2 p.grey { color:#999; width:215px;} .my_account_detail_body .detail_body_col2 a.widget_link { display:block; background:url(/images_HNG/promo_link_bg.png) no-repeat; background-position:top right; text-align:right; padding:10px 55px 10px 0; border-bottom:1px solid #d9d9d9;} .my_account_detail_body .detail_body_col2 .right_col_input { width:181px; height:30px; margin:10px 0 -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 25px 0; border-bottom:1px solid #fa7319; margin:0 14px; text-transform:uppercase;} .account_section_title fieldset { width:400px; border:none; padding:0; background:none;} .account_section_title label { font-weight:bold; margin-right:5px; color:#4c4c4c; } .current_folder p { font-size:1.7em; color:#4d4d4d; padding:0 0 0 13px; } .current_folder .grey_light_subnav { margin:-25px 10px 0 0;} .account_folder_nav { border-top:1px solid #d9d9d9; clear:both; list-style:none; margin:10px 14px 24px 14px; padding:0px;} .account_folder_nav li { display:inline; list-style:none; margin:0;} .account_folder_nav li a { display:inline-block; color:#000; padding:10px 8px 8px 8px; text-transform:uppercase; font-weight:bold; font-size:0.9em;} .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:#fa7319; color:#fff; text-decoration:none;} .project_folder { margin:3px 0 0 5px; width:620px;} .my_account_detail_body .close { height:43px; overflow:hidden;} .project_folder a.project_folder_bar { display:block; background:url(/images_HNG/products_bar.png) no-repeat; height:35px; width:635px; margin:0 auto; font-size:21px; font-weight:bold; padding:15px 14px 6px 14px;} .project_folder a.project_folder_bar:hover { text-decoration:none;} .project_folder a.project_folder_bar strong { padding-left:10px; color:#fa7319; text-transform:uppercase;} .open a.project_folder_bar strong {} .project_folder a.project_folder_bar span { font-weight:normal; color:#1b1b1b; font-size:0.6em; padding:0px; display:inline-block; vertical-align:middle;} .project_folder a.project_folder_bar em { display:block; width:107px; height:10px; text-indent:-999px; overflow:hidden; float:right; margin:10px 20px 0 0; } .close a.project_folder_bar em { background:url(/images_HNG/folder_open.png) no-repeat; height:9px; width:94px; } .open a.project_folder_bar em { height:9px; width:94px; background:url(/images_HNG/folder_close.png) no-repeat;} a.add_product { clear:both; display:block; text-align:right; padding:0 15px; margin:15px; color:#000; background:url(/images_HNG/icon_plus.png) no-repeat top right; text-transform:uppercase;} .project_folder a.add_product { width:590px; } .my_products_table { width:624px; margin:0px 10px;} .project_folder .my_products_table { width:624px; margin:0px 10px;} .my_products_table th { background:#e6e6e6; text-align:left; color:#999999; padding:8px 10px 7px 10px; font-size:12px; text-transform:uppercase;} .my_products_table th.left_end { background:url(/images_HNG/th_left_end.png) no-repeat #e6e6e6; } .my_products_table th.right_end { background:url(/images_HNG/th_right_end.png) no-repeat #e6e6e6 top right; } .my_products_table td { padding:10px 0px 20px 0px; background:url(../images_HNG/editorial_divider.png) no-repeat bottom left; vertical-align:top;} .my_products_table tr.last_tr td { background:none;} .my_products_table td .customer_rating_stars { width:100px; display:block; float:none; padding-top:20px; } .my_products_table td .customer_rating_stars a img { padding:0; margin:0;} a.orange_link { display:block; color:#fa7319;} .my_products_table td.my_prod_td { width:302px;} .my_products_table td.my_prod_td img { background:url(/images_HNG/my_prod_img_bg.png) no-repeat; padding:8px 7px; 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-top:5px; margin:0; color:#000000;} .my_products_table td.prod_details { line-height:1.6em; color:#000000; padding:20px 10px} .my_products_table td.my_prod_td p strong, .last_tr td.my_prod_td p strong { display:block; color:#fa7319; } .my_products_table td.my_prod_td p span.my_prod_title { color:#fa7319; font-weight:bold; text-transform:uppercase;} /* Actions Menu */ ul.prod_actions { position:relative;} ul.prod_actions li { list-style:none;} a.actions_bnt { background:url(/images_HNG/product_info_p_bg.gif) no-repeat right 5px; display:block; text-align:right; padding:0 20px 0 0; } ul.actions_list { background-color:#eaeaea; border:1px solid #999999; width:186px; padding:7px 0; 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; } ul.actions_list li a:hover { color:#FFFFFF; background:#fa7319; text-decoration:none; } /* Actions Menu - in title bar */ ul.third_level_folder_prod_actions { position:relative; } ul.third_level_folder_prod_actions li { list-style:none; } ul.third_level_folder_prod_actions a.actions_bnt { color: #ffffff; margin-top:-3px; } /*ul.third_level_folder_prod_actions a.actions_bnt { background:url(/images_HNG/product_info_p_bg.gif) no-repeat right 5px; display:block; text-align:right; margin:10px 0 0 0; padding:1px 20px 0 0; color:#FFFFFF; } ul.third_level_folder_prod_actions ul.actions_list2 { background-color:#eaeaea; border:1px solid #999999; width:186px; padding:7px 0; margin:0; position:absolute; margin:5px 0 0 140px; z-index:99999; } 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;} ul.third_level_folder_prod_actions ul.actions_list2 li a:hover { color:#FFFFFF; background:#fa7319; text-decoration:none; }*/ .third_level_folder { background:url(/images_HNG/third_lev_folder_top.png) no-repeat; padding:15px 0 0 0; margin:10px 0; height:30px; width:635px;} a.folder_tog { margin:0 0 10px 20px; color:#FFFFFF;} .third_level_folder a.folder_tog { background:url(/images_HNG/icon_minus.png) no-repeat; padding-left:20px;} .close_third a.folder_tog { background:url(/images_HNG/icon_plus.png) no-repeat; padding-left:20px; color:#FFFFFF;} a.folder_tog em { color:#fa7319; cursor:default; font-style:normal; margin-left:15px;} a.folder_tog:hover { text-decoration:none;} .third_level_folder fieldset { border:none; float:right; margin:-4px 20px 20px 0; text-align:right; padding:0;} .third_level_folder fieldset select { text-align:left;} .close_third table { display:none;} .open_third table { display:block; clear:both; width:632px; margin:0 10px;} .folder_foot { height:12px;} .articles_folder table th { background:none; border-bottom:1px solid #e6e6e6;} .my_art_td, .last_tr td.my_art_td { width:300px;} td.my_art_td p, .last_tr td.my_art_td p { width:200px; } .my_art_td a, .last_tr td.my_art_td a { display:block; font-weight:bold; background:url(/images_HNG/arrow_right_swapper.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 { border-top:1px solid #fa7319; margin:0 15px;} ul.project_notes_list { clear:both; background:#f6f6f6; 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:170px; padding:15px 0 0 30px; } .project_notes_list li.wide_list { width:600px;} .project_notes_list li strong { display:block; color:#333; padding-bottom:3px; font-size:1.0em; font-weight:bold; text-transform:uppercase;} .project_notes_list li em { color:#fa7319; font-style:normal;} /* Form elements for edit version */ div.account_body_col1 textarea, div.account_body_col1 input, div.account_body_col1 select, div.account_body_col1 input[type='text'] { border:1px solid #b4b4b4; font-size:0.9em; color:#333333; padding:2px; } div.account_body_col1 textarea:hover, div.account_body_col1 input[type='text']:hover, div.account_body_col1 select:hover, div.account_body_col1 textarea:focus, div.account_body_col1 input[type='text']:focus, div.account_body_col1 select:focus { border:1px solid #fa7319; font-size:0.9em; color:#333333; padding:2px; } a.edit_notes { background:url(/images_HNG/edit_icon.png) no-repeat; float:right; padding:0 0 0 20px; margin:10px 10px 25px 0; } .notes_head, .comments_head { clear:both; color:#fa7319; padding-bottom:3px; font-size:1.4em; font-weight:bold; padding-left:30px; text-transform:uppercase; } .notes_head { color:#000; font-size:1.2em;} .notes_field { padding:0 30px 10px 30px; color:#999;} .project_notes_wrapper a.send_dealler { margin-left:30px;} h5.comments_head { border-top:1px solid #d9d9d9; padding-top:30px;} .comments_head { font-size:1.6em;} h6.comments_head { font-size:1.3em; color:#666666;} a.add_comment { display:block; float:right; background:url(/images_HNG/icon_plus.png) top right no-repeat; margin:-40px 0px 24px 0; padding-right:15px; font-weight:bold; } a.add_comment:hover { background-position:top right;} .comment_add { border:none; width:660px; padding:0 30px; clear:both; } ul.comments_list { border-top:1px solid #d9d9d9; padding:0; margin:0 2px 0 0; } .comments_list li { border-bottom:1px solid #d9d9d9; background:#f6f6f6; height:auto; list-style:none; padding:20px 35px; margin:0; } .comments_list li span { width:150px; display:inline-block; color:#999999; } .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:600px; display:block; border:1px solid #999999; margin:0 0 10px 0; } .comment_submit { margin:0px 30px 10px 30px; background:url(/images_HNG/submit_bnt.png) no-repeat; height:22px; width:96px; text-indent:-999px; overflow:hidden; border:none; } .comment_submit:hover { background-position:bottom left; } input.comment_submit { margin:0px 30px 10px 30px; background:url(/images_HNG/submit_bnt.png) no-repeat; height:22px; width:96px; text-indent:-999px; overflow:hidden; border:none !important; } input.comment_submit:hover { background-position:bottom left; } .comment_submit { margin:0px 30px 10px 30px; background:url(/images_HNG/submit_bnt.png) no-repeat; height:22px; width:96px; text-indent:-999px; overflow:hidden; border:none; } .comment_submit:hover { background-position:bottom left; } .edit input { width:150px; border:1px solid #666666; background:#FFFFFF; margin:0 ;} .wide_list input { width:20px; } /* people tab */ .project_people_wrapper { margin:10px 0 auto; width:662px;} .project_people_wrapper h3 { background:url(/images_HNG/products_bar.png) no-repeat; margin:0; padding:15px 0px 30px 30px; text-transform:uppercase;} a.add_person { background:url(/images_HNG/icon_plus.png) no-repeat; padding:0 0 0 20px; float:right; margin-right:40px;} .people_name_email { text-transform:uppercase;} .people_name_email a { display:block; color:#fa7319; text-transform:none;} .project_people_wrapper table { clear:both; margin:20px 0 40px 0;} .req_profile { width:610px; padding:6px 12px; background:url(/images_HNG/req_bg.png) no-repeat; clear:both; margin:30px 0 15px 20px;} .profile_form { width:660px; margin:0; padding:0 0 30px 30px;} .profile_form span { width:300px; float:left; margin-bottom:15px;} .profile_form label { display:block; padding:0px 0 3px 0;} .profile_form span input, .profile_form select { margin:0; width:95%; } .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; background:url(/images_HNG/editorial_divider.png) repeat-x top left; } span.un_pw input { width:285px; } span.no_hr { background:none; margin-top:0; padding-top:0; } .newsletter_check { width:580px; padding:10px 0 10px 35px; clear:both; margin:30px 0 0 0px; background:#f6f6f6; } .newsletter_check strong { display:block; } .newsletter_check input { margin:0 0 0 -15px; } .newsletter_check a { color:#fa7319;} .save_profile { display:block; background:url(/images_HNG/save_changes_bnt.png) no-repeat; width:139px; height:24px; text-indent:-999px; border:none; margin:20px 0 10px 0px; } .save_profile:hover { background-position:bottom left;} input.save_profile { display:block; background:url(/images_HNG/save_changes_bnt.png) no-repeat; width:139px; height:22px; text-indent:-999px; border:none !important; margin:20px 0 10px 0px; } input.save_profile:hover { background-position:bottom left;} /* --------------------------------------------------------------------------------- Pop-up/ins -------------------------------------------------------------------------------*/ /* pop ups general */ .pop_up { text-align:left; color:#FFFFFF; margin:0 auto;} .pop_up a, .pop_up a:hover, .pop_up a:link, .pop_up a:visited, .pop_up em { color:#fa7319;} .pop_up h3 { color:#fa7319; font-size:18px; font-weight:bold; margin:0; padding:15px 0 10px 0; text-transform:uppercase;} .pop_up h4 { margin:0; padding:0; font-weight:bold; font-size:12px;} .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; } .pop_up a.close, .price_pop_up a.close { display:block; background:url(/images_HNG/icon_x.png) no-repeat; width:13px; height:13px; text-indent:-999px; overflow:hidden; float:right; margin:10px -5px 0 0;} .pop_top { padding:15px 35px 5px 35px;} .pop_lower { padding:0px 35px 30px 35px; } .small_pop_up .pop_lower { padding:10px 35px 30px 35px; } .pop_lower input, .pop_lower select, .pop_lower textarea {border:1px solid #999999; margin:0; padding:2px; width:100%; background:#FFFFFF; color:#333333;} .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 { text-transform:uppercase; font-size:0.9em; font-weight:bold; color:#fa7319; padding:15px 0px 4px 0px; } .check_boxes { clear:both;} fieldset.check_boxes { padding-top:6px; padding-bottom:6px;} .check_boxes label { font-size:1.0em;} .check_boxes input {width:20px; padding:0px; margin:0px; background:none; border:none;} fieldset.check_boxes input.phone_field { border:1px solid #999999; background-color:#FFFFFF; } fieldset.check_boxes2 { margin-top:10px;} .check_boxes2 label { padding-left:25px;} .check_boxes2 input { width:20px; margin-left:-25px; background:none; border:none;} .pop_top .pop_line { border:none; height:1px; background:#999; margin:15px -19px 0px -22px;} .pop_lower .pop_line { border-bottom:1px solid #484848; display:block; margin:0px -19px 15px -22px; clear:both; height:15px; } a.cancel_bnt { display:block; float:left; margin-right:10px; background:url(/images_HNG/cancel_bnt.png) no-repeat; height:24px; width:91px;font-size:0px;} a.send_bnt { display:block; float:left; margin-right:10px; background:url(/images_HNG/send_pop_bnt.png) no-repeat; width:95px; height:24px;font-size:0px;} a.cancel_bnt:hover, a.send_bnt:hover { background-position:bottom left;} a.privacy_link, a.privacy_link:hover, a.privacy_link:link, a.privacy_link:visited { color:#FFFFFF; background:url(/images_HNG/rate_now_bg.png) no-repeat 0 2px; padding-left:15px;} input.create_account { display:block; background:url(/images_HNG/create_account_bnt.png) no-repeat; width:174px; height:24px; border:none; text-indent:-999px; overflow:hidden; margin:25px 0 15px 0; font-size:1px;} input.find_dealer_bnt { display:block; background:url(/images_HNG/find_dealer_bnt.png) no-repeat top left; width:139px; height:24px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.cancel_bnt { display:block; float:left; margin-right:10px; background:url(/images_HNG/cancel_bnt.png) no-repeat top left; height:24px; width:91px; text-indent:-999px; overflow:hidden; border:none; font-size:0; line-height:25px;} input.send_bnt { display:block; background:url(/images_HNG/send_pop_bnt.png) no-repeat top left; width:95px; height:24px; text-indent:-999px; overflow:hidden; border:none; font-size:0; line-height:25px;} input.save_bnt { display:block; background:url(/images_HNG/save_bnt.png) no-repeat top left; height:24px; width:82px; text-indent:-999px; overflow:hidden; border:none !important; outline:none !important; font-size:1px;} input.share_bnt { display:block; background:url(/images_HNG/share_bnt.png) no-repeat top left; height:24px; width:153px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.view_folder_bnt { display:block; background:url(/images_HNG/view_folder_bnt.png) no-repeat top left; height:24px; width:123px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.close_bnt { float:left; margin-right:10px; display:block; background:url(/images_HNG/close_bnt.png) no-repeat top left; height:24px; width:79px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.sign_in_bnt { display:block; background:url(/images_HNG/sign_in_bnt.png) no-repeat; height:24px; width:96px; text-indent:-999px; overflow:hidden; border:none; font-size:1px;} input.sign_in_bnt:hover, 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.btn_send_password { width:154px; height:25px; border:none; background:url(../images_HNG/btn_send_password_off.png) left no-repeat; display:block; } a:hover.btn_send_password { width:154px; height:25px; border:none; background:url(../images_HNG/btn_send_password_on.png) left no-repeat; display:block; } a.close_btn { background:url(/images_HNG/close_bnt.png) no-repeat top left; height:24px; width:79px; display:inline-block; } a:hover.close_btn { background-position:bottom left; } a.signin_btn { background:url(/images_HNG/sign_in_bnt.png) no-repeat; height:24px; width:96px; display:inline-block; } a:hover.signin_btn, a:hover.close_btn { background-position:bottom left; } .popup_inner { position:absolute; top:0px; z-index:400; } /* wide pop up */ .wide_pop_up { width:539px; } .wide_pop_up .pop_top { background:url(/images_HNG/wide_pop_bg_top.png) top left no-repeat; } .wide_pop_up .pop_lower { background:url(/images_HNG/wide_pop_bg_lower.png) no-repeat bottom left; min-height:400px;} .wide_pop_up p.right { margin-top:-40px;} /* narrow tall */ .narrow_tall_pop_up { width:408px;} .narrow_tall_pop_up .pop_top { background:url(/images_HNG/pop_narrow_top_bg.png) no-repeat; padding-bottom:0px; margin:0 } .narrow_tall_pop_up .pop_lower { background:url(/images_HNG/pop_narrow_tall_bg.png) no-repeat bottom left; margin:0} /* narrow short */ .narrow_short_pop_up { width:408px;} .narrow_short_pop_up .pop_top { background:url(/images_HNG/pop_small_top_bg.png) no-repeat; min-height:80px;} .narrow_short_pop_up .pop_lower { background:url(/images_HNG/pop_small_lower_bg.png) no-repeat bottom left; min-height:220px;} .narrow_short_pop_up .pop_lower h4 { padding-bottom:0px; } /* small pop up */ .small_pop_up { width:408px;} .small_pop_up .pop_top { background:url(/images_HNG/pop_small_top_bg.png) no-repeat;} .small_pop_up h3 { padding:10px 0 0 0; margin-top:15px;} .small_pop_up .pop_lower { background:url(/images_HNG/pop_small_lower_bg.png) no-repeat bottom left; min-height:140px;} .smallest .pop_line { margin-top:22px;} .smallest .pop_lower { min-height:90px; background:url(/images_HNG/pop_smallest_lower_bg.png) no-repeat bottom left;} input[type='text'].phone_field, input[type='text']:focus.phone_field { width:200px; color:#777777; font-size:1.0em; height:16px; padding:4px 0 0 4px; } ul.multibutton_row { margin:0; padding:0; width:auto; height:36px; } ul.multibutton_row li { list-style:none; float:left; width:100px; } .small_pop_up { width:408px;} .small_pop_up .pop_top { background:url(/images_HNG/pop_small_top_bg.png) no-repeat; padding-bottom:5px;} .small_pop_up h3 { padding:5px 0 0 0;} .small_pop_up .pop_lower { background:url(/images_HNG/pop_small_lower_bg.png) no-repeat bottom left; min-height:140px;} .smallest .pop_line { margin-top:22px;} .smallest .pop_top { background:url(/images_HNG/pop_smallest_top_bg.png) no-repeat top left; min-height:30px;} .smallest .pop_lower { min-height:90px; background:url(/images_HNG/pop_smallest_lower_bg.png) no-repeat bottom left;} .price_pop_up { width:406px; text-align:left; color:#fff; } .price_pop_up a.close {margin:5px -10px 0 0;} .price_pop_up .pop_top { background:url(/images_HNG/pop_small_top_bg.png) no-repeat; height:14px;} .short_price .pop_top { background:url(/images_HNG/pop_smallest_top_bg.png) no-repeat top left; min-height:30px;} .price_pop_up .pop_lower { background:url(/images_HNG/pop_small_lower_bg.png) no-repeat bottom left;} .short_price .pop_lower { min-height:90px; background:url(/images_HNG/pop_smallest_lower_bg.png) no-repeat bottom left;} .price_pop_up .pop_lower h3 { margin:0; padding:0; font-size:18px; color:#fa7319; text-transform:uppercase; font-weight:bold;} .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 p {background:url(/images_HNG/arrow_right_swapper.png) no-repeat 0 8px; padding:5px 0 0 17px;} .price_pop_up .pop_lower li p strong { display:block; width:98%; } .price_pop_up .pop_line { border-color:#d9d9d9; margin:0 -24px; } .price_pop_up h4 { color:#f26438;} .hover270, .hover_beak_up { width:284px; } .hover270 h3, .hover_beak_up h3 { color:#fa7319; text-transform:uppercase; font-weight:bold;} .hover_info h3 { color:#fa7319; position:relative;text-transform:uppercase; font-weight:bold;} .hover270 a, .hover_beak_up a { display:block; color:#fff; background:url(/images_HNG/arrow_right_swapper.png) no-repeat 0 3px; padding:0 0 0 13px; margin:5px 0 0 0;} .hover270 .hover_info { background:url(/images_HNG/270_info_bg.png) no-repeat top left; text-align:left; min-height:180px; padding:16px 22px; color:#fff; } .hover270 .hover_info .fuel_type_icons p { font-size:1.0em; margin:0 0 10px 0; color:#FFFFFF !important; width:200px; } .hover270 .hover_info .fuel_type_icons p strong { display:block; width:200px; font-weight:bold !important; } .hover270 .hover270_beak_left { background:url(/images_HNG/270_left_beak.png) no-repeat top left; height:38px; clear:both; margin-top:-1px; } .hover270 .hover270_beak_right { background:url(/images_HNG/270_right_beak.png) no-repeat; height:38px; } .hover270 .pop_line { display:none;} .hover_beak_up .hover_info { background:url(/images_HNG/bottom_lower_hover.png) no-repeat bottom left; padding:1px 22px 26px 22px; text-align:left; color:#FFF;} .hover_beak_right { background:url(/images_HNG/top_right_beak.png) no-repeat; height:37px;} .hover_beak_left { background:url(/images_HNG/top_left_beak.png) no-repeat; height:37px;} /** * Styles for DatePicker */ .datepickerControl { border: 1px solid #999999; background-color: #EEEEEE; padding: 5px; } .datepickerControl td { text-align: center; font-family: sans-serif; font-size: 11px; padding: 1px; } .datepickerControl tr.monthLabel td { background-color: #FFFFFF; border: 1px solid #999999; font-weight: bold; } .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 #1b1b1b; background-color: #000; color: white; font-weight: bold; } .datepickerControl td.day, .datepickerControl td.dayothermonth { cursor: pointer; background-color: #fa7319; border: 1px solid #EEEEEE; width: 2em; } .datepickerControl td.dayothermonth { color: #fff; font-style: italic; } .datepickerControl td.day:hover { background-color: #fb9652; } .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: #b95715; color:#fff; } .datepickerControl input.current { background-color: #EBC2C0; } .datepickerControl td.current:hover { background-color: #000; } /* --------------------------------------------------------------------------------- Search Results -------------------------------------------------------------------------------*/ div.search_box { padding:10px 0 10px 2px;} div.search_box em { color:#999999; font-style:normal;} div.search_box strong { font-size:1.2em; font-weight:bold; text-transform:uppercase;} input.search_box_input { width:300px; margin:0px 5px;} div.search_mag_glass { background:url(/images_HNG/icon_search_inside.png) no-repeat; width:30px; height:20px; cursor:pointer;} /* for use with .net link control */ a.search_mag_glass { display:block; background:url(/images_HNG/icon_search_inside.png) no-repeat; width:30px; height:20px; } a.search_mag_glass:hover { } div.seach_results_number {padding-top:4px; font-weight:bold; text-transform:uppercase; color:#c4c4c4; font-size:0.9em;} TD.stating_price { padding-top:20px;} .stating_price {font-size:0.9em; color:#000000; text-transform:uppercase; font-weight:bold; width:80px;} .stating_price strong { display:block; color:#fa7319; font-weight:normal; font-size:1.6em;} .search_results_2col .project_folder { margin:10px 0 0 0; color:#666666; width:688px;} .search_results_2col .project_folder a.project_folder_bar { margin:0; width:664px; background:url(/images_HNG/search_results_bar.png) no-repeat; padding:16px 10px 10px 14px;} .open .search_results_2col .project_folder a.project_folder_bar em { position:absolute; top:18px; right:25px;} .search_results_2col .project_folder a.project_folder_bar strong { padding-left:10px; color:#fa7319; text-transform:uppercase; font-size:0.8em;} .articles_search { margin-top:15px;} .articles_search p { } DIV.articles_search_section { padding:5px 0px 20px 0px; margin-left:10px; margin-bottom:15px; width:670px; background:url(../images_HNG/editorial_divider.png) repeat-x bottom left; color:#000000; } .articles_search a { display:block; width:95%;} .articles_search a:hover { text-decoration:none;} .articles_search a strong { display: inline-block; background:url(/images_HNG/arrow_next_off.png) no-repeat right; padding:0px 15px 0px 0; color:#fa7319; font-weight:bold; text-transform:uppercase;} p.matches a { display:inline-block; padding:5px 15px 5px 10px; margin:10px 18px 10px 10px; background:url(/images_HNG/icon_btn_orange_arrow_up.png) no-repeat right 10px; color:#000000; text-transform:uppercase; font-weight:bold; } p.matches a:hover { display:inline-block; padding:5px 23px 5px 10px; margin:10px 10px 10px 10px; background: #fa7319 url(/images_HNG/icon_btn_white_arrow_up.png) no-repeat right 10px; color:#FFFFFF; text-transform:uppercase; text-decoration:none;} p.matches a.active { display:inline-block; padding:5px 23px 5px 10px; margin:10px 10px 10px 10px; background: #fa7319 url(/images_HNG/icon_btn_white_arrow_up.png) no-repeat right 10px; color:#FFFFFF; text-transform:uppercase; } p.matches a.more { display:inline-block; padding:5px 18px 5px 10px; margin:10px 15px 10px 10px; background:url(/images_HNG/fp_icon_plus.png) no-repeat right 6px; color:#000000; text-transform:uppercase;} p.matches a:hover.more { display:inline-block; padding:5px 23px 5px 10px; margin:10px 10px 10px 10px; background:#fa7319 url(/images_HNG/fp_icon_plus_white.png) no-repeat right 6px; color:#FFFFFF; text-transform:uppercase;} .faux_two_col { background:url(/images_HNG/faux_two_col.png) bottom right repeat-y; height:100%; } .search_results_2col { width:100%; margin:0 auto; padding:0; text-align:left; height:auto; } /* style replicated from three_colum editorial pages */ .search_results_2col .search_col1 { width:688px; height:auto; float:left; padding:0px 0px 0px 10px; } .search_results_2col .search_col2 { width:245px; height:auto; float:left; margin:0; padding:0; } .search_results_2col .search_col2 .promo_widget { width:100%; padding:14px 10px 0px 17px; margin:0px; font-size:0.9em;} .search_results_2col .search_col2 .promo_widget img { padding:9px; margin-bottom:10px; background:url(/images_HNG/promo_img_shell.png) no-repeat top left; } .search_results_2col .search_col2 .promo_widget p { padding:0px 0px 0px 5px; font-size:1.2em; color:#3d3d3d; } .search_results_2col .search_col2 .promo_widget strong { display:block; width:95%; font-weight:normal; font-size:1.3em; color:#8f8f8f; padding-left:5px;} .search_results_2col .search_col2 .promo_widget a { text-transform:uppercase; background:url(/images_HNG/arrow_next_on.png) no-repeat 0 2px; padding:0 0 0 12px; font-weight:bold; } .search_results_2col .search_col2 .promo_link a { text-transform:uppercase; background:url(/images_HNG/pd_tab_bg_off.png) right no-repeat; padding:0 15px 0 12px; color:#fa7319; margin-left:10px; } .search_results_2col .search_col2 .editorial_widget { width:261px !important; margin:0 0 15px 0; padding:0px 0 0 0; background:url(/images_HNG/hng_widget_bg_top_3col.png) top left no-repeat; } .search_results_2col .search_col2 .widget_content { width:261px !important; position:relative; top:14px; height:auto; background:url(/images_HNG/hng_widget_bg_btm_3col.png) bottom left no-repeat; margin:0px; padding:0 0 20px 0; color:#FFFFFF; } /* 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; margin:0px 0px 0px 18px; } .three_column .editorial_col2 h1 { font-size:2.0em; color:#757575; margin:18px 0 14px 0px; padding:0; } .three_column .editorial_col2 h3 { font-size:1.4em; margin:10px 0 10px 0px; padding:0px; color:#757575; font-weight:normal; } .three_column .editorial_col2 hr { background-color:#ECECEC; } .three_column .editorial_col2 p { font-size:1.1em; color:#000000; line-height:1.4em; margin:0px 10px 10px 0px; } .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; } */ .widget_content {} .search_results_2col .search_col2 ul.download_arrow_links { margin:0px; padding: 0px; width:260px; } .search_results_2col .search_col2 ul.download_arrow_links li { list-style:none; padding:0px 0px 0px 10px; } .search_results_2col .search_col2 ul.download_arrow_links li a { display:block; background:url(/images_HNG/sr_sidebarlink_on.png) top left no-repeat; padding:12px 0px 9px 40px; color:#FFFFFF; text-transform:uppercase; font-weight:bold;} .search_results_2col .search_col2 ul.download_arrow_links li a:hover{ background:url(/images_HNG/sr_sidebarlink_over.png) no-repeat; background-position:top left; padding:12px 0px 9px 45px;text-decoration:none; font-weight:bold; font-size:1.0em;} .search_results_2col .search_col2 ul.recent_search_links { margin:0px; padding:0px; } .search_results_2col .search_col2 ul.recent_search_links li { list-style:none; padding:6px 30px 6px 30px; } .search_results_2col .search_col2 ul.recent_search_links li a { background:url(/images_HNG/icon_contact_dealer.png) no-repeat top right; padding:0px 20px 0px 0; color:#ffffff; display:block;} .search_results_2col .search_col2 ul.recent_search_links li a:hover { background:url(/images_HNG/icon_contact_dealer.png) no-repeat top right; padding:0px 20px 0px 0;} .recent_searches {background:url(/images_HNG/hng_related_bg.png) no-repeat top left; color:#fa7319;padding:42px 20px 20px 30px; margin:0px; text-transform:uppercase;} /* related content widgets */ .search_results_2col .search_col2 { width:221px; margin:0; padding:0 6px 0 18px; } .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_HNG/popup_media_viewer_bg.png) top left no-repeat; padding:12px 0 0 12px; width:863px; height:594px; margin:40px auto 0 auto; z-index:20000; } .media_container { width:839px; height:432px; margin:0; padding:0; background-color:Black; } .info_bar { width:839px; height:44px; margin:-3px 0 0 0; padding:0; background:url(/images_HNG/media_viewer_info_bar_bg.png) top left no-repeat; } div.info_bar a.btn_back_to_productfinder { float:left; display:block; width:192px; height:17px; margin:10px 0 0 43px; padding:7px 0 0 37px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:0.9em; background:url(/images_HNG/btn_back_wide.png) top left no-repeat; } div.info_bar a.btn_back_to_productfinder:hover { background:url(/images_HNG/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:#000000; } div.info_bar p.media_viewer_infobar_text span { color:#fa7319; font-weight:bold; } .thumb_scroller { width:839px; height:102px; margin:-3px 0 0 0; padding:0; background:url(/images_HNG/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; 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 #fa7319 !important; padding:0px; } div.thumb_scroller ul.popup_thumbs_list li.on .arrow_top { margin:0; width:62px; background-color:#00FF66; height:14px; background:url(/images_HNG/icon_arrow_up_on.png) center center no-repeat; } /* override addThis style */ .addthis_default_style .at300b, .addthis_default_style .at300m { padding:0 10px; } /*LOCATOR PROMO COUPON*/ div.locatorpromocoupon { background-color:white; position:fixed; top:0; bottom:0; left:0; right:0; text-align:left; border-collapse:collapse; } div.locatorpromocoupon_top { background-color:white; width:600px; text-align:left; border-collapse:collapse; } div.locatorpromocoupon_lower { background-color:white; width:598px; border:solid; border-width:1px; border-color:#304c25; text-align:left; position:relative; } div.locatorpromocoupon_padding { padding:5px 20px 0 20px; } div.locatorpromocoupon_lower .left_fields { width:210px; float:left; border:none; margin:0; padding:0; } div.locatorpromocoupon_lower .right_fields { width:336px; float:left; border:none; margin:0; padding:0; } div.locatorpromocoupon .nbr { width:43px; text-align:left; } div.locatorpromocoupon .dealername { font-size:11px; font-weight:bold; text-align:left; } div.locatorpromocoupon .dealeraddress { font-size:11px; text-align:left; padding-bottom:5px; } div.locatorpromocoupon .coupon { font-size:14px; font-weight:bold; text-align:center; } div.locatorpromocoupon .hurry { font-size:14px; font-weight:bold; text-align:center; } div.locatorpromocoupon_offer { margin-top:0px; width:558px; color:#000000; font-size:10px; font-weight:normal; text-align:left; text-transform:none} div.locatorpromocoupon_footer { margin-top:0px; width:598px; } div.locatorpromocoupon_line { background:url(/images_HNG/bcbec0_1x1.gif); height:1px; width:544px; }