body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; margin: 0; padding: 0;}
a.body {text-decoration:underline;}
img {border: none;}
.pagecontent {width: 900px; margin:auto; text-align:left;}
.header {width: 900px; padding: 0; margin: 0; position: absolute;}
.navigation {position:absolute; right:0; top: 0%; width:247px; text-align: right; margin: 57px 10px 0 0;}
.content {position: absolute; top: 158px; width: 900px; padding-top: 17px;}
a.navlinks,span.navlinks {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#0076CC;
	text-decoration:none;
}
a.navlinks:hover {text-decoration:underline;}
.bluespacer {background: #0076CC; position: absolute; top:76px; height: 20px; width:900px;}
.titlebar {background: #B8D65C; position: absolute; top:98px; height: 60px; width:900px;}
#contenttitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	padding-left:10px;
	padding-top:20px;
	color:#FFFFFF;
	float:left;
}
#logo {padding: 20px 10px; float: left;}
#bannerphoto {float: right;}
#pagetitle {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#0076CC;padding-top:17px;}
.smalltext {font-size: 11px; color: #333;}
.smalllink {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0076CC; text-decoration:underline;}
.bodylinks {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0076CC; text-decoration:underline;}
.footer {position:relative; bottom: 0; width: 100%; height: 83px; background: #EFEFEF; border-top: 1px solid #ccc; margin-top:10px; clear:both;}
.footer_login {width: 900px; height: 60px; position:absolute; top: 290px; background: #EFEFEF; border-top: 1px solid #ccc; margin-top:10px; clear:both;}
.subheader {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#0076CC;}
.thumbnail {width: 70px; border: 1px solid #333333;}
.thumbnailgap {	height:15px;}
.guarantee {padding-left:10px; padding-right:10px;}
.thinline {height:1px; color:#d4e5f7; clear:both;}
.thinline_contact { height:1px; color:#b8d65c; clear:both;}
.subhead_line {width: 890px; border-bottom: 1px solid #D4E5F7; padding: 0 0 5px 0;}

/* repair overview */
#wrapper {
	display: inline-block;
	border-right: 290px solid #fff;
	position: relative; /* ie 6 */
	vertical-align: bottom;
	margin-left: -1px;
}
#sidebar {
	float: right; 
	width: 295px; 	
	margin-right: -295px;
	position: relative;/* ie 6 */ 
}
#main {float: left; width: 610px;}

.promobox {float: right; width: 275px; background: #ccc; left: 343px; top: 17px; margin: 5px;}
.promoboxtitle {background: #0076CC; font-size: 13px; color: #fff; padding: 5px 10px; font-weight: normal; border-bottom: 2px solid #fff;}
.promobox p {padding: 0; margin: 10px 0 0 0;}
.promobody {background: #efefef; padding: 6px;}
.contactphoto {float: right; width: 140px; border: 1px solid #333; margin-left: 3px;}

.promophoto {width: 100px; border: 1px solid #333;}

.mainphoto {margin: 0 0 0 10px; float: right;}
.dropshadow {
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 0 !important;
	margin: 10px 0 0 0;
	width: 270px;
	padding: 0;
}
.innerbox {position:relative; bottom: 6px; right: 6px; border: 1px solid #ddd; padding: 4px 9px; margin: 0;}
.innerbox {
	/* IE5 hack */
	margin: 0px 0px -3px 0px;
	margin: 0px 0px 0px 0px;
}
.innerbox p {margin: 3px;}
.innerbox img {border: 1px solid #000;}

.vehicleinfo {width: 320px; padding: 0 0 0 5px; margin: 0;}
.vehicleinfo p {margin: 12px 0 0 0; padding: 0;}
#emailwaiting {margin-left: 31px;}

.recentphotos {clear: both;}
.recentphotosheader {width: 600px; border-bottom: 1px solid #D4E5F7; padding: 0 0 5px 0; margin: 0 5px;}
.smallphotos {width: 600px; padding: 10px;}
.smallphotoscell {float: left; text-align: center; padding: 5px 25px 10px 0;}
.smallphotoscell img {border: 1px solid #333;}
.all_photos_bar {width: 600px; margin: 0 5px; background: #D4E5F7; height: 25px; clear: both;}

/* repair steps */
.repairprocess {margin: 0 0 0 5px; padding: 0;}
.repairprocess p {margin: 15px 0; padding: 0;}
.step_detail {float:right; padding: 0 10px 0 20px; margin: 10px 0 0 0; border-left: 1px solid #d4e5f7; width: 600px;}
.step_list {padding: 0 20px 0 0; margin: 10px 0 0 0;}
.step_list_item {padding: 5px 0 0 5px; margin: 0;}

/* all photos */
.allphotosheader {width: 605px; border-bottom: 1px solid #D4E5F7; padding: 0 0 5px 0; margin: 0 5px;}
.leftphotos {float:left; width:46%; margin: 10px 0 0 10px; border-right: 1px solid #D4E5F7;}
.rightphotos {float:right; width:45%; padding: 10px 10px 0 10px;}

/* large photo */
.largephotosection {padding: 0 0 0 5px; width: 650px;}
.largephoto {border: 1px solid #000; margin: 5px 0 10px 0;}
.photo_nav_bar {width:630px; background:#D4E5F7; height:25px; padding-left:10px;}
.phototop {padding: 5px 0;}

/* contact */
.contact {padding: 0 5px; width: 650px;}
.clabel {width: 155px; height: 25px; padding-left: 5px;}
.cfield {float: right; width: 440px;}
.contact-cform {font-family:Arial, Helvetica, sans-serif; font-size:13px; width:370px; height:100px; margin: 0 5px 5px 0;}
.contact-cform_error {background: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size:13px;width:370px;height:100px;margin-left:5px;}
.sendbar {clear:both; height:30px; width:100%; background:#ccc; line-height: 30px;}
.errorfield {background:#FFDDDD;}

/* survey */
.survey {padding: 0 5px; width: 650px;}
.slabel {width:185px;}
.squestion {width:225px;}
.sfield {float:right; width:375px;}
.sform {font-family:Arial, Helvetica, sans-serif; font-size:13px;width:370px;height:100px;margin-left:5px;}
.sform_error {background:#FFFF00; font-family:Arial, Helvetica, sans-serif; font-size:13px;width:370px;height:100px;margin-left:5px;}
.entry td {padding:3px;}
.survey_scale td {padding: 3px; text-align:center; border:1px dotted gray; }
#error_box { border: 1px solid red; background-color: #f4c5c4; height: 28px; padding: 5px 0 5px 0; line-height: 28px; padding-left: 10px; color: #bf0000;}

/* send photos to a friend */
.send-photos { padding: 10 5px; width: 640px;}
.subheader { font-weight: bold; }
.contactus-left { float:left; width: 100px; text-align:left; border-top: 1px solid #92A2BB; padding-top:10px; padding-bottom:10px; }
.contactus-right { float:right; width: 540px; text-align:left; border-top: 1px solid #92A2BB; padding-top:5px; padding-bottom:5px; }
.contactus-input { margin-left: 20px; margin-top: 3px; }
.contactus-error { margin-left: 20px; background-color:#FFDDDD; }
.contact-break { clear:both; width:100%; }
.spacer-bar {height:10px; background: #CCCCCC; width:100%; margin-top:5px; }
.cform {font-size:13px; width:350px; height:100px; margin-bottom: 10px;}

/* login */
#login-wrapper {width: 620px;}
.logintext {width: 323px; padding: 0 0 20px 10px;}
.loginform {float: right; width: 237px;}
.promoboxtitle {background: #89B9E7; font-weight: bold; font-size:13px; color:#fff; padding: 5px 10px;}
.loginbody {background:#D4E5F7; padding:10px;}
.logininput {border: 1px solid #ccc; text-align:center;}
.errbox {background:#F38001; color:#fff; font-size:11px; padding: 5px; margin: 5px 0;font-weight:bold;}
.demophoto_large
{
	max-width: 242px;
	max-height: 300px;
}
.demophoto_thumbnail
{
	max-width: 120px;
	max-height: 200px;
}
.demophoto_largest 
{
	border: 1px solid #000; 
	margin: 5px 0 10px 0; 
	width: 640px;
}