/* ========================================================================================== RESETS */
html, body{margin:0;padding:0;border:0;}
body {font-family:Arial,  sans-serif;line-height:1.5;font-size:14px;background: #fff;padding:5px;color: #000;word-wrap: break-word;-webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;margin:0;padding:0;}
p img{float:left;margin: 0 0px 0px 0;padding:0;}
img{border: 0; max-width: 100%;margin:0px;padding:0px;}
table{width:auto;border-collapse:collapse;border-spacing:0;}

/* ========================================================================================== Text Editor Drop Downs */
.floatLeft,
.floatLeft_ImgBorder{float:left;margin:0 7px 0 0}

.floatRight,
.floatRight_ImgBorder{float:right;margin:0 0 0 7px;}

.floatLeft_ImgBorder,
.floatRight_ImgBorder,
.imgBorder{padding:2px;}

.readMore{display:inline;padding-right:15px;}

p{font-size:.8em;}

h1{font-size:18px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;padding-left:10px;}
a h2{text-decoration:none;}
h2{font-size:14px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;margin-top:10px;}
h3{font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;}
h4{font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;}
h5{font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;}
h6{font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;}

a{color:#d7172c;overflow:hidden;}
a:hover{color:#d7172c;}
a.vehicleAnchor{display:none;}


/* ========================================================================================== PAGE LAYOUT */
body{background:#f3edd8;margin:0px;padding:0px;}
body p{overflow:hidden;margin-top:0px;}
#mainBody{margin:0 auto;width:320px;background:url(images/TransworldImages/TransworldBG.png) repeat-y;overflow:hidden;height:100%;}
	#utilityZone{padding-left:4px;padding-right:4px;padding-bottom:0px;margin-bottom:0px;overflow:hidden;margin-bottom:11px;}
		#utilityZone .PortletBlock{margin:0px;padding:0px;overflow:hidden;}
		#utilityZone p{margin-bottom:0px;}
		#utilityZone h1{margin:8px 8px 0px 8px;}
		#utilityZone h2{margin:0px 8px 0px 8px;}
		#utilityZone img{margin:10px 0px 0px 0px;}
		#utilityZone p a img{margin:0px 0px 0px 0px;}

	#centerZone{float:left;padding-left:4px;padding-right:4px;width:312px;overflow:hidden;}
		#centerZone .Freeform{width:100%;display:block;float:left;clear:both;}
			#centerZone #vehiclePhotoTopContainer a.vehicleAnchor{display:none;}
			#centerZone #vehiclePhotoTopContainer h2{background:none;color:#000;height:auto;padding-top:0px;padding-bottom:0px;margin-bottom:0px;}
			#centerZone #vehiclePhotoTopContainer img{width:292px;height:auto;margin-left:10px;}
			#centerZone #vehiclePhotoTopContainer span{width:302px;}
			#centerZone h2{background:url(images/TransworldImages/TransworldH2.png) repeat-x;height:32px;display:block;padding-top:11px;color:#fff;font-weight:bold;padding-left:10px;margin-bottom:10px;text-transform:uppercase;font-size:16px;overflow:hidden;}
			#centerZone p{margin-left:10px;margin-right:10px;}
			#centerZone h2{float:left;clear:both;width:302px;overflow:hidden;text-decoration:none !important;}
			#centerZone span.specInfo{float:left;clear:both;width:282px;}
			#centerZone span.specLabel{float:left;clear:both;font-weight:bold;width:282px;}
			#centerZone div.PortletBlock{float:left;clear:both;width:312px;}
			#centerZone span span{font-size:14px;margin-bottom:0px;float:left;clear:both;margin-right:10px;overflow:hidden;height:auto;}
			#centerZone span.priceLabel{margin-right:5px;font-size:14px;}
	#vehiclePhotoTopContainer{margin-top:10px;margin-bottom:10px;overflow:hidden;float:left;clear:both;}
	#vehicleMPGContainer{overflow:hidden;float:left;clear:both;margin-left:10px;background:url(images/TransworldImages/QR-EPA.jpg) repeat-x;width:292px;height:98px;position:relative;margin-top:10px;}
		#centerZone  span.cityMPG{font-weight:bold;font-size:22px;position:absolute;top:25px;left:35px;}
		#centerZone  span.hwyMPG{font-weight:bold;font-size:22px;position:absolute;right:40px;top:25px;}
		.specifications h3{display:none;}
		
		#DealerInfo h3{margin-left:10px;font-size:14px;margin-top:10px;float:left;clear:both;}
		#vehicleBookPriceContainer,
		#DealerAddress{float:left;clear:both;overflow:hidden;}
		#DealerAddress{width:290px;}
	#vehiclePhotosContainer{float:left;clear:both;}
	.equipment{}
		.equipment span span{background:url(images/TransworldImages/redArrow.png) no-repeat 0px 6px;padding-left:13px;}
		#VehicleNotesContainer ul,
		#vehicleTechContainer ul,
		#vehicleFactsContainer ul,
		#VehicleEquipment ul,
		#vehicleReviewsContainer ul{padding:0px;margin:0px 10px;float:left;clear:both;padding-top:0px;width:282px;}
			#VehicleNotesContainer ul li,
			#vehicleTechContainer ul li,
			#vehicleFactsContainer ul li,
			#VehicleEquipment ul li,
			#vehicleReviewsContainer ul li{list-style:none;font-size:14px;background:url(images/TransworldImages/redArrow.png) no-repeat 0px 4px;width:282px;padding-left:13px;line-height:18px;margin-bottom:5px;}
			#centerZone ul li.equipmentItemBold{font-weight:bold;background:none;text-align:center;margin-top:10px;}
	#vehiclePhotos{width:312px;overflow:hidden;float:left;clear:both;}
	#vehiclePhotos a{float:left;clear:both;width:312px;text-decoration:none;}
		#vehiclePhotos a + a{overflow:hidden;float:left;clear:both;width:302px;margin-bottom:10px;}
	#vehiclePhotos a img{width:292px;margin-left:10px;overflow:hidden;height:auto;float:left;clear:both;}
	.IE7 #vehiclePhotos a img{margin-top:10px;}
	#vehiclePhotos #MorePhotos {text-align:center;}
	
	#WarrantyMessage,
	#StickerMessage{padding-left:10px;padding-right:10px;text-align:center;}
	
	#vehicleDealerContainer span{width:292px;}
	
	#vehicleSpecContainer{float:left;clear:both;}
		span.emailLabelReq,
		#DealerAddress,
		#price,
		#vehicleSpecShortContainer span,
		#vehicleSpecContainer span,
		#vehicleDealerContainer span{margin-left:10px;}
					
	.navigationList{float:left;clear:both;width:312px;}
		.navigationList ul{margin-left:0px;margin-top:0px;padding:0px 0px 0px 0px;margin-bottom:0px;}
			.navigationList ul li{list-style:none;height:26px;}
				.navigationList ul li a{color:#000;text-decoration:none;background:url(images/TransworldImages/TransworldNav.png) no-repeat;font-weight:bold;padding-left:10px;display:block;height:26px;padding-top:3px;font-size:14px;}
				.navigationList ul li a:hover{background:url(images/TransworldImages/TransworldNavHover.png) no-repeat;color:#fff;}
	
	#vehicleCarFaxContainer{margin-left:10px;margin-right:10px;}
		/*#vehicleCarFaxContainer div.SummaryImage{width:170px;float:left;margin-top:15px;margin-left:20px;}*/
		/*#vehicleCarFaxContainer div.CarFaxImage{width:100px;float:left;}*/
		#vehicleCarFaxContainer div.CarFaxLogo {
			text-align: center;
			float: none;
		}
		#vehicleCarFaxContainer div.OwnerIcon {
			text-align: center;
			float: none;
		}
		#vehicleCarFaxContainer .IconText {
			text-align: center;
			padding-left:3px;
			font-size: 1.5em;
			float: none;
		}

		#vehicleCarFaxContainer div.summary{width:200px;}
		#vehicleCarFaxContainer div.CheckMark{width:10px;float:left;clear:both;}
		.IE7 #vehicleCarFaxContainer div.CheckMark{width:10px;float:left;clear:both;margin-top:6px;}
		#vehicleCarFaxContainer div.CheckText{width:270px;float:left;margin-left:10px;line-height:18px;margin-top:2px;margin-bottom:3px;}
		#vehicleCarFaxContainer #Disclaimer{float:left;font-size:12px;margin-top:15px;margin-bottom:5px;width:300px;}
		#vehicleCarFaxContainer #FullReportLink{float:none;font-size:14px;text-align: center;margin-bottom:5px;}
		
	#vehicleAutoCheckContainer{padding:0px 10px 0px 10px;float:left;clear:both;margin-bottom:10px;}
		#vehicleAutoCheckContainer img{margin-left:30px;}
		#vehicleAutoCheckContainer div.historyCheck{margin-bottom:10px;float:left;clear:both;margin-top:10px;width:100%;}
			#vehicleAutoCheckContainer div.historyCheck img{width:55px;float:left;margin-left:0px;}
			#vehicleAutoCheckContainer div.historyCheck div.label{width:230px;float:left;color:#004990;line-height:1.25em;}
			#vehicleAutoCheckContainer div.historyCheck div.message{width:200px;float:left;line-height:1.25em;}
			
	#vehicleAutoCheckContainer div.posScore,
	#vehicleAutoCheckContainer div.negScore{float:left;clear:both;width:100%;}
			#vehicleAutoCheckContainer div.posScore img,
			#vehicleAutoCheckContainer div.negScore img{margin-left:0px;width:16px;float:left;margin-top:1px;clear:none;display:block;}
			#vehicleAutoCheckContainer div.posScore div,
			#vehicleAutoCheckContainer div.negScore div{float:left;width:265px;padding-left:8px;clear:none;display:block;}
	
	#vehicleAutoCheckContainer #box1{background:#f7f7f7;border:1px #CCC solid;padding:7px;float:left;clear:both;margin-bottom:10px;margin-top:10px;}
		#vehicleAutoCheckContainer #box1 #boxHeader{color:#004990;font-weight:bold;border-bottom:1px #CCC solid;margin-bottom:10px;margin-top:5px;}
		#vehicleAutoCheckContainer #box2{padding:10px;background:url(images/TransworldImages/autoCheckBG.gif) no-repeat;overflow:hidden;width:255px;height:98px;}
			#vehicleAutoCheckContainer #box2 #boxSubHeader{display:none;}
			#vehicleAutoCheckContainer #box2 #scoreTable{overflow:hidden;float:left;margin-top:25px;}
				#vehicleAutoCheckContainer #box2 #scoreTable #leftBox{width:175px;float:left;margin-top:10px;}
					#vehicleAutoCheckContainer #box2 #scoreTable #leftBox #scoreTitle{color:#fff;text-align:center;font-weight:bold;line-height:1em;font-size:16px;font-weight:bold;}
					#vehicleAutoCheckContainer #box2 #scoreTable #leftBox #scoreSubTitle{color:#ffe26d;text-align:center;line-height:1em;font-size:12px;font-weight:bold;}
					#vehicleAutoCheckContainer #box2 #scoreTable #leftBox #scoreScores{color:#ffe26d;text-align:center;font-size:18px;}
				#vehicleAutoCheckContainer #box2 #scoreTable #rightBox{width:75px;float:left;text-align:center;font-size:44px;font-weight:bold;color:#fff;margin-top:2px;}
				
	#experianReport{float:left;clear:both;text-align:center;display:block;width:100%; width:290px;}
		#experianReport a{color:#fff;text-decoration:none;display:block;border:1px solid #f7f7f7;background:#2f6a83;border-radius:5px;}
	
	
/* ========================================================================================== Mail Dealer or Friend */
div.fieldLabel,
span.emailInfo,
span.emailButton{float:left;clear:both;font-size:13px;margin-left:10px;margin-right:10px;width:290px;}
span.emailInfo textarea{width:275px;}
span.emailLabel{margin-top:7px;font-weight:bold;margin-left:10px;float:left;clear:both;width:290px;}
div.fieldLabel span.emailLabel{margin-left:0px;width:auto;}
#buttonBlock{margin-left:10px;margin-top:10px;float:left;overflow:hidden;}
#centerZone #buttonBlock span{margin-top:5px;width:150px;float:left;margin-bottom:10px;clear:none;padding:0px;margin:0px;clear:none}
.IE7 #centerZone #buttonBlock span{width:162px;}
.IE7 #centerZone #buttonBlock span + span{width:60px;}
#centerZone #buttonBlock span + span{width:80px;clear:none;float:left;}

#centerZone span.emailLabelReq{margin-right:0px;font-weight:bold;margin-top:10px;}
#centerZone span.required{float:left;clear:none;color:red;margin-top:10px;}
#centerZone input#YourName{width:175px;}
#centerZone input#YourEmail{width:225px;}
#centerZone input#YourEmail{width:225px;}
#centerZone input#RequestDate{width:100px;}

.DealerAddress{padding-left:10px;float:left;clear:both;width:100%;}
.DealerAddress h3{float:left;clear:both;}


					
