html {
}

body {
  font-family: 'Syntax';
	font-size:16px;
	line-height:1.4em;
	color:#231f20;
	position:relative;
}


h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:normal;
}

h1 {
  font-family: 'Syntax-Black';
	font-size:2.2em;
	color:#cf0a2c;
	line-height:2em;
	text-transform:lowercase;
	padding:20px 0 0 0;
}


h1 img{
	display:block;
}


h2 {
  font-family: 'Syntax-Black';
	font-size:1.3em;
	line-height:1.4em;
	color:#231f20;
	text-transform:uppercase;
}

h3 {
  font-family: 'Syntax-Black';
	font-size:1.3em;
	line-height:1.4em;
	color:#231f20;
	text-transform:uppercase;
}

a:hover {
	transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.logo {
	position:relative;
	height:30px;
}

.logo img {
	position:absolute;
	left:0px;
	top:-15px;
	z-index:9999;
	min-width:200px;
}

.upperNavRight {
	background:url(../images/redHeadlinebackground.png) no-repeat top right; width:20px; height:30px;
}
.upperNavLeft {
	background:url(../images/redHeadlinebackground.png) no-repeat bottom left; width:20px; height:30px;
}
.upperNav {
	height:30px;
	background:#cf0a2c;
	color:#FFF;
	padding:5px 15px 0px 15px;
}

.upperNav a{
	color:#FFF;
	margin:0px 4px 0px 4px;
	text-decoration:none;
}

.upperNav a:hover{
	color:#eda900;
	text-decoration:none;
}

.navBackground {
	background:url(../images/navbackground_lg.png) no-repeat;
	background-position: center 30px;
	margin-top:15px;
}

.navbar {
	min-height:0px !important;
	font-size:.8em;
	line-height:normal;
}

.navbar-toggle {
	padding:5px !important;
	font-size:8px !important;
	margin:3px 0px 0px 0px !important;
}

.navbar .divider-vertical {
	padding-top:12px !important;
	color:#FFF !important;
	text-transform:uppercase !important;
	/*border-left: 1px solid #f2f2f2;*/
}

.navbar-inverse .divider-vertical {
	/*border-left-color: #FFF;*/
	color:#FFF;
}

.navbar-nav > li > a {
	padding-top:10px !important;
	padding-bottom:6px !important;
	color:#FFF !important;
	text-transform:uppercase !important;
}

.navbar-nav > li > a:hover {
	color:#FFF !important;
	background:#cf0a2c !important;
}

.navbar-inverse  {
	background-color:#231f20 !important;
	border-bottom:none !important;
}

.serviceLink a{
	display:block;
}
	
.serviceLink .collision {
	background:url(../images/collisionrepair.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .collision a{
	background:url(../images/serviceLinkCollisionrepair.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .collision a:hover{
	background:url(../images/serviceLinkCollisionrepair-2.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .mechanical{
	background:url(../images/speedos.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .mechanical a{
	background:url(../images/serviceLinkMechanical.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .mechanical a:hover{
	background:url(../images/serviceLinkMechanical-2.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .glass{
	background:url(../images/glassrepair.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .glass a{
	background:url(../images/serviceLinkGlassrepair.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .glass a:hover{
	background:url(../images/serviceLinkGlassrepair-2.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .detailing {
	background:url(../images/waxon.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
.serviceLink .detailing a{
	background:url(../images/serviceLinkDetailing.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	
.serviceLink .detailing a:hover{
	background:url(../images/serviceLinkDetailing-2.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
}
	

.arrrowLink {
	display:block;
	height:30px;
	width:50px;
	background:url(../images/arrowlink.png) 0px 0px no-repeat;
	float:right;
}
.arrrowLink:hover {
	background:url(../images/arrowlink.png) -60px 0px no-repeat;
}


.serviceHeadline {
	background:url(../images/redHeadlinebackground-left.png) no-repeat bottom left;
}
	
.serviceHeadline h3{
	color:#FFF;
	margin:0 0 0 20px;
	padding:0 0 5px 0;
	background:url(../images/redHeadlinebackground.png) no-repeat top right;
}
	


.row.sectionDivide img{
	margin:30px auto 45px auto;
	
}

.row.icons p {
	font-size:0.9em;
	color:#808285;
}

.row.icons a {
	text-decoration:none;
	color:#222;
	display:block;
}
.row.icons img {
	width:100%;
}
.row.icons a:hover {
	background:url(../images/iconHover.png) no-repeat;
	background-size:contain;
	-ms-behavior: url(/backgroundsize.min.htc);
	background-position:top center;
	-webkit-transition: background-image 0.3s ease-in-out;
	-moz-transition: background-image 0.3s ease-in-out;
	-ms-transition: background-image 0.3s ease-in-out;
	-o-transition: background-image 0.3s ease-in-out;
	transition: background-image 0.3s ease-in-out;
}


.btn-KBred { 
	color: #ffffff; 
	background-color: #cf0a2c; 
	border-color: #939597;
	padding:15px 80px 15px 80px !important;
} 

.btn-KBred:hover, 
.btn-KBred:focus, 
.btn-KBred:active, 
.btn-KBred.active, 
.open .dropdown-toggle.btn-KBred { 
	color: #ffffff; 
	background-color: #222; 
	border-color: #939597; 
	-webkit-transition: background-image 0.3s ease-in-out;
	-moz-transition: background-image 0.3s ease-in-out;
	-ms-transition: background-image 0.3s ease-in-out;
	-o-transition: background-image 0.3s ease-in-out;
	transition: background-image 0.3s ease-in-out;
} 
 
.btn-KBred:active, 
.btn-KBred.active, 
.open .dropdown-toggle.btn-KBred { 
	background-image: none; 
} 
 
.btn-KBred.disabled, 
.btn-KBred[disabled], 
fieldset[disabled] .btn-KBred, 
.btn-KBred.disabled:hover, 
.btn-KBred[disabled]:hover, 
fieldset[disabled] .btn-KBred:hover, 
.btn-KBred.disabled:focus, 
.btn-KBred[disabled]:focus, 
fieldset[disabled] .btn-KBred:focus, 
.btn-KBred.disabled:active, 
.btn-KBred[disabled]:active, 
fieldset[disabled] .btn-KBred:active, 
.btn-KBred.disabled.active, 
.btn-KBred[disabled].active, 
fieldset[disabled] .btn-KBred.active { 
	background-color: #cf0a2c; 
	border-color: #939597; 
} 


.venderLogos {
}

footer span.visible-xs {
	display:inline !important;
}

.darkfooterWapper {
	background-color:#231f20;
	color:#FFF;
	padding:30px 0px 30px;
	line-height:1.6em;
}

.darkfooterWapper a {
	color:#FFF;
	text-decoration:none;
	margin:0px 8px 0px 8px;
}

.darkfooterWapper a:hover {
	color:#808285;
	text-decoration:none;
}

.darkFooterTop {
	background:url(../images/footerdivide-top.png) no-repeat center top;
	height:15px;
	width:100%;
	margin-top:15px;
}
.darkFooterBottom {
	background:url(../images/footerdivide-bottom.png) no-repeat center top;
	height:15px;
	width:100%;
	margin-bottom:10px;
}

.address {
	font-size:0.9em;
	color:#58595b;
}

.address h6{
	font-size:18px;
	font-family: Syntax-Black;
	color:#58595b;
}

.credits {
	font-size:0.7em;
	color:#58595b;
}

.credits a{
	color:#58595b;
	text-decoration:none;
}
.credits a:hover{
	color:#cf0a2c;
	text-decoration:none;
}

section.rotator {
	position:relative;
	margin-top:-101px;
	border-bottom:5px solid #414042;
}

section.headerImage {
	position:relative;
	margin-top:-101px;
	border-bottom:5px solid #414042;
}

header {
	position:relative;
	z-index:999;
}

section.services {
	position:relative;
	margin-top:-40px;
}

section.insidePageContent {
	margin:30px 0 0 0;
}

.insidePageBanner {
	background-position:center center;
	background-size:cover;
	-ms-behavior: url(/backgroundsize.min.htc);
	background-repeat:no-repeat;
	height:300px;
	width:100%;
}

.bannerMechanical {
	background-image:url(../images/insideBanners/mechanicalbanner.jpg);
}

.bannerCollision {
	background-image:url(../images/insideBanners/collisionbanner.jpg);
}

.bannerGlass {
	background-image:url(../images/insideBanners/glassbanner.jpg);
}

.bannerDetailing {
	background-image:url(../images/insideBanners/detailingbanner.jpg);
}

.bannerContact {
	background-image:url(../images/insideBanners/contactbanner.jpg);
}

.personnel img {
	float:left;
	margin:0px 15px 0px 0px;
	max-width:150px;
}

@media (max-width: 760px) {  
	.navbar-collapse .nav > .divider-vertical {
		display: none;
	  }

	.navBackground {
		background-position: center 26px;
		margin-top:12px;
	}
	
	header {
		position:fixed;
		width:100%;
	}
	section.headerImage {
		margin-top:0px;
	}

	section.rotator {
		margin-top:0px;
	}
	.logo img {
		min-width:200px;
		top:-12px;
	}
	.insidePageBanner {
		background-position:center center;
		background-size:cover;
	-ms-behavior: url(/backgroundsize.min.htc);
		background-repeat:no-repeat;
		height:200px;
		width:100%;
	}
	.insidePageBanner iframe{
		height:200px !important;
	}
}

@media (min-width: 768px) {  
	section.services {
		position:relative;
		margin-top:-50px;
	}

	h1 img{
		float:left;
		margin-right:15px;
	}

	footer span.visible-xs {
		display:none !important;
	}
	
	
	
  }

@media (min-width: 801px) {
	.navbar {
		min-height:0px !important;
		font-size:1em;
	}
  }

@media (min-width: 992px) {  
	section.services {
		position:relative;
		margin-top:-90px;
	}
	.bannerContact {
		height:350px !important;
	}
}


@media (min-width: 1200px) {
	.bannerContact {
		height:450px !important;
	}

}


/*  START FORMS  */

label {
}

label.error {
	width:100%;
	box-sizing:border-box;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:13px;
	color:#cf0a2c;
	margin:0px 0px 12px 0px;
}

label.error.radioError {
	width:100%;
	box-sizing:border-box;
	display:block;
	padding:4px 8px 4px 8px;
	font-size:13px;
	color:#cf0a2c;
	margin:0px 0px 12px 0px;
}

/*  END FORMS  */

/* START NOTIFICATIONS */
.notification.success {
	background:#DFF2BF url('../admin/images/icons/notifications/success.png') no-repeat 10px center;
	border-color:#4F8A10;
	color:#4F8A10;
}
.notification.error {
	background:#FFBABA url('../admin/images/icons/notifications/error.png') no-repeat 10px center;
	border-color:#D8000C;
	color:#D8000C;
}
.notification.warning {
	background:#FEEFB3 url('../admin/images/icons/notifications/warning.png') no-repeat 10px center;
	border-color:#9F6000;
	color:#9F6000;
}
.notification.info {
	background:#BDE5F8 url('../admin/images/icons/notifications/info.png') no-repeat 10px center;
	border-color:#00529B;
	color:#00529B;
}
.notification.tip {
	background:#feeac9 url('../admin/images/icons/notifications/tip.png') no-repeat 10px center;
	border-color:#CB9D4C;
	color:#CB9D4C;
}
.notification {
	border:2px solid #444;
	padding:20px 10px 20px 55px;
	margin:0 0 30px 0;
	color:#000;
	font-weight:bold;
}

.absoluteNotification {
    position: fixed;
	z-index:999999;
    top: 0;
    left: 0;
	text-align:center;
	padding:10px 0 10px 0;
	font: bold 20px/32px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
}

.absoluteNotification.success {
    background:#77aa44;
	border-bottom:1px solid #567b32;
	color:#FFF;
}

.absoluteNotification.error {
    background:#DD3333;
	border-bottom:1px solid #ad2929;
	color:#FFF;
}

/*  END NOTIFICATIONS  */

/* ------------------------------------ MAP SECTION ---------------------------------- */

.mapOverlay {
   background:transparent; 
   position:absolute;
   left:0px;
   top:0px;
   width:100%;
   height:300px; /* your iframe height */
   z-index:11;
}

.insidePageBanner iframe {
	width:100%;
	height:300px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}


/* -/* ------------------------------------ BRANDS SECTION ---------------------------------- */
.brandBoxWrapper {
	padding:0px 20px 0px 20px;
	box-sizing:border-box;
	height:120px;
}

a.brandBox {
	margin:0;
	display:block;
	height:120px;
	padding:0;
	background-position:center center;
	background-size: contain;
	background-repeat:no-repeat;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-ms-behavior: url(/backgroundsize.min.htc);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
}

a:hover.brandBox {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-ms-behavior: url(/backgroundsize.min.htc);
	filter:none;
	filter: none;
	-webkit-transition: background-image 0.3s ease-in-out;
	-moz-transition: background-image 0.3s ease-in-out;
	-ms-transition: background-image 0.3s ease-in-out;
	-o-transition: background-image 0.3s ease-in-out;
	transition: background-image 0.3s ease-in-out;
}