/*
Theme Name: Suzanne v1
Author: Suzanne Phillips

Use it to make something cool, have fun, and share what you've learned with others.
*/

* 
{
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  position:relative;
  background: #dbdcdc;
  background-repeat: no-repeat; background-size: 100%; 
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  min-width: 1192px;
}
 
.horizontal#background  {
  width:100%; height: 128px;
  background:#a6a6a7;
  background-repeat:repeat;
} 

div#logo {
  position:absolute; z-index:1;
  top:6px; left:0px; right:0px;
  text-align:center;
}

#wrapper {
  margin: 0px 0; 0; 
  width: 100%;
  height: 37px;
}

.container {
  position:relative;
  height: 37px;
}

#nav-bg {
  position:absolute; z-index:-1;
  top:127px; left:0px; right:0px;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 20px;
  padding: 0px;
  background: #FFFFFF;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #000000 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(60%,#000000));
  background: -webkit-linear-gradient(top, #FFFFFF 0%,#000000 60%);
  background: -o-linear-gradient(top, #FFFFFF 0%,#000000 60%);
  background: -ms-linear-gradient(top, #FFFFFF 0%,#000000 60%);
  background: linear-gradient(top, #FFFFFF 0%,#000000 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 );
  width: 100%;
  height: 37px;
}

#Appointments { position:absolute; width:46px; height:48px; z-index:3; right:-40px; top:-4px; 
}


/* navigation */
#main-nav {
  position:absolute; z-index:2;
  top:127px; left:0px; right:0px;  /* changed from 127 to 128 4/17/14 to allow shadow */
  text-align:center;
  height: 37px;
}

#main-nav ul {
  position: relative;
  font-family: 'Arial', sans-serif;
  font-size: .9em;
  font-weight: bold;
  list-style: none;
  display:inline-block;
}
#main-nav ul li {
  border-left: 0px solid #ffffff;
  float: left;
}

#main-nav ul li:first-child {
  border: none;
}
#main-nav ul li a {
  color: #FFFFFF;
  display: block;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: 116px;
  text-decoration: none;
  text-shadow: 0 1px 1px #9fc255;
  padding: 10px 0px;
}
#main-nav > ul > li > a {
  background: #FFFFFF;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #000000 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(60%,#000000));
  background: -webkit-linear-gradient(top, #FFFFFF 0%,#000000 60%);
  background: -o-linear-gradient(top, #FFFFFF 0%,#000000 60%);
  background: -ms-linear-gradient(top, #FFFFFF 0%,#000000 60%);
  background: linear-gradient(top, #FFFFFF 0%,#000000 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 );
}
#main-nav ul li a span.drop-down {
  background: url('../images/down-arrow_white.png') no-repeat;
  position: absolute;
  top: 16px;
  right: -10px;
  width: 28px;
  height: 7px;
}

#main-nav > ul > li > a:hover,
#main-nav ul li:hover {
  background: #2c2c2c;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#2c2c2c',GradientType=0 );
  margin-bottom:0px;
}

li.f1:hover { background:none !important; }

/* First Level drop-down */

#main-nav ul li ul {
  display: none;
}
#main-nav ul li:hover > ul {
  background: url('../images/BlueTransparencyMenuBack.png');
  display: block;
  font-size: .9em;
  font-weight: normal;
  text-align: left;
  padding: 0px;
  position: absolute;
}
#main-nav ul li ul li {
  float: none;
  display: block;
  border-left: none;
  position: relative;
  height: 37px;
}
#main-nav ul li ul li a {
  width: 190px;
  padding: 10px 5px;
  border-top: dotted 1px #000000;
  color: #FFFFFF;
}

#main-nav ul li ul li:first-child a {
  border: none;
}

/* Sub-level drop-down, offset sideways */
#main-nav ul li ul li a span.drop-down {
  background: url('../images/arrow_right_white.png') no-repeat;
  position: absolute;
  top:    11px;
  right:  10px;
  width:   7px;
  height: 12px;
}

#main-nav ul li ul li:hover ul {
  top:  3px;
  left: 198px;
}


/* Upper Information Icons */
div#Address {
  position:absolute; z-index:1;
  top:32px; left:20px; right:0px;
  width:600px;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-weight: normal;
	line-height: 25pt;
	color: #075877;
}
div#Hours {
  position:absolute; z-index:10;
  top:32px; left:40px; right:0px;
  text-align:left;
  width:400px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: 500;
	line-height: 16pt;
	color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000;
}

div#Phone {
  position:absolute; z-index:10;
  top:32px; left:0px; right:40px;
  text-align:right;
  height:25px;
  font-family: Arial Black, Helvetica, sans-serif;
	font-size: 25pt;
	font-weight: normal;
	line-height: 26pt;
	color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000;
}
div#email {
  position:absolute; z-index:10;
  top:72px; left:0px; right:60px;
  text-align:right;
  font-family: Arial Black, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	line-height: 20pt;
	color: #35343a;
}
/* Slide Show*/
#slider {
    opacity:1;
    transition: opacity 1s; 
}

#slider.fadeOut {
    opacity:0;
}



/* Lower Icons */

#BetterBusinessBureau { position:absolute; width:97px; height:43px; z-index:1; left:20px; top:800px;
} 
#SocialMedia { width:139px; height:64px; z-index:6; float:right; margin-bottom:20px
}
#MapHome { position:relative; width:202px; height:100px; z-index:5; left:225px; top:0px
}

#mapFrame { border: 1px solid #000; width: 202px 
}
#Map { position:relative; width:202px; height:120px; z-index:5; margin:0 auto;
}

#CarAmenities { position:absolute; width:430px; height:43px; z-index:7; right:20px; top:20px
} 

#AngiesList { position:absolute; width:70px; height:98px; z-index:8; right:200px; top:0px
}

#ChirpBird { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/ChirpBirdIconText.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px;width:74px; height:70px; CURSOR: pointer; PADDING-TOP: 0px; position:relative; z-index:5; left:15px; top:32px
}

/* Car Services Icons */

.Auto-Service-Icon-AirConditioning { background: url('../images/car-repair-airconditioning-charlotte.png'); padding-top:140px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Battery { background: url('../images/car-repair-battery-charlotte.png'); padding-top:100px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Belts-Hoses{ background: url('../images/car-repair-belts-hoses-charlotte.png'); padding-top:140px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Brakes { background: url('../images/car-repair-brakes-charlotte.png'); padding-top:122px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}

.Auto-Service-Icon-Electrical { background: url('../images/car-repair-electrical-charlotte.jpg'); padding-top:90px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Engine { background: url('../images/car-repair-engine-charlotte.jpg'); padding-top:68px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Exhaust { background: url('../images/car-repair-exhaust-charlotte.jpg'); padding-top:170px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Lights { background: url('../images/car-repair-lights-charlotte.jpg'); padding-top:60px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Oil-Change { background: url('../images/car-repair-oil-change-charlotte.jpg'); padding-top:120px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Radiator { background: url('../images/car-repair-radiator-charlotte.jpg'); padding-top:130px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Power-Windows { background: url('../images/car-repair-power-windows-charlotte.jpg'); padding-top:100px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Steering { background: url('../images/car-repair-steering-charlotte.jpg'); padding-top:140px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Inspection { background: url('../images/car-repair-NC-Inspection-charlotte.jpg'); padding-top:110px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Tires { background: url('../images/car-repair-new-tires-charlotte.png'); padding-top:116px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}

.Auto-Service-Icon-Transmission { background: url('../images/car-repair-transmission-charlotte.jpg'); padding-top:110px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Wipers { background: url('../images/car-repair-wipers-charlotte.jpg'); padding-top:110px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}
.Auto-Service-Icon-Alignment { background: url('../images/car-repair-alignment-charlotte.png'); padding-top:110px; padding-right:20px; width:25%; background-size: 250px 300px; background-repeat: no-repeat; background-position:top center; height:300px
}


/* Footer */
	
	html, body {height: 100%}

	#wrap {min-height: 100%}

	#outer-wrapper {overflow:auto;
		padding-bottom: 0px;}  /* must be same height as the footer */

	#footer {position: relative;
		overflow:hidden;
		margin-top: -0px; /* negative value of footer height */
		height: 200px;
		border-top:1px solid #dcdcdc;
		clear:both
		} 

	/*Opera Fix*/
	body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px
	}

#footer {background:#dbdcdc 
}
	#footer p {color:#000000; font-size:.8em; margin:0 padding:0; line-height:14px; font-weight:500
	}
		#footer p strong {color:#000000; font-size:1em; margin:0 padding:0; font-weight:600
		}
		#footer a {color:#000000; font-size:1em; margin:0 padding:0
		}
		
	#footer-main {float:center; width:100%; font-family: 'Arial', sans-serif; text-align:center; margin:10px 0; min-height:200px
	}	
	#footer-left {float:left; width:33%; margin:10px 0; min-height:200px
	}
		
	#footer-mid {float:left; width:33%; text-align:center; margin:20px 0 0 10px; min-height:200px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding: 0 10px
	}
	
#footer-right {float:right; width:33%; min-height:200px
}

/* Composition styles */
.centered {text-align: center
}
.hidden {display: none
}
.clear {clear: both
}
.BorderImages {
	BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px;  FLOAT: left; WIDTH: 158px! important; HEIGHT: 93px
}

.HomeSlideImages {
	BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid; BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 578px! important; HEIGHT: 400px; z-index:15
  }
.LocationsSlideImages#slide-holder {
z-index:-2; BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 400px! important; HEIGHT: 300px
  }
 .LocationsSlideImages2#slide-holder {
z-index:1; BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 578px! important; HEIGHT: 400px
  } 
  
 .MapImages {
	BORDER-RIGHT: #83d4f2 2px solid; BORDER-TOP: #83d4f2 2px solid;  BORDER-LEFT: #83d4f2 2px solid; BORDER-BOTTOM: #83d4f2 2px solid;  WIDTH: 520px! important; HEIGHT: 570px; z-index:15
  } 
.LocationsMaps {
position:relative; z-index:4; BORDER-RIGHT: #5381DD 1px solid; BORDER-TOP: #5381DD 1px solid;  BORDER-LEFT: #5381DD 1px solid; BORDER-BOTTOM: #5381DD 1px solid; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left; WIDTH: 398px! important; HEIGHT: 303px
  }  
 
.Image {
position:relative; z-index:-2; MARGIN-RIGHT: 4px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 4px; MARGIN-TOP: 4px; FLOAT: left
  }
 .ImageRight {
position:relative; MARGIN-RIGHT: 4px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 24px; MARGIN-TOP: 4px; FLOAT: right
  } 
.Video {
position:relative; z-index:-2; MARGIN-RIGHT: 6px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 2px; MARGIN-TOP: 2px; FLOAT: left
  }  
 .Indent {
 PADDING-LEFT: 4px; TEXT-ALIGN: left; wrap
  } 
#shadow {
    width: 100%;
    border-bottom: 1px  #2c2c2c solid;
    height: 8px;
	margin-top: -2px;
    box-shadow: 
        
        inset 20px -10px 28px 0px #2c2c2c; 
}

/* Link styles */
a:hover {text-decoration: none;}
a.action-link {display: block; color: #fff; background: #555; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; margin: 0 0 10px; text-decoration: none
}
a.action-link:hover {background: #000
}
a.back {position: relative; color: #fff; background: #999; padding: 10px 40px 10px 20px; font-weight: bold; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; box-shadow: inset 0 0 5px #777
}
a.back:hover {background: #666
}
a.back span.icon {position: absolute; top: 10px; right: 20px; width: 12px; height: 14px; background: url('../images/icon_back_12x14.png') no-repeat;
}
A.printLocation:link { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #4533e2; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.printLocation:visited { FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #4533e2; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline 
} 
A.printLocation:hover { COLOR: #eb4e3d; TEXT-DECORATION: none 
}

A.EmailCarRepair:link { font-family: Arial Black, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; line-height: 20pt; color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000; TEXT-DECORATION: underline 
} 
A.EmailCarRepair:visited { font-family: Arial Black, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; line-height: 20pt; color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000; TEXT-DECORATION: underline 
} 
A.EmailCarRepair:hover { font-family: Arial Black, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; color: #35343a;
	text-shadow: -1px -1px 1px #cdcece, 1px 1px 1px #000; TEXT-DECORATION: none 
}
A.PrintCarRepair:link { font-family: Arial Black, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #4533e2;
	TEXT-DECORATION: underline 
} 
A.PrintCarRepair:visited { font-family: Arial Black, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #4533e2;
	TEXT-DECORATION: underline 
} 
A.PrintCarRepair:hover { font-family: Arial Black, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #eb4e3d;
	TEXT-DECORATION: none 
}
A.sidemenu:active { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #312976; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none 
} 
A.sidemenu:link { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #312976; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none 
} 
A.sidemenu:visited { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #312976; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none 
} 
A.sidemenu:hover { COLOR: #eb4e3d
}

/* Text styles */

.content { FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
.brand{font-family:'Kristi', serif; font-size:26px; color:#312976; text-decoration:none
}
h1, h2, h3, h4, h5, h6 { color: #312976
}
h1 {font-size: 1.6em; font-style: Italic; letter-spacing: 1px; margin: 0 0 0px 
}
h2 {font-size: 1.6em; text-shadow: 2px 2px 2px #eee
}
h3 {font-size: 1.5em; font-weight: 700
}
h4 {font-size: 1.3em; font-style: none; TEXT-ALIGN: center; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
h5 {font-size: 1.2em
}
h6 {font-size: .9em; font-style: Italic; letter-spacing: 1px; margin: 0 0 0px
}
.space {
  margin-left:20px;
  }

.headerMain { FONT-SIZE: 14pt; COLOR: #312976; FONT-WEIGHT: 900; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif 
}
.panMain { FONT-SIZE: 13pt; COLOR: #312976; FONT-WEIGHT: 800; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif 
}

.HoursText { FONT-SIZE: 10pt; FONT-WEIGHT: bold; COLOR: #cb302d; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.blackText { FONT-SIZE: 10pt; FONT-WEIGHT: 400; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left
}
.blackTextMed { FONT-SIZE: 11pt; FONT-WEIGHT: 400; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left
}
.blueTextLeft { FONT-SIZE: 12pt; COLOR: #312976; FONT-WEIGHT: 600; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; text-align: left
}
.blueTextNewsletter { FONT-SIZE: 10pt; COLOR: #3366CC; FONT-WEIGHT: 700; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; text-align: left
}
.blueItalic { FONT-SIZE: 11pt; COLOR: #2e3490; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
.blueItaliclargeBold { FONT-SIZE: 16pt; FONT-WEIGHT:bold; COLOR: #312976; FONT-STYLE: italic; text-align: center; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
.liteBlueItalic { FONT-SIZE: 12pt; COLOR: #434cd4; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
.blueItalicBold { FONT-SIZE: 9pt; COLOR: #2e3490; FONT-STYLE: italic; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, sans-serif 
}

.RedTextItalic { FONT-SIZE: .9em; FONT-STYLE: italic; FONT-WEIGHT: 800; COLOR: #cb302d; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.RedTextItalicPas { FONT-SIZE: .8em; FONT-STYLE: italic; FONT-WEIGHT: 800; line-height: 95%; COLOR: #cb302d; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.RedTextItalicLarge { FONT-SIZE: 1.0em; FONT-STYLE: italic; FONT-WEIGHT: 800; COLOR: #cb302d; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.RedText { FONT-SIZE: .9em; FONT-WEIGHT: 800; COLOR: #cb302d; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.servicesList { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: center
}
.servicesMainList { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left
} 
.servicesIconsList { FONT-SIZE: 11px; line-height: normal; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align: left
} 
.boldtext2 { FONT-WEIGHT: bold; FONT-STYLE: italic; FONT-SIZE: 14px; COLOR: #010b22; letter-spacing: 1px; padding-right: 10px; line-height: 1.2; FONT-FAMILY: Arial, Helvetica, sans-serif 
}
.car-repair-motto{ FONT-WEIGHT: bold; font-size: 1.2em; font-style: Italic; letter-spacing: 1px; margin: 0 0 0px; COLOR: #cb302d;  
}

.siteMapBold { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #2e3490; FONT-FAMILY:  Arial, Helvetica, sans-serif; FONT-STYLE: italic 
}

.carServiceBold { FONT-WEIGHT: bold; FONT-STYLE:italic; FONT-SIZE: 13px; COLOR: #eb4e3d; FONT-FAMILY:  Arial, Helvetica, sans-serif; 
}
.CarServicesIconsText { FONT-SIZE: 10pt; line-height:12px; FONT-STYLE:italic; FONT-WEIGHT: bold; COLOR: #312976; FONT-FAMILY: Arial, Helvetica, sans-serif
}.siteMapBold { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #2e3490; FONT-FAMILY:  Arial, Helvetica, sans-serif; FONT-STYLE: italic 
}
.UnderConstruction { FONT-SIZE: 1.7em; FONT-FAMILY:  Arial, Helvetica, sans-serif;
}

.fancybox.iframe {overflow: visible!important; height: auto!important; background: none repeat scroll 0 0 #FFFFFF; border: medium none; color: #FFFFFF; height: 77px; margin-top: 10px; width: 203px !important; }
/* **************************



/* Column styles */
 
  .column{FONT-SIZE: 20pt; COLOR: #3d81c2; FONT-WEIGHT: 600; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
	  }
.column2{FONT-SIZE: 12pt; COLOR: #3d81c2; FONT-WEIGHT: 600; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
	  }	      

.container2 {
    display: flex;

    background: #ffffff;
    border: 1px solid #ffffff;
    box-sizing: border-box;
}
.column {
    flex: 1;
  
}

.column-one {
    order: 1;
}
.column-two {
    order: 2;
}
.column-three {
    order: 3;
}
.column-four {
    order: 4;
}
.column-five {
    order: 5;
}