@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'robotolight';
	src: url('fonts/Roboto-Light-webfont.eot');
	src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Light-webfont.woff') format('woff'),  url('fonts/Roboto-Light-webfont.ttf') format('truetype'),  url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoregular';
	src: url('fonts/Roboto-Regular-webfont.eot');
	src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Regular-webfont.woff') format('woff'),  url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),  url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotobold';
	src: url('fonts/Roboto-Bold-webfont.eot');
	src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Bold-webfont.woff') format('woff'),  url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),  url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoblack';
	src: url('fonts/Roboto-Black-webfont.eot');
	src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Black-webfont.woff') format('woff'),  url('fonts/Roboto-Black-webfont.ttf') format('truetype'),  url('fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3 {
	font-weight: normal
}
body {
	font-family: 'robotoregular';
	font-size: 1.188em;
	background: #76777b url(images/bg.gif);
}
.container, .container.inservice.insprodpg {
	background: #e5e5e5;
}
.container.blackbox {
	background: #000
}
.container.inservice {
	background: #191919
}
.toprow {
	background: #000;
	font-family: 'robotoblack';/*height:1em;
	padding:0 0 2em 0;*/
}
.toprow div {
	padding: 1em 0 .75em 0
}
.toprow div:nth-child(1) {
	color: #fff;
	letter-spacing: 2px
}
.toprow div:nth-child(2) {
	color: #76777b;
	letter-spacing: 1px
}
.toprow div:nth-child(3) {
	font-family: 'robotoregular';
	color: #cfd0d6;
	background: #54565b;
	padding: 0
}
.toprow div:nth-child(3) select {
	background: transparent;
	border: none;
	background-image: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 1em 0 .75em 4em;
}
.toprow div:nth-child(3) select:hover {
	color: #cfd0d6;
	background: #54565b;
}
.toprow select#statelist:focus {
	outline: none;
}
button#find {
	color: #cfd0d6;
	background: #162051 url(images/find.png) no-repeat;
	border-radius: 0;
	border: none;
	width: 60px;
	height: 40px;
	float: right
}
.inservice button#find {
	background: #686a61 url(images/inservice_find.png) no-repeat;
}
.hamburger, #mobilemenu {
	display: none
}
nav {
	font-family: 'robotoblack';
	background: #76777b;
	text-align: center;
	font-size: 1.4em;
	vertical-align: middle;
	letter-spacing: 1px;
	z-index: 100;
}
.inservice nav {
	background: #65675e;
}
nav ul {
	padding-top: .43em;
	margin-bottom: .43em
}
nav li {
	list-style: none;
	display: inline-block
}
nav a {
	color: #fff;
	text-decoration: none;
	padding: .5em;
}
nav a:hover, nav a.selected, nav a:focus {
	color: #162051;
	text-decoration: none;
	background: #e4e4e5
}
.inservice nav a:hover, .inservice nav a:focus {
	color: #000
}
.mainrow {
	background: #fff
}
.mainrow div:nth-child(1) {
	border-right: 1px solid #babbbd;
	margin: 3em 0;
	padding: 0 3em
}
.mainrow div:nth-child(2) {
	color: #ec1c24;
	font-family: 'robotoblack';
	padding: 3em;
	font-size: 1.5em
}
.inservice .mainrow div:nth-child(2) {
	color: #65675e
}
.mainrow div:last-child {
	padding-top: 3.5em
}
#search {
	width: 247px;
	border: none;
	padding: .75em;
	background: #f1f1f2 url(images/search.png) no-repeat 95% 50%
}
.slideshow img {
	width: 100%;
	height: auto
}
.intro {
	background: #162051;
	color: #bcbcbc;
	font-size: 1.7em;
	letter-spacing: .1em;
	line-height: 1.33em;
	padding: 1.5em 0;
}
.intro a {
	font-family: 'robotoblack';
	text-transform: uppercase;
	color: #fff
}
.whatsyourcode {
	background: #fff;
	padding: 2.25em 0;
	text-align: center
}
.whatsyourcode table {
	border-left: 1px solid #b2b2b2;
	margin: 2em auto 1em auto;
	width: 65%
}
.whatsyourcode td {
	border-right: 1px solid #b2b2b2;
	text-align: center
}
.whatsyourcode h2, .whatsyourcode h3 {
	color: #76777b;
	font-size: 2.25em;
	text-align: center;
	font-family: 'robotoblack'
}
.whatsyourcode h3 {
	color: #000;
	font-size: 1.125em;
	margin: 0 2em;
}
.whatsyourcode h3 a {
	color: #000
}
.whatsyourcode h3 span {
	font-size: 3em;
	color: #bcbcbc;
}
.inservicerow {
	font-family: 'robotobold';
	background: #cacacb;
	color: #000;
	font-size: 1.875em;
	padding: 1em 0
}
.inservicerow h2 {
	font-family: 'robotoblack';
	color: #162051;
	font-size: 1.5em
}
.inservicerow span, inservicerow a:hover {
	font-family: 'robotoblack';
	color: #f51c24
}
.inservicerow img {
	margin: 1em 0;
}
.inservicerow a {
	color: #000
}
.bottomleft {
	background: #dad9d7
}
.bottomrow, .bottomright {
	background: #e9e8e7
}
.bottomleft, .bottomright {
	color: #76777b;
	font-size: 1.18em;
	padding-bottom: 1em
}
.bottomleft h2, .bottomright h2 {
	font-size: 2em;
	font-family: 'robotoblack';
	color: #162051
}
.bottomleft img, .bottomright img {
	float: right
}
.bottomleft a, .bottomright a {
	color: #ec1c24;
	text-decoration: none;
	font-family: 'robotoblack';
	text-transform: uppercase
}
.bottomleft a:hover, .bottomright a:hover {
	text-decoration: underline
}
.breadcrumb, .important .breadcrumb {
	font-size: .75em;
	margin: 2em 0 5em 0;
	padding: 0;
	background: none;
	text-transform: uppercase
}
.breadcrumb a, .important .breadcrumb a {
	color: #76777b;
}
.breadcrumb strong, .important .breadcrumb strong {
	color: #000;
	font-family: 'robotoblack';
	font-weight: normal
}
.fullwidth {
	width: 100%;
	height: auto
}
.shadowedblue {
	background: #162051 url(images/fade_blue.jpg) repeat-x top;
	font-size: 1.5em;
	padding: 1em 0 4em 0;
	color: #a6a6a9
}
.shadowedblue h1 {
	color: #fff;
	text-transform: uppercase;
	font-family: 'robotoblack';
	font-size: 1.6em
}
.shadowed {
	background: url(images/fade.jpg) repeat-x top;
	padding: 1em 0 4em 0;
}
.shadowed h1 {
	font-family: 'robotoblack';
	color: #162051;
	font-size: 2.2em
}
.shadowed h1 img {
	margin-right: 1em
}
.shadowed h2 {
	font-family: 'robotoblack';
	color: #76777b;
	font-size: 1.8em
}
.shadowed h3 {
	font-family: 'robotoblack';
	color: #000;
	font-size: 1.4em
}
.shadowed ul {
	margin: 2em 0 0 -1.8em;
	color: #76777b;
	font-size: 1.2em
}
.shadowed li {
	list-style: square;
	line-height: 1;
	padding-bottom: 1em
}
.products {
	padding: 4em 0;
	font-family: 'robotoblack';
	background: #f2f2f2;
	color: #000
}
.products h1 {
	color: #162051;
	font-size: 1.8em;
	text-transform: uppercase
}
.products h1 img {
	margin-right: 1em
}
.products h2 {
	color: #54565b;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top: 4em
}
.products table {
	text-transform: uppercase;
 width:100%  background:none
}
.products tr {
	border-bottom: 1px solid #cdcdce;
}
.products .colors td, .products .colors th {
	padding: 1em 2em 1em 0
}
.products table.colors td:last-child {
	border: 3px solid #f2f2f2;
	width: 4em
}
.pricebox {
	background: #e5e5e5;
	font-size: 1em;
	padding: 1em
}
.pricebox strong {
	color: #162051;
	font-weight: normal
}
.sizes td, .sizes th {
	text-align: center;
	padding: 1em
}
.sizes td:first-child {
	text-align: left
}
.sizes td.avail {
	background: url(images/avail.png) no-repeat 50% 50%
}
.divider {
	float: left;
	clear: both;
	background: #b4b4b6;
	width: 100%;
	height: 1px;
	display: block;
	margin: 6em 0
}
.divider.doubled {
	height: 8px;
	background: #65675e
}
.blackbox .divider {
	background: #3e3f40;
	margin-bottom: 3em
}
/* black product section page */
.blackrow {
	padding-top: 2em
}
.blackrow h1 {
	color: #fff;
	font-size: 2.2em;
	padding: 1em 0 .5em 0;
	font-family: 'robotoregular'
}
.maroon {
	border-bottom: 1px solid #5b1a1c;
	padding-left: 0;
	margin-left: 2em
}
.redhead {
	font-family: 'robotoblack';
	color: #f51c24;
	font-size: 1.125em
}
.badges img {
	margin: 0 1em 0 0;
}
.blackrow a {
	color: #fff;
	text-transform: uppercase
}
.blackrow a:hover {
	text-decoration: underline
}
.patch {
	float: left;
	margin: 2em 1em 0 0;
}
.blackrow h2 {
	font-family: 'robotoblack';
	color: #76777b;
	font-size: 1.8em
}
.blackrow h3 {
	font-family: 'robotoblack';
	color: #000;
	font-size: 1.4em
}
.blackrow ul {
	margin: 2em 0 0 -1.8em;
	color: #76777b;
	font-size: 1.2em
}
.blackrow li {
	list-style: square;
	line-height: 1;
	padding-bottom: 1em
}
.standard {
	background: #f8f8f8 url(images/fade_light.jpg) repeat-x top;
	font-size: 1em;
	color: #76777b;
	line-height: 1.5
}
.inservice .standard p {
	font-size: 1.5em;
	color: #65675e
}
.standard a {
	color: #76777b;
}
.standard h1 {
	font-family: 'robotobold';
	color: #162051;
	font-size: 2.25em;
	margin-bottom: .5em
}
.inservice .standard h1 {
	color: #65675e
}
.standard h2 {
	font-weight: normal;
	font-size: 1.5em;
	color: #76777b;
	line-height: 1.5
}
.standard h3 {
	font-family: 'robotoblack';
	color: #162051;
	font-size: 1.2em;
	margin-top: 0
}
.standard strong {
	font-family: 'robotobold';
	font-weight: normal
}
.contact {
	fonts-size: .7em;
	font-family: 'robotoblack';
	background: #dfdfe0;
	border: 1px solid #ecedef;
	width: 100%;
	padding: 1em;
	margin-bottom: 2em
}
.contact input, .contact textarea {
	width: 100%;
	border: 1px solid #ecedef
}
.contact sup {
	color: #ec1c24
}
.contact span {
	font-family: 'robotoregular'
}
.contact #submit {
	float: right;
	background: #ec1c24;
	color: #fff;
	width: auto;
	font-family: 'robotolight';
	border: none;
	padding: .25em 1em;
	font-size: 1.5em;
	margin-top: .5em
}
.contact #submit:hover {
	background: #5b1a1c
}
.whitebg {
	font-family: 'robotoblack';
	background: #fff;
	color: #000;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 3em 0
}
.whitebg span {
	color: #f51c24;
	letter-spacing: 1px
}
.dealer {
	background: #f1f1f2;
	margin-left: 2em;
	color: #76777b;
	font-family: 'robotolight';
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	letter-spacing: 1px;
	padding: 1em 5em 1em .7em;
}
button#redgo {
	background: #f51c24 url(images/redgo.gif) no-repeat;
	border-radius: 0;
	border: none;
	width: 74px;
	height: 46px;
	margin-left: -.2em
}
.order {
	background: #e7e8ed;
	color: #76777b;
	padding: 3em 0
}
.order h1 {
	font-size: 2em;
	color: #162051;
	font-family: 'robotobold';
	margin-top: 0
}
.order h2 {
	font-family: 'robotoblack';
	font-size: 1.1em;
	color: #000;
	text-transform: uppercase
}
.order h3 {
	color: #f51c24;
	letter-spacing: 2px;
	font-size: 1.75em;
	font-family: 'robotoblack';
	margin-bottom: 0
}
.order h3 a {
	color: #f51c24;
	text-decoration: none;
	font-size:1.2em
}

.order p {
	font-size: 1.2em
}
.order select {
	background: #fff;
	padding: .9em 5em .8em .7em;
	margin-left: 0;
	color: #76777b;
	font-family: 'robotolight';
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	letter-spacing: 1px
}
.order div:nth-child(2) {
	border-left: 1px solid #76777b;
	padding-left: 4em
}
.important {
	background: #f8f8f8 url(images/fade_light.jpg) repeat-x top;
	color: #76777b;
}
.important h1 {
	color: #162051;
	font-size: 2.75em;
	font-family: 'robotobold'
}
.important h2 {
	color: #76777b;
	font-size: 1.75em;
	font-family: 'robotolight';
	line-height: 1.75
}
.important h3 {
	font-family: 'robotobold';
	font-size: 1.5em;
	color: #161F51;
	line-height: 1.5
}
.important h3 a {
	text-decoration: underline
}
.important span, .important a {
	color: #f51c24;
}
.important p {
	font-size: 1.5em;
	line-height: 2
}
h2.ruleover {
	color: #76777b;
	font-size: 1.75em;
	font-family: 'robotobold';
 line-height:1.75  padding:1em 0;
	margin-top: 1em;
	border-top: 1px solid #cacacb;
	text-transform: uppercase
}
a.redbox {
	background: #f51c24;
	padding: .5em 1em;
	font-size: 1.5em;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 3em
}
.locations ul {
	padding: 0;
	margin-left: -2em
}
.locations li {
	list-style: none;
	display: inline-block;
	padding: 0 2em;
	margin: 0 1em 2em 0;
	border-right: 1px dotted #dcdcdc
}
.locations li:last-child {
	border: none
}
h4 {
	color: #ec1c24;
	margin-top: 2em;
	padding-bottom: .5em;
	border-bottom: 1px dotted #ec1c24
}
/* inservice */
.inshome {
	background: #54565b;
	font-size: 1.75em;
	color: #bcbcbc;
	line-height: 1.75;
	letter-spacing: 1px;
	padding: 1.5em 0;
}
.inshome a {
	color: #fff;
	font-family: 'robotoblack';
	text-transform: uppercase;
}
.shadowedins {
	background: #54565b url(images/fade_ins.jpg) repeat-x top;
	font-size: 1.5em;
	padding: 2em 0;
	color: #bcbcbc
}
.shadowedins h1 {
	font-family: 'robotoblack';
	color: #fff;
	text-transform: uppercase;
	font-size: 1.75em;
	text-align: center;
}
.blackrow.grey div:first-child {
	border-bottom: 1px solid #686a61;
	padding-left: 0;
}
.blackrow.grey h1:first-child {
	color: #686a61;
	font-family: 'robotoblack';
	font-size: 3.25em;
	padding-bottom: 0
}
.blackrow.grey h1 {
	font-size: 1.8em;
	padding: 0 0 .5em 0;
}
.blackrow.grey strong {
	color: #bcbcbc;
	font-weight: normal;
	font-family: 'robotobold';
}
.blackrow.grey ul, .container.inservice.insprodpg .shadowed ul {
	margin-top: 0
}
.blackrow.grey a {
	color: #fff;
	text-transform: uppercase;
	font-family: 'robotobold';
}
.blackrow.grey .divider {
	margin-bottom: 2em
}
.container.inservice.insprodpg h1 {
	color: #686a61;
	font-size: 3em;
	font-family: 'robotoblack';
}
.container.inservice.insprodpg .products h1 {
	font-size: 2em
}
.container.inservice.insprodpg h2 {
	color: #54565b;
	font-family: 'robotoregular';
	font-size: 2.5em;
	margin-top: 0
}
.container.inservice.insprodpg .products h2 {
	color: #54565b;
	font-size: 1.5em;
	margin-top: 2em;
	font-family: 'robotobold';
}
.container.inservice.insprodpg h3 {
	font-family: 'robotoregular';
	font-size: 1.6em;
	line-height: 1.25;
	font-weight: normal;
	margin-top: 2em
}
.container.inservice.insprodpg strong {
	color: #65675e;
	font-weight: normal;
	font-family: 'robotobold';
}
.container.inservice.insprodpg div.pricebox {
	display: none/*think missing - oversight */
}
footer {
	background: #76777b;
	color: #f1f1f2;
	font-family: 'robotolight';
	font-size: .9em;
	padding-bottom: 2em
}
footer h2, .container.inservice.insprodpg footer h2 {
	font-family: 'robotoblack';
	font-size: 1.125em;
	color: #f1f1f2;
	margin-top: 20px
}
footer strong, .container.inservice.insprodpg footer strong {
	font-family: 'robotobold';
	font-weight: normal;
	color: #f1f1f2;
}
footer a {
	color: #f1f1f2;
	text-decoration: none
}
footer a:hover {
	color: #fff;
	text-decoration: underline
}
footer div:nth-child(3) {
	font-family: 'robotoregular';
	font-size: 1.4em
}
footer div:nth-child(3) h2, .container.inservice.insprodpg footer div:nth-child(3) h2 {
	color: #162051;
	font-size: 2em
}
.copyright {
	font-family: 'robotolight';
	background: #000;
	color: #fff;
	font-size: .75em;
	padding: 1em 0
}
.copyright div {
	text-align: right
}
/* responsive tables */
.stacktable {
	width: 100%;
}
.st-head-row {
	padding-top: 1em;
}
.st-head-row.st-head-row-main {
	font-size: 1.5em;
	padding-top: 0;
}
.st-key {
	width: 49%;
	text-align: right;
	padding-right: 1%;
}
.st-val {
	width: 49%;
	padding-left: 1%;
}
.stacktable.large-only {
	display: table;
}
.stacktable.small-only {
	display: none;
}
 @media only screen and (max-width: 599px) {
.toprow div:nth-child(1) {
	font-size: 1.5em;
	padding: .5em 0;
	border-bottom: 1px dotted #454545
}
.toprow div:nth-child(3) {
	padding-left: 0em
}
.hamburger {
	display: block;
	padding: .5em
}
.desktop {
	display: none
}
nav {
	padding-top: 0;
	z-index: 100
}
nav ul {
	padding: 0;
}
nav li {
	border-top: 1px dotted #333;
	display: list-item;
	list-style: none;
	/*padding:1em 0;*/
	background: #76777b;
}
nav li a {
	display: block
}
.mainrow div, .toprow div {
	text-align: center
}
.mainrow div:nth-child(2) {
	margin-top: 0;
	padding: 0 0 1em 0
}
.mainrow div:nth-child(3) {
	border-top: 1px solid #ddd;
	padding: 1em 0 2em 0
}
.mainrow div:nth-child(3) img {position:relative;left:-85px}
.bottomrow div {
	padding-top: .1em;
}
.bottomleft img, .bottomright img {
	width: 100%;
	height: auto;
	clear: both;
	margin: 1em 0
}
.inservicerow div {
	text-align: center
}
.whatsyourcode td {
	display: block;
	width: 100%;
	clear: both;
	border-right: none;
	border-bottom: 1px solid #b2b2b2;
	padding: 2em 0
}
.whatsyourcode table {
	width: 90%;
	border: none
}
.products h1 img {
	display: block;
	margin: 0 1em;
	float: left;
	clear: both;
}
.pricebox {
	margin-top: 2em
}
.sizes {
	overflow: auto
}
.blackrow h1 {
	text-align: center
}
.patch {
	margin: 0 40% 1em 40%
}
.mobilecenter, .whitebg {
	text-align: center
}
.mobilecenter img {
	padding-bottom: 1em
}
.dealer {
	margin: .5em
}
.order div:nth-child(2) {
	border-top: 1px solid #76777b;
	padding: 15px
}
.locations ul {
	margin-left: 0
}
.locations li {
	padding: 0 0 1em 0;
	margin: 0 1em 1em 0;
	border-right: none;
	border-bottom: 1px dotted #dcdcdc;
	display: block
}
footer div:nth-child(2) {
	background: #66676c;
	padding: 2em 15px
}
.copyright div {
	text-align: center
}
.stacktable.large-only {
	display: none;
}
.stacktable.small-only {
	display: table;
}
}