﻿body {
color:#333;
background:#333;
}

#main-wrapper {
background-color: white;
max-width: 1200px;
margin: 0 auto;
}

#content-region p{
font-size:1.2em;
line-height:1.6em;
margin-bottom:20px;
}

#content-region li {
font-size:1.2em;
line-height:1.6em;
margin-bottom:20px;
}

#content-region li ul{
margin:20px 0 20px 30px;
}

#content-region li ul li{
font-size:1em;
}

input.hidden {
	display:none;
}

/*HEADER*/

#header-region p {
font-size:1.2em;
text-align:right;
}

header {
padding-left:0;
padding-right:0;
background:url(../img/header-bg.png) repeat-x;
min-height: 95px;
}

#logo {
height:95px;
}

#logo img{
padding-top:10px;
padding-left: 20px;

}

@media (max-width: 852px) {
#logo img{
padding-top:10px;
padding-left: 0;
}

}

@media (max-width: 767px) {
div.hidemobile{
display:none !important;
}

}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
color:#000 !important;
border-bottom:0;
}

img.hero {
width:100%;
}

#highlighted-region{
margin-bottom:20px;
max-height:580px;
overflow:hidden;
}

div.CCMcredit {
display:none;
}

ul#heroslides {
height:550px;
list-style-type:none;
margin:0;
padding:0;
}



.navbar .nav {
margin:0;
padding:0;
}


.navbar .nav > li > a {
color: #000;
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid transparent;
float: none;
padding: 50px 0px 5px;
margin: 0px 12px 0px;
text-shadow: none;
font-size:14px;
}

@media (max-width: 979px) {
.navbar .nav > li > a {
padding: 10px 0;
}
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #898989 !important;
}

.dropdown-menu {
background-color: #fff;
}

.dropdown-menu > li {
border-bottom: 1px solid #ddd;
}


.dropdown-menu > li > a {
color: #000;
text-transform: uppercase;
font-weight: bold;
font-size:1.1em;
padding:10px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #fff;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: 'Montserrat';
	font-size:2em;
	top:0;
    position: absolute; padding:20px 0; width: 100%; z-index: 600;
    background: black; color: white; opacity: .7;
}

@media (max-width: 767px) {
.cycle-overlay { 
	font-size:1em;padding:5px 0;
}
}

.cycle-overlay div{ 
   padding:0 10px;
   font-weight:bold;
   text-align:right;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* HOME STAGE */

.homestage {
text-align:center;
}

.homestage h2 {
text-transform:uppercase;
font-family: 'Open Sans', sans-serif;
font-size: 3em;
margin:0;
padding:0;
}

.homestage h3 {
font-family: 'Open Sans', sans-serif;
font-size: 2.5em;
color: #ffb142;
text-transform:uppercase;
font-weight: bold;
margin:0;
padding:10px 0 30px;
}

.homestage img {
margin:20px auto 40px;
}

@media (max-width: 767px) {
.homestage h2 {
font-size: 21px;
}

.homestage h3 {
font-size: 18px;
}
}

/*ACCORDIAN*/

ul#accordion {
list-style-type:none;
margin:0 0 0 0;
}

	ul#accordion li{
	margin-bottom:0;
	}

.ui-accordion-header {
background:#ffb142;
border: 1px solid #aaa;
cursor: pointer;
}

	.ui-accordion-header h3{
	margin:10px 0 10px 20px;
	}

div.ui-accordion-content {
border: 1px solid #aaa;
padding:15px;
}


/* LOCATIONS */

div.locations {
text-align:center;
padding:30px 0;
}

div.locations h3 {
margin-bottom:0;
}



div.locations img{
padding:0 2px;
}

/*  SEARCH FORM HOME */

#select_form.home {
padding:10px;
background:#333333;
border-radius: 15px;
text-align:center;
margin-bottom:30px;
}

#select_form.home h3{
margin:0 0 20px 0;
font-size:22px;
color:#ffb142;
}

#select_form.home select {
width:100%;
height:30px;
color:#000;
font-size:16px;
display:block;
}

#select_form.home input.submit {
text-align:center;
}

h3.heavybtn {
padding:10px;
background:#333333;
border-radius: 15px;
text-align:center;
margin-bottom:30px;
}

/*  SEARCH FORM TOP */
#top-content-region {
padding:15px;
}

.abovesearch {
margin-bottom:15px;
text-align:center;
}

.searches {
padding: 0 20px 0 30px;
}

.abovesearch h4 {
margin:8px 0;
}
#top-content-left-region h4 {
margin: 5px 0 0 0;
}

#select_form select {
width:100%;
height:30px;
color:#000;
font-size:16px;
line-height:22px;
}

#select_form input.btn {
width:100%;
}

@media (max-width: 767px) {
#select_form select {
margin-bottom:15px;
}
}

/*SIZE CHART*/

div.table {
width:390px;
margin:0 auto;
}

tr.grey td {
background:#eeeeee;
}

/*RESULTS*/

div.results h4{
margin:0 0 10px;
}

div.results img{
border:1px solid #494949;
}

div.teaser {
padding:10px;
border-bottom:1px solid #ededed;
}

#contact-form-block h3 {
margin:0;
}

/*PARTS PAGE*/

img.partimg {
margin-right:20px;
width:300px;
border:1px solid #494949;
}

button.purchase {
padding:15px;
margin:20px 0;
}

	button.purchase a{
	font-size:1.4em;
	}

	button.purchase a:hover{
	color:#ffb141;
	text-decoration:underline;
	}

/*CONTACT FORM*/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border:1px solid #333;
width:100%;
}

div.contact {
float:right;
}

#city {
width:46%;
padding: 5px 3px;
}

#state {
width:15%;
padding: 5px 3px;
}

#zip {
width:25%; 
padding: 5px 3px;
}

/*WHERE TO BUY*/
li.where {
width:33%;
display:block;
background:#ffb141;
}

	li.where a {
	color:#555;
	}
	
div.heavy-duty {
margin-top:60px;
}

img.intllogo {
padding:5px 0 15px;
}

.panel-2-left .panel-icon {
 float: none; 
margin-right: 0;
margin: 0 auto;
}

.panel-2-left .panel-icon a {
color:#FFF;#f4a534;
}

.panel-2-left .panel-icon a:hover {
color:#f4a534;
}

.panel-2 h4 {
text-align: center;
}
	
/*NEWS AND PRESS*/
div.archive {
margin-left:50px;
}

div.archive h3 {
margin:30px 0px 10px;
}
	
	#content-region div.archive p {
	margin:0;
	margin-bottom:0;
	}

div.archive img {
margin-top:5px;
}

div.news hr {
border-top:1px solid #aaa;
}
/*MISC*/

a {
color:#f4a534;
}

ul.faq li a {
color:#f4a534;

}

div.socials img {
padding:3px 5px 0 0;
}

.mapright {
float:right;
padding-right:30px;
}

#map {width:700px;height:500px;}
@media (max-width: 1063px) {
#map {width:600px;height:400px;}
}
@media (max-width: 926px) {
#map {width:400px;height:300px;}
}

@media (max-width: 767px) {
.mapfeature {
display:none;
}
}

#content-region div.types li {
font-weight:bold;
font-size:1.4em;
text-transform: uppercase;
}

.product-alert {
padding:20px;
background:#333;
text-align:center;
	}

	.product-alert h3{
	color: #ffb142;
	margin:0;
	padding:0 0 15px 0;
	}

	.product-alert p{
	color: #fff;
	}

	.product-alert img{
	margin:20px 0;
	}

#content-region ul.faq li{
font-weight:bold;
margin-bottom:10px;
}

.textcenter {
text-align:center;
margin:20px 0;
}

p.testname {
font-size:1.2em;
text-align:right;
margin-bottom:30px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
color: #555;
}

.nav-tabs > li{
  background:#555;
  border-right:2px solid #fff;
}


.size-tabs li {
width:19%;
font-size:1.1em;
text-align:center;
font-weight:bold;
}


.size-tabs li a{
padding:8px 0;
}

.environment-tabs li {
width:33%;
font-size:1.1em;
text-align:center;
font-weight:bold;
}


.environment-tabs li a{
padding-top:10px;
padding-bottom:10px;
}

.where-tabs li {
width:33%;
font-size:1.2em;
text-align:center;
font-weight:bold;
}

.install-tabs li {
width:49%;
font-size:1.2em;
text-align:center;
font-weight:bold;
}

@media (max-width: 767px) {
.size-tabs li, .where-tabs li  {
width:100%;
border-bottom:2px solid #f4a534;
}
}

.tab-content {
padding: 30px 0 0 0;
}

	.tab-pane {
	padding: 20px;
	}

.white {
color:#fff;
}

	a.white:hover {
	color:#fff;
	}
	
#content-region p.larger {
font-size: 1.6em;
}

.valvetype {
margin-bottom:20px;
}

.longvalve {
margin:50px 0 0;
}

.yellow {
background:none;
color:#f4a534;
}

.red {
background:none;
color:#cb2619;
}

.short {
margin: 0px 0px 10px;
}

.right {
float:right;
margin:0 0 20px 20px;
}

.left {
float:left;
padding:0 20px 20px 0;
}

.center {
text-align:center;
}

.border {
border:1px solid #555;
}

.producttable a {
	font-weight:bold;
}

.clearit {
clear:both;
height:0;
}