/**** GENERAL STYLES ****/
body {
	background-color: #E6E5E5;
}
.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
h1.main {
	font-size: 18px;
	color: #ED2D23;
	margin-top: 25px;
	margin-bottom: 25px;
}
h2.subMain {
	font-size: 16px;
	color: #000000;
}
h1.subMain {
	color: #000000;
	font-size: 18px;
	margin-top: 14px;
}
h2.subMain span.red {
	font-weight: normal;
	color: #ED2D23;
}
h2.subMain.supplier {
	margin-bottom: 25px;
	margin-top: 0;
}
h2.subMain small.red, h1.subMain small.red {
	color: #ED2D23;
}
h3.norm {
	font-weight: normal;
}
h3.subTag {
	font-weight: normal;
	margin: 28px 0;
}
a.black {
	color: #000000 !important;
	text-decoration: underline;
}
a.black:hover {
	color: #ED2D23 !important;
}
.noTopMar {
	margin-top: 0 !important;
}
.pageWrapper {
	margin: 0 auto;
	max-width: 100%;
	min-width: 768px;
	width: 1062px;
	background-color: #FFFFFF;
}
.padding {
	padding: 0 25px;
}
label {
	line-height: 1.6;
}
select {
	margin: 0 0 12px;
}
select.custom {
	background-color: white;
	border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.75);
	margin: 0 0 12px 0;
	padding: 6px 4px 6px 4px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.row.extraTopMar {
	margin-top: 25px;
}
input.button.postfix[type="submit"], input.medium.button.postfix[type="submit"] {
	padding: 6px 20px 6px;
}
@media only screen and (max-width: 767px) {
	.pageWrapper {
		margin-left: 0;
		margin-right: 0;
		min-width: 0;
		width: auto;
	}
	.padding {
		padding: 0 10px;
	}
	.noTopMar {
		margin-top: 14px !important;
	}
	h2.subMain.supplier {
		margin-top: 14px;
	}
	label.inline {
		margin-bottom: 3px;
	}
}
/**** END GENERAL STYLES ****/


/**** HEADER STYLES ****/
.gabrielHeader {
	background: url(../images/gabriel_header_sky.jpg) top center repeat-y;
	padding-top: 40px !important;
	height: 156px;
	position: relative;
}
.gabrielHeader2 {
	background: url(../images/gabriel_header_road.jpg) top center no-repeat;
	height: 346px;
}
.logo img {
	margin: 0 0 0 40px;
}
.logo.small {
	background: url(../images/gabriel_logo_small.png) top center no-repeat;
	height: 100px;
	margin: 20px 0 16px 0 !important;
	z-index: 5;
}
.contact {
	margin: 0 40px 0 0;
	float: right;
}
.welcomeMsg img {
	margin-left: 55px;
	margin-top: 50px;
}
.welcomeMsg.small img {
	width: 60%;
	min-width: 280px;
	margin: 0 auto;
	display: block;
	margin-top: 40px;
}
.homeProdImgs img {
	margin-top: 35px;
}
.homeProdImgs.small img {
	margin: 40px 0 50px 0;
	float: right;
	width: 300px;
}
.rednav {
	background: url(../images/rednav_bg.gif) 0 0 repeat-x;
}
.tagline {
	height: 34px;
}
.tagline img {
	display: block;
	margin: 0 0 0 40px;
}
.rednav .nav-bar {
	background: none;
	height: 34px;
	margin: 0 5% 0 0;
}
.rednav .nav-bar > li {
	border: none;
	line-height: 30px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: 34px;
}
.rednav .nav-bar > li:hover {
	background: url(../images/navhover.gif) center bottom no-repeat;
}
.rednav .nav-bar > li.active {
	background: url(../images/navhover.gif) center bottom no-repeat;
	border: none;
	font-weight: bold;
}
.rednav .nav-bar > li > a {
	font-size: 13.5px;
	padding: 0 13px;
}
.headerDivide {
	height: 27px;
	background: url(../images/headerDivide.jpg) top center no-repeat;
	/*margin-bottom: 25px;*/
}
.nav-bar > li.has-flyout > a:first-child {
	padding-right: 20px;
}
a.smallLogoLink {
	display: block;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	.gabrielHeader {
		background: url(../images/gabriel_header_sky_small.jpg) top center repeat-y;
		height: auto;
		padding: 0 !important;
	}
	.gabrielHeader2 {
		background: url(../images/gabriel_header_road_small.jpg) top center no-repeat;
		height: auto;
	}
	.logo.small {
		margin: 20px 0 0 0 !important;
	}
	.gabrielHeader .top-bar {
		position: relative;
	}
	.gabrielHeader .top-bar, .gabrielHeader .top-bar > ul, .gabrielHeader .top-bar ul > li.name, .gabrielHeader .top-bar ul > li.name h1 a, .gabrielHeader .top-bar ul > li.toggle-topbar {
		height: 30px;
	}
	.gabrielHeader .top-bar ul, .gabrielHeader .top-bar ul > li.name h1 a {
		line-height:30px !important;
	}
	.gabrielHeader .top-bar.expanded {
		height: 100%;
	}
	.gabrielHeader .top-bar section ul > li a:not(.button) {
		color: #ED2D23;
	}
	.gabrielHeader .top-bar section ul > li a:hover:not(.button), .gabrielHeader .top-bar section ul > li.active a:not(.button) {
		color: #FFFFFF;
	}
}
/**** END HEADER STYLES ****/


/**** FOOTER STYLES ****/
#footer {
	background: #171717;
}
#footer .padding .row {
	min-height: 135px;
	padding: 10px 0;
}
#footer p {
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
}
img.footerTopBottom {
	width: 100%;
	height: 12px;
}
#footer .padding {
	padding: 0 40px;
}
#footerNav li {
	margin-left: 7px;
	line-height: 1;
}
#footerNav li.divider {
	border-right: 1px solid #FFFFFF;
}
#footerNav li:first-child {
	margin-left:22px;
}
#footer a {
	font-size: 12px;
	color: #FFFFFF;
}
#footer a:hover {
	color: #ED2D23;
}
@media only screen and (max-width: 767px) {
	#footer .padding {
		padding: 0 25px;
	}
	#footer p {
		text-align: left;
	}
	#footerNav li {
		margin-left: 22px;
		line-height:1.6;
		float: none;
	}
	#footerNav li.divider {
		display: none;
	}
}
/**** END FOOTER STYLES ****/


/**** MAIN PAGE STYLE ****/

.row.pageContent {
	padding-bottom: 60px;
}
.productDetails {
	width: 100%;
	padding: 20px;
	background: #EBEAEA;
}
.productDetails > *:first-child {
	margin-top: 0;
}
.productDetails ul {
	margin: 30px 0 17px 17px;
}
.productDetails ul li {
	padding: 0 0 0 5px;
}
.productFullPanel {
	text-align: center;
}
.productFullPanel img {
	margin: 3% 0 2% 0;
}
.productDetails {
	text-align: left;
}
.featureList li h2:first-child {
	margin: 0;
}
.featureList li h2 {
	margin-bottom: 0;
}
.featureList li p {
	margin-bottom: 25px;
}
#productNav.side-nav {
	padding: 25px 0 0 0;
}
#productNav.side-nav li {
	padding: 0 25px 0 20px;
	background: url(../images/sidenav_arrow_black.gif) right no-repeat;
}
#productNav.side-nav li.active, #productNav.side-nav li:hover {
	background: url(../images/sidenav_arrow_red.gif) right no-repeat;
}
#productNav.side-nav li a {
	color: #363636;
}
#productNav.side-nav li.active a, #productNav.side-nav li:hover a {
	color: #ED2D23;
	font-weight: normal;
}

.horiz-nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #ED2D23;
}
.horiz-nav li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    border-right: 1px solid #dddddd;
}
.horiz-nav li:last-child {
    border-right: none;
}
.horiz-nav li a {
    display: block;
    padding: 0 10px;
    font-weight: bold;
    color: white;
    line-height: 30px;
}

.horiz-nav li a:hover {
    background: #97140D;
}
.horiz-nav.nav5 li {
    width: 20%;
}

	.horiz-nav.nav6 li {
		width: 16%;
	}
		.horiz-nav.nav6 li a {
			padding: 0 8px;
		}

#homeSideNav {
	text-align: right;
	margin-top: 25px;
}
#typeSearchResults, #typeSearchSelection, #numberSearchResults {
	margin-top: 25px;
}


.prod-range {
    background: #8a1d17; /* Old browsers */
    background: -moz-linear-gradient(left, #8a1d17 0%, #cc171c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #8a1d17 0%,#cc171c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #8a1d17 0%,#cc171c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a1d17', endColorstr='#cc171c',GradientType=1 ); /* IE6-9 */

    margin-bottom: 20px;
}
.prod-range .header {
    padding: 20px 30px;
    border-bottom: 2px solid white;
}
.prod-range .header h2 {
    font-size: 60px;
    color: white;
    margin-bottom: 5px;
}
.prod-range .header h2 sup {
    font-size: 30%;
    font-weight: normal;
}
.prod-range .header p {
    font-size: 26px;
    font-weight: bold;
    color: white;
    line-height: 1.2;
}
.prod-range .header img {
    display: block;
    float: left;
    margin-right: 30px;
    max-width: 200px;
}
.prod-range .content {
}
.prod-range .prod-item {
    border-bottom: 2px solid white;
}
.prod-range .prod-item .prod-text {
    padding: 20px 40px 20px 30px;
}
.prod-range .prod-item .prod-text h2 {
    color: white;
}
.prod-range .prod-item .prod-text sup {
    font-size: 30%;
    font-weight: normal;
}
.prod-range .prod-item .prod-text h3 {
    font-size: 22px;
    color: white;
    text-transform: uppercase;
}
.prod-range .prod-item .prod-text ul li {
    font-size: 16px;
    color: white;
}
.prod-range .prod-item .prod-image {
    padding: 20px 0 0 0;
    text-align: right;
}


table.productTable {
	width: 100%;
}
table.productTable td, table.productTable th {
	line-height: 1;
}
table.productTable.productData td {
	line-height: 2.2;
}
table.productTable.productData td strong {
	line-height: 1.8
}
table.productTable tr.header {
	background: #E63933;
	color: #FFFFFF;
}
table.productTable tr.header.red {
	background: #E63933;
	color: #FFFFFF;
}
table.productTable tr.header.red {
	border-top: 1px solid #E63933;
	border-right: 1px solid #E63933;
}
table.productTable tr.header.red th:first-child {
	border-left: 1px solid #E63933;
}
table.productTable tr.blue {
	background: #7F7FD8;
}
table.productTable tr.red {
	background: #F29C99;
}
table.productTable tr.grey {
	background: #E9E9E9;
}
table.productTable tr td:first-child {
	border-color: #999999;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}
table.productTable tr td {
	border-color: #999999;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}
table.productTable tr.header th.col1 {
	width:60%;
}
table.productTable tr.header th.col2 {
	width:15%;
}
table.productTable tr.header th.col3 {
	width:15%;
}
table.productTable tr.header th.col4 {
	width:10%;
}
table.productTable.productData tr.header th.col1 {
	width:20%;
}
table.productTable.productData tr.header th.col2 {
	width:10%;
}
table.productTable.productData tr.header th.col3 {
	width:45%;
}
table.productTable.productData tr.header th.col4 {
	width:45%;
}
#numberSearchResults table.productTable.productData tr.header th.col1 {
	width:45%;
}
#numberSearchResults table.productTable.productData tr.header th.col2 {
	width:10%;
}
#numberSearchResults table.productTable.productData tr.header th.col3 {
	width:10%;
}
#numberSearchResults table.productTable.productData tr.header th.col4 {
	width:10%;
}
#numberSearchResults table.productTable.productData tr.header th.col5 {
	/*width:20%;*/
}
.productTable a.white {
	color: #FFFFFF;
	text-decoration: underline;
}
.productTable a.white:hover {
	color: #000000;
}
.productTable a span.radius.label {
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}
.productTable a span.radius.label:hover {
	background: #CC1A11;
}
table.productTable.productData td.mountTypeCell {
	vertical-align: middle;
	line-height: 1;
}
tr.vehMake td, tr.vehModel td, tr.vehVehicle td {
	line-height: 1 !important;
	font-weight: bold;
}
tr.vehModel td {
	padding-left: 25px !important;
}
tr.vehModel.levelTwo td {
	padding-left: 32px !important;
}
tr.vehModel.grey {
	background: #EFEFEF !important;
}
tr.vehVehicle td {
	padding-left: 39px !important;
}
td.cellIndent {
	padding-left: 40px !important;
}
tr.InstallationNotes
{
    font-weight:bold;
    text-align:center;
}
tr.InstallationNotesHidden
{
    display:none;
}
div.tableCaption {
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.prodAnn 
{
    padding: 7px 20px 8px;
}
.prodAnn.home 
{
    margin-top: 20px;
    padding: 10px 35px 11px;
}
.prodAnn .headline 
{
    display: inline-block;
    font-size: 16px;
    margin-bottom: 4px;
}
.prodAnn.home .headline 
{
    font-size: 20px;
    margin-bottom: 8px;
}
.prodAnn .cta
{
    font-weight: normal;
    font-size: 12px;
}
.prodAnn.home .cta
{
    font-size: 14px;
}

.pfnew-btn 
{
    display: inline-block;
    margin-top: -6px;
}
.pfnew-btn img 
{
    max-width: 185px;
}

.CaptchaImage input {
    width:100px;
    margin:0 auto;
}

@media only screen and (max-width: 767px) {
	.row.pageContent {
		padding-bottom: 25px;
	}
	#homeSideNav {
		text-align: center;
	}
	tr.vehModel td, td.cellIndent {
		padding: 10px !important;
	}


    .horiz-nav {
    }
    .horiz-nav li, .horiz-nav.nav5 li {
        float: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dddddd;
    }

}
@media only screen and (max-width: 400px) {
	#numberSearchResults .productTable.productData td, #numberSearchResults .productTable.productData th, #gvNewRelease.productTable.productData td, #gvNewRelease.productTable.productData th {
		padding: 3px !important;
		font-size: 11px !important;
	}
}
/**** END MAIN PAGE STYLE ****/