img {border: 0px} *, * focus, a { outline: none;} .newsli{ float:left; width:45%;height: 180px; list-style:none; text-decoration:none; margin:0 47px 0px 0px;} html { -webkit-text-size-adjust: 100%; width:100%; height:100%; padding: 0px ;margin:0px;/* Prevent font scaling in landscape while allowing user zoom */ } @font-face { font-family: impact; src: url('font/impact.ttf');} @font-face { font-family: arial_black; src: url('font/ariblk.ttf');} body {margin: 0; padding: 0px; font-size: 11px; font-family:"Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} body.nobg { background-position: 0 -465px !important; } body.none { background: none;} body.none .print { font-size: 1.2em; padding-left: 10px; width: 98%;} #preload {display:none;} .bgTop { z-index: -1; position: absolute; width: 100%; height: 476px;} #container { position: relative; margin-right: auto; margin-left: auto; height: auto; width: 100%; padding: 0; clear: none; float: none; } #container.job { min-height: 10px;} .container-top { background: #565656; position: relative; margin-left: auto; margin-right: auto; margin-top:0px width: 100%; height:140px; } .container-top.nopb { max-width: 1008px; position: relative; margin-left: auto; margin-right: auto; width: 100%; height:155px; background: url("/skin/bg_navibar.png") no-repeat center bottom; } option{font-family: 'Open Sans', Helvetica, "Helvetica Neue", arial_black, sans-serif;} #logo a { color: #dbdbdb; text-decoration: none !important; display: inline-block; padding: 62px 0 62px 133px} a#logo-text { color:#dbdbdb; text-decoration: none !important; display: inline-block; margin: 17px 0px 0px 42px; font: 2.1em Helvetica,"Helvetica Neue", arial_black, sans-serif; font-weight:400; text-height:80%;} a#logo-text span.gray { color:#8f8f8f; line-height: 29px;} a:hover#logo-text , a:active#logo-text, a:hover#logo-text-lang, a:active#logo-text-lang { color: #fff;} a#logo-text-lang { color: #cccccc; text-decoration: none !important; display: inline-block; margin: 0px 0px 0px 170px; z-index: 6; font: 1.4em "Arial Black", arial_black, sans-serif; color: #cccccc; text-shadow: #222 1px 1px 0; position: relative; top: 58px;} .search_box_top_mobile { visibility: hidden;} .view-menu { visibility: hidden; } .search_box_top_wrapper { visibility:visible; } h3 {font-weight: 400; font-size: 1.6em; margin: 0 0 15px;} .back { visibility: hidden;} .p20 {padding: 20px;} p.p1 { font-size: 115%; line-height: 1.8em;} p.p2 { font-size: 1.2em; line-height: 1.8em;} p.hr { background: url(/skin/hr.png) repeat-x; height: 5px; /*border-bottom: thin dashed #999;*/ clear: both;} div.hr { background: url(/skin/hr.png) repeat-x; height: 22px; text-align: center;} div.hr span { background: url(/skin/toggleConent.jpg) -5px 0; color: #586500; font: 1.2em/1.4 "Arial Black", arial_black, sans-serif; display: inline-block; padding: 0 8px; margin-top: -6px;} .bold { font-weight: bold !important;} a:link, a:visited { color: #009982 ; text-decoration: none;} a:hover, a:active { color: #009982 !important;; } span.icon {font-family: FontAwesome; } .fa-print.ftrt {margin: 12px 17px 0 0px; font-size:20px;} /******************* CSS UNIVERSAL CONTROLS ***********************/ .button.slider {border:4px solid #009982; border-radius:4px; padding: 5px 12px; font-size:17px;} .white {color: #fff;} .red {color: #009982;} .dkred {color:#aa0000;} .red_bg {background: #009982; } .ftrt {float:right;} /*************** NEW LTE IE8 WARNING 3/11/2015 KGLYNN - HEAD.ASP AND HEAD-HOME.ASP *************************************/ div#warning {position:fixed; top:0px; width:100%; background-color:#FFF; margin-top:0px; padding:10px 0px; border-bottom:solid 4px #D42A3E; z-index: 20;} div#warning h3 {margin:0px; padding:0px; font-size:26px; line-height:29px;} div#warning h4 {margin:0px; padding:0px; font-size:20px; line-height:22px;} div#warning p {margin:0px; padding:0px 30px; font-size:10px;} div#close_window {position:absolute;float:right;right:5px;top:10px;padding:2px;margin:0;font-size:1.3em;font-weight:bold;color:#fff; width:140px; height:30px; cursor: pointer; cursor: hand;background-image:url(/skin/delete-01.png);background-repeat:no-repeat;border:none; background-position:0px 0px;} .color {color:#d42a3e;} /*product note in top left corner used on ST-35 cs_spec1 and mt_spec1 */ .topleft { color: #fff; float: left; font-size: 20px; z-index: 4; padding:25px; position: absolute; } .topleft h1{ font-size: 24px; padding:0; margin:0; } /******************* CURRENCY TOGGLE *************************/ .headerlink_top {margin: -5px 86px 3px 7px} .currencyform {background-color: #009982; border-radius: 10px; height: 26px; padding: 5px; position: absolute; right: 100px; top: 20px; width: 16%; min-width: 288px; z-index: 445;} .currency-usd, .currency-rmb { background-color: #009982; border:1px #FFF solid; font-size: 1.3em; height: 26px; margin: -1px; position: relative; width: 49%; z-index: 6; float: right; color: #e9e9e9;border-radius: 3px ;font-family:"Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} .currency-usd.active, .currency-rmb.active { background-color: #fff; background-image: url("/skin/FDJ.png"); background-position: 10px 3px; background-repeat: no-repeat; background-size: 21px auto; color: #3a3a3a; font-weight: bold;font-family:"Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} .currency-rmb:hover, .currency-usd:hover {opacity:0.8; cursor:pointer;} .currency-rmb-input, .currency-usd-input { display:none; } /******************* HFO DEALER CONTACT OVERLAY *************************/ div#hfo-contact-overlay { position: absolute; left: 37%; top:0px; z-index: 6; height: 70px; background: #fff; } div#hfo-contact-overlay img {float:left; position: relative; margin:7px 0 0 0;} /******************* CONTACT US POPOUT *************************/ #tab-ext {width: 260px; height: 260px; position: fixed; right: -234px; margin-top: 153px; z-index: 1500; transition-timing-function: cubic-bezier(0,0,0.58,1); -webkit-transition-timing-function: cubic-bezier(0,0,0.58,1); transition: right 1s;} .tab-pull {display:block; width: 37px; height: 135px; position: absolute; left: -10px; top: -1px; z-index: 1501; cursor:pointer;background-image: url("/skin/ContactUs.png"); } #contactus-tab { border-radius: 0px 0px 0px 3px; border: 1px solid #009982; margin-right:-1px; position: absolute; width: 209px; height: auto; min-height:165px; right:-1px; background-color: #ffffff; color: #494949; padding: 15px 0px 15px 25px; font-size: 14px; } #contactus-tab h2 { font-size:17px; } .tel a {color: #009982!important ;} /******************* GOOGLE SEARCH BOX TOP *************************/ .search_box_top {width:260px;position:absolute;right:38px;top:69px; z-index:4; color:#999999!important;} .search_box_top input.gsc-input {font-size:14px; background: transparent!important;} .gsc-input input.gsc-input { background: transparent!important;} .search_box_top .gsc-control-cse {padding:0; margin-top:0px; background-color:transparent; border:transparent 0px;} .search_bo_topx .gsc-modal-background-image-visible {opacity:0.6;} .search_box_top .gsc-modal-background-image {background-color: #333;} .search_box_top .gsc-webResult .gsc-result {padding: 8px 0;} .search_box_top .gsc-input-box {height:35px;} .search_box_top.cse .gsc-search-button input.gsc-search-button-v2, .search_box_top input.gsc-search-button-v2 {height:15px; width:15px; padding: 6px 5px;} .search_box_top .cse input.gsc-search-button, .search_box_top input.gsc-search-button {color: transparent;} .search_box_top input.gsc-search-button, input.gsc-search-button:focus {background-color:transparent; border-color:transparent;} .search_box_top input.gsc-search-button-v2{margin-top: 0px;} .search_box_top form.gsc-search-box {margin:0;} .search_box_top input.gsc-search-button {src:none;} /*********************** HOME PAGE *************************/ .commer-bg {background-image: src(/skin/slide_bg_dk.jpg); width: 932px; height: 550px;} #pboard-shadow { margin: 0px auto 15px; max-width: 932px; } #pboard-shadow img{ width: 100%; } .center {width: 150px; position: relative; margin-left:auto; margin-right: auto;} .section {height: 115px; overflow:hidden; border-top:30px solid #cecece; border-bottom: 30px solid #cecece; position:relative; text-align:center; font-size: 2em; font-style:italic; line-height:1.5em;} .section span {opacity:1; cursor:pointer; text-decoration:none;} .section span.icon {font-family: FontAwesome; font-style:normal; cursor:pointer;} .section a:hover {color:#4e4f4f;} .section-div1 {position: absolute; height: 100%; width: 100%; background: url("/skin/separator4.jpg") 50% 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index:-1;} .section-div2 { position: absolute; height: 100%; width: 100%; background: url("/skin/SMTC40.jpg") 50% 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; z-index:-1;} div.section-link2 p, div.section-link p{margin-top:27px;} /*********************** PBOARDS *************************/ #pboard { width:100%; margin:0px auto 25px; padding: 0 0 0 0; position:relative; top:0px; left:0; display: block; color: #8e8e8e;} /*#pboard.slider img {width:100%; margin:0; padding: 0; height:auto;}*/ #pboard.slider.page {background: #8e8e8e; float:left; padding-bottom: 0px; z-index:2;} #pboard .desc { float:left; position:relative; margin: 20px 0 0 0; } #pboard .desc1 { float:left; position:relative; left:0px; top: 3%; width:95%; } #pboard .desc a { float:right; } #pboard .desc h1 {color: #fff; font: 3em 'Open Sans',Helvetica,"Helvetica Neue", arial_black, sans-serif; margin: 0px 0 15px 0; float; left;font-weight:400;line-height: 30px !important;} #pboard .desc1 h1 { color: #fff; font: 3em 'Open Sans',Helvetica,"Helvetica Neue", arial_black, sans-serif; margin: 22px 0 19px 0px;font-weight:400;} #pboard p { font-size: 1.3em; line-height: 1.6em; margin: 10px 0;font-weight:100;letter-spacing:.5px; } #pboard ul, #pboard ol { margin: 10px 0 10px -20px; font-size: 1.2em; line-height: 1.6em;} #pboard.slider img.pboardimg {width:48%; max-width: 515px; float:left; position: absolute; top:0;margin:17px} #pboard.slider div.inset {width:45%; margin:30px 8% 30px 0px; padding: 0; height:auto; float:right; position:relative;} #pboard.slider.dealer {background: #000000; padding-bottom: 0px; max-height: 373px; } #pboard.slider.tour {background: #000000; padding-bottom: 0px; margin: 0 auto; } .start div#pboard {width:100%; margin:0px auto 0px; padding: 0 0 0 0; max-width: 934px; position:relative; top:0; left:0; display: block; color: #8e8e8e; } #pboard.slider img.startimg {width:100%; float:right; margin:0; padding: 0; height:auto; border:1px solid #8e8e8e; border-radius: 1px;} #pboard .startdesc { float:left; position:relative; margin: 2% 0 2% 8%; width:35%;} #pboard.start h1 {color:#8e8e8e} .wrapper-pboard {max-width:1200px; margin: 0 auto; } .we-img {display: inline-block; float:left; text-decoration: none !important; position:relative; top: 23px; } .ebook_b { background: url(/skin/ebook_b.png) no-repeat right bottom; display: inline-block; width: 155px; height: 60px; text-decoration: none !important; position:absolute; top: 65%; left: 38%;} .ebook_b span, .ebook_vmc span, .ebook_hmc span, .ebook_rotary span, .ebook_lathe span { visibility: hidden;} .ebook_vmc img, .ebook_hmc img, .ebook_rotary img, .ebook_lathe img {float:right; margin: 0 0 20px 20px;} .ebook_b:hover { background: url(/skin/ebook_g.png) no-repeat right bottom;} #shadow-slider { margin: 0 auto; max-width: 932px; } #shadow-slider img { width: 100%; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*********************** START PAGE *************************/ .startdesc h1 {color:#fff; font-weight:600; font-si} .startdesc h2 {color:#fff; font-weight:600;} .startdesc h3 { font-weight:600;} .inputs { background: #f5f5f5; font-size: 0.8rem; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; border: none; padding: 8px 10px; width: 200px; margin-bottom: 20px; clear: both; } .machine_select {width:220px;} .inputs:focus { background: #fff; outline: none; } .more_info_s { float: right; margin-bottom: 0; margin-left: 16px; margin-right: 0px;} /*********************** START2.asp *************************/ .start_title { width: 65%; float:left; position:relative;} .start_share { float: right; position: relative; border: 1px solid #c1c1c1; border-radius: 5px; margin: 0px 0 8px 0px; padding: 6px 6px 6px 16px; font-size: 12px; font-weight:400; color: #4D4F4F} .start_share div.fa-envelope { color: #cd2c31; float: left; font-family: FontAwesome; font-size: 16px; font-weight: normal; left: -8px; position: relative;} div#y1 {font-size:12px;} .navi_s_cont.start { margin: 0 0 0 0px; padding:0px; float:right; } .prodoverview {width:77%; position: relative; margin-left: 0px; clear:left; top:15px;} .toggle_cont-res.start {clear:none; } .prodtoggles {width:100%; margin: 15px auto 0; } .contbody_lcolumn { width: 78%; padding: 0 ; margin: 0; float: left; } div a.play_video_machine { position:absolute; top: 350px; right: 261px;} div.setup_link{position:relative;left:12px;} .small_text {font-size:.8em;color:#c0484a;} .resource_column {margin-bottom:-25px; } #allhfocontent { width: 100%; margin:0; padding:0;} /*********************** CONTENT BODY *************************/ #contbody { padding: 0; margin-top: 0px; min-height: 300px; } #contbody-title { padding: 0; margin-top: 0px; top: 0px; position:relative;} #contbody-title.cat {background: #eee; } #contbody-title.cat div.wrapper {max-width:960px; margin: auto; padding: 0px;} #contbody-nopb { padding: 0; margin-top: 20px;} #contbody.nopboard {margin-top: 0px} #contbody-nopb.nopboard.nomenu { margin-top: -20px;} #contbody.start { background: #464646;} #contbody .wrapper, #contbody-title .wrapper, #contbody-nopb .wrapper { margin-left: 0; width: 80%; max-width: 1200px; margin: auto; height: auto; padding: 0 20px;} .wrapper.page {padding: 20px 50px!important; background:#eee;} /*********************** PROMO SECTION *************************/ .divider {text-align:center;} .divider::after { background: #8c8c8c none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; z-index: 1; } .divider h3 {background: #fff none repeat scroll 0 0; color: #8c8c8c; display: inline-block; font-size: 18px; line-height:74px; padding: 0 12px; position: relative; text-transform: uppercase; z-index: 2; margin-top: -5px; text-align:center; } .promo_home { font-size: 1.2em; line-height: 1.8em; max-width:1200px; width: 100%; margin: 40px 0px 28px; text-align:justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;} .promo_option { width: 310px; vertical-align:top; display: inline-block; zoom:1; text-align:center;} .stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0;} .promo_option p {padding: 0 20px; text-align:center;} .promo_option span {font-family: FontAwesome; font-size: 60px; color:#009982 } .promo_home a { text-decoration: none !important; color: #4e4f4f; display: block; margin: 5px 0; padding: 15px 0px; } .promo_option a:hover span {color:#4e4f4f } .promo_option a:hover {background: #eee; transition: all 0.3s ease 0s } .promo_home h3 { color: #111; font: 100% Helvetica,"Helvetica Neue", arial_black, sans-serif; text-transform: uppercase; display: inline-block; height: 34px;} /*********************** PAGE CONTENT *************************/ .nopboard.title { font: 2.6em impact, "Impact", sans-serif; color: #b1b1b1; text-shadow: #fff 1px 1px 0; padding: 0px 0 20px 0; margin:7px 0 0 0;} .title { font: 2.6em 'Open Sans',Helvetica,"Helvetica Neue", arial_black, sans-serif; color: #b1b1b1; padding: 0px 0 20px 0px; clear:both; } .title.nomenu {padding: 20px 0px;} .title span { color:#888;} .contbody_rcolumn { width: 75%; padding: 0 ; margin: 0; float: right;} .grn h1 {font-size: 1.5em; color: #737f25; font-weight: bold; height: 31px; line-height: 2.3; padding: 0 0 0 0px; text-shadow: 0 1px 0 #fff; text-transform: uppercase; display: inline;} .red h1 {font-size: 1.8em; color: #009982; font-weight: 300; height: 31px; line-height: 2.3; padding: 0 0 0 0px;text-transform: uppercase; display: inline;} .explore td.explore_wid { min-width: 100px; width:200px;} .cookie_crumb { color: #999; padding: 0 0 8px 0;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} .cookie_crumb a:link, .cookie_crumb a:visited { color: #999; text-decoration: none !important; font-size: 105%; padding: 0 2px;} .cookie_crumb a:hover, .cookie_crumb:active { color: #666;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} #map-HFOinfo {height:auto; border:none; } #HFOmap {width:100%; height: 348px; max-width: 932px; overflow:hidden;} /*********************** PRODUCTS.ASP *************************/ table.product-chart h2 { text-align:center; font-size:13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;font-family: 'Open Sans', arial, helvetica, sans-serif; padding: 10px 5px; text-align: center; color: #FFFFFF; background-color: #009982; text-decoration:none; text-transform: uppercase; } table.product-chart .fourths span{color: #FFFFFF; font-size:13px; line-height:1.1em; padding: 5px 0px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-decoration:none; text-transform: uppercase; height: 100%; } table.product-chart p { font-size: 100%; line-height: 1em; } table.product-chart { margin: 0px;} table.product-chart a { color: #4e4f4f;} table.product-chart img { border: medium none; display: inline; height: auto; margin: 18px 0 0; padding: 0; width: 100%;} /*product note in top left corner used on ST-35 cs_spec1 and mt_spec1 */ .topleft { color: #fff; float: left; font-size: 20px; z-index: 4; padding:25px; position: absolute; } .product_holder div.topleft h1{ font-size: 24px; padding:0; margin:0; } /*********************** PRODUCT SELECTION PAGES *************************/ div.gallery_product { font-size: 1.4em;} .gallery_product ul { width: 100%; margin: 0px; padding: 0px; } .gallery_product li { list-style: none; float: left; margin: 0 0 20px; padding: 0 4.6% 0 0; } .gallery_product a { text-decoration: none !important; background: #fff; display: block;} .gallery_product a:hover { } .gallery_product img { padding: 2px; width: 190px;} .gallery_product a:hover img { background:#009982;} .gallery_product a p { color: #fff; font-size: 104%; font-weight: 100; text-transform: uppercase; display: inline-block; display: block; background:#8e8e8e; letter-spacing:.5px;text-shadow:none;} .gallery_product a:hover p { background:#009982;} .gallery_product.imperial a p { margin: 0;} .gallery_product.metric a p { margin: 6px 10px 0 31px;} .gallery_product p { color: #8d8d8d; text-shadow: #fff 0 1px 0; margin-top: 8px; line-height: 1.6em;} .gallery_product.imperial p { padding: 3px 10px 3px 24px; max-width:173px} .gallery_product.metric p { padding: 0 2px;} /*********************** VIDEO & DOWNLOAD PAGES *************************/ div.gallery_video p, div.gallery_download p { font-size: 1.2em; line-height: 1.3em; text-shadow: #fff 0 1px 0; margin: 0 0 5px;} div.gallery_video b, div.gallery_download b {font-weight: 400;} div.gallery_download p { height: 40px;} .gallery_video ul, .gallery_download ul { width: 100%; margin: 0px; padding: 0px; } .gallery_video li, .gallery_download li { list-style: none; float: left; width: 165px; min-height: 195px; margin: 0 14px 22px 0px;} .gallery_video a { text-decoration: none !important; color: #888 !important; height: 183px; display: block; padding: 12px 14px 0 0px;} .gallery_video a.new { background-position: 0 -390px;} .gallery_video a img, .gallery_download a.thumb img { padding: 2px; background: #ddd; width: 155px; height: 95px; display: inline-block; margin-bottom: 8px;} .gallery_video a:hover b, .gallery_download a.thumb:hover b { color: #444 !important;} .gallery_video a:hover img, .gallery_download a.thumb:hover img { padding: 2px; background: #009982;} .gallery_download a.thumb { text-decoration: none !important; color: #888 !important; display: block; padding: 12px 0px 0 0px;} .gallery_download div.icon { padding: 0px 0 0 13px;} /*********************** TOGGLED CONTENT *************************/ .toggle_trigger .GreenDot {float:left; position: relative; width: 0px; height: 23px; top: 12px; left: 12px;} .toggle_trigger .PlusMinus { float: right; position: relative; width: 24px; height: 23px; top: 18px; right: 10px;} .toggle_trigger .PlusMinus:before { position:absolute; font-family: FontAwesome; font-size: 16px; top:1; left:0px; content: "\f068"; } .toggle_trigger { overflow: hidden; margin: 0px 0px 15px; color: #009982; height: auto; width: 100%; background:#eee; } .toggle_trigger.off .PlusMinus:before { content: "\f067"; } .toggle_trigger.on .PlusMinus:before { content: "\f067";} .toggle_trigger.on.active .PlusMinus:before { content: "\f068";} .toggle_trigger.on:hover { color: #565656; cursor: pointer;} .toggle_trigger.plain { height:20px;} .toggle_trigger h1 { padding: 5px 0px 5px 16px; font: 400 1.3em 'Open Sans',Helvetica, "Helvetica Neue", arial_black, sans-serif;text-transform: uppercase; position: relative; float:left;font-size: 15px;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} .toggle_trigger h1.narrow { width:60%;} .toggle_cont-res {width: 100%; clear: both; margin: -16px 0 0px; font-size: 15px;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} .toggle_cont-res .block { background:#f7f7f7;padding: 10px 20px 10px;font-size: 15px;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif; } .toggle_cont-res ol ul li { font-size: 86%;} .toggle_cont-res h2 { font: 1.3em/1.4 'Open Sans', "Arial Black", arial_black, sans-serif; margin: 15px 0 -6px 0; padding-top: 5px;} .toggle_cont-res h2 b { color: #4e4f4f; font-size: 93%;} span.h2 { color: #586500; font: 1.0em 'Open Sans',"Arial Black", arial_black, sans-serif !important;} .toggle_cont-res h3 { margin: 0 0 -8px 0;} .toggle_cont-res p {line-height: 25px;font-size: 15px;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} .toggle_cont-res ul, .toggle_cont-res ol { margin: 10px 20px; font-size: 15px;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif; text-shadow: #fff 0 1px 0;} /* IE */ .toggle_cont-res table, .block table { font-size: 15px;font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif;} .toggle_cont-res table ul, .toggle_cont-res table ol, .toggle_cont-res table h2, .toggle_cont-res table h3 { font-size: 100%;} .toggle_cont-res table.tableform ul { font-size: 120%;} .tableform_2 {width:100%;} .toggle_cont-res ul.divide { float: left; text-align: left;} .toggle_cont-res ul.divide li { float: left; width: 47%; padding-right: 10px; line-height: 1.3em; padding-bottom: 0.5em;} /* IE */ .toggle_cont-res ul.divide.w300 li { width: 300px;} .toggle_cont-res ul.dividehfo li { float: left; width: 285px; padding-right: 10px; line-height: 1.6em; padding-bottom: 1.0em; min-height: 100px;} .toggle_cont-res ul ul { font-size: 1.0em;} .toggle_cont-res img, .toggle_cont-res .imgblock.type2 img, body.nobg.magazine .imgblock.type2 img { display: inline; padding-bottom: 0px; max-width:100%; background-size:100% auto; } /* type2 with icon_tools */ .toggle_cont-res.customers div.fourths {width:185px;} .toggle_cont-res.customers div.fourths ul {margin: 10px 0px;} .toggle_cont-res.customers div.fourths ul li{max-width: 110%!important;} .toggle_cont-res.customers img {display: inline; border: none; padding-bottom: 5px; background: url(/skin/img_shadow.png) no-repeat bottom; background-size:100% auto;} .toggle_cont-res table.rotaryrepair img {background:none; background-image:none;} .toggle_cont-res img.fl, .toggle_cont-res .imgblock.fl, body.nobg.magazine .imgblock.fl, body.nobg.magazine img.fl { float: left; margin: 22px 20px 10px 0px; } .toggle_cont-res img.fr, .toggle_cont-res .imgblock.fr, body.nobg.magazine .imgblock.fr, body.nobg.magazine img.fr { float: right; margin: 22px 20px 10px 20px; } .toggle_cont-res .imgblock.fl.mag {width: 37%;} .toggle_cont-res .imgblock { width: 300px; padding-bottom: 20px;} body.nobg.magazine .imgblock { width: 40%; padding-bottom: 20px;} .toggle_cont-res .imgblock.fl.mag img {padding-bottom: 9px; width: 100%;} .toggle_cont-res .imgblock p { color: #fff; text-shadow: none; font-size: 1.2em; line-height: 1.4em; text-align: left; padding:15px; ;background: #666;} a.gototop { text-decoration: none !important; float: right; margin: 0px 8px; height: 24px; cursor: pointer;} a.gototop span { visibility: hidden;} .bottom { width: 100%; height: 24px; clear: both; margin: 0;} /* IE */ /************************ COLUMN SIZES ****************************/ .half {width: 48%; float:left;} .third {width: 33%; float:left;} .twothirds {width: 66%; float:left;} .fourths {width: 21%; float:left; margin-right:4%;} /*********************** ROTARY REPAIR PAGE *************************/ table.tableform.rotaryrepair table td {} table.tableform.rotaryrepair table tr { background: none;} .rotaryrepair h2 { color: #fff; font-size: 1em; font-weight: bolder; line-height: 1.2em; padding: 4px 10px; text-align: center; text-shadow: 0 1px 0 #999; vertical-align: middle; border: #ccc solid 1px; background-color: #bcbcbc; margin: 0px 0 10px 0; } table.tableform.preowned td, table.tableform.preownedR td, table.tableform.demo td { vertical-align: middle;} .formlbl {line-height: 2.6em; padding: 0 0 0 11px} .formlbl.sm {line-height: 1em; margin: 9px 0px 9px 5px; display:block; width: 63%; float:left;} .input_text.bg1 { width: 91%;} .input_text.bg2 { float: left; width: 48%; margin: 2px 10px 2px 14px} .input_text.bg3 { float: left; margin: 0px 10px 10px 0px; padding: 5px 0 2px 5px;} .half.rotrep p {font-size: 1.3em; } .half.rotrep select {margin: -5px 0px 0 0; } .rot-pins, .rot-pins2 {float:left; margin-left:10px;} .textarea1.textareabg, .textarea2.textareabg {width:89%;} .center270 {width:270px; margin-right:auto; margin-left:auto;} /*********************** SIDE NAVIGATION PANEL *************************/ .navi_s_cont { float: left; margin: 0; width: 24%; font-family: "Neue Helvetica W02", "Helvetica Neue", "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ¥á¥¤¥ê¥ª, Meiryo, ΢ܛÕýºÚów, "Microsoft JhengHei", Helvetica, Arial, sans-serif; } .navi_s { background-size: 100% auto; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; margin: 0 0 20px; padding: 0 0 0 15px; } .navi_s li { height: auto; list-style: none; margin: 0 0px 0 -15px; font-weight: normal; background:#eeeeee; } .navi_s li:first-child a { border-top: none; } .navi_s .navi_s_title { background: #888888; color: #009982; font: 400 2em 'Open Sans',Helvetica, "Helvetica Neue", arial_black, sans-serif; margin: 0 0 0 -15px; padding: 9px 10px 9px 30px; text-transform: uppercase; } .navi_s a { border-bottom: 1px solid #e8e8e8; border-top: 1px solid #fff; display: block; font-size: 1.3em; line-height: 1.5em; text-decoration: none !important; padding: 7px 12px 7px 30px; } .navi_s a:link, .navi_s a:visited { color: #4e4f4f; } .navi_s a:active, .navi_s a.selected { background: #ffffff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #009982; } .navi_s a:hover, .navi_s a:focus { background: #f9f9f9; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #009982; } /*********************** SIDE NAVIGATION PROMOS *************************/ .navi_s_cont a.promo_side{float:left; position:relative; margin:0 0 20px; text-align:center;} .promo_side { display: block; height: 155px; padding: 17px 0 0px 00px; text-decoration: none !important; width: 176px; background: #eee; } .promo_side span { color: #888; font-size: 13px;} .promo_side span.icon {font-size:72px; line-height: 91px; display:block; text-align:center; margin: 6px 0 0;} .promo_side:hover { color: #009982} .promo_side:hover span {color: #009982;} /******************* ICONS UPDATED ***********************/ .specs1 span.icon {font-size:20px; margin: 0 6px 0 0;} .specs1 a {text-decoration: none !important; font-size: 1.2em; line-height: 2.2em; height: 25px; } .specs1 a:hover {text-decoration: underline!important; } /******************* PRODUCT PAGES ***********************/ .specs1 div.links {display: inline-block; margin: 0 20px; } .specs1 {margin: 0px 0px 0px; text-align:justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;} .product_holder { width:100%; height: auto; background: #000000;} .product_photo { width:100%; z-index: 0; float:left; position:relative; background: #000000;} .product_info { z-index: 4; position: absolute; float:left; height:100%; top: 0; color: #fff; font: "Arial Black", arial_black, sans-serif; width: 100%;} .product_info.nobg { color: #777;} .product_360 { float:right; position: absolute; right:10px; top: 6px; } .product_video { float:right; position: absolute; right:18px; top: 84px; } .product_baq { float:right; position: absolute; right:0; bottom:0; height: 60px;} .product_text { float:left; position: absolute; left:0; bottom:0; height: 126px} .product_holder h1 { font-size: 2.9em; margin: 0 0 0 30px; text-transform: uppercase;line-height:1.1em;} .product_holder h2 { font-size: 2.0em; margin: 0 0 15px 30px;font-weight:100;} .product_holder a span { visibility: hidden;} .product_holder a.baq { display: block; width: 170px; height: 55px; text-decoration: none !important; background: url(/skin/baq2.png) no-repeat;margin:0 0 45px 30px;} .product_holder a.baq:hover { background-position: 0 -54px;} .product_holder a.view360 { display: block; width: 75px; height: 75px; text-decoration: none !important; background: url(/skin/360_view.png) no-repeat; margin-left: 55px; background-size: auto auto;} .product_holder a.view360:hover { background-position: 0 -75px;} .pl-disclaimer {position: absolute;margin: -53px 0 0 7px; padding: 0;} .pl-rmb {background-color: #bb3638; color:#fff; font-size: 1em;padding: 7px 10px; margin: 0; width: 413px;} .pl-usd {color:#fff; font-size: 1em; padding: 8px 10px; margin: 0; width: 464px;background-color:#333;} img.icon-rmb {height:29px; width:30px; float:left; margin:10px;} img.icon-usd {height:30px; width:30px; float:left; margin:8px 10px 10px 12px ;} .product_holder p.opts { font-size: .9em; float:right; margin: 10px; color:#c1c1c1; line-height:1em; background:none; position: absolute; left: 0px; top:0;} .product_holder a span { visibility: hidden;} table.tableform.specs td, table.tableform.specs th { width: 215px; font-size: 0.85em;} table.tableform.specs thead td { font-size: 1.0em;} div a.play_video {z-index: 4; float:right; bottom:16px;right:16px;display: block; width:76px; height: 55px; text-decoration: none !important; background: url(/skin/play_video_lg.png) no-repeat; margin-left: 55px} div a.play_video:hover { background-position: 0 -55px;} div a.play_video_machine {z-index: 4; float:right; top:0px;right:-2px;display: block; width: 55px; height: 44px; text-decoration: none !important; background: url(/skin/play_video.png) no-repeat; margin-left: 55px;z-index:2;} div a.play_video_machine:hover { background-position: 0 -44px;} .explore { margin: 22px 0 0 0;} .explore h3 {border-top:1px solid #c7c6c6;border-bottom:1px solid #c7c6c6;border-left:1px solid #c7c6c6; display: inline; color: #ffffff; font: 200 17px 'Open Sans',Helvetica, "Helvetica Neue", arial_black, sans-serif;padding: 5px 12px 6px; float: left; margin:0;background-color:#888888;} .explore_cont { margin: 15px 0 0; clear: both;} .exploredetail {float:left; width: 60%; position:relative;} .explore table {float:left; position: relative; width: 66%; margin:0 0 20px 0;} .optsdropd {float:right; width: 35%; position:relative;} .explore_cont ul.options { margin: 10px 0 0 0px; padding:0px; width: 45%; } .floatR { float: right;} .floatL { float: left;} .explore_cont ul.options li { list-style: none; background-color: #eee; width: 100%; margin-bottom: 25px;} .explore_cont ul.options li p { font: 1.2em/1.5 Helvetica, "Helvetica Neue", arial_black, sans-serif;text-shadow: #fff 0 1px 0; padding: 15px 25px 0 34px;} .explore_cont ul.options p.end { background: url(/skin/bg_options.jpg) no-repeat left bottom; height: 2px; clear: both; padding-bottom: 12px;} /* IE */ .explore_cont ul.options img { margin: 0 -10px 0 10px; float: right; display: inline; padding: 2px; background: #ccc; border: 1px solid #a9a9a9; width: 90px;} .machine_detail select, select#comparespec { height: 29px; padding: 4px; width: 40%; margin: 0 } .machine_detail option, select#comparespec options { height: 20px; padding: 5px 0 0 5px;} /*************** video-sample.ASP*************************************/ .vid-sample {height: auto;} .vid-sample h3{font-size:25px; padding:0; margin: 10px 0; text-align:left;line-height:1.1em;letter-spacing:-.03em;font-weight: 200!important;} .vid-sample p{font-size:14px; padding:0; margin: 10px 0 0;} /*************** FINDDEALER.ASP*************************************/ .zip-search { float: left; margin: 0px 0 0 25px ; position: relative; } .input_text.zips{ height: 32px; margin: 12px 0px 0px 25px; padding: 11px 0 0 6px; float:left; width: 186px} /*used on finddealer*/ .toggle_cont-res #intResults h2 {margin: 15px 0;} ul.styleNo, ul.styleNo li { list-style: none;} ul.styleNo li { margin-left: -20px; padding-bottom: 8px; line-height: 1.2em;} ul.styleNo.dividehfoCN li {width:31%; float:left; padding-right: 35px;height: 167px;} img.english_lang { border:none; margin: 13px 15px 0 0; padding: 0; position: relative; float: right; } img.chinese_lang { border:none; margin: 13px 15px 0 0; padding: 0; position: relative; float: right; } /*************** NEW OPTIONS BOX LINK 2/18/2015 JNGUYEN - OPTIONS.ASP*************************************/ li.newli{display:block;padding:15px 30px 20px 35px;margin:15px 0px 30px; border-bottom:1px solid #B0AFAF;text-decoration:none;font-size:12px;color:#686767;line-height: 18px;min-height:60px;} a.new_a {display:block;padding:15px 30px 20px 35px;margin:0px; border-bottom:1px solid #009982;text-decoration:none;font-size:12px;color:#686767;line-height: 18px;min-height:90px;} a.new_a:hover{outline:1px solid #009982;color:#009982;} div.option_video{margin-bottom:15px;} div span#option_price{font-weight:600;font-size:1.2em;} /*************** Lightbox features *************************************/ div.lightbox { font: 1.2em/1.5 'Open Sans', Helvetica, "Helvetica Neue", arial_black, sans-serif;text-shadow: #fff 0 1px 0;padding: 0;} div.lightbox p { margin: 0px 0;} div.lightbox .title { font-size: 1.8em; padding: 0;} div.lightbox.video { max-width: 800px; width:100%; } div.lightbox.detail { max-width: 700px; width:90%; margin-right:auto; margin-left: auto;} div.lightbox.detail p {width:92%; padding: 10px 0px;} div.lightbox.video img, div.lightbox.detail img { width:100%; } .fancybox-skin {border-top: 6px solid #009982!important;} .nowrap {white-space: nowrap;} /*************** Footer *************************************/ #footer { background: #2E2E2E; padding: 0; min-width:100%; float:left;} #footer .wrapper { padding: 0 1.25%; width: auto; max-width: 1200px; margin: auto; padding-top: 0px;} .gotomain a { text-decoration: none !important; float: right; clear: both; display: block; background: url(/skin/top.jpg) no-repeat 0 bottom; width: 56px; height: 44px; margin-right: 6px; cursor: pointer;} .gotomain a:hover { background-position: -56px bottom;} #gotomain a { position: fixed; background: url(/skin/top3.png) no-repeat 0 top; width: 58px; height: 51px; right: 20px; bottom: 12%; display: none; cursor: pointer;} #gotomain a:hover { background-position: -58px top;} div.navi_b { font-size: 1.2em; width:62%; float:left; line-height: 1.8em; margin: 14px 0 0 25px; height: 255px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; } .navi_b ul { width: 25%; float: left; margin: 25px 0; display: inline-block;} .navi_b li { list-style: none; color: #009982; font-weight: 600; text-align:left;} .navi_b a { text-decoration: none !important; display: inline-block; font-weight: normal; line-height: 1.2em;} .navi_b a:link, .navi_b a:visited { color: #ccc;} .navi_b a:hover, .navi_b a:active { color: #009982;} /*.navi_b #feature a:link, .navi_b #feature a:visited { color: #c5c832;} .navi_b #feature a:hover, .navi_b #feature a:active { color: #ffffff;}*/ div.footer_b { font-size: 1.1em; line-height: 1.6em; min-height:65px; color: #009982; clear: both; padding: 0 0 15px 0;} div.footer_b.nobg { padding: 0 6px 0 0; margin: -15px 0 15px; text-shadow: #fff 0 1px 0;} .footer_b a:link, .footer_b a:visited { color: #585858; text-decoration: none !important;} .footer_b a:hover, .footer_b a:active { color: #009982;} .footerLT { float: left; margin: 0 0 0 10px; position:relative; text-align: left; width: 100%; vertical-align: top;} .footerLT li{ float:left; margin-left:5px; list-style:none; text-decoration:none;} .footerRT { float: right;color: #ccc;margin: 0 10px 0 0px; position:relative; text-align: right; width: 35%; vertical-align: top; margin-top:35px;} .pricelist {display:none;} /* FORMS */ table.tableform { border-top: solid 1px #ccc; border-left: solid 1px #ccc; background: #f3f3f5; margin-bottom: 15px;} table.tableform table { border-top: solid 1px #ccc; border-left: solid 1px #ccc; background: #f3f3f5; margin-bottom: 0;} table.tableform td { line-height: 1.2em; padding: 10px 20px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; } table.tableform p { font-size: 1.0em; line-height: 1.3em; padding: 2px 5px;} table.tableform img { background:none;} table.tableform .noborder, table.tableform .noborder td { border: none; background: none;} table.tableform td.form-top { vertical-align: top; } table.tableform thead td, table.tableform.datasheet thead td { font-weight: 400; font-size: 1.2em; line-height: 1.2em; padding: 8px 10px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; color: #fff; background: #999; text-align: center !important;} table.tableform th { font-size: 1.0em; line-height: 1.2em; padding: 4px 10px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; color: #fff; font-weight: 400; background: #bcbcbc; text-align: center; vertical-align: middle; } table.tableform td p { line-height: 1.4em; margin: 0 0 5px;} body.nobg td { font-size: 115% !important; line-height: 1.6em; font: 1.2em/1.8 Helvetica, "Helvetica Neue", arial_blk, sans-serif;} table.tableform table tr td { font-size: .8em; line-height: 1.3em; padding: 2px 5px;} table.tableform tr:nth-child(odd) { background: #eee;} table.tableform tr:nth-child(even) { background: #fff;} table.tableform.baq td { width: 25%; height: 113px;} table.tableform.baq a { text-decoration: none !important;} table.tableform.baq img.product { width: 100px; height: 78px;} table.tableform.baq img.product:hover { width: 95px; height: 74px;} table.tableform.baq img:hover { width: 95px; height: 56px;} table.tableform.preowned td+td+td+td+td { min-width: 79px;} table.tableform tr.sold td, table.tableform tr.sold a { color: #aaa !important; text-decoration: none; background: #eaeaea !important;} .form_section { float: left; margin: 2px 0px; position: relative; width: 50%;} .form_section_lg { float: left; position: relative; width: 100%;} .form_label { float: left; margin: 7px 10px 0 0; position: relative; width: 30%;} input, textarea { background: transparent; border: none; font-size: 1.2em; width: 99%;} table input, textarea { font-size: 1.0em; } .input_text { background: #fff; float: left; height: 22px; margin: 2px 10px 2px 0; padding: 3px 0 0 6px; position: relative; text-align: left;width: 55%; border:1px solid #EEEEEE;} .input_text.nobg {background:none; border:none; height:auto;} input.check {width:20px;} input.button_s {width: initial;} .input_text { background: #fff; float: right; height: 22px; margin: 2px 10px 2px 0; padding: 3px 0 0 6px; position: relative; text-align: left;} .textareabg {background: #fff; float: left; margin: 2px 0 4px 0; padding: 6px 0 0 6px; position: relative; text-align: left; width: 55%; border: 1px solid #ddd;} .textareabg.w92 {width: 92%;} .textarea3 { float:right; height: 55px; resize: none; width: 58%; right: 7%; } .textarea3.textareabg { background-position: 0 -300px; } ul.form-listNo { float: left; width:95%;} ul.form-listNo li { list-style: none; padding: 0 0px 0 0; margin: 0 2% 0 0px; float: left; position: relative; font-size: 0.8em;} input#ebookchk {width: 14px;} select { border: 1px solid #C7C6C6;font-family: 'Open Sans', Helvetica, Arial, sans-serif; ;font-size: 13px;height: 32px;margin: -5px 0 0;padding: 5px;} option {padding: 5px;} /****************************** DEALER MAP *******************************/ a.button_link{ background-color: #ffffff; border: 1px solid #ddd; padding: 10px; } a.button_link:hover{ border: 1px solid #000; } .button_box {padding:0px 0 9px 0;margin:0px 0 15px; float:left;} .button_box.maps {float:right; width: 193px;} .button_box.input_text.zips{ border-radius: 4px; height: 26px; margin: -5px 10px 0 0; padding: 8px 0 3px 6px; } /*More info Button */ .more_info {float: right; margin:0px 0px 15px; position: relative; border: 1px solid #c1c1c1; border-radius: 5px; margin: 0px 15px 16px; padding: 5px 3px 4px 17px; font-size: 13px; font-weight:400; color: #4D4F4F; width: 130px} .more_info i.fa-envelope { font-style:normal; font-family: FontAwesome; font-weight: normal; font-size: 19px; color: #CD2C31; float: left; left: -8px; position: relative; margin: -2px 0 0 0;} .baq_info {float: right; margin:0px 0px 15px; position: relative; border: 1px solid #c1c1c1; border-radius: 5px; margin: 0px 0px 14px; padding: 4px 0px 3px 20px; font-size: 13px; font-weight:400; background-color: #CD2C31;color: #fff;width: 130px; display: none;} .baq_info i.fa-tag {font-style:normal; font-family: FontAwesome; font-weight: normal; font-size: 19px; color: #FFF; float: left; left: -8px; position: relative; } /****************************** Racing Promo *******************************/ .promo_racing b {font-weight: 600;} .promo_racing img {width:100%; height: auto;} #cf { position:relative; height:122px; width:926px; margin:-15px auto -35px auto; background-image: url(promo/racing/images/kurt_busch_race_banner-1.jpg); background-repeat: no-repeat; border: 0px; } .race-stats a:link, .race-stats a:visited { color: #fff; font-size: 14px; font-weight: bold; text-decoration: none;} .race-stats a:hover{color:#bcbcbc;} #cf:hover { background-image: url(promo/racing/images/kurt_busch_race_banner-2.jpg); } .mag-subMenu {margin-left: -40px;} /******************* HAASJOBS.COM ***********************/ div.jobs_button {padding: 30px 0 15px 0;} .vid-frame {max-width: 560px; } /******************* CSS FROM ORIGNINAL CSS ***********************/ /******************* CSS FROM ORIGNINAL CSS ***********************/ #language { position: absolute; top: 15px; right: 250px; z-index: 2;} ::selection { color: #000; background: #ccc;} ::-moz-selection { color: #000; background: #ccc;} ::-webkit-selection { color: #000; background: #ccc;} sup { font-size: 80%} div.news { text-shadow: #fff 0 1px 0;} .news ul { width: 100%; margin: 0px; padding:0px;} .news li { list-style: none; float: left; max-width: 450px; width:45%; height: auto; margin: 0; padding: 0 0px 5% 0; height:250px;} .news li.last { float: right; width:45%; } .news img { float: left; margin: 0 15px 0 0; padding: 4px 4px 8px 4px; background: url(/skin/img_news.jpg) 0 0 no-repeat; border: 0; width: 175px; height: 107px;} .news img:hover { background-position: -183px 0;} .news h1 { margin: 0; font-size: 1.3em; color: #737f25; font-weight: bold; line-height: 1.4em;} .news p { margin: 5px 0 0; font-size: 1.2em; line-height: 1.7em; text-align: justify;} body.nobg.magazine img.w670 { display: inline; float:left; border: none; padding: 0 0px 20px 0; margin: 15px 30px 0 0; width: 60%; max-width: 450px;} body.nobg.magazine .articleImg { float: left; padding: 10px 20px 0 0;} .toggle_cont-res img.nobg, .toggle_cont-res .imgblock img.nobg, .toggle_cont-res .imgblock img, .toggle_cont-res .imgblock.type2, body.nobg.magazine .imgblock.type2 { background: none; padding-bottom: 10px;} .toggle_cont .imgblock, body.nobg.magazine .imgblock { width: 300px; background: url(/skin/img_shadow.jpg) no-repeat bottom #a9a9a9 /*#9d948b*/; padding-bottom: 20px;} .w150 { width: 150px !important;} .w204 { width: 204px !important;} .w200 { width: 200px !important;} .w250 { width: 250px !important;} .toggle_trigger.bar {margin-top: 27px} .imgblock .icon_tools { margin-top: 5px;} /* IE */ .issueblock { margin: 0 0 0 35px; float: left; width: 45%;} .icon_tools.inline > span {color:#000; font-size: .8em; display:inline;} .icon_tools { background: url(/skin/icon_tools.jpg) no-repeat; text-decoration: none !important; margin-top: 5px; margin-right: 5px; font-size: 1.2em; line-height: 2.2em;} .icon_tools.inline { display: inline-block; padding: 0 0 0 35px; text-shadow: #fff 0 1px 0; margin: 0 10px 2px 0px; width: 43%} .icon_tools.inline:hover { text-decoration: underline !important;} .icon_tools.inlineblock { display: inline-block; width: 25px; height: 25px;} .icon_tools.detail { background-position: 0 0;} .icon_tools.detail:hover { background-position: 0 -25px;} .icon_tools.download { background:none; position:relative; } .icon_tools.download:before { position:absolute; font-family: FontAwesome; font-size: 24px; top:1; left:0px; content: "\f1c1"; color:#009982;} .icon_tools.download:hover { color:#565656;} .icon_tools.video { background:none; background-position: 0 -250px;} .icon_tools.video:hover { background-position: 0 -275px;} .icon_tools.ebook { background:none; position:relative; } .icon_tools.ebook:before { position:absolute; font-family: FontAwesome; font-size: 24px; top:1; left:0px; content: "\f02d"; color:#009982;} .icon_tools.ebook:hover { color:#565656;} .icon_tools.print { /*background-position: 0 -350px;*/} .icon_tools.print:hover { /*background-position: 0 -375px;*/} .icon_tools.enlarge { background-position: 0 -400px;} .icon_tools.enlarge:hover { background-position: 0 -425px;} .icon_tools.view { background:none; position:relative; } .icon_tools.view:before { position:absolute; font-family: FontAwesome; font-size: 24px; top:1; left:0px; content: "\f1c5"; color:#009982;} .icon_tools.view:hover { color:#565656;} .icon_tools.close { background-position: 0 -500px;} .icon_tools.close:hover { background-position: 0 -525px;} .icon_tools.threeD { background-position: 0 -550px;} .icon_tools.threeD:hover { background-position: 0 -575px;} body.nobg.magazine { padding: 15px 30px; text-shadow: #fff 0 1px 0;} body.nobg.magazine .icon_tools.inline { margin-top: 0px; padding-top: 2px; height: 23px;} body.nobg.magazine p, body.nobg.magazine ol, body.nobg.magazine ul, body.nobg.magazine a { font: 1.1em/1.5 Open Sans, "Helvetica Neue", arial_black, sans-serif;text-align: justify;} body.nobg.magazine h1 { color: #009982; text-transform: uppercase; font: 1.3em Open Sans, "Arial Black", arial_black, sans-serif; margin-bottom: -10px; font-weight:700;} body.nobg.magazine h2 { color: #009982; font-size: 1.3em; margin-bottom: -5px;} body.nobg.magazine b { color: #333;} table.tableform.specs td, table.tableform.specs th { width: 215px; font-size: 0.7em} table.tableform.specs thead td { font-size: 1.0em;} table.tableform.manual td+td { width: 35%;} table.tableform.manual td+td, table.tableform.preowned td, table.tableform.preownedR td, table.tableform.demo td, table.tableform.baq td { text-align: center;} table.tableform.techfo3d td+td { width: 38%;} table.tableform.techfo3d td, table.tableform.techfolinks td, table.tableform.rotaryrepair td { text-align: left; vertical-align: top;} table.tableform.rotaryrepair table td, table.tableform.preowned td, table.tableform.preownedR td, table.tableform.demo td { vertical-align: middle;} table.tableform.rotaryrepair table tr { background: none;} table.tableform.techfolinks {table-layout: fixed;} table.tableform.techfolinks th { font-size: 110%;} table.tableform.techfolinks td+td { width: 35%; } table.tableform tr.sold td, table.tableform tr.sold a { color: #aaa !important; text-decoration: none; background: #eaeaea !important;} table.tableform.tradeshow th { font-size: 110%; text-transform: uppercase;} table.tableform.tradeshow td+td { width: 72%; text-align: left;} table.tableform.tradeshow td { text-align: right;} table.tableform.job td { text-align: left;} table.tableform.job td+td, table.tableform.job td+td+td+td { width: 35%;} table.tableform.job td, table.tableform.job td+td+td { width: 100px;} table.tableform.job select { width: 275px;} table.tableform.lang { border-left: none; padding-bottom: 10px;} table.tableform.lang td { border-right: none; width: 25%; font-size: 12px;} table.tableform.lang tr:hover, table.tableform.specs tr:hover, table.tableform.manual tr:hover, table.tableform.datasheet tr:hover, table.tableform.preowned tr:hover { background: #fff; cursor: default;} table.tableform.lang tr:hover { cursor: pointer;} table.tableform.lang img { background: none; padding: 10px 0;} table.tableform.datasheet td { text-align: center; padding: 0;} table.tableform.datasheet a { padding: 4px 10px;} table.tableform.datasheet a, table.tableform.manual a, table.tableform.preowned a { display: block;} table.tableform.datasheet a:hover, table.tableform.manual a:hover, table.tableform.preowned a:hover { text-decoration: none; font-weight: 600;} .toggle_cont .compare1 { float: left; width: 310px;} .toggle_cont .compare2 { float: right; width: 310px;} table.sitemap td { width: 25%;} table.sitemap td h2 { text-align: left;} table.sitemap p { font-size: 100%; margin: 10px 2px -10px 20px; line-height: 1.3em; padding: 4px 0;} table.sitemap ul { margin: 10px 2px 0 -5px;} table.sitemap li { line-height: 1.3em; padding: 3px 0;} table.sitemap h2 { line-height: 1.1em;} table.sitemap a { color: #4e4f4f;} table.sitemap b {font-weight: 600;} li.last { padding-right: 0;} /* .gallery_product */ ul.styleNo, ul.styleNo li { margin: 10px 0 10px -20px;} ul.styleNo li { margin-left: -20px; padding-bottom: 8px; line-height: 1.2em;} .clear { clear: both; background: none !important;} .clearR { clear: right;} .clearL { clear: left;} del { text-decoration: line-through;} .hidden { visibility: hidden; text-decoration: none !important;} .displayNo, .icon_tools span, .social span, .gotomain span, #gotomain span, .logo_print { display: none;} .textshadowfff { text-shadow: #fff 0 1px 0;} .textshadow111 { text-shadow: #111 1px 1px 0;} .textshadow333 { text-shadow: #333 1px 1px 0;} .bgfff { background: #fff !important;} .bg000 { background: #000 !important;} .bggry { background: #8E8E8E !important;} .bgnone, .bgnone tr { background: none !important;} .coloraaa { color: #aaa !important;} .colorbbb { color: #bbb !important;} .colorccc { color: #ccc !important;} .colorddd { color: #ddd !important;} .colorfff { color: #fff !important;} .colorred { color: #C00 !important;} .font120 { font-size: 120%;} .alignJust { text-align: justify;} .uppercase { text-transform: uppercase;} .alignCM, .alignCM td { text-align: center !important; vertical-align: middle !important;} .alignLT { text-align: left; vertical-align: top;} .alignLM { text-align: left; vertical-align: middle;} .alignLB { text-align: left; vertical-align: bottom;} .alignRT { text-align: right !important; vertical-align: top !important;} .alignRM { text-align: right; vertical-align: middle;} .alignRB { text-align: right; vertical-align: bottom;} .asterisk { color: #d80000 !important;} .sequence a { text-decoration: none; color: #777; margin: 0; padding: 0 5px;} .sequence a:hover, .sequence a:active { color: #009982;} .sequence a.on { background-color: #eaeaea; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #fff; border-bottom: 1px solid #fff;} .sequence span { font-size: 120%;} p.asterisk { margin: 0 !important;} div.file_input_textbox_bg { background: transparent url(/skin/input_text_bg.png) no-repeat 0 -54px; float: left} .file_input_textbox { float: left; width: 185px; padding: 5px 5px 2px 8px;} .file_input_div { position: relative; width: 105px; height: 23px; overflow: hidden;} .file_input_div a { margin: -2px 0 0 10px;} .file_input_hidden { font-size: 45px; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;} .button2 { background: url(/skin/button.jpg) no-repeat right bottom; height: 31px; display: inline-block; padding: 0 17px 0 0; margin-bottom: 12px;} .button2 span { background: url(/skin/button.jpg) no-repeat left bottom; height: 31px; display: inline-block; padding: 0 0 0 17px; text-transform: uppercase; color: #737f25; font: bold 1.3em/2.3 Helvetica, "Helvetica Neue", arial_black, sans-serif;text-shadow: #fff 0 1px 0;} /* iPad */ .button_search { background: url(/skin/button_search.jpg) no-repeat; text-decoration: none !important; display: inline-block; width: 62px; height: 19px; margin-top: -3px;} .button_go { margin: 2px 0 5px; padding: 3px 5px;border: none; text-decoration: none !important; color: #fff; background-color:#009982; display: inline-block; cursor: pointer; font-size: 14px; font-family: "Century Gothic",Tahoma,Verdana,sans-serif; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width: auto;} .button_rs { width: 115px; height: 30px; border: none; text-decoration: none !important; color: #fff; background-color:#009982; display: inline-block; cursor: pointer; font: 14px "Century Gothic",Tahoma,Verdana,sans-serif;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin: 10px 0;} .button_s { margin: 0px 0 0px; padding: 5px 3px;border: none; text-decoration: none !important; color: #fff; background-color:#009982; display: inline-block; cursor: pointer; font-size: 14px; font-family: "Century Gothic",Tahoma,Verdana,sans-serif; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .button_s.fs { font-size: 120%;} a.button_s { text-decoration: none !important; color:#fff; display: inline-block; cursor: pointer;} .button_s:hover, .button_rs:hover, .button_go:hover { opacity:0.9;} .button_s_p { margin: 5px 0 5px; background: url(/skin/button_s_p.png) no-repeat right bottom; height: 25px; display: inline-block; padding: 0 17px 0 0;} /* iPad */ .button_s_p span { background: url(/skin/button_s_p.png) no-repeat left top; height: 25px; display: inline-block; padding: 0 0 0 17px; font: 1.0em/2.0 Helvetica, "Helvetica Neue", arial_black, sans-serif;text-shadow: #000 0 1px 0;} /* iPad */ .button_s_p.fs { font-size: 115%;} a.button_s_p { text-decoration: none !important; color: #aaa; display: inline-block; cursor: pointer;} a.button_s_p:hover { color: #ccc;} .divider-heavy {border-bottom:2px solid #333; } div.social { min-height: 64px; clear: both; background:none; text-align:center; max-width:600px; margin: 10px auto;} .social a { text-decoration: none !important; display: block; float:left; height: 30px; width: 30px; margin: 14px 10%; font-family: FontAwesome; font-size:40px; color:#333333; transition:all 0.3s ease 0s;} .social a:hover {color: #009982; margin: 7px 10%; } .social a.blog { background: url(/skin/icon-haas.png); background-size:100% 100%; width:50px; height: 50px; margin:7px 8% 0px} .social a.blog:hover { background: url(/skin/icon-haas-hover.png);margin: 0px 8% 0px;} .share { background: none /*url(/skin/bg_share.jpg) no-repeat left top*/;} .share_h { font-size: 0; } /******************* ROTARY FIT CONFIGURATOR ***********************/ .rotary_fit h1, .rotaryfit h2, .rotaryfit h3, .rotary_fit p strong {text-transform: uppercase;} .checkmark { background: #606162; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; color:#fff; display:inline-block; font-family: Arial,sans-serif; font-size: 13px; margin: 9px auto; padding: 4px 10px 0 17px; text-shadow: none; } .checkmark img { margin: -3px 0 0 3px; float:left; } table.tableform.preowned.rotaryfit a:hover {opacity: 0.85; font-weight:normal;} .fa-stack {margin: -5px 0 0 -17px;} .fa.fa-circle.fa-stack-2x {font-family: FontAwesome; font-size: 2em;} .fa.fa-check-circle.fa-stack-1x {font-family: FontAwesome;font-size: 1.4em; margin: 0px 0 0;} .fa.fa-check-circle.fa-stack-1x.yellow {color: #dedd1f;} .fa.fa-check-circle.fa-stack-1x.green {color: #9ACA37;} #contbody .wrapper.rotaryfit {margin: -22px auto 30px;} table.tableform.rotaryfit th {background: #35383F;text-shadow:none;padding:0; vertical-align:top;} table.tableform.rotaryfit th.yellow {background: #DDDB18; color:#464545;text-shadow:none;} table.tableform.rotaryfit th.green {background: #039922;} table.tableform.rotaryfit thead th {background: #676565; font-weight:normal;color:#D1CFCF;margin:0 5px; padding: 10px;font-size: 1.2em; } span.rotaryfit_product a{font-size:16px;color:#626161;font-weight:600;text-align:left;padding:10px 15px 10px 81px;text-shadow:none;} table.tableform.rotaryfit p{padding:0;text-align:left;margin:10px 20px;font-family: 'Source Sans Pro', sans-serif;} table.tableform.preowned.rotaryfit td{padding:0px; vertical-align:middle;} table.tableform.preowned.rotaryfit.details td {vertical-align:top;} table.tableform.preowned.rotaryfit{margin-bottom:0px;} ul.rotary_fit li{text-align:left;font-size:.9em;font-family: 'Source Sans Pro', sans-serif;} table.tableform.preowned.rotaryfit ul.rotary_fit a{display:inline;color:#333;text-decoration:underline;} table.tableform.preowned.rotaryfit ul.rotary_fit a:visited{color:#333;} table.tableform.preowned.rotaryfit ul.rotary_fit a:hover{color: #666;font-weight:normal;} table.tableform.rotaryfit h4{margin:10px;font-family: 'Source Sans Pro', sans-serif;line-height:95%;} table.tableform.rotaryfit h3{font-size:13px;line-height:1.2em;margin-right:5px; font-weight:600;} table.tableform.rotaryfit h1{margin-bottom:0px;line-height:95%;} table.tableform.rotaryfit h2{margin-top:5px;line-height:95%;} table.tableform.rotaryfit tr.rotary_nofit td{background-color:#c00; font-size:14px;padding:9px;color:#fff;text-shadow:none;} div.rotaryfit_link {position:absolute; top:230px;} span.gray_text{color:#666;} table.tableform.rotaryfit ul.rotary_fit p{margin:0;padding:0;} div.startdesc.rotary_fit{font-family: 'Source Sans Pro', sans-serif;} div.startdesc.rotary_fit h2{margin:6px 0;} div.startdesc h3{color:#fff} #pboard div.startdesc.rotary_fit h1{line-height:1.2em;} select.inputs.rotary_select{font-family: 'Source Sans Pro', sans-serif;font-size:15px; margin: 0px 0 23px;width: 100%;} table.tableform.rotaryfit h2 {font-size:20px;padding-top:15px;margin-bottom:3px;line-height:.9em;font-weight: 600;} table.tableform.rotaryfit h2.rotaryfit_product {color:#C4C4C4;} table.tableform.rotaryfit h2.rotaryfit_fit{color:#9aca37;} table.tableform.rotaryfit h2.rotaryfit_caution{color:#F4F304;} table.tableform.rotaryfit img.rotary_table{width:90%;} table.tableform.rotaryfit img.rotary_table.group3, table.tableform.rotaryfit img.rotary_table.group4 {width:80%;} /******************* EXPLORE / BUILD LINKS ***********************/ div.quick_links{margin:5px 0 40px;padding:0;width:100%; } .explore_button, .build_button{ width: 48%; border: 1px solid #CECECE; margin: 0px; padding: 5px 0px 0px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-family: 'open sans',Helvetica,Arial,sans-serif; height: 20px; text-align: center; float:left; } .explore_button{float:left;} .build_button{ float:right; } div.travels_price{font-size:13px;color:#333;font-weight:200;margin:10px 0 25px 2px;max-width:173px; min-height: 50px;} div.travels_price span{font-size:14px;font-weight:400;color:#444;} div.quick_links a:link{color:#666; padding-top: 9px;} div.quick_links a:visited{color:#666;} div.quick_links a:hover{background:#009982;color:#fff;} div.quick_links a:active{background:#009982;color:#fff;} /****************************** RESPONSIVE SECTION *******************************/ /*********************************************************************************/ @media only screen and (max-width: 1320px){ .wrapper.page {padding: 20px 30px!important; } } @media only screen and (max-width: 1260px){ .wrapper-pboard { max-width:initial; margin: 0 auto; padding: 0 35px; } #contbody-title .wrapper, #contbody-nopb .wrapper { padding: 0px 35px 35px;} .navi_b ul{padding: 0 1.5%;} .contbody_rcolumn {width: 81%;} .gallery_product li {padding: 0 3.35% 0 0;} .toggle_cont-res.customers div.fourths {width:171px;} } @media only screen and (max-width: 1190px){ .contbody_rcolumn {width: 70%;} .gallery_video li, .gallery_download li { margin: 0 5% 22px 0; width: 20%;} .gallery_product li {padding: 0 3% 0 0;} .half.rotrep select {margin: 15px 0px; float:left; } } @media only screen and (max-width: 1100px){ div#hfo-contact-overlay { left: 35%;} #pboard.slider div.inset { margin: 30px 0;} #pboard div.wrapper-pboard div.startdesc { margin: 30px 0; width: 48%;} .rotaryfit div.wrapper {margin: 0 35px;} .navi_b ul{padding: 0 1%;} } @media only screen and (max-width: 1040px){ .navi_b ul{padding: 0 0.70%;} .product_text { height: 83px;} .pl-disclaimer {width: 100%; margin: 0; position: relative;} .pl-rmb {width: auto; background-color: #bb3638; padding: 9px 10px;} .pl-usd {width: auto; background-color: #313131; padding: 9px 10px;border:none;border-top:1px #fff solid;} img.icon-usd {margin:10px;} .optsdropd {float:left; width: 100%;} } @media only screen and (max-width: 1024px){ #pboard, #contbody-title { top:35px; } #contbody.nopboard { margin-top:35px; } .currencyform { padding: 5px 0; width: 100%; min-width: initial; border-radius:0px; top: 74px; right: 0px;} .currency-usd, .currency-rmb {border-radius:0px; } .currency-usd.active, .currency-rmb.active {background-position: 10% 3px;} #contbody-nopb {margin-top: 50px; } div#hfo-contact-overlay { z-index:5; display: block; float:left; position: absolute; width:100%; right:0; left: 0; top:75px; height: 48px; text-align:center;} div#hfo-contact-overlay img {margin:0; height:100%; float:none;} } @media only screen and (max-width: 984px){ .bgTop {height: 400px;} #contbody-title { margin:0px auto 0;} #contbody-title.productbody {width:100%; margin:-31px auto 0;} #contbody-nopb {padding: 0;} .title#productspec {margin: 0px 0px 0px 0px;} .rotaryrepair h2 {height: 35px;} .formlbl.sm {width: 57%; } .navi_b ul{padding: 0 0.5%;} div.navi_b {margin: 14px 0 0 15px} } @media only screen and (max-width: 967px){ .bgTop.starttop{height: 81px; } .headerlink_top {top:37px;} #pboard.slider-home {margin:138px auto 0px;} .race-stats {width: 87%; margin: 0 0 0 12%;} .container-top { height: 0px;} .container-top.nopb.nomenu { height:86px; background: none; } #contbody-nopb.nopboard.nomenu {margin-top:0px;} .container-top.nopb.nomenu { max-width: 1008px; position: relative; margin-left: auto; margin-right: auto; width: 100%; height:83px; background: none; } #pboard {margin: 0px auto 0px; } #pboard.slider.page {margin: 0 0 22px; } #shadow-slider { width: 95%; } .nopboard.nomenu {background: url(/skin/bgC.jpg) repeat; padding-top: 1px !important; box-shadow:0 6px 3px -4px black inset;} .contbody_lcolumn { width: 72%; } .icon_tools.inline { width: 94%;} .prodoverview {width:72%; } .prodtoggles{width:100%;} .grn h1 {padding: 0 0 0 41px;} .promo_option { width: 31%; margin: 5px 5px 0px 5px} .promo_home a { height:auto; padding: 12px 0 0 15px;} .more_info {margin: 0 0 16px;} .contbody_rcolumn { margin-left: 1%; width: 71%;} .gallery_product ul { width: 100%; margin: 0px; } .gallery_download ul, .gallery_video ul { width: 100%; margin: 0px 0px 0px 0px; } .gallery_video li, .gallery_download li { margin: 0 5% 10px 0; width: 28%;} .gallery_product li{ padding: 0 2% 0 0;} .gallery_product li.blank, .gallery_download li.null, .gallery_video li.null, li.blank {display:none;} li.last { padding-right: 3.5%;} .navi_b ul { width: 15%; } .vid-frame {width: 60%; max-width: 560px; } } @media only screen and (max-width:930px) { .bgTop { height: 138px; } #tab-ext { visibility: hidden; display:none;} table.tableform.preowned td, table.tableform.preowned th {width: auto; margin:0px; padding: 8px 4px; font-size: .9em;} table.tableform.preowned.col7 td+td {width: auto;} table.tableform.preowned.col7 td+td+td {width: auto;} table.tableform.preowned.col7 td+td+td+td {width: 150px} table.tableform.preowned.col7 td+td+td+td+td {width: auto;} table.tableform.preowned.col7 td+td+td+td+td+td { width: auto; } table.tableform.preowned.col7 td+td+td+td+td+td+td {width: auto; max-width: initial; min-width: initial;} span.rotaryfit_product a{font-size:14px;padding: 6px 15px 6px 34%;} table.tableform.rotaryfit tr.rotary_nofit td{font-size:10px;} .half.rotrep p {font-size: 1.2em; margin: 0 15px 0 0;} } @media only screen and (max-width:890px) { ul.styleNo.dividehfoCN li {width:45%; padding-right: 8%; } #pboard .startdesc { top: 0; width:37%;} #pboard .desc {top:0;} #pboard h1 {margin: 5px 0;} #pboard p {line-height: 1.4em;} .toggle_cont-res .block.preowned { padding: 0 5px;} .toggle_cont-res .block.preowned p { padding: 0 15px} .input_text.bg1 { width: 89%;} .formlbl { line-height:1.5em;} .prodoverview, .contbody_lcolumn {width: 68%;} div.navi_b { line-height: 1.4em;} .explore table {width:220px; } .explore-rt {width: 160px;float:right;} /*.product_baq {display:none;}*/ .baq_info {display: block;} .explore span {display: none;} .machine_detail select { width: 149px; margin: 0px 0 0 0;} select#comparespec { width: 208px; margin: 0px 0 0 0;} .half.rotrep p:first-child {max-width: 150px;} } @media only screen and (max-width:840px) { .startdesc h1 {font-size: 1.6em; margin: 15px 0;} #pboard .desc h1 {font-size: 2.2em;} #pboard p {font-size: 1.2em;} .product_text {height: 90px;} .product_text.bar h1 {font-size:2.0em;} .product_holder h2 {margin: 0 0 7px 15px;} .product_holder h1 {margin: 17px 0 2px 15px;} .product_photo { height: 380px; } .share {display:none;} .fa-print{display:none;} } @media only screen and (max-width:800px) { .tableform.specs, tableform.barspec {font-size: 1em;} .contbody_rcolumn { margin: 0 0; width: 68%; } .gallery_video li, .gallery_download li {margin: 0 12% 10px 0; width: 37%;} .fourths {width: 29%; float:left;} .news li { height:275px;} .prodoverview, .contbody_lcolumn {width: 65%;} .topleft { font-size: 17px; padding:15px;} .product_holder div.topleft h1{ font-size: 21px;} div.lightbox.video { width: 100%;} div.social { float: none; min-width: 275px; width: 275px;} .social a {margin: 7px 30px 0; height: 50px;} .social a.blog {margin: 2px 6px 0 30px;} .social a:hover {color: #009982; margin: 7px 30px 0;} .social a.blog:hover { margin: 2px 6px 0 30px;} .input_text.zips{ margin: 12px 0px 13px 0px;} /*used on finddealer*/ .button_box { margin: 0 25px 15px 0;} } @media only screen and (max-width:760px) { .news li { height:295px;} #pboard .desc h1 {font-size:2.0em; } #pboard .highprod h1 {margin-left:-30px;} .promo_home a {padding: 10px 15px 15px 15px; } .product_photo { height: 368px;} .product_text {height: 121px;} .product_video {display:none;} .icon_tools.print { display:none; } #gotomain a { display:none; visibility:hidden;} .contbody_lcolumn div.product_text {display:none;} .contbody_lcolumn div.product_photo {height:auto;} #pboard div.wrapper-pboard div.startdesc { float: none; margin: -6px auto 15px; padding: 25px 0 0; width: 100%; } #footer { background: #0F0F0F; padding: 0; min-width:100%;} div.navi_b { margin-top: 0px; margin-left: 0px; width: 100%; background:#212121; border-top: 2px #454545 solid; height: auto; padding: 20px 0px; font-size: 1.6em; } .navi_b ul { width: 85%; position: relative; padding-right: 10px; margin-bottom:0px; margin-left: 15px; margin-top:2px; float: none; } .navi_b ul li {margin-left:20px; } div.footer_b {padding-top:10px; background:#000000; min-height:85px } div.footer_b.nobg {background:none; } } @media only screen and (max-width:740px) { /*.title.nomenu {margin: 20px 17px 0 23px;}*/ #contbody {margin-top:0px;} .contbody_rcolumn { margin: 0; width: 67%; } .prodoverview, .contbody_lcolumn {width: 61%} #pboard .startdesc {width: 86%;} #pboard.slider div.inset {width: 100%; float:left; margin:7px 0 23px; } #pboard.slider div.inset.rotaryfit{margin:7px 0 23px; } /*#pboard p {display: none;}*/ .promo_option { float: left; width: 40%; margin-right:5%; margin-left:5%;} .promo_home a {padding: 12px 15px 15px 15px; } .product_holder h2 {margin-bottom: 5px;} .product_compare {display:none;} .footerLT { float: left; margin: 0 2% 0 2%; position:relative; text-align: center; width: 95%; vertical-align: top; } .footerRT { float: left; margin: 0 2% 0 2%; text-align: center; width: 95%; } .rot-pins, .rot-pins2 { margin-left: 23px;} .news li, .news li.last { width: 90%; float:none; height: auto; max-width: initial; margin: 0 auto;} .topleft { padding:10px; } span.rotaryfit_product a{font-size:14px;padding: 6px 15px 6px 8%;line-height: 108%;} } @media only screen and (max-width:660px) { #pboard .desc h1 {font-size: 2.0em!important; line-height: 22px!important;} .ebook_rotary, .ebook_lathe, .ebook_hmc, .ebook_vmc {float: right; width: 52%; } #pboard.slider img.pboardimg {width:45%; } .button.slider {font-size: 12px; padding: 1px 5px; } .button_box {width: 100%} .ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides {top: 0px!important;} .ls-bottom-nav-wrapper {height: 20px!important; background: #5e5e5e!important;} .divider h3 {margin-top: 30px;} /*.title.nomenu {margin: 20px 0px 0px 23px;}*/ .gallery .nopboard div.title { margin: 0;} .navi_s_cont {float:none; clear:both; width: 100%; margin: 0 auto; } .navi_s_cont a.promo_side:nth-child(2n) { float: right; } .navi_s_cont a.promo_side{ margin:0 0 9%; } .promo_side { width: 45%; } .navi_s_cont.start {width: 176px; margin: 0 1%; float:right; clear:none; } .side-menus{display:none;} .contbody_rcolumn { margin: 0; width: 100%; } .gallery_video li, .gallery_download li { margin: 0 7% 10px; text-align: center; width: 36%;} .product_video { top: 140px;} .half {width:98%} .toggle_cont-res .block.preowned { padding: 5px; } table.tableform.preowned td+td+td+td+td { font-weight: normal; } .exploredetail {float:left; width: 100%;} .optsdropd {float:left; width: 100%;} .prodoverview, .contbody_lcolumn {width: 60%} .half.rotrep p:first-child {max-width: initial;} .half.rotrep select {float:none;} } @media only screen and (max-width:600px) { .alignJust {text-align: left;} .ebook_rotary, .ebook_lathe, .ebook_hmc, .ebook_vmc {float: right; width: 47%; } .ebook_rotary > img, .ebook_lathe > img, .ebook_hmc > img, .ebook_vmc > img {width: 100%;} #tab-ext, .tab-pull,#contactus-tab, #contactus-tab p, .tel a { display:none; } .start_title { width: 57%;} .prodoverview, .contbody_lcolumn {width:56%;} .promo_home a {padding: 10px 15px 15px 15px; } .product_baq { position: absolute; right: 0px; bottom: 30px; height: 60px;} .product_video { top: 165px;} .third, .twothirds {width:100%} .formlbl.sm {width: 97%; } .input_text.bg1, .input_text.bg2, .textarea3 { float: left; width: 97%; margin: 2px 10px 2px 0; height:auto; right:0; } .input_text { padding: 3px 0 0;} .rotaryrepair h2 { height: auto; margin-top: 15px; } select#heDealers{ max-width: 150px; } .form_section { width: 100%;} .form_section_lg {width: 100%;} .form_label { min-width: 67px; width: 100%; } ul.styleNo.dividehfoCN li { height: initial; padding-right: 0; width: 100%; } .textareabg { width: 96%;} table.tableform.preowned td { padding: 4px 5px 3px; font-size: 10px; vertical-align: top;} table.tableform.preowned.col6 td+td+td+td+td, table.tableform.preowned.col7 td+td+td+td+td+td {font-weight: normal;} .toggle_trigger h1 { padding: 8px 0px 6px 14px; font: 400 1.2em Helvetica, "Helvetica Neue", arial_black, sans-serif;} .fourths, .toggle_cont-res.customers div.fourths {width: 43%;} .toggle_cont-res ul.divide li { width: 97%;} #HFOmap {height: 300px;} table.tableform td { padding: 5px;} } @media only screen and (max-width:568px) { body.nobg.magazine img.w670 { float: none; margin: 8px auto; position:relative; width:100%; height: auto;} .bgTop {height: 98px;} .search_box_top { top:39px; right: 12px; } .promo_option {width: 30%;} .promo_home a {padding: 10px 0 15px;} #tab-ext { margin-top: 85px; position: absolute; } .toggle_cont-res img.fl, .toggle_cont-res .imgblock.fl, body.nobg.magazine .imgblock.fl, body.nobg.magazine img.fl { float: none; margin: 8px auto; position:relative; width:100%; height: auto;} .toggle_cont-res img.fr, .toggle_cont-res .imgblock.fr, body.nobg.magazine .imgblock.fr, body.nobg.magazine img.fr { float: none; margin: 8px auto; position:relative; width:100%; height: auto;} .product_video { top: 410px; } .toggle_trigger h1 { font: 400 1.1em Helvetica, "Helvetica Neue", arial_black, sans-serif;} .toggle_cont-res .block.baq { padding: 10px 3px 15px; } table.tableform.baq img { width:100%; height:auto;} table.tableform.baq img:hover { width:97%; height:auto;} .toggle_cont-res .imgblock.type2 img, body.nobg.magazine .imgblock.type2 img { float: none; margin: 8px auto; position:relative; width:100%; height: auto;} .toggle_cont-res .imgblock.fl.mag {width: 58%;} .issueblock {width: 90%} .toggle_trigger .PlusMinus {right:1px; top: 15px;} #productspec.title, .cookie_crumb {display: none;} .title.nomenu {20px 0 0 0;} .prodoverview, .contbody_lcolumn {width: 55%;} .navi_s_cont.start { width: 40%; } #contbody div.wrapper.rotaryfit div.wrapper, #contbody .wrapper.rotaryfit {padding: 0px!important;} } @media only screen and (max-width:500px) { .product_baq { position: absolute; left: -16px; bottom: 0; height: 60px;} .promo_option { float: left; width: 80%; margin-right:9%; margin-left:9%;} .promo_home a {padding: 15px 15px 15px 15px; } .promo_home {margin: 18px 0px 0px 0px} #pboard p {display:none;} .title {font-size: 1.7em; padding: 0 0 10px;} .red h1 {font-size: 1.6em;} .title {/*font-size: 24px;*/ margin-left:0px;} .grn h1 {padding-left:12px;} .navi_b ul { width: 75% } .gallery_video li, .gallery_download li { margin: 0 5% 10px; width: 39%;} table.product-chart td span {font-size: 11px;} table.product-chart td.header {padding:8px 0px;} .icon_tools {margin: 0 0 0 15px;} .toggle_cont table ul{font-size: 11px; margin-left:-31px} .toggle_cont table li { line-height: 1.2em; margin-bottom: 0.3em;} .gallery_product li { padding: 0 1% 0 0;} div.social { min-width: 200px; width: 200px;} .social a.blog { margin: 2px 8px 0 7px;} .social a.blog:hover { margin: 2px 8px 0 7px;} .social a { margin: 7px 17px 0;} .social a:hover { margin: 7px 17px 0;} li.last { padding-right: 2%;} #productspec.title, .cookie_crumb {margin: 0 0 0 10px;} .product_photo { height: 308px;} .product_text {font-size: 10px; height: 145px;} .product_video { top: 425px; } .form_label {text-align:left;} .input_text {width: 94%;} .fourths {width: 100%; float:left;} table.tableform.preowned td, table.tableform.preowned th { font-size:.8em; } .baq table.tableform {margin: 0px 0 0 -20px; width: 115%;} .issueblock ul, .toggle_cont-res ul li{ max-width: 75%!important;} .prodoverview, .contbody_lcolumn {width: 51%;} .start_title {width: 100%;} .start_share {float:left; margin: 20px 0 8px} div.lightbox.video { width: 91%;} #HFOmap {height: 275px;} .half.rotrep select {float:left;} .gallery_product a p { font-size: 20px;} } @media only screen and (max-width:465px) { .product_video { top:440px} #pboard .desc a {float: none; } .ebook_vmc img, .ebook_hmc img, .ebook_rotary img, .ebook_lathe img {margin: 15px 0 5px 20px;} .toggle_cont-res.customers div.fourths{width: 100%; height:auto; } table.tableform.baq img.product { width:100%; height:auto;} .toggle_cont-res .block.baq { padding: 0px 0px 5px; } .toggle_trigger h1.narrow { width:47%;} table.tableform.preowned td, table.tableform.preowned th { font-size:.7em; } .hae select {max-width: 150px;} .grn h1 {padding-left:0px;} .gallery_product ul {margin: 0;} .gallery_product li {padding: 0; width: 100%; text-align: center; height: initial;} .gallery_product img {padding: 0; width: 100%;} .gallery_product.imperial p {max-width: 100%;} .topleft {display:none;} .gallery_video li, .gallery_download li { float: left; margin: 0; width: 47%;} .gallery_video li:nth-child(2n), .gallery_download li:nth-child(2n) { float: right; } .explore table {width: 100%; margin: 0 0;} .explore-rt {float: left; margin: 15px 0 0 0; width: 100%;} .explore h3 {display:none;} .machine_detail select {width: 100%; padding: 4px 5%;} .more_info, .baq_info {float: left; padding: 2px 5% 4px; text-align: center; width: 90%;} .baq_info i.fa-tag, .more_info i.fa-envelope { float: none; top:2px} .more_info i.fa-envelope { top:1px;} #HFOmap {height: 200px;} div.section-link p {margin-top: 12px; } .footerLT, .footerRT {float: none; text-align:center; margin: 0 auto; width: 74%; } table.tableform.rotaryfit h2 {font-size:15px;} table.tableform.rotaryfit h3 {font-size:10px;} .fa-stack { margin: -5px 0 0 -14px;} .rf-view {display: none;} div.travels_price{margin-top:10px;max-width:100%;} .explore_button, .build_button{ width: 49%; padding: 9px 0px 9px; font-size: 15px;height: 16px;} div.quick_links a:link { padding-top: 13px;} div.quick_links{margin-bottom:55px;} div.travels_price{font-size:15px;} div.travels_price span{font-size:18px;} } @media only screen and (max-width:425px) { /*a#logo-text {width:37%; margin-top:-33px; }*/ table.product-chart td span {font-size: 9px;} table.tableform.specs td, table.tableform.barspec td {padding: 10px;} table.tableform.preowned {table-layout: fixed;} .toggle_cont-res .block table {padding: 0px} .toggle_cont-res .block.baq, .block.specs, .toggle_cont-res .block.preowned { padding: 0px 0px 5px; } table.specs, table.barspec {font-size: .85em;} .toggle_cont-res ul, .toggle_cont-res ol { margin: 10px 10px 0 -20px; width: 97%;} .toggle_cont-res ul li { max-width: 100% !important;} .navi_s_cont.start {clear:both; float:left; width: 98%;} .prodoverview, .contbody_lcolumn {width: 100%; margin: 0 auto;} .more_info_s {float:left; margin: 0 0 0 -13px; padding:0; width: 100%;} .product_holder h2 { font-size: 1.7em;} .product_photo { height: 268px;} .product_text {width: 90%; line-height:18px;} .product_video { top:470px} .explore_cont ul.options { width: 100%; } .explore_cont ul.options li { max-width: 420px; } .gallery #contbody-title .wrapper {padding: 0 5% 35px;} .gallery .wrapper-pboard { padding: 0 20px;} #pboard .desc1 h1 { font-size: 2.3em; margin: 10px 0 -11px;} div.gallery_download p {height: 25px;} div.gallery_download ul li:nth-child(6) a.thumb p {height: 19px;} .center270 {width:100%; } select.inputs.rotary_select{font-size:13px;} select#intDealers {max-width: 80%} .navi_s_cont a.promo_side:nth-child(2n) { float: none; } .navi_s_cont a.promo_side{ margin:0 0 9%; float: none; } .promo_side { width: 100%; } .input_text.zips { margin: 12px 35px 13px 0;} .zip-search {margin:0px 0 0 0px;} .product_360 { right: 2px; top: 0;} } @media only screen and (max-width:388px) { #pboard .desc h1 { font-size: 1.5em!important;} div#hfo-contact-overlay img {width:95%; height:auto;} .gallery_video li { float: none; width: 55%; margin: 0 auto;} .gallery_download li { float: none; width: 100%; margin: 0 auto;} .gallery_video li:nth-child(2n), .gallery_download li:nth-child(2n) { float: none; } .search_box_top { width: 217px;} .product_photo { height: 234px;} .product_video { top:500px;} table.product-chart td span {font-size: 8px;} .toggle_cont-res .imgblock.fl.mag {width: 100%;} .issueblock {width: 100%} .gallery_video.race a img {width: 100%; height: auto;} .gallery_video.race li { width: 100%; min-height: 250px;} .button_box b {margin: 15px 0 -28px 58px; float:left} .half.rotrep p:first-child{max-width: 150px;} } @media only screen and (max-width:360px) { .promo_home a {padding: 10px 15px 15px 15px; } } .dede_pages{ } .dede_pages ul{ float:left; width:960px; margin-top: 20px; font-size: 15px; } .dede_pages ul li{ float:left; font-family:Tahoma; line-height:17px; margin-right:6px; list-style-type:none; } .dede_pages ul li a{ float:left; color:#adafaf; } .dede_pages ul li a:hover{ color:#009982; text-decoration:none; } .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ color:#009982; font-weight:bold; } .dede_pages .pageinfo{ float:right; line-height:21px; color: #009982; } .dede_pages .pageinfo strong{ color: #009982; font-weight:normal; margin:0px 2px; }