/* Basic HTML
----------------------------------------------------------------------------------------------------*/
body{
	background-color:#999999;
	font-family:Arial, Helvitica, Sans-Serif;
}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}
.absolute{position:absolute;}
.floatLeft{float:left;text-align:left;}
.floatRight{float:right;text-align:right;}
.underline{text-decoration: underline}
.superscript{font-size:0.8em;}
.headline{font-size: 1.1em;white-space:nowrap;margin: 3px 0 3px 0;padding: 0;}
.headline{font-size: 1.1em;white-space:nowrap;margin: 3px 0 3px 0;padding: 0;}
.subHead{font-size: 0.9em;white-space:nowrap;margin: 3px 0 10px 0;padding: 0;}
.bodyCopy{font-size: 0.8em;margin: 0 0 0 6px;padding: 0;}
.green {color:#333300;}
.red {color:#640000;}
.orange {color:#CC3300;}
.black {color:#000000;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.textOnLeft{text-align:right;}
.textOnRight{text-align:left;}

.banner{
	position:absolute;
	background: #990000 url(../images/topBannerRepeater.gif) repeat-x top right;
	margin: 0;
	padding: 0;
}

.mainImage{
	position:absolute;
	background: #ffffff url(../images/mainSiteImage.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	height:100%;
	float:left;
}
.menuBar{
	position:absolute;
	background: #ffffff url(../images/menuBarRepeater.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	height:36px;
	float:left;
}
.menuBar ul
{
	position:relative;
	top:8px;
	list-style: none;
	margin: 0;
	padding-bottom:6px;
	border: none;
}
.menuBar li {
	
	border:none;
	margin-right: 30px;
	margin-left: 15px;
	padding: 0;
	list-style: none;
	display: inline;
	color:#FFFFFF;
	font-size:1.1em;
	vertical-align:middle;
	height:36px;
}
.menuBar li a{
	display: inline;
	padding: 5px 5px 5px 0.5em;
	border:0;
	color: #fff;
	width: 100%;
}

.menuBar li a:link{text-decoration: none;}
.menuBar li a:visited{text-decoration: none;}
.menuBar li a:active{text-decoration: none;}
.menuBar li a:hover{text-decoration: none;color:#000;background-color:#C6CB68;} /*  text-decoration:underline; */

.mainPanel {
	position: absolute;
	background: #FFFFFF url(../images/ASECertifiedLogoandLine.gif) no-repeat bottom center;
}
.mainPanel h1, .mainPanel h2, .mainPanel h3, .mainPanel p{position:absolute;}
.mainPanel p{
	position:absolute;
	font-size: 0.8em;
}
.mainPanel p.subHead{font-size: 0.9em;}

.insidePanel {
	position: absolute;
	background-color: #FFFFFF;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
}
.insidePanel .panelIndent{
	padding-top:15px;
	padding-left:25px;
}
.insidePanel p.bodyCopy{
	font-size: 0.8em;
	padding-bottom:15px;
	margin-left:0;
	margin-right:40px;
}

.leftInsideBorderPanel {
	position: absolute;
	background-color: #FFFFFF;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
}

.serviceRepairList{
	position:absolute;
}
.serviceRepairList h2, .autoDetailList h2 {
	font-size: 0.8em;
	position:relative;
	margin-bottom:10px;
	border:0;
	background-color:#C6CB68;
	width:100%;
	text-align:center;
}
.serviceRepairList ul, .autoDetailList ul 
{
	display:inline;
	border: none;
	list-style-type:disc;
	color: #000;
	font-size: 0.8em;
}
.serviceRepairList li, .autoDetailList li {
	margin-left: 40px;
	padding-bottom: 3px;
	white-space:nowrap;
}
.serviceRepairList p, .autoDetailList p {
	width:100%;
	margin-top:10px;
}
.autoDetailList{
	position:absolute;
}
.autoDetailList h2{position:relative;}

div.hr{
	position:absolute;
	background: #999999 url(../images/sectionSeparator.gif) repeat-x bottom left;
	height:3px;
	margin: 0;
	padding: 0;
	border:0;
}
div.hr hr {
  display: none;
}

#insidePageFooterAdjust{
	margin: 0;
	padding: 0;
	position:absolute;
}

.aboutUsASELogo{
	position:absolute;
	background: #ffffff url(../images/ASELogo.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	height:100%;
}



div.makeAppointmentForm{
	border:solid 1px;
	height:605px;
	width:615px;
	background-color:#CCCCCC;
}
div.makeAppointmentForm div.spacerDiv {
	position:relative;
	margin:15px;
	height:100%;
	width:100%
}
div.makeAppointmentForm table {
	font-size: 0.8em;
	margin-top:15px;
}
div.makeAppointmentForm th {
    vertical-align:top;
    padding-top:3px;
    white-space:nowrap;
	text-align:left;
	padding-bottom:3px;
	width:200px
}
div.makeAppointmentForm td {
	padding-bottom:3px;
}
div.makeAppointmentForm span.required {
	color:#990000;
	padding-right:5px
}



.directionsPage ul
{
	width:550px;
	list-style-type:disc;
	list-style-position:inside;
	margin: 0;
	padding:6px;
	border: solid 1px #000000;
}



.directionsPage a:link{color:#640000;text-decoration: underline;}
.directionsPage a:visited{color:#640000;text-decoration: underline;}
.directionsPage a:active{color:#640000;text-decoration: underline;}
.directionsPage a:hover{color:#640000;text-decoration: underline;}



div.contactUsContactForm{
	border:solid 1px;
	height:305px;
	width:615px;
	background-color:#CCCCCC;
}
div.contactUsContactForm div.spacerDiv {
	position:relative;
	margin:15px 15px 15px 15px;
	width:585px;
	height:275px;
}
div.contactUsContactForm table {
	font-size: 0.8em;
	margin-top:15px;
}
div.contactUsContactForm th {
    vertical-align:top;
    padding-top:3px;
    white-space:nowrap;
	text-align:left;
	padding-bottom:3px;
	width:150px
}
div.contactUsContactForm td {
	padding-bottom:3px;
}
div.contactUsContactForm span.required {
	color:#990000;
	padding-right:5px
}
div.contactUsContactForm p {
	font-size: 0.9em;
	margin-top:15px;
}


.copyrightText{
	margin: 0;
	padding: 0;
	position:absolute;
	color:#000000;
	font:Verdana, Georgia, Sans-serif;
	font-size: 0.7em;
}

.copyrightText a:{
	color:#000000;
	font:Verdana, Georgia, Sans-serif;
	font-size: 0.7em;
	text-decoration: none;
}
.copyrightText a:link{color:#000000;text-decoration: underline;}
.copyrightText a:visited{color:#000000;text-decoration: underline;}
.copyrightText a:active{color:#000000;text-decoration: underline;}
.copyrightText a:hover{color:#000000;text-decoration: underline;}


/*----------------------------------------------------------------------------------------------------*/
/* Clear Floated Elements */
/*----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}