/* Theme Name: The Original Gabriel Description: A custom wordpress theme created specifically for, Gabriel, Ride the Independent Spirit. Author: pushtwentytwo Version: 1.0 License: For use soley by Ride Control LLC */ /* GLOBAL STYLES */ body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #444444; background: #edebde; margin: 0px; padding: 0px; top: 0px; } a {color: #ee2e24; text-decoration: none;} a:hover {text-decoration: underline;} img {border: none;} table {border-collapse: collapse;} /* LAYOUT ELEMENTS */ #bgWrapper {/*background: url('images/bg_road_aligned.jpg') center 124px no-repeat #FFF; background: url('images/bg_road_aligned.jpg') center 124px no-repeat #FFF;*/ background-color: #fff;} body.market-segment-hd #bgWrapper {/*background: url('images/diamond-plate-bg.jpg') center 124px no-repeat #FFF;*/ background: url('images/bg_diamond_plate_black3.jpg') center 124px no-repeat #090a0c;} .clearfix::after { display: table; clear: both; content: ''; float: none; } .one-half {float: left;width: calc(100% * (1/2));} /*#outerWrapper {background: url('images/bg_body.jpg') top repeat-x;}*/ #innerWrapper {/*background: url('images/bg_inner_wrapper.jpg') bottom repeat-x;*/ margin: 0px; padding: 0px;} #container {/*background: url('images/bg_container.jpg') bottom no-repeat ;*/ margin: 0px; padding: 0px;} #header .inner {width: 960px; margin: 0px auto;} #main {width: 950px; margin: 0px auto; padding: 20px 0px; min-height: 560px;} #footer {width: 960px; margin: 0px auto; } #subfooter {width: 950px; margin: 0px auto;} #rightCol_wide {width: 680px; float: right; padding-right: 20px;} /* HEADER */ #header {/*background: url('images/bg_header.jpg') top center no-repeat;*/ height: 120px; top: 0px;} #logo {margin-top: 20px; position: absolute; display: block; z-index: 10; margin-left: 10px;} /* MAIN NAVIGATION */ /* #mNav {list-style-type: none; margin: 0px 0px 0px 205px; padding: 0px 2px 0px 0px; position: absolute; display: block; background: url('images/bg_mnav_end.png') top right no-repeat; z-index: 100} #mNav li {float: left; background: url('images/bg_mnav.png') top left no-repeat; padding-top: 0px;} #mNav li:hover, #mNav li.current-menu-item, #mNav li.current-page-ancestor {background: url('images/bg_mnav_down.png') top left no-repeat;} #mNav li a {color: #000; font-weight: normal; display: block; padding: 55px 14px 20px 14px; } #mNav li a:hover, #mNav li a.currentPage {color: #000; font-weight: normal; text-decoration: none;} #mNav li ul {display: none; list-style: none; background: url('images/bg_dd_ul_repeater.jpg') repeat-x #ddd9c0; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; border: 1px solid #d2d1cd; border-top: none; width: 209px;} #mNav li:hover ul {display: block; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6); box-shadow: 5px 5px 5px rgba(0,0,0,0.6)} #mNav li div.sub-wrapper {position: absolute; z-index: 50000; margin-left: 14px;} #mNav li:hover div.sub-wrapper {display: block; margin-top: -16px; padding: 15px 0px 0px 0px; background: url('images/bg_dd_ul_top.png') top center no-repeat;} #mNav li ul li {float: none; background: none;} #mNav li ul li:hover {background: url('images/bg_mnav_dd_li_hover.jpg') top repeat-x #b6231b;} #mNav li ul li a {padding: 5px 10px; margin: 0px; background: none;} #mNav li ul li:hover a {background: none; color: #FFF;} #mNav li:hover ul li ul {display: none;} #mNav li li:hover, #mNav li li.current-menu-item, #mNav li li.current-page-ancestor {font-weight: bold; background:none} #mNav li li.current-menu-item a, #mNav li li.current-page-ancestor a {font-weight: bold;} */ /* nav rules specifically for heavy duty pages */ .market-segment-hd #mNav a, #mNav ul li:hover li a, #mNav ul li li:hover li a, #mNav ul li li li:hover li a {color: #fff;} .market-segment-hd #mNav ul li {background: url('images/bg_mnav_v2.png') top left no-repeat;} .market-segment-hd #mNav li:hover, .market-segment-hd #mNav li.current-menu-item, .market-segment-hd #mNav li.current-menu-item, .market-segment-hd #mNav li.current-page-ancestor {background: url('images/bg_mnav_down_v3.png') top left no-repeat;} .market-segment-hd #mNav .sub-menu li:hover, .market-segment-hd #mNav .sub-menu li.current-menu-item, .market-segment-hd #mNav .sub-menu li.current-menu-item, .market-segment-hd #mNav .sub-menu li.current-page-ancestor {background: none;} .market-segment-hd #mNav {background: url('images/bg_mnav_end_v2.png') right top no-repeat} #mNav .active-nav {background: url('images/bg_mnav_down_v2.png') top left no-repeat;} /* universal nav rules */ #mNav {margin-left: 200px; position: absolute; z-index: 100003; background: url('images/bg_mnav_end.png') right top no-repeat} #mNav a, #mNav ul li:hover li a, #mNav ul li li:hover li a, #mNav ul li li li:hover li a {color: #000;} #mNav a:hover, #mNav ul li:hover a, #mNav ul li li:hover a, #mNav ul li li li:hover a, #mNav ul li li li li:hover a {color: #ee2e24; text-decoration: none;} #mNav li:hover, #mNav li.current-menu-item, #mNav li.current-page-ancestor {background: url('images/bg_mnav_down_v2.png') top left no-repeat;} #mNav li li:hover, #mNav li:hover li {background: none;} #mNav ul {list-style-type: none; margin: 0px; padding: 0px;} #mNav ul li {float: left; width: 104px; text-align: center; font-size: 13px; line-height: 1.35em; background: url('images/bg_mnav.png') top left no-repeat; padding-bottom: 0px} #mNav ul li a {display:block; padding-bottom: 15px; padding-top: 35px;} #mNav ul li li a {display: inline; padding-bottom: 0px; padding-top: 0px;} #mNav ul ul {display: none} #mNav ul div.mega-menu {display: none; width: 800px; position: absolute; z-index: 100004; left: 50%; box-shadow: 1px 5px 5px rgba(0,0,0,0.50); margin-left: -340px; margin-top: -1px; border-radius: 5px} #mNav ul li li {padding-top: 0px; background: none;} #mNav ul li:hover ul {display: block;} #mNav ul li:hover div.mega-menu {display: block; background: #f4f3eb; padding: 20px 20px 20px 20px; /*border-left: 1px solid #e3e1cc; border-top: 1px solid #e3e1cc*/; min-height: 250px} #mNav div.mega-menu ul {width: 225px; margin: 0px; padding: 0px;} #mNav div.mega-menu ul ul {margin: 5px 0px 10px 0px !important; padding: 0px 0px 0px 10px !important} #mNav div.mega-menu ul ul ul {margin: 3px 0px 0px 0px !important; padding: 0px 0px 0px 10px !important; } #mNav div.mega-menu li {text-align: left; width: auto; float: none; font-weight: bold; font-size: 14px; line-height: 1.5em; padding-bottom: 3px ;} #mNav div.mega-menu li li {font-weight: normal; padding-bottom: 3px ;} #mNav div.mega-menu ul li:last-child ul {margin-bottom: 0px !important;} .clearBoth {clear: both;} #mNav div.mega-menu.mega-menu-0 {background: url('images/mega_bg_lv.jpg') right bottom no-repeat #f4f3eb !important;} #mNav div.mega-menu.mega-menu-1 {background-image: url('images/mega_menu_bg_hd_041116.jpg') !important;} #mNav div.mega-menu.mega-menu-2 {background: url('images/mega_menu_oem_082713.jpg') right bottom no-repeat #f4f3eb !important; } #mNav div.mega-menu.mega-menu-2 ul {width: 300px;} #mNav div.mega-menu.mega-menu-3 {background: url('images/mega_bg_company.jpg') right bottom no-repeat #f4f3eb !important; } #mNav .nonLink a {cursor: pointer;} .button-wrapper {margin-top: 38px;} .top-buttons { margin-top: -25px; margin-bottom: -5px; text-align: center; } .top-buttons a {transition: opacity 250ms;} .top-buttons a:hover {opacity: .9;} /* FRONT PAGE FOCUS */ #fpFocus {margin-top: -21px; height: 475px;} #fpFocus .slide {height: 480px; position: absolute; width: 100%; left: 0px;} #fpSidebar {position: absolute; z-index: 5; left: 50%; margin-left: 165px; margin-top: 310px;} #fpSidebar { margin-top: 295px; } .focus-sidebar-wrapper { width: 290px; } #fpSubFocus {min-height: 171px; background: url('images/bg_subfocus.jpg') 4px 29px no-repeat; width: 960px; margin: 0px auto 20px auto; padding: 0px 0px 19px 0px; } #fpSubFocus table {width: 950px;} #fpSubFocus table td {width: 276px; height: 210px; vertical-align:top;} #fpSubFocus table td#subFocus2 {padding-left: 2px;} #fpSubFocus table td#subFocus3 div {margin: 0px 10px; padding: 0px 20px 0px 20px;} /*#subFocus1 {background: url('images/fp_100years2.jpg') right bottom no-repeat;} #subFocus2 {background: url('images/fp_shocks.jpg') right bottom no-repeat;}*/ td#subFocus1, td#subFocus2 {} #subFocus3 ul {list-style: none; margin: 20px 0px 0px 0px; padding-left: 5px;} #subFocus3 ul li {line-height: 32px; border-bottom: 1px solid #bcbbb8; padding-left: 40px;} #subFocus3 ul li.npi {background: url('images/npi-icon.png') 12px center no-repeat} #subFocus3 ul li.cd {background: url('images/fp_icon_download.png') 12px center no-repeat} #subFocus3 ul li.fb {background: url('images/fp_icon_fb.jpg') 12px center no-repeat} #subFocus3 ul li.tw {background: url('images/fp_icon_twitter.jpg') 12px center no-repeat} #subFocus3 ul li.pr {background: url('images/fp_pr_icon.png') 12px center no-repeat} #subFocus3 ul li.nc {background: url('images/fp_news_icon.png') 12px center no-repeat} #subFocus3 ul li.jp {background: url('images/fp_jobs_icon.png') 12px center no-repeat} #subFocus3 ul li a {background: url('images/readmore_arrow.png') right center no-repeat; padding-right: 15px;} #subFocus3 ul li.last {border-bottom: none;} #subFocus3 ul li.social {background-image: none; padding-top: 10px; padding-left: 15px;} #subFocus3 ul li.social a.icon {display: inline-block; width: 24px !important; height: 24px !important; background-image: none; background-repeat: no-repeat; background-color: transparent; margin-right: 10px; margin-left: 0px; padding: 0px;} #subFocus3 ul li.social a.icon.facebook {background-image: url('images/new-icon-facebook.png');} #subFocus3 ul li.social a.icon.twitter {background-image: url('images/new-icon-twitter.png');} #subFocus3 ul li.social a.icon.youtube {background-image: url('images/new-icon-youtube.png');} #fpSubFocus h3 a {color:#ee3124; font-weight: normal; font-size: 20px;} #subFocus1 a, #subFocus2 a {color: #6c6c6c;} #subFocus1 a:hover, #subFocus2 a:hover {color:#ee3124;} #fpSubFocus a.red {color:#ee3124;} #subFocus2 {} #fpSubFocus table td.home-lv-promo-area .slide {padding: 0px 30px 0px 30px; height: 195px; background-position: center bottom; background-repeat: no-repeat} #fpSubFocus table td.home-hd-promo-area .slide {padding: 0px 30px 0px 30px; height: 195px; background-position: center bottom; background-repeat: no-repeat} /* FOOTER NAVIGATION */ #footer {padding-top: 5px; padding-bottom: 0px;} #footer .inner {width: 960px; margin: 0px auto; background: url('images/gabriel_footer_bg_061713trans.png') top center no-repeat; } #footerNav td {vertical-align: top; padding-top: 10px; padding: 20px 30px 30px 30px} #footerNav ul {margin:0px; padding: 0px;} #footerNav ul li {font-weight: bold; list-style: none; line-height: 1.5em; color: #666666; margin:0px; padding: 0px;} #footerNav ul li a, #subfooter_contact a {color: #666666; text-decoration: none;} #footerNav ul li a:hover, #subfooter_contact a:hover {color: #ee3124; text-decoration: underline;} #footerNav ul li ul {padding-left: 0px;} #footerNav ul li ul li {font-weight: normal;} /*#footerNav .col1 {width: 180px;} #footerNav .col2 {width: 220px;} #footerNav .col3 {width: 230px;} #footerNav .col4 {width: 152px;}*/ #footerNav td.col2 {padding-right: 0px; width: 200px;} #footerNav td.col3 {padding-right: 0px; width: 200px;} #footerNav .col1, #footerNav .col2, #footerNav .col3, #footerNav .col4 {background: url('images/gab_footer_sep2.png') right top no-repeat; } #footerNav .col5 {} #footerNav ul.secondUL {margin-top: 10px;} /* SUBFOOTER */ #subfooter {/*background: url('images/bg_subfooter.jpg') bottom center no-repeat;*/ height: 31px; clear: both; width: 960px} #subfooter_copyright {width: 200px; float: left; margin-left: 20px; margin-top: 10px;} #subfooter_contact {width: 700px; float: left; margin-right: 20px; margin-top: 10px; float: right; text-align: right} /* SEARCH BOX */ #searchBox { position: absolute; margin-left: 645px; width: 290px; margin-top: 30px; z-index: 100000; color: #FFF; text-align:right } #searchBox input, #searchBox select {margin: 0px; padding: 0px; font-size: 11px; color: #000; border: none} #searchBox select {padding: 3px 5px;} #searchBox input {padding: 3px 8px;} @-moz-document url-prefix() { #searchBox select {padding: 1px 5px;} #searchBox input {padding: 2px 8px;} } #searchBox .seperator { margin: 6px 0px 6px 0px; /*border-top: 1px solid #900; border-bottom: 1px solid #C00; border-bottom-color: rgba(255,255,255,0.15); border-top-color: rgba(0,0,0,0.25)*/ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } #searchBox .lv-search-wrapper {background: url('images/search_box/lv_search_bg.jpg') left bottom no-repeat;} #searchBox .lv-search-wrapper .seperator {width: 156px; margin-left: 110px} #searchBox .lv-search-wrapper select {width: 200px;} #searchBox .lv-search-wrapper input[type="text"] {width: 140px;} #searchBox .hd-search-wrapper {background: url('images/hd-search-bg-2016.jpg') left bottom no-repeat;} #searchBox .hd-search-wrapper .seperator {width: 181px; margin-left: 85px;} #searchBox .hd-search-wrapper select {width: 200px;} #searchBox .hd-search-wrapper input[type="text"] {width: 165px;} #searchBox h2 {margin: 0px; padding: 0px;line-height: 1.0em; } #searchBox_footer {height: 24px; clear: both; background: url('images/search_box/searchbox_shadow.png') no-repeat transparent} #searchBox_ddButton {margin-bottom: 0px; cursor: pointer} #searchBox_forms {background: url('images/search_box/searchbox_bg_content.jpg') top repeat-x #b6231b; margin-top: 0px; border: 2px solid #ee473a; border-top: none; border-bottom: none;} #searchBox h3 { margin: 0px 0px; padding: 0px 0px 0px 10px; color: #FFF; font-size: 14px; line-height: 2.0em; border-bottom: 1px solid #eb6c64; background: url('images/search_box/searchbox_bg_content.jpg') top repeat-x #b6231b; text-align:left } #pvSearchBox .content, #comSearchBox .content {padding: 10px 10px 10px 10px;} #pvSearchBox {} #comSearchBox {} #pvSearchBox p p {margin: 0px; padding: 0px;} #searchBox h3.inactive { /*background: url('images/search_box/search_box_category_bg_inactive.jpg')top repeat-x #b6231b;*/ /*background: url('images/search_box/searchbox_bg_content.jpg') top repeat-x #b6231b;*/ padding-top: 3px; /* border-bottom: none;*/ padding-bottom: 1px; border-bottom: 1px solid transparent } .home-page #searchBox h3.inactive { border-bottom: 1px solid #eb6c64; } #searchBox h3 {cursor: pointer;} #searchBox h3.current {cursor:default;} #searchBox .marginTop {margin-top: 10px; display: none;} #searchBox p.last {margin-bottom: 0px;} #pvSearchBox p {margin: 0px !important; padding: 0px !important; margin-bottom: 0px; } #searchBox .submit-wrapper {padding-top: 12px;} #pvSelects {margin-bottom: 5px;} /*#searchBox_accordian .pane {display: none}*/ #mask {background: #000;} .paginationLinks {float: right;} .paginationLinks li {float: left; list-style-type: none; margin: 0px 2px; border: 1px solid #DDD;} .paginationLinks a, .paginationLinks span.disabledLink {background: url('images/silver_grad.jpg') top repeat-x; text-decoration: none; display:block; padding: 5px 7px; } .paginationLinks span {display:block; padding: 5px 7px;} .paginationLinks span.disabled {color: #999999; /*font-weight: bold;*/ background: url('images/silver_grad.jpg') top repeat-x;} .paginationLinks li.paginationTitle {border: 1px solid transparent; color: #666666;} .paginationLinks a:hover {background: url('images/silver_grad_dark.jpg') top repeat-x; text-decoration: underline} .paginationLinks li.currentPagination {} .paginationLinks li.currentPagination a {font-weight: bold;background: url('images/silver_grad_dark.jpg') 20px repeat-x;} /* HEADER STYLES */ .shortH1wrapper {width: 992px; margin-top: -20px; height: 122px; position: absolute; left: 50%; margin-left: -496px; color: #FFF; z-index:10} .shortH1wrapper div {height: 93px; background: url('images/header_bgs/h1_corner.png') left 13px no-repeat; padding-left: 22px;} .shortH1outer {height: 80px; clear: both;} .shortH1outer h2, .shortH1outer h1 {background: url('images/header_bgs/h1_main_bg.png') top right no-repeat; height: 70px; float: left; margin-top: 13px; padding-top: 12px; padding-right: 30px; font-size: 30px; padding-left: 10px;} #grassy_road_header {background: url('images/header_bgs/pngs/grassy_road.png') top left no-repeat;} #classic_header {background: url('images/header_bgs/pngs/classic_header.png') top left no-repeat;} #gaurdian_header {background: url('images/header_bgs/pngs/guardian_header.png') top left no-repeat;} #ltv_header {background: url('images/header_bgs/pngs/ltv_header.png') top left no-repeat;} #max_control_header {background: url('images/header_bgs/pngs/max_control_header.png') top left no-repeat;} #proguard_header {background: url('images/header_bgs/pngs/proguard_header.png') top left no-repeat;} #readymount_header {background: url('images/header_bgs/pngs/readymount_header.png') top left no-repeat;} #ultra_header {background: url('images/header_bgs/pngs/ultra_header.png') top left no-repeat;} /* ADDED 073113 */ #delivery_header {background: url('images/header_bgs/pngs/delivery_header.png') top left no-repeat;} #farm_header {background: url('images/header_bgs/pngs/farm_header.png') top left no-repeat;} #lake_header {background: url('images/header_bgs/pngs/lake_header.png') top left no-repeat;} #red_car_header {background: url('images/header_bgs/pngs/red_car_header.png') top left no-repeat;} #trailer_header {background: url('images/header_bgs/pngs/trailer_header.png') top left no-repeat;} #dogs_header {background: url('images/header_bgs/pngs/dogs_header.png') top left no-repeat;} #gasslx_header {background: url('images/header_bgs/pngs/gasslx_header.png') top left no-repeat;} #fleetline_header {background: url('images/header_bgs/pngs/fleetline_header2.png') top left no-repeat;} #oem_header {background: url('images/header_bgs/pngs/oem_header.png') top left no-repeat;} #hd_logging_header {background: url('images/header_bgs/pngs/hd_logging.png') top left no-repeat;} #hd_bridge_header {background: url('images/header_bgs/pngs/hd_bridge.png') top left no-repeat;} #hd_overhead_header {background: url('images/header_bgs/pngs/hd_overhead.png') top left no-repeat;} #hd_road_traffic_header {background: url('images/header_bgs/pngs/hd_road_traffic2.png') top left no-repeat;} #hd_school_bus_header {background: url('images/header_bgs/pngs/hd_83000b.png') top left no-repeat;} #hd_sunset_header {background: url('images/header_bgs/pngs/hd_sunset2.png') top left no-repeat;} #hd_blue_truck_header {background: url('images/header_bgs/pngs/hd_blue_truck.png') top left no-repeat;} #hd_newer_trucks {background: url('images/header_bgs/pngs/hd_blue_truck.png') top left no-repeat;} #hd_fleetline_cab_header {background: url('images/header_bgs/pngs/fleetline_cab_shocks_header.png') top left no-repeat;} /* ADDED 073113 */ #hd_83000 {background: url('images/header_bgs/hd_83000b.png') top left no-repeat;} #industrial_app_header {background: url('images/header_bgs/industrial_app_header.jpg') top left no-repeat;} #snowmobile_header {background: url('images/header_bgs/snowmobile_thin_header.jpg') top left no-repeat;} .bigPageBanner {height: 218px; margin-top: -21px;} .bigPageBanner h1 {margin: 0px; padding: 0px;} .bigPageBanner h1 span {display:none;} .bigPageBanner a {position: absolute; display: block; width: 960px; height: 218px; left: 50%; margin-left: -480px;} span.reg { position: relative; top: -3px; font-size: 10px; } /* SIDEBAR */ #sidebar {width: 216px; margin-right: 20px; float: left; min-height: 200px;} #prodNav {border: 1px solid #c8c8c8; margin-top: 20px;} #prodNav h4 {padding: 5px 10px; background: #FFF; font-weight: normal; color: #ee3124; font-size: 20px; margin: 0px;} #prodNav ul {margin: 0px; padding: 0px;} #prodNav li ul {} #prodNav li {display: block; list-style-type: none; background: #FFF; margin-left: 0px;} #prodNav li a {color: #666666; border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; padding: 5px 10px; display: block} #prodNav li a:hover {color: #FFF; background: url('images/bg_prodnav_hover.jpg') top repeat-x #b6231b; text-decoration: none} #prodNav li li a {color: #666666; display: block; border: none; padding-left: 35px;} #prodNav li li li a {padding-left: 55px;} #prodNav h4.topBorder {border-top: 1px solid #c8c8c8;} #prodNav ul.noBot li a {border-bottom: none;} #prodNav ul ul {border-top: 1px solid #c8c8c8; display: none;} #prodNav ul li.current_page_ancestor ul {display: block;} #prodNav ul li.current_page_item ul {display: block;} #prodNav ul li.current_page_ancestor a {font-weight: bold; color: #444444} #prodNav ul li.current_page_ancestor a:hover {font-weight: bold; color: #FFF} #prodNav ul li.current_page_ancestor li a {font-weight: normal; color: #666666} #prodNav ul li.current_page_item a, #prodNav ul li.current_page_ancestor li.current_page_item a {font-weight: bold; color: #444444} #prodNav ul li.current_page_item a:hover, #prodNav ul li.current_page_ancestor li.current_page_item a:hover {color: #FFF;} #prodNav ul li.current_page_item ul.children li.page_item a {font-weight: normal;} #prodNav ul li.current_page_item ul.children li.page_item a:hover {color: #FFF} #prodNav ul ul ul {border-top: 1px solid #c8c8c8; display: none;} #prodNav ul ul li.current_page_ancestor ul {display: block;} #prodNav ul ul li.current_page_item ul {display: block;} #prodNav ul li.current_page_ancestor ul ul {display: none;} #prodNav ul li.current_page_ancestor ul li.current_page_item ul {display: block;} #prodNav ul li.current_page_ancestor ul li.current_page_ancestor ul {display: block;} #prodNav ul ul li.current_page_ancestor a {font-weight: bold; color: #444444} #prodNav ul ul li.current_page_ancestor a:hover {font-weight: bold; color: #FFF} #prodNav ul ul li.current_page_ancestor li a {font-weight: normal; color: #666666; } #prodNav ul ul li.current_page_item a, #prodNav ul li.current_page_ancestor li.current_page_item a {font-weight: bold; color: #444444} #prodNav ul ul li.current_page_item a:hover, #prodNav ul li.current_page_ancestor li.current_page_item a:hover {color: #FFF;} #prodNav ul ul li.current_page_item ul.children li.page_item a {font-weight: normal;} #prodNav ul ul li.current_page_item ul.children li.page_item a:hover {color: #FFF} .sidebar-menu {border: 1px solid #c8c8c8; margin-top: 30px; } .sidebar-menu.first {margin-top: 20px;} .sidebar-menu h4 {padding: 5px 10px; background: #FFF; font-weight: normal; color: #ee3124; font-size: 18px; margin: 0px;} .sidebar-menu ul {margin: 0px; padding: 0px;} .sidebar-menu li ul {} .sidebar-menu li {display: block; list-style-type: none; background: #FFF; margin-left: 0px;} .sidebar-menu li a {color: #666666; /*border-bottom: 1px solid #c8c8c8;*/ border-top: 1px solid #c8c8c8; padding: 5px 10px; display: block} .sidebar-menu li a:hover {color: #FFF; background: url('images/bg_prodnav_hover.jpg') top repeat-x #b6231b; text-decoration: none} .sidebar-menu li li a {color: #666666; display: block; padding-left: 35px;} .sidebar-menu li li:first-child a {border-top: none;} .sidebar-menu li li li a {padding-left: 55px;} .sidebar-menu h4.topBorder {border-top: 1px solid #c8c8c8;} .sidebar-menu ul.noBot li a {border-bottom: none;} .sidebar-menu ul ul {border-top: 1px solid #c8c8c8; /*display: none;*/} .sidebar-menu ul li.current_page_ancestor ul {display: block;} .sidebar-menu ul li.current_page_item ul {display: block;} .sidebar-menu ul li.current_page_ancestor a {font-weight: bold; color: #444444} .sidebar-menu ul li.current_page_ancestor a:hover {font-weight: bold; color: #FFF} .sidebar-menu ul li.current_page_ancestor li a {font-weight: normal; color: #666666} .sidebar-menu ul li.current_page_item a, .sidebar-menu ul li.current_page_ancestor li.current_page_item a {font-weight: bold; color: #444444} .sidebar-menu ul li.current_page_item a:hover, .sidebar-menu ul li.current_page_ancestor li.current_page_item a:hover {color: #FFF;} .sidebar-menu ul li.current_page_item ul.children li.page_item a, .sidebar-menu ul li.current_page_item li a {font-weight: normal;} .sidebar-menu ul li.current_page_item ul.children li.page_item a:hover {color: #FFF} .sidebar-menu ul ul ul {border-top: 1px solid #c8c8c8; display: none;} .sidebar-menu ul ul li.current_page_ancestor ul {display: block;} .sidebar-menu ul ul li.current_page_item ul {display: block;} .sidebar-menu ul li.current_page_ancestor ul ul {display: none;} .sidebar-menu ul li.current_page_ancestor ul li.current_page_item ul {display: block;} .sidebar-menu ul li.current_page_ancestor ul li.current_page_ancestor ul {display: block;} .sidebar-menu ul ul li.current_page_ancestor a {font-weight: bold; color: #444444} .sidebar-menu ul ul li.current_page_ancestor a:hover {font-weight: bold; color: #FFF} .sidebar-menu ul ul li.current_page_ancestor li a {font-weight: normal; color: #666666; } .sidebar-menu ul ul li.current_page_item a, .sidebar-menu ul li.current_page_ancestor li.current_page_item a {font-weight: bold; color: #444444} .sidebar-menu ul ul li.current_page_item a:hover, .sidebar-menu ul li.current_page_ancestor li.current_page_item a:hover {color: #FFF;} .sidebar-menu ul ul li.current_page_item ul.children li.page_item a {font-weight: normal;} .sidebar-menu ul ul li.current_page_item ul.children li.page_item a:hover {color: #FFF} #prodNav .expander {display:inline-block; padding: 0px 3px;} #prodNav .expander:hover {background: #DDD;} #sidebar .sidebar_button {margin-top: 20px; margin-bottom: 20px;} #prodFinder {background: url('images/sidebar_product_finder.jpg'); height: 92px; margin-top: 10px;} #prodFinder select {width: 192px; margin-top: 36px; margin-left: 10px;} /* PRODUCT PAGES */ #applicationTable {margin-top: 18px;} #applicationTable h2 {margin: 0px; padding: 0px; line-height: 1.0em;} #applicationTable .col1 {padding-right: 30px;} #carLightTruckTable {margin-top: 20px;} #carLightTruckTable h2 {margin:0px; padding:0px; line-height: 1.0em;} #carLightTruckTable td {vertical-align: top; padding-bottom: 20px; width: 201px;} #carLightTruckTable .midCol {padding-left: 30px; padding-right: 30px;} #product-page {} #prodImages {float: right; width: 224px; margin: 10px -5px 20px 35px;} #prodImages table {border-collapse: collapse;} #prodImages td {padding-bottom: 6px;} #prodImages .col1 {padding-right: 4px;} #prodImages .col4 {padding-left: 4px;} #prodImages .col2, #prodImages .col3 {padding-left: 4px; padding-right: 4px;} div.narrow {float: left; width: 420px; line-height: 1.5em;} div.content {line-height: 1.5em; padding-right: 0px;} div.standout {background: #f6f5ef; border-top: 1px solid #c8c8c8; padding: 15px 20px;} .content h1 {color: #ee3124; font-size: 2.2em; line-height: 1.25em; font-weight: normal} .content h2 {color: #ee3124; font-size: 1.5em; margin-top: 25px; } .content h3 {color: #656565; font-size: 1.5em; margin-top: 25px;} .content h2.features {color: #ee3124; font-size: 1.8em; font-weight: bold; margin-bottom: 10px; margin-top: 35px; } .content h2.features span {padding-right: 20px; background: url('images/callout_features.jpg') right 5px no-repeat;} .content h2.video-head { margin: 55px 0; font-size: 2em; } .content ul {margin-left: 0px; padding-left: 0px; color: #ee3124;} .content ul li ul {margin-top: 8px;} .content li {padding-bottom: 10px; color: #444444; list-style: none; background: url('images/bullet_standout.jpg') 5px 6px no-repeat; padding-left: 20px;} .content li li {background: url('images/bullet_content.jpg') 5px 4px no-repeat;} .content .standout li {padding-bottom: 10px; color: #666666; list-style: none; background: url('images/bullet_standout.jpg') 5px 6px no-repeat; /*background: url('images/bullet_callout.jpg') 5px 5px no-repeat;*/ padding-left: 20px;} .content .standout h3 {margin: 0px; padding: 0px; line-height: 1.0em; font-size: 1.3em; margin-top: 10px; } .content .standout h3+ul {margin-top: 10px; margin-bottom: 0px; padding-bottom: 0px;} .content .standout ul ul {margin-top: 10px;} .content ul.footnote-list {margin-left: 0px; padding-left: 0px; list-style-type: none; margin-top: 0px; padding-top: 0px;} .content ul.footnote-list li {font-size: 11px; color: #777777; line-height: 1.5em; list-style-type: none; margin: 0px; padding: 0px; background: none; font-style: italic} .content sup.footnote-ref {padding-left: 2px; vertical-align: baseline; font-size: 10px; position: relative; top: -0.4em;} .content div.footnote-header {margin-bottom: 5px; padding-bottom: 0px;} .accessoryListing {clear: both; margin-bottom: 30px;} .accessoryListing .img {float: left; width: 201px; padding-top: 15px; margin-bottom: 35px;} .accessoryListing .text {float: right; width: 460px; text-align:left} .accessoryListing h2 {border-bottom: 1px solid #c8c8c8; padding-bottom: 5px; margin-bottom: 5px;} /* ANSWERMAN LP */ #answermanLPtable {margin-top: 20px;} #answermanLPtable td.col1 {padding-right: 20px; vertical-align:top} #answermanLPtable td h2 {margin-top: 0px;} /* DIFFERENCE PAGES */ .diffListing .col1 {padding-right: 30px;} .diffListing td {vertical-align: top;} .diffListing td h2 {margin-top: 0px;} .diffListing {margin-bottom: 30px; border-bottom: 1px dotted #c8c8c8; padding-bottom: 20px;} .topDiffListing {margin-top: 30px;} .botDiffListing {border-bottom: none;} #gforceList {margin-top: 20px;} #gforceList h3 {margin-bottom: 2px; font-size: 16px; padding:0px; margin-top: 0px;} #gforceList p {margin:0px; padding: 0px; margin-bottom: 5px;} #gforceList li {padding-bottom: 10px; margin-bottom: 0px;} #chromeImages {float:right; margin-left: 20px; margin-bottom: 20px; width: 250px;} #chromeImages img {margin-bottom: 10px;} #chromeImages img.last {margin-bottom: 0px;} .clickForLB {font-style: italic; text-align:center; line-height: 1.1em; color: #888888} h2.dottedBot {border-bottom: 1px solid #CCC; padding-bottom: 5px;} #replaceShocksIconTable img {width: 50px;} #replaceShocksIconTable td {padding: 5px 10px 5px 10px; font-weight: bold; font-size: 15px;} /* FAQ PAGES */ #faq-main-page h2 {margin-bottom: 0px; font-size: 1.8em; color: #444444} #faq-main-page p.instructions { margin-top: 10px; margin-bottom: 20px} #faq-main-page h3 {margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 15px;} #faq-main-page h3 a {font-weight: normal;} #faq-main-page h3 a:hover {color: #ee2e24} #faq-category h2 {margin: 0px; padding: 0px; margin-bottom: 5px; font-size: 15px; font-weight: bold; color: #444444} .content li div {margin-left: 2px;} /* CATALOG PAGE */ #catalogPage .catalogCover {margin-right: 30px; width: 130px;} #catalogPage h2 {margin-top: 10px;} #catalogPage {margin-bottom: 20px;} #catalogPage td.catImg {vertical-align: top;} /* EMPLOYMENT PAGES */ .job-posting {margin-bottom: 20px; color: #000; margin-left: 0px;} .job-posting p {margin: 0px; padding: 0px;} p.job-title {font-weight: bold; font-size: 1.2em; padding-top: 2px;} .job-department {font-style: italic; font-weight: normal} .filterResults {border: 1px solid #c8c8c8; background: #f6f5ef; padding: 10px; margin-bottom: 10px;} #jobDescTable .jobDescTitle {font-weight: bold; padding-right: 30px;} #jobDescTable td {padding-bottom: 10px;} #job-posting h1 {color: #ee3124; font-size: 1.8em; line-height: 1.25em; font-weight: normal} #job-posting h2 {padding-bottom: 5px; border-bottom: 1px solid #c8c8c8;} #employment-page h2 {font-size: 1.5em; margin-top: 30px;} .job-posting .jobSep {color: #999; vertical-align:top} /* PRESS RELEASES */ #press-release .subhead {margin-top: -10px; font-size: 1.25em;} .news-title {font-weight: bold; font-size: 1.25em; margin-bottom: 5px; padding-bottom: 0px;} .news-excerpt {margin-top: 5px;} .readMoreLink {font-weight: bold;} .news-date {font-weight: bold; font-style: italic; margin: 5px 0px 10px 0px; font-size: 10px;} p.dlLink {margin: 20px 0px;} div.news-article {padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px dotted #C8C8C8;} a.tagLink {color: #666666; text-decoration: underline;} a.tagLink:hover {color: #ee2e24;} /* NEWS ARTICLES */ .article-info {font-size: 10px; line-height: 1.2em;} h2.newsSubhead {color: #656565; font-size: 22px; margin-bottom: 5px;} .singleCatArticle .news-article {border-bottom: none; margin-bottom: 0px;} .viewAll {font-size: 14px; display:inline-block; padding-left: 5px; font-weight: normal; float: right; padding-right: 20px} #news-event-sec div.standout {padding-top: 0px; padding-bottom: 0px;} /* TECH BULLETINS */ #tech-bulletin-table {} #tech-bulletin-table th {color: #000; border: 1px solid #c8c8c8; border-top: none;} #tech-bulletin-table td {vertical-align: top; padding: 10px 10px; border: 1px solid #c8c8c8} #tech-bulletin-table h3 a {font-weight: bold;} #tech-bulletin-table h3 a.dl-pdf-right {background: url(images/icons/icon_pdf.gif) right top no-repeat; padding-right: 25px} #tech-bulletin-table .date {width: 80px; text-align:center} #tech-bulletin-table .num {width: 80px; text-align:center} #tech-bulletin-table th.desc {text-align:left; padding-left: 10px;} #tech-bulletin-table td.desc div {margin-bottom: 3px;} #tech-bulletin-table .evenRow td {background-color: #f8f7f2;} #tech-bulletin-table .evenRow:hover td, .oddRow:hover td {background-color: #edebde} /* ANSWERMAN VIDEO */ .answermanVidTable {margin: 40px 0px;} .answermanVidTable .vidThumb {padding-right: 25px; vertical-align:top} .answermanVidTable .vidThumb img {margin-left: -10px;} .answermanVidTable .desc h2 {margin-top: 0px; margin-bottom: 10px; font-size: 18px;} .answermanVidTable .desc div {margin-bottom: 8px;} #video-article {width: 560px;} #video-article iframe {margin-bottom: 20px} /* CONTACT PAGE */ .locationsTable td {vertical-align:top;} .locationsTable td {padding-right: 20px} .contactPageGroup {padding-top: 10px;} /* GENERAL STYLES */ .oddRow td {background: url('images/black5.png');} .relax {height: 40px; clear:both} .mini-relax {height: 20px; clear: both;} .hint {font-size: 0.8em; font-style: italic} .hidden {display: none;} .clearBoth {clear: both;} .dottedHR {border-bottom: 1px dotted #c8c8c8; margin: 20px 0px;} .bold {font-weight: bold;} .noBold {font-weight: normal;} .txtL {text-align: left;} .txtC {text-align: center;} .txtR {text-align: right;} .red {color: #C00;} .oj {color: #F90;} .fs9 {font-size: 9px;} .fs10 {font-size: 10px;} .fs11 {font-size: 11px;} .fs12 {font-size: 12px;} .fs13 {font-size: 13px;} .fs14 {font-size: 14px;} .fs15 {font-size: 15px;} .fs16 {font-size: 16px;} .fs18 {font-size: 18px;} .fsem08 {font-size: 0.8em;} .fsem09 {font-size: 0.9em;} .fsem11 {font-size: 1.1em;} .fsem12 {font-size: 1.2em;} .fsem13 {font-size: 1.3em;} .fsem14 {font-size: 1.4em;} .fsem15 {font-size: 1.5em;} .fsem16 {font-size: 1.6em;} .fsem18 {font-size: 1.8em;} .fsem20 {font-size: 2.0em;} .b1solC {border: 1px solid #CCC;} .b2solC {border: 2px solid #CCC;} .b1dotC {border: 1px dotted #CCC;} .b1dashC {border: 1px dashed #CCC;} .underLine {border-bottom: 1px solid #CCC; padding-bottom: 5px} .underDot {border-bottom: 1px dotted #CCC; padding-bottom: 5px} .fakeHR {border-bottom: 1px solid #CCC; margin: 20px auto;} .fakeHRdot {border-bottom: 1px dotted #CCC; margin: 20px auto;} .clearBoth {clear: both;} .displayNone, .hideMe, .hidden, .noShow, .disNone {display: none;} .floatR {float: right;} .floatL {float: left;} .dl-excel {background: url('images/icons/excel_icon.gif') left no-repeat;} .dl-word {background: url('images/icons/word_icon.gif') left no-repeat;} .dl-html {background: url('images/icons/html_icon.gif') left no-repeat;} .dl-ppt {background: url('images/icons/powerpoint_icon.gif') left no-repeat;} .dl-pdf {background: url('images/icons/pdf_icon.gif') left no-repeat;} .dl-zip {background: url('images/icons/zip_icon.gif') left no-repeat;} .dl-image {background: url('images/icons/image_icon.gif') left no-repeat;} .dl-psd {background: url('images/icons/psd_icon.gif') left no-repeat;} .dl-ai {background: url('images/icons/illustrator_icon.gif') left no-repeat;} .dl-indd {background: url('images/icons/indesign_icon.gif') left no-repeat;} .content a.dl-pdf-right {background: url('images/icon_pdf.gif') right top no-repeat; padding-right: 25px;} .content a.dl-img-right {background: url('images/icon_image.gif') right top no-repeat; padding-right: 25px;} .content a.dl-ppt-right {background: url('images/icon_ppt.gif') right top no-repeat; padding-right: 25px;} .content a.dl-doc-right {background: url('images/icon_doc.gif') right top no-repeat; padding-right: 25px;} .content a.dl-zip-right {background: url('images/icon_zip.gif') right top no-repeat; padding-right: 25px;} .content a.dl-xls-right {background: url('images/icon_xls.gif') right top no-repeat; padding-right: 25px;} .content a.dl-link-right {background: url('images/icon_html2.gif') right top no-repeat; padding-right: 25px;} .content a.dl-blank-right {background: url('images/icon_blank.gif') right top no-repeat; padding-right: 25px;} .content span.dl-folder-right {background: url('images/icon_folder.gif') right top no-repeat; padding-right: 25px;} .dl-list, .dl-table, .fileDL {font-weight: bold;} .dl-list {list-style: none; margin-left: 0px; padding-left: 0px;} .dl-list li {list-style: none; margin-left: 0px; padding-left: 0px; vertical-align: middle} a.fileDL { padding-left: 22px;} ul a.fileDL, table a.fileDL {line-height: 30px; vertical-align: middle;} .error {color: #C00; font-weight: bold; font-style: italic;} .content span.folder {line-height: 20px; font-weight: bold; padding: 3px 0px 3px 25px;} .content a.pdf {background: url('images/icon_pdf.gif') left center no-repeat; padding-left: 25px;} .content a.img {background: url('images/icon_image.gif') left center no-repeat; padding-left: 25px;} .content a.ppt {background: url('images/icon_ppt.gif') left center no-repeat; padding-left: 25px;} .content a.doc {background: url('images/icon_doc.gif') left center no-repeat; padding-left: 25px;} .content a.zip {background: url('images/icon_zip.gif') left center no-repeat; padding-left: 25px;} .content a.xls {background: url('images/icon_xls.gif') left center no-repeat; padding-left: 25px;} .content a.link {background: url('images/icon_html2.gif') left center no-repeat; padding-left: 25px;} .content a.blank {background: url('images/icon_blank.gif') left center no-repeat; padding-left: 25px;} .content span.folder {background: url('images/icon_folder.gif') left center no-repeat; padding-left: 25px;} /* DEV MENU */ #dev {float: left; width: 300px; position: absolute; background: #EEE; border: 1px solid #CCC; padding: 20px;} #dev th {color: #333; border-bottom: 1px solid #AAA; text-align: left} #dev table {width: 300px;} #dev td {padding: 5px 10px 5px 0px; vertical-align: top} #dev .key {font-weight: bold;} #dev .odd td {background: #FFF;} /* p22 Fader */ #p22fader_controls {position: absolute; margin-top: 430px; text-align:center; width: 960px; left: 50%; margin-left: -480px;} #p22fader_controls .indicator {width: 15px; height: 15px; margin: 0px 5px; display: inline-block; cursor: pointer} #p22fader_controls div.active {background: url('images/slideshow_position_active.png') no-repeat;} #p22fader_controls div.inactive {background: url('images/slideshow_position_inactive.png') no-repeat;} #p22fader .slide {display: none;} #p22fader .slide a {display: block; margin: 0px auto; height: 480px; width: 960px; } #frostSullivan {float:right; margin-right: -255px; margin-top: 65px;} .content .vidLinks table td p.desc {font-size: 11px; margin-top: 0px; line-height: 1.25em; font-style: italic; padding-top: 0px} .content .vidLinks table td p.title {margin-bottom: 8px; line-height: 1.25em; padding-bottom: 0px; margin-top: 5px;} .vidLinks table a {line-height: 1.25em;} /* P22 MINI-SUREVEY */ #p22ms_lb_overlay {background: #000; opacity: 0.6; position: absolute; top: 0px; left: 0px; width:100%; height: 100%; z-index: 100000; display: none} #p22ms_lb_wrapper { display: none; position: absolute; top: 0px; left: 50%; width: 400px; background: url('images/mini_survey_bg.jpg') top left repeat-x #b4231b; margin-left: -200px; z-index: 100001; border: 2px solid #ee3124; border-radius: 5px; } #p22ms_lb_wrapper .close {height: 36px; width: 36px; float: right; margin-top: -18px; margin-right: -18px; background: url('images/p22_mini_survey_submit_close.png') no-repeat; cursor: pointer} #p22ms_lb_content {margin: 25px; } .p22miniSurvey {color: #FFF; display: none; padding-bottom: 1px;} .p22miniSurvey .question {margin-bottom: 10px; clear:both; font-weight: bold; font-size: 16px; color: #FFF; font-style: italic} .p22miniSurvey .question span {font-weight: normal; font-style: normal} .p22miniSurvey .field-wrapper {padding-left: 10px; line-height: 2.0em} .p22miniSurvey .submit-wrapper {margin-top: 15px;} /* HD Tech Section */ .content ul.checkmarks {margin-top: 0px; list-style-type: none;} .content ul.checkmarks li {background: url('images/little_check.jpg') left top no-repeat; } /* ANSWERMAN LEGAL */ .answerman-legal {font-size: 9px; color: #666666; line-height: 1.5em; margin-top: 30px; padding-top: 20px; border-top: 1px dotted #CCC; text-transform: uppercase} /* LV PRODUCT SPECS */ #whereUsed td.year {width: 35px;} /* PRODUCTS SERIES THUMBS */ #series-thumbs {margin-top: 15px;} #series-thumbs .series-thumb {margin-top: 10px; margin-bottom: 10px; padding-bottom: 15px; padding-top: 10px; border-bottom: 1px dotted #CCC;} #series-thumbs .series-thumb img {margin-left: 15px; float: left; margin-right: 10px;} #series-thumbs .series-thumb h3 {font-size: 20px; float: left} #series-thumbs .series-thumb h3 span.smaller {font-size: 0.8em;} /* LETTER SPACING ON HD LANDING PAGE */ .tooWide {letter-spacing: -0.5px;} h2#hd-diff-header.tooWide {margin-right: -15px;} /* PROVEN MAKR */ .proven-mark {float: right; margin: 0px -10px 0px 10px;} #sidebar-proven-mark {text-align:center; padding-right: 8px} #sidebar-proven-mark img {float: right; margin-right: 8px;} /* HEAVY-DUTY RESOURCES PAGES */ table.fakeOLtable {vertical-align: top;} table.fakeOLtable td {vertical-align:top; padding-bottom: 8px;} table.fakeOLtable td.fakeOLnum {width: 20px;} table.hdIconTable {margin-left: -8px;} table.hdIconTable td {vertical-align: top; padding: 0px 40px 15px 0px; text-align:center; line-height: 1.2em; font-weight: bold;} /* FP PROVEN BUG */ #p22fader .slide a.fp_proven_bug {display: block !important; position: absolute !important; height: 120px !important; width: 140px !important; background:url('images/fp_proven_bug.png') no-repeat;} #p22fader .slide a.fp_proven_bug.hd_serious_banner {left: 50%; margin-left: -260px; margin-top: 177px} #p22fader .slide a.fp_proven_bug.hd_unsurpased_banner {left: 50%; margin-left: -190px; margin-top: 280px} #p22fader .slide a.fp_proven_bug.hd_oem_banner {left: 50%; margin-left: -460px; margin-top: 120px} #hd_cutaway_thumb {margin-top: 25px;} #hd_cutaway_thumb img {} /* MOBILE SEARCH OVERLAY LINK */ #mobileSearchOverlay {display: block; position: absolute; top: 25px; left: 50%; margin-left: 160px; z-index: 100005} #mobileSearchOverlay.home {width: 300px; height: 237px;} #mobileSearchOverlay.standard {width: 300px; height: 52px;} /* SALES */ .sale_header { text-align: center; padding: 0 0 18px 0; margin: 0; background: url(images/header_shadow.jpg) center bottom no-repeat; } .sale_header img { display: block; margin: -21px auto 0 auto; } .right_sidebar { float: right; margin-left: 30px; } .right_sidebar > * { display: block; margin-bottom: 25px; } /* WHERE TO BUY PAGE */ table.logos {width: 100%;} table.logos td {text-align: center;width: 33% !important;} .spinInstructions { background-repeat: no-repeat !important; padding-left: 36px; color: #999999; text-transform: uppercase; font-size: 12px; /*font-weight: bold;*/ width: 171px; box-sizing: border-box; margin: 0 auto;} /*G-Force Diagram*/ .content-top{width:680px; float:left;} .tap {display:none;} .points {background-image: url(./images/cutaway.jpg); background-repeat:no-repeat; height:650px; width:650px;} .points .point {display: none; position: absolute; z-index: 5; margin: 0px; padding: 0px; top: 0px; left: 0px; font-size: 16px; cursor: pointer; color:#ffffff;} .points .point.initialized {display: inline-block;} .points .point .wrapper {display: table; background-color: transparent; padding: 10px 20px; line-height: 1.25em;} .points .point .wrapper .label, .points .point .wrapper .content {display: none; text-align: left; vertical-align: top;} .points .point .wrapper .label {padding-right: 20px; display: table-cell} .points .point .wrapper .content {width: 180px;} .points .point .close {display: none; text-align: right;} .points .point .close .icon {font-weight: bold;} .points .point .label {display: table-cell;} .points .point .content {display: none; font-style: italic;} .points .point.initialized.active .wrapper {background-color: #bf2a1e;} .points .point.initialized.active .close {display: block;} .points .point.initialized.active .label {display: table-cell; font-weight: bold;} .points .point.initialized.active .content {display: table-cell;} .points .point.initialized.active {z-index: 101; margin-top: -21px;} .points .point-overlay {background-color: rgba(0,0,0,0.6); position: relative; z-index: 50; height: 100%; width: 100%; left: 0px; top: 0px; display: none; transition: opacity 250ms;} .points .point-overlay.active {opacity: 1; display: block; z-index: 100;} /*Active Points Margin Adjustments*/ /*Compression Head*/ .points .point.point-0.active {margin-left: -130px;} /*Orifice Control Disk*/ .points .point.point-1.active {margin-left: -250px;} /* Sintered Iron Piston*/ .points .point.point-2.active {margin-left: -200px;} /*Leak Proof*/ .points .point.point-3.active {margin-left: -208px;} /* Super Finished Chromed Piston Rod*/ .points .point.point-4.active {margin-left: -90px; margin-top:-60px;} /*DOM Tubing*/ .points .point.point-5.active {margin-left: -120px;} /* NPI Bulletins */ form.wpcf7-form .field-wrapper {margin-bottom: 12px;} form.wpcf7-form .field-wrapper label {font-weight: bold; display: block; padding-bottom: 3px;} form.wpcf7-form .field-wrapper label span.required {color: #e12c21;} form.wpcf7-form .field-wrapper input[type="text"], form.wpcf7-form .field-wrapper select, form.wpcf7-form .field-wrapper input[type="number"] {padding: 5px; box-sizing: border-box; width: 300px} form.wpcf7-form .field-wrapper input[type="submit"] {padding: 10px 25px; color: #FFF; border: none; background-color: #e22c21; transition: 200ms background-color; text-transform: uppercase; cursor: pointer; font-size: 1.1em;} form.wpcf7-form .field-wrapper input[type="submit"]:hover {background-color: #ce2a28;} form.wpcf7-form .field-wrapper br {display: none;} form.wpcf7-form .field-wrapper .wpcf7-list-item label {font-weight: normal;} form.wpcf7-form .field-wrapper input[type="submit"] {margin-top: 20px;} div.wpcf7-response-output {margin: 0px 0px 20px 0px!important; padding: 10px 15px !important;} div.wpcf7-response-output.wpcf7-validation-errors {background-color: #f7e700; max-width: 300px; box-sizing: border-box;} div.wpcf7-response-output.wpcf7-mail-sent-ok {padding-left: 0px !important; max-width: 300px; box-sizing: border-box; padding: 15px !important; color: #FFF; background: #398f14} .npi-bulletin .edit-link {font-size: 12px; font-style: italic;} .npi-bulletin {margin-bottom: 10px; min-height: 100px; display: table; margin-left: -10px;} .npi-bulletin .npi-bulletin-image, .npi-bulletin .npi-bulletin-content {display: table-cell; vertical-align: middle; text-align: left;} .npi-bulletin .npi-bulletin-image {width: 100px; background-repeat: no-repeat; background-position: center center; background-color: transparent;} .npi-bulletin .npi-bulletin-content {padding-left: 25px;} .npi-bulletin h2 {margin-top: 5px;} .npi-bulletin .excerpt {margin-bottom: 20px;} .npi-cat-128 .npi-bulletin-image {background-image: url('images/npi-lv.png');} .npi-cat-129 .npi-bulletin-image {background-image: url('images/npi-hd.png');} /* ----- Additional content styles - Added by Garth ------------------------ */ .custom-content::after { clear: both; content: ''; display: table; } .left-col, .right-col { box-sizing: border-box; } .custom-content .left-col { float: left; width: 67%; padding-right: 20px; } .custom-content .left-col h2 { line-height: 1.2em; } .custom-content .right-col { float: right; width: 32%; margin-right: -15px; } .custom-content .field-wrapper { padding-top: 4px; } .sidebar-standout { background: #f6f5ef; border: 1px solid #dddddd; padding: 15px 20px; } .sidebar-standout h2 { margin-top: 5px; } .iframe-ctn { position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom: 35px; } .responsive-iframe { position: absolute; width: 100%; height: 100%; } .field-wrapper span.wpcf7-list-item { display: block; } .field-wrapper span.Participates-Include { display: block; padding-left: 42px; padding-top: 5px; } .custom-content form.wpcf7-form .field-wrapper input[type="submit"] { margin: 0; }