/* * Site Built by www.terrybarthdesign.com */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/2F4E63"); @font-face {font-family: 'HelveticaNeueLTStd-Md'; src: url('../../assets/fonts/2F4E63_0_0.eot'); src: url('../../assets/fonts/2F4E63_0_0.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/2F4E63_0_0.woff2') format('woff2'), url('../../assets/fonts/2F4E63_0_0.woff') format('woff'), url('../../assets/fonts/2F4E63_0_0.ttf') format('truetype');} @import url("//hello.myfonts.net/count/2F4E63"); @font-face {font-family: 'HelveticaNeueLT-Black'; src: url('../../assets/fonts/2F4E63_1_0.eot'); src: url('../../assets/fonts/2F4E63_1_0.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/2F4E63_1_0.woff2') format('woff2'), url('../../assets/fonts/2F4E63_1_0.woff') format('woff'), url('../../assets/fonts/2F4E63_1_0.ttf') format('truetype');} @media all{ /* CSS Document */ @charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size: 13px; font: inherit normal 100% inherit; color: #000; /* #58595b */ } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: transparent; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } sub, sup {font-size: 50%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} a sup {color: #fed02f} li.active > a sup {color: #fff;} h1 sup {color: #1c2a35;} h2 sup {color: #219cdc} body{font-size: 14px; font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif; margin:0; width:100%; background-color: #ccc;} p, a, li {line-height: 1.35em; font-size: 17px; } .sidebar p, .sidebar a, .sidebar li {line-height: 1.35em; font-size: 15px; } h1, h2, h3, li h3, h4 {line-height: 1.1em; color: #1c2a35; font-weight: normal; font-family: HelveticaNeueLT-Black, Arial, Helvetica, sans-serif; font-weight: normal;} #template11 h1, #product-info h1 {font-size: 3em; line-height: 1em; padding-top: 15px;} #product-info h2 {color: #219cdc; font-size: 2.25em; line-height: 1.25em; padding: 0 0 10px 0;} #dropdownmenu ul li a {font-size: .7em; font-weight: normal;} #template4 h1 span {color: #0099CC; font-size: 1em; line-height: 1.2em; display: inline-block;} a {color: #219cdc; text-decoration:underline; } a:hover { text-decoration:none;} section, header,footer,nav { display:inline-block; clear: none;} section#slideshow-container {display: block; padding: 0;} img {border:0; vertical-align:top; } #page177 p img {width: 100%; height: auto!important; } p.responsive img, .responsive {width: 100%; height: auto!important; max-width: 100%;} form, fieldset {border:0; padding:0; margin:0; } #page1 h1 {font-size: 1.9em;} h1 {font-size: 2.5em; margin:0 0 0.15em; text-align:left; border-bottom: 1px solid #1c2a35; padding-bottom: .4em; margin-bottom: .35em;} #page1 h2:n-of-type(1) {margin:0 0 0.15em; text-align:left; border-bottom: 1px solid #0055b8; padding-bottom: .4em; margin-bottom: .5em;} h2 {font-size: 1.95em; margin:0 0 0.15em; text-align:left; } h2 a {text-decoration: none; font-size: 1em; color: #1c2a35;} h3 {font-size: 1.25em; margin:0 0 0.15em; text-align:left;} li h3 {font-size: .9em;} ol, ul { padding:0; margin: 1em 1.5em; list-style:none outside; } ul li {list-style-type: disc;} ol li {list-style-type: decimal; } li {padding:0 0 0.5em 1.5em; margin: 0;} p {margin:0 0 1em;} hr {color:#1c2a35; background-color:#1c2a35; height:1px; border:none; margin: 1em 0; clear: both;} p span strong, strong, span {font-size: 17px;} .more {float: right; display: inline-block;} .imageright {float: right; margin: 15px 0 5px 10px; } .imageleft {float: left; margin: 5px 15px 5px 0; } .readmore {text-align: right; text-decoration: underline;} body#tinymce {background-color: #fff;} .accordioncontent.pdf a {padding: 8px 0 5px 40px; display: inline-block; float: none; margin: 0 8px 25px 0; line-height: 40px; background: transparent url(../../assets/sitegraphics/pdf-icon.png) no-repeat 0 5px;} .accordioncontent.dwg a {padding: 0px 0 5px 40px; display: inline-block; float: none; margin: 0 8px 25px 0; line-height: 40px; background: transparent url(../../assets/sitegraphics/dwg-icon.png) no-repeat 0 0;} .accordioncontent.video a {padding: 13px 0 5px 40px; display: inline-block; float: left; margin: 0 8px 25px 0; background: transparent url(../../assets/sitegraphics/video-icon.png) no-repeat 0 0px;} .image25 {width: 25%;} .image33 {width: 33%;} .image50 {width: 50%;} .image75 {width: 75%;} .justifyright {text-align: right;} .justifyleft {text-align: left;} form, fieldset {padding:0; margin:0; border:0; } .center {width:100%; margin:0 auto; } .hidden {display:none;} .box-main:after, .center:after {content:""; clear:both; display:block; } .right {float:right;} .left {float:left;} .alignLeft {float:left; margin-right:1em; } .alignRight {float:right; margin-left:1em; } .fullWidth{width:100%;} .fullWidth img{width:100%;} .row { padding:1em 0; width: 100%; } .row:after {content:""; display:block; clear:both; } .formRow {width:100%; margin:0 0 1.5em; } .formRow:after {content:""; display:block; clear:both; } .textField {width:100%; overflow:hidden; border:0px solid #505a68; font-weight:bold; padding:0.5em; /* -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } input, textarea, select {display:block; background:#fff; font:1em/1.214em Arial, Helvetica, sans-serif; /*14px/17px*/ color:#444; width:100%; padding:0.75em 1.5em; border:1px solid #505762; margin:0; resize:none; text-transform: capitalize; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } textarea {text-transform: none;} .form-buttons input , .textField submit {width: 95px;} :-moz-placeholder {color: #444; } .form-buttons input:hover {color: #fff;} .form input[type="checkbox"] {width: 20px; display: inline-block; border: 0; padding: 0;} textarea {overflow:auto; height:10.812em; } * +html input, * +html textarea, * +html .textField {width:99%; padding:0; } ::-webkit-input-placeholder { color: #444; } :-moz-placeholder {color: #444; } .columns {width:100% } .columns:after {content:""; display:block; clear:both; } .columns > div {float:left; vertical-align:top; } .half {width: 48.0%; margin-right: 1%; float: left;} .oneThird {width:32%; margin:1%; float: left;} .twoThird {width:64%; margin:1%; } .oneSixth {width: 16%; margin: 0 1% 0 0;} .fiveSixth {width: 80%; margin: 0 1% 0 0;} .columns > div:first-child, .columns > article:first-child {margin-left:0;} /* .oneThird +.oneThird +.oneThird, */ .threeForth + .oneForth, /*.oneForth + .half, */ .half + .oneForth + .oneForth, /* .last {float:none; margin-right:0; } */ .oneForth {width:23%; margin-right: 2%;} .threeForth{width:74.5%;} /* background: transparent url(../../assets/sitegraphics/white-background.jpg) repeat-y right 0% ;} */ /*main styles*/ .pagewidth {max-width: 1230px; margin: auto; padding: 0;} #header {padding: 0px 3%;} #social {float: right; clear: right; margin-top: 10px;} #share-this span {height: 2em;} #share-this .stButton {padding-bottom: 3em;} .sidebar {width: 20%; padding: 30px 1.5% 0; } .submenu ul {padding-bottom: 50px; margin-left: 0; } .sidebar ul ul {padding-bottom: 0; margin-left: 1em;} .sidebar #menu-item-46 {display: none;} #content #header-image-nav {border-left: 1px solid #fff; padding: 0;} #content { width: 80%; padding: 0; float: left;} #content section {padding: 0 3%;} .pagewidth {background-color: #1c2a35 /*#0055b8*/; border-top: 5px solid #1c2a35;} #header, #content {background-color: #fff; display: inline-block;} #content {float: right; clear: none; border-top: 30px solid #1c2a35;} #videos .oneThird {clear: left;} .sidebar {float: left; clear: left; -webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box;} .sidebar li, .sidebar a {color: #fed02f;; text-decoration: none;} .sidebar p {color: #fff; padding-left: 20px;} .sidebar h2 {color: #fff; font-size: 1.5em; padding-left: 10px;} #sidebar-news {margin: 2em 0;} .sidebar .news-item { padding: .5em;} .sidebar .news-item span { color: #fed02f;} #footer {margin: 0 0 -1px; color: #fff;} #footer li {color: #333; margin-left: 1em; padding-left: 0em; /* list-style-type: none; background: transparent url(../../assets/sitegraphics/footer-bullet.jpg) no-repeat left 3px; background-size: 10px; */} #footer p {color: #333; margin: 0;} #footer a {line-height: 1.5; text-decoration: none; color: #333; display: inline-block;} #footer ul {border-left: 2px solid #fff; padding: 1em 0 0 1.5em;} #footer .oneThird {width: 38%; padding-left: 1%; margin: 0;} #footer .oneThird:nth-of-type(1) ul {border-left: 0;} #footer .oneThird:nth-of-type(1) {width: 22%; /* padding-left: 2%; */} #footer .oneThird:nth-of-type(1) ul {margin-left: 0;} #copyright {display: block; background-color: #1c2a35 /*#219cdc*/; text-decoration: uppercase; line-height: 44px; font-size: 1.1em; width: 100%; text-align: right;} #blog-updates {margin-top: -10px;} #blog-updates p {color: #808285;} #subscribe input {text-align: center; } #subscribe .form-buttons {width: 100%;} #subscribe input[type="submit"] {width: 100%; background-color: #219cdc; color: #fff; margin: 1em 0; border: 0;} #subscribe input:hover {cursor: pointer} #social img {width: 37px;} #social a {text-decoration: none;} #rss-subscribe {margin-top: 1em;} #rss-subscribe input[type="submit"] {width: 100%; background-color: #0079AA; color: #fff; margin: 1em 0; border: 0;} #rss-subscribe input[type="submit"]:hover {cursor: pointer;} #usa {width: 150px; margin-top: 2em;} #logo {width: 600px; margin-right: -500px; } #logo img { width: 100%; margin-right: -500px; display } #announcement {clear: both; padding: 1em 0; margin: 0 10%;} #header {background: #e0e0e0; padding-bottom: 0px; border-bottom: 20px solid #fed02f;} #header {background: transparent url(../../assets/sitegraphics/Velo-Header_OverwindOnly.jpg) no-repeat 0 0; background-size: cover;} h2.jobtitle a {color: #219cdc; margin-bottom: 1.0em; border-bottom: 1px solid #219cdc; font-weight: normal; font-size: .8em; display: inline-block;} h2.jobtitle a:hover {color:#000;} /* h2.jobtitle a:after {content: "Learn More"; font-size: .5em; padding: 0 15px;} */ .header-phone {float: right; color: #219cdc; font-size: 2em; padding: 15px 0 0 30px; margin: 0; /* background: transparent url(../../assets/Banners/telephone.png) no-repeat 5px 20px; background-size: 23px;*/ line-height: 35px;} #searchform {margin-top: 1em; position: relative; float: right; clear: right; max-width: 300px; width: 35%;} #searchform input {padding: 0; font-size: 1.3em; padding: .3em; height: 32px; border: #0055b8 solid 0px; background-color: #A7A9AC; width: 100%; max-width: 300px; color: #fff!important;} #searchform #searchbutton {width: 64px; height: 31px; padding: 0; position: absolute; top: 1px; right: 1px; border: 0; background-color: #0055b8; color: #fff; text-align: center;} ::-webkit-input-placeholder {color: #666; opacity: 1;} :-moz-placeholder {/* Firefox 18- */ color: #666; opacity: 1;} ::-moz-placeholder { /* Firefox 19+ */color: #666; opacity: 1;} :-ms-input-placeholder {color: #666; opacity: 1;} #page84 .imageleft {width: 150px!important; height: auto!important;} #page84 h3 {margin-left: 175px; } #page84 #content .columns ul {margin-left: 200px; } #page84 #content .columns ul li {margin: 0; } #page84 #content .columns ul ul {margin: 0;} #page84 #content #footer .columns ul {margin: 0;} #dropdownmenu-click {padding-left: 0px; clear: both; width: 100%; margin-bottom: 0; background-color: #1c2a35 /*#0055b8*/; text-align: center; } .nav, nav {position: relative;} .clicked-dropdown {display: block;} .navbar {background: transparent; overflow: hidden; padding: 0; margin: 0;} .navbar li { list-style-type: none; display: inline-block; float: none; padding: 0; text-align: center; line-height: 1em; width: auto; margin: 0; line-height: 50px; } .navbar li:hover {cursor: pointer; } .navbar a {color:#fff; margin: 0; text-transform: uppercase; padding: 0 1em; text-decoration: none; text-align: center; width: 100%; display: inline-block; font-weight: normal; font-size: .9em; } .navbar .dropdown-menu .dropdown-inside {color: #fff; z-index: 200; background: transparent url(../../assets/sitegraphics/menu-background.png) repeat 0 0; } .navbar li:hover, .navbar a:hover, .navbar li.active {background-color: #1c2a35;} .navbar .dropdown-menu .dropdown-inside { display: none; top: 50px; overflow: hidden; padding: 0; position: absolute; width: 200px; margin: 0;} .navbar .dropdown-menu:hover .dropdown-inside {display: block;} .navbar .dropdown-menu .dropdown-inside li {width: 100%; display: inline-block; float: none;} .navbar .dropdown-menu .dropdown-inside li a {line-height: 1.1em; padding: 10px 20px; } /*** Sidebar Menu***/ .sidebar-menu input[type=checkbox] { /* hide native checkbox */ position: absolute; opacity: 0; } .sidebar-menu label, .sidebar-menu a { position: relative; display: block; padding: ; text-transform: uppercase; color: #fed02f; font-size: .9em; } .sidebar-menu {padding-left: 20px;} .sidebar-menu {margin: 0;} .sidebar-menu label, .sidebar-menu > li {padding: 0; margin-bottom: 1em;} .sidebar-menu label:hover, .sidebar-menu li:hover, .sidebar-menu a:hover {cursor: pointer; color: #fff;} .sidebar-menu li.active a {color: #fff;} .sidebar-menu li.active li a {color: #fed02f;} .sidebar-menu li.active li.active a {color: #fff;} .sidebar-menu li ul { /* by default hide all sub menus */ display: none; } /* .sidebar-menu li.active ul { display: block; } */ .sidebar-menu input[type=checkbox]:checked + label, .sidebar-menu input[type=checkbox]:checked + a {color: #fff;} .sidebar-menu input[type=checkbox]:checked + label + ul, .sidebar-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; /* background-color: #219cdc; */ color: #fff; padding: 10px; margin: 0; } .sidebar-menu .open {display: block;} /*** End Sidebar Menu ***/ .sidebar li, .submenu li {list-style-type: none; padding-left: 0;} .submenu li.active a {color: #fff;} .submenu li.active li a {color: #fed02f;} .submenu li.active li.active a {color: #fff;} a.request-quote {background-color: #219cdc; padding: 10px 10px; margin-top: 5px; width: 185px; text-decoration: none; text-transform: uppercase; color: #fff; text-align: center; display: block; font-size: 1.5em; float: right; clear: right;} #link-to-other {display: none;} .slicknav_menu {display:none;} .slicknav_btn {position: relative; display: block; vertical-align: middle; float: left; padding: 0.431em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.25em; height: 0.25em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block; padding: 0; font-size:16px;} .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* Button */ .slicknav_btn {margin: 5px 5px 6px; text-decoration:none; background-color: #fed02f;} /* Button Text */ .slicknav_menu .slicknav_menutxt {color: #FFF; font-size: 18px; font-weight: bold;} /* Button Lines */ .slicknav_menu .slicknav_icon-bar {background-color: #f5f5f5;} .slicknav_menu { background:#219cdc; padding:0px;} .slicknav_nav {color:#fff; margin:0; padding:0; font-size:0.875em;} .slicknav_nav, .slicknav_nav ul {list-style: none; overflow:hidden;} .slicknav_nav ul {padding:0; margin:0 0 0 0;} .slicknav_nav .slicknav_item {padding:5px 10px; margin:2px 0;} .slicknav_nav a {font-size: 16px; padding:5px 10px; margin:2px 0px; text-decoration:none; color:#fff;} .slicknav_nav li ul li a {padding-left: 25px;} .slicknav_nav a span {color: #fff; font-size: 1em;} .slicknav_nav .slicknav_item a {padding:0; margin:0;} .slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover {background: transparent url(../../assets/sitegraphics/menu-background.png) repeat 0 0; color:#fff; } .slicknav_nav a:hover{} .slicknav_nav .slicknav_txtnode {margin-left:15px; } .slicknav_nav ul li.last {float: none; } .slicknav_nav > a {padding-left: 45px;} /* Cycle2 Slideshow */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cycle-1 div { width:100%; } #slideshow-1 .cycle-slide { visibility: hidden; } #slideshow-1 div.slide1 img { display: block } #slideshow-1 { width: 100%; margin: auto } #slideshow-1 .caption {position: absolute; bottom: 0; background-color:rgba(255,255,255,0.85); color: ##0079aa; display: block; z-index: 11000; padding: 2%;} #slideshow-1 .caption {line-height: 1.2em; display: table;} #slideshow-1 .cycle-slide h1 { color: #0079aa; display: block; width: 100%; margin: 0 .25em .1em 0; line-height: 1.2em; font-size: 2em;} --#slideshow-1 .caption span {display: table-cell; vertical-align: middle;} .cycle-slideshow img { width: 100%; height: auto; display: block;; } #slideshow-2 { width: 100%; margin: 30px 0 0; background-color: #fff; } #slideshow-2 .cycle-slide { margin-right: 10px; } #slideshow-2 .cycle-slide-active { color: #0079aa;} #slideshow-2 .cycle-slide { display: table; padding-bottom: 3em; overflow: visible; cursor: pointer; text-align: center;} #slideshow-2 .cycle-slide img {display: table-cell; vertical-align: top; height: 139px; } #slideshow-2 .cycle-slide .pager-title { font-weight: bold; margin-top: 5px; max-width: 110px; display: inline-block; float: left; clear: left; text-align: center;} #slideshow-2 .cycle-carousel-wrap .pager-title {white-space: normal!important; } .cycle-next, .cycle-prev {font-size: 250%; font-weight: bold; padding: 0 13px; text-decoration: none; } .cycle-next img, .cycle-prev img {width: 65%;} .cycle-next {float: right; margin-left: 10px; margin-top: 30px;} .cycle-prev {float: left; margin-right: 10px; margin-top: 30px; } #slideshow-2 .disabled {background-color: #ccc;} #slideshow-2 .cycle-slide-active .pager-title {color: #0079AA; } /*** Job Summary ***/ .summaryitem {margin-bottom: 40px; clear: both; width: 100%;} .summaryitem a.thumb, .summaryitem p.thumb {width: 30%; display: inline-block; float: left; max-width: 200px; margin-right: 35px;} .summaryitem a.thumb img, .summaryitem p.thumb img {float: left; margin: -2px 20px 10px 0; /* padding: 5px; border: 1px solid #000; */ width: 100%;} .summaryitem a.read-more {background-color: #eb7923; text-decoration: none; text-decoration: none; padding: 3px 15px; display: inline-block; color: #fff; border: 2px solid #eb7923; float: right;} .summaryitem a.read-more:hover {background-color: #fff; color: #eb7923; border: 2px solid #eb7923;} .summaryitem h2 {text-transform: uppercase;} /* .news-item:nth-of-type(1), .product-item:nth-of-type(1) {margin-top: 20px;} */ #page14 h1, #page15 h1, #page16 h1, #page19 h1, #page25 h1 {background: transparent url(../../assets/sitegraphics/barracuda-logo.jpg) no-repeat scroll 0px 10px; padding: 17px 0 37px 30px; background-size: 75px;} .homepage-headline, #template4 #news-summary > h2 { margin:0 0 0.15em; text-align:left; border-bottom: 1px solid #219cdc; padding-bottom: .4em; margin-bottom: .35em;} #product-46, #product-47 {display: none;} .oneSixth {float: left;} .oneSixth img {width: 100%; margin-top: 5px; } .oneSixth, .fiveSixth, .news-item, .product-item {padding-top: 20px; padding-bottom: 10px; } .news-item h2, .news-item span {display: inline-block; line-height: 1.1em;} .news-item .oneSixth, .news-item .fiveSixth {padding: 0;} .news-item .fiveSixth {float: right;} .product-item {width: 100%; padding-left: 175px;} .product-item h3 {color: #58595B; line-height: 1.75em;} a.product-thumbnail { float: left; margin-left: -175px; margin-right: 1.5em;} a.product-thumbnail img, .no-links .product-image { float: left; width: 100%; width: 150px; } .no-links .product-image {margin-left: -175px; margin-right: 1.5em;} div.news-item:first-of-type {border-top: 0; margin-top: 0;} /* div.news-item:last-of-type {margin-bottom: 2em;} */ .post {margin-bottom: 1em;} .post .news-thumbnail {width: 25%; display: inline-block; float: left; margin-right: 1em;} .post .news-thumbnail img {width: 100%; max-width: 231px;} .post p img {display: none;} #subscribe-link {float: right; margin: 0 0 10px 10 px; color: #fff; background-color: #f05a29; padding: 5px; font-weight: 300; text-decoration: none;} .paging li {list-style-type: none; display: inline-block;} .paging li a {text-decoration: none;} /* vertical align content */ .vertical-align { width: 150px; height: 150px; background-color: #aaa; padding: 0px 10px; display: table; } p.vertical-align-inner {display: table-cell; vertical-align: middle; text-align: center; font-size: 13px; } /* Accordion */ div.accordionheading {float: none; cursor: pointer; display: block; ;line-height: 55px; /* padding: 0 60px; */ /*background-color: #ff772b;*/ margin-bottom: 10px; } #product-info-accordion div.accordionheading {overflow: hidden;} #product-info-accordion div.accordionheading img {width: 579px;} .accordionheading.video {background: transparent url(../../assets/sitegraphics/mov.png) no-repeat scroll 0 0; background-size: 297px 55px;} .accordionheading.image {background: transparent url(../../assets/sitegraphics/jpeg.png) no-repeat scroll 0 0; background-size: 297px 55px;} .accordionheading.spec {background: transparent url(../../assets/sitegraphics/pdf.png) no-repeat scroll 0 0; background-size: 297px 55px;} .accordionheading.dwg {background: transparent url(../../assets/sitegraphics/dwg.png) no-repeat scroll 0 0 ; background-size: 297px;} .spec-video {text-decoration: none;} .accordionheading h2 {cursor: pointer; float: none; } .accordionheading p {display: inline-block; margin: 0; color: #fff; } .accordioncontent { display: block; padding-left: 10px; } .accordioncontent .accordionheading {padding: .25em 0 .25em 3px;} .accordioncontent.photos img {width: 150px; border: 1px solid #ddd;} #home {width: 31px; display: inline-block; padding-bottom: 15px;} /* #contact .accordioncontent .accordionheading.open { width: 480px; } #contact .accordioncontent .accordioncontent {padding-left: 10px; width: 480px;} #contact .accordioncontent .accordioncontent .accordionheading.open { width: 470px; } #contact .accordioncontent .accordioncontent .accordioncontent {padding-left: 10px; width: 460px;} .sidebar .center {position: relative; } #contact .accordioncontent {width: 400px; z-index: 1000; background-color: #EFF0F1; position: relative; padding: 1.5em 0 1.5em 1em;} #contact .accordioncontent h3 {padding: .5em 0;} #contact .accordioncontent p {padding: 0; margin: 0; line-height: 1.5em;} #contact .accordioncontent table td:first-child, #contact .accordioncontent label {width: 85px; text-align: right; display: inline-block; font-weight: bold; margin-right: .95em; text-transform: lowercase; line-height: 1.4em;} #contact .accordioncontent input { width: 110px; padding: .25em; display: inline-block;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #contact .accordioncontent span {line-height: 1.5; display: inline-block;} #contact #contact-content .accordioncontent div {width: 100%; margin: 0 0 0em 0;} #contact #zip {margin-bottom: 1em;} #contact .accordionheading.open {width: 400px; z-index: 1000; background-color: #aaa; position: relative;} #contact-heading span {display: none;} #contact #contact-heading {background: none; margin: 21px 0 0 0; } #contact #contact-content, #contact #contact-heading {width: 100%;} #sidebar-links {margin-top: 2em;} #sidebar-links a {text-decoration: none; line-height: 2em;} #rate, #options, #container {width: 90%; margin: auto;} #rate, #options div.accordionheading {padding-left: 0;} #options h2 {margin-bottom: 1em;} #rate h3, .option-combo .accordionheading h3 {background-color: #ddd; color: #0079AA; line-height: 1em; margin: 0; padding: .5em 0 .5em 1.5em;} #rate h3 span, #options .accordionheading span {font-size: 1em; padding: 0 .1em 0 .3em; margin-left: -1.3em;} #options .closed, #rate.closed, #options .open {border: 0; background-color: transparent;} #options h3 span, #rate h3 span {color: #0079AA;} .closed .down-triangle {display: none;} .closed .right-triangle {display: inline-block;} .open .down-triangle {display: inline-block; } .open .right-triangle {display: none;} .closed {border-top: 1px solid #0079aa;} .open {background-color: #aaa; border-top: 0;} */ /* .news-item .product-image {width: 100%; } */ .product-image {float: right; width: 65%; } /* #contact .accordioncontent .closed span.down-triangle {display: none;} #contact .accordioncontent .open span.right-triangle {display: none;} #contact .accordioncontent .open span.down-triangle {display: inline-block;} .accordionheading span {color: #0079AA; font-weight: bold;} #contact .center > .accordionheading span {display: none;} #contact .center > .accordionheading {background-color: transparent; border-top: 0; width: 100%} #contact .center > .accordioncontent {padding: 0; background-color: transparent; width: 100%;} #contact-heading {border-top: 0;} #rate {border: solid 1px #ddd;} #container {border: solid 1px #ddd;} #container {float: none;} #videos .oneThird {clear: left; margin-left: 0; padding-bottom: 1em;} #service-parts-sales .oneForth, #service-parts-sales .oneThird {position: relative;} #service-parts-sales div { padding-bottom: 22%;} #service-parts-sales div img {position: absolute; bottom: 0; } #service a, #parts a, #sales a, #materials a {min-height: 260-px; display: block; text-decoration: none;} */ #product-info {padding: 30px 40px;} /* #product-info h1 + h2 {font-style: italic;} */ .key-features {padding: 0 0 0 5%;} #product-info img { float: right;} #template11 #product-info img {float: none;} #product-info li {list-style-type: disc; padding-left: 0;} /* #product-info li:before {content: ">"; font-weight: bold; padding-right: .5em; display: inline-block;} */ #product-info ul ul li {list-style-type: none;} #product-info ul ul {margin-top: 0;} #product-info ul ul li:before {content: "-"; padding-right: 5px; } #product-info img.imageleft, #product-info p.imageleft img { float: left;} #product-info img.imgcenter, #product-info p.imgcenter img { float: none; margin: auto; text-align: center;} #product-info p.imgcenter { text-align: center;} .video {margin: 1em 0 1em 15px;} #product-info-accordion {width: 100%; float: left; min-width: 300px; max-width: 579px;} /* #product-info-accordion div {border: 1px solid #ddd;} */ #product-info-accordion img {float: none; max-width: 579px; /* margin-right: 2%; margin-bottom: 2%; border: 1px solid #ccc; */} #product-info-accordion div div, /* #product-info-accordion div.closed {border: 0px; border-top: 1px solid #0079aa;} */ #product-info-accordion div.closed div {border-top: 0px; } #product-info-accordion .accordioncontent {padding: 10px 0 10px 40px;} #product-info-accordion .accordioncontent p {padding: 0; margin: 0;} #product-info-accordion .accordioncontent iframe {margin: 5px 0;} #product-info-accordion .accordioncontent .accordionheading {margin-left: -10px; padding-left: 15px; border-top: 0px; } #product-info-accordion .accordioncontent .accordioncontent {border-top: 0;} #page194 #product-info img {float: none;} /* #sales-service-parts-links {margin-top: 1.5em; float: left; clear: left; } #sales-service-parts-links a {margin-top: 1em; padding: .85em 3em .85em 4em; display: inline-block; float: left; text-decoration: none; color: #0079aa; font-weight: bold; font-size: 1.2em; text-transform: uppercase;} #service-parts-sales h2 {padding: .85em 3em;} #page41 #content h1:first-child, #service h2, #sales-service-parts-links a:nth-of-type(1) {background: url("../../assets/sitegraphics/service-icon.jpg") 0 0 no-repeat scroll } #page39 #content h1:first-child, #sales h2, #sales-service-parts-links a:nth-of-type(2) {background: url("../../assets/sitegraphics/sales-icon.jpg") 0 0 no-repeat scroll } #page40 #content h1:first-child, #parts h2, #sales-service-parts-links a:nth-of-type(3) {background: url("../../assets/sitegraphics/parts-icon.jpg") 0 0 no-repeat scroll } #page75 #content h1:first-child, #materials h2, #sales-service-parts-links a:nth-of-type(4) {background: url("../../assets/sitegraphics/materials-icon.jpg") 0 0 no-repeat scroll } #page39 #content h1:first-child {padding: .45em 0 .85em 2.25em;} #page40 #content h1:first-child {padding: .45em 0 .85em 2.25em;} #page41 #content h1:first-child {padding: .45em 0 .85em 2.25em;} #page75 #content h1:first-child {padding: .45em 0 .85em 2.25em;} #page39 #content img:first-child, #page40 #content img:first-child, #page41 #content img:first-child {width: 50%;} */ /* #left-side-form {float: left; width: 65%;} #right-side-form {float: right; width: 35%;} #more-info-form {border: 0px solid #0079AA; width: 100%; margin-bottom: 100-px;} #more-info-form .more-info-heading span {color: #fff; padding-top: 4px;} #more-info-form h2 {padding: 0; margin: 0;} #more-info-form .columns > div {width: 100%;} #more-info-form .open, #more-info-form .closed { padding: 10px 10px 5px; margin: 0 0 20px 0; border: 0; cursor: pointer; background: url("../../assets/sitegraphics/red-chevron-bar.jpg") -22px center no-repeat scroll } #more-info-form h2, #more-info-form p {color: #fff; margin: 0;} #more-info-form #left-side-form select {width: 91.5%; margin-bottom: 10px;} #more-info-form #left-side-form input, #more-info-form #left-side-form span {width: 45%;} #more-info-form input, #more-info-form span {float: left; margin: 0 8px 8px 0;} #more-info-form input[type="checkbox"] {width: 15px; margin: 0; clear: left; } #more-info-form .form-row {width: 100%; clear: left;} #right-side-form label {margin-bottom: 10px; display: inline-block; } #right-side-form input, #right-side-form span {float: left;} #right-side-form span {padding-left: 5px; margin-left: 0px; width: 90; display: inline-block; float: left; } */ #newsletter { margin: 10px 0; display: inline-block; } #newsletter label {padding-left: 5px; } #form_container { width: 50%;} #workemail {position: absolute; left: -10000px;} label {margin:0;} textarea, #form_container input {margin-top: .35em;} input[type="checkbox"] {margin-left: 20px; width: auto;} .error span {background-color: #ff772a; color: #fff; padding: .1em .5em;} .form-buttons {clear: left; margin: 15px 0; width: 65%; } .form-buttons input {background-color: #1c2a35; color: #fff; -webkit-appearance: none;} .form-buttons input:hover {cursor: pointer;} .quip-comment input {margin-bottom: 1em;} /* .contact-form #left-side-form, .contact-form #right-side-form {float: none; width: 100%;} .contact-form #right-side-form {width: 100%; display: block; padding-left: 1em;} .contact-form #right-side-form label {width: 100%;} .contact-form #newsletter {padding-left: 1em;} .contact-form #newsletter input {margin: 0 5px 10px 0; float: left;} .contact-form #newsletter label {padding: 0; margin: 0;} */ /*** Tradeshows ***/ .trade-shows-item {display: block; text-decoration: none; padding: 1em 0 1em 200px; color: #000; margin-bottom: 1em; line-height: 1.35em; font-size: 17px;} .trade-shows-item:nth-child(even) {background-color: #efefef; padding: 2em 0 2em 200px;} #trade-shows .trade-shows-item img {float: left; width: 180px; margin-left: -200px;} #footer {width:100%; overflow:hidden; background-color: #119BDF; color: #fff; margin-top: 30px;} #footer-contact {background-color: #000; color: #fff; clear: left; padding: 2.5%; text-align: center;} #footer-contact h2 {text-align: center;} #footer-contact #subscribe {padding: 0 15%;} /* #zip input[type="submit"] {width: 40px; color: #fff; background-color: #0079aa; display: inline-block; margin-left: .5em; font-size: 1em; border: 0;} table+p {margin: 0;} .contact-info {width: 95%; } .contact-info h3 {line-height: 1.5em;} .contact-info tr td {line-height: 1.5em;} .contact-info tr td:first-child { width: 75px; text-align: right; padding-right: 1em;} */ #copyright {padding: 0; margin: 0; float: right; color: #fff; clear: right;} #copyright img {width: auto!important; height: auto!important;} #message p {margin: 0;} .error_message {padding: 5px 10px!important; border-width: 2px !important; background:rgba(247,0,0,0.5) !important; margin: 0 0 15px; } .ok_message {padding: 10px 15px!important; background:rgba(57,143,20,0.5) !important; margin: 0 0 15px;} #sitemap li {list-style-type: none; line-height: 1.25em;} #sitemap ul ul {margin: .25em 0 0 2em;} #sitemap a {text-decoration: none;} #sitemap .last, .docnotfound .last {float: none; } .docnotfound li {list-style-type: none;} /* input[type="file"] {width: 50%;} input[name="update"], #page55 input[type="submit"], input[name="upload"] {width: 25%; background-color: #0079AA; color: #fff; margin: 1em 0; border: 0;} input[name="dkpass"] {width: 25%; margin: 1em 0; } #update-links {margin-top: 5em; padding-top: 1em; border-top: 1px solid #0079aa;} #update-links a {display: block; margin: 1em 0;} #update-links h3 {margin-top: 1em;} */ /* Mail Chimp */ #mc_embed_signup {background:transaprent; clear:left; font:14px Arial,sans-serif; } #mc_embed_signup form {padding: 0!important;} /* clearing */ .stretch, .clear { clear: both; height: 1px; margin: 0; padding: 0; font-size: 15px; line-height: 1px; } .clearfix:after { clear: both; height: 0; display: block; visibility: hidden; content: "."; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* end clearing */ } /* End Media Query */ @media all and (max-width: 1024px){ #form_container { width: 65%;} } @media all and (max-width: 960px){ #form_container { width: 75%;} } @media all and (max-width: 914px){ .navbar a {padding: 0 .5em;} } @media all and (max-width: 796px){ .navbar a {padding: 0 .25em;} } @media all and (max-width: 780px){ #footer ul, #footer li {padding-left: 1em;} } @media all and (max-width: 700px){ .summaryitem a.thumb {text-align: center; width: 100%; max-width: 100%;} .summaryitem a.thumb img, .summaryitem p.thumb img {width: 50%;} .summaryitem h2 {clear: both;} } @media all and (max-width: 695px){ table {clear: left; margin: 2em 0 0;} #template6 #more-info-form, .contact-form {width: 98%; max-width: 98%; float: none;} } @media screen and (min-width: 600px) { #contact .center > .accordioncontent { display: block!important; } } @media all and (max-width: 600px){ body{font-size:12px;} .columns > div, #contact, header, #product-info img.product-image, #logo, #logo img, footer, #content {float:none; margin:0; width:100%; } #footer {margin: 0;} #footer .oneThird:nth-of-type(1), #footer .oneThird {width: 100%; float: none;} #footer .oneThird ul {margin: 0 0 0 1.5em;} #footer .oneThird:nth-of-type(1) ul {margin-left: 1.5em;} #footer .oneThird:nth-of-type(2) ul {padding-top: 0;} #footer .oneThird p {display: none;} #footer-contact h2, #footer-contact p:nth-of-type(1) {color: #fff;} #content {padding: 0 ;} .oneSixth, header.row {padding: 0; width: 100%;} .oneSixth img {margin-bottom: 5px;} .center {padding: 2.5%;} #header .columns div.oneThird:nth-of-type(1), #header .columns div.oneThird:nth-of-type(2) { width: 100%;} /* -#header .columns div.oneThird:nth-of-type(2) {width: 50%; text-align: right; padding-top: 1.25em;} -#header .columns div.oneThird:nth-of-type(1) {width: 50%;} */ header {text-align: center;} #header {padding: 0;} #header .center {padding: 0;} #logo img {margin-top: -30px;} #searchform {margin-top: 0; padding-top: 0; width: 75%;} #searchform fieldset {position: relative;} #searchform input {max-width: 100%;} #searchform {position: absolute; top: 21px; right: 10px; width: 60%;} .header-phone {margin-right: 13px; width: 185px; background-position: 0px 12px; padding-top: 10px;} #social {float: none; margin: auto; margin-top: 5px;} a.request-quote {margin-bottom: 15px;} #blog-updates {display: none;} #slideshow-container .center {padding: 0;} #slideshow-1 {display: none;} .cycle-prev, .cycle-next {display: none;} #slideshow-2 .cycle-slide img {height: 100px; width: auto;} .js #dropdownmenu {display:none; } .js .slicknav_menu {display:block;} #more-info-form {padding: 0px; width: 100%;} #more-info-form .center {padding: 0;} #left-side-form, #right-side-form{width: 100%;} #contact {padding: 0;} #contact.sidebar {border-top: 10px solid #fff; } .pagewidth {background-color: transparent;} #contact .center {background-color: #0055b8 ; } .sidebar ul {padding-bottom: 5px;} #page14 h1 img {display: none;} /* .product-item {padding: 0;} a.product-thumbnail {width: 150px;} a.product-thumbnail {width: 100%; margin: 0;} */ #footer .oneThird ul {border: 0;} /* #contact .accordionheading.open, #contact .accordioncontent, #contact .accordioncontent .accordionheading, #contact .accordioncontent .accordionheading.open, #contact .accordioncontent .accordioncontent, #contact .accordioncontent .accordioncontent .accordionheading.open, #contact .accordioncontent .accordioncontent .accordioncontent {width: 100%;} #contact .accordioncontent h3 {padding-top: 0; font-size: 1.15em;} #contact .accordioncontent table {margin-top: 0;} #contact .accordioncontent table td:first-child, #contact .accordioncontent label {width: 55px; } #contact .accordioncontent input { width: 110px; padding: .25em; display: inline-block;} */ #contact .center h2 {padding: 1em .5em .75em;} #contact .accordionheading .heading {display: inline-block;} #contact-heading h2:hover {cursor: pointer;} #product-info {padding: 30px 0px} .accordionheading p {padding: .75em 0; font-size: 12px;} /* div.accordionheading {padding-left: .5em;} */ /* #service-parts-sales div { padding-bottom: 0; margin-bottom: 1em;} #service-parts-sales div img {position: relative;; bottom: 0; } #contact-heading h2 {padding-left: 10px;} #contact-heading.open {border-top: 1px solid #0079AA;} #contact-heading.closed:before {content:"+"; padding: 1.9em .5em; float: left; color: #0079AA; font-weight: bold;} #contact-heading.open:before {content:"-"; padding: 1.9em .65em; float: left; color: #0079AA; font-weight: bold;} #contact .center > .accordionheading {padding-left: .3em;} #contact .center > .accordionheading.open span.down-triangle {display: inline-block; padding: 1.8em .0em 0 0; float: left; color: #0079AA; font-weight: bold;} #contact .center > .accordionheading.closed span.right-triangle {display: inline-block; padding: 1.85em .0em 0 0; float: left; color: #0079AA; font-weight: bold;} */ } @media all and (max-width: 320px){ h1{font-size:2.5em;} .boxes h3{font-size:1.25em;} } @media all and (min-device-width: 768px) and (max-device-width: 1024px){ #content{padding:0;} }