* {margin: 0;}
html, body, form.mainForm {height: 100%;}
#wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -110px auto; width:980px; }

#footer, .push {height: 110px;}
.push {clear:both; width:100%; }

#header {position:relative; width:980px; height:100px;}
#headerHome {position:relative; width:980px; height:80px;}
#logo {height:82px; width:200px; position:absolute; bottom:0px; left:10px;}
#homeLink {position:absolute; top:53px; left:230px;}
#marqueTitle {position:absolute; top:85px; left:230px;}
#utilityLinks {position:absolute; top:20px; left:195px; text-align:left; padding-bottom:10px;}
#content {width:980px; margin:0; clear:both; margin-bottom:10px; text-align:left;}

.form {margin:0; padding:0; font-size:0.9em;}
.form li {margin:0 0 5px 0; padding:0; list-style-type:none;}
.form input[type=text], .form textarea, .tbform input[type=text], .tbform textarea  {border:1px solid #999;}
.form input[type=text]:focus, textarea:focus, .tbform input[type=text]:focus, .tbform textarea:focus {border:1px solid black;}
.tbform td {padding:5px;}
.form textarea {width:280px;}

/* --- primary Navigation --- */
#primaryNav {position:absolute; right:0; bottom:0px; text-align:right;}
#primaryNav ul {margin:0; padding:0; list-style-type:none;}
#primaryNav ul li {float:left; list-style-type:none; margin:0; padding:0;}

/* --- Search --- */
#search {clear:both;}
#search .UsedVehicleSearch {text-align:center; padding-top:20px;}
#search span {font-size:1.5em;}
#search span, #search select, #search #input {margin:0 7px;}

/* --- Homepage --- */
#row2 {float:left; clear:both; width:900px; padding:20px 40px; background:black; color:White;}
#row2 .logo {text-align:center; padding-bottom:10px; height:200px; background:white; padding-top:50px;}

#jaguarLogo {float:left;  width:260px; }
#volvoLogo {float:left;  width:260px; margin-left:60px;}
#hyundaiLogo {float:right; width:260px; }

#jaguarLogoNew .logo, #volvoLogoNew .logo, #LandRoverLogoNew .logo, #hyundaiLogoNew .logo {height:150px;} 

#jaguarLogoNew {float:left;  width:200px; overflow:hidden;}
#volvoLogoNew {float:left;  width:200px; margin-left:33px; overflow:hidden;}
#LandRoverLogoNew {float:left; width:200px; margin-left:33px; overflow:hidden;}
#hyundaiLogoNew {float:right; width:200px; overflow:hidden;}

/* --- Hyundai Fromatting --- */
#rowOne {float:left; width:980px; clear:both; margin-bottom:10px;}
#rowOne #introductionHyundai {float:left; width:305px;}
#rowOne #specialOfferHyundai {float:right; width:624px; padding:18px; margin-top:20px; background:#E9EDF3;}
#rowOne #specialOfferImage {float:left; width:380px; }
#rowOne #specialOfferText {width:224px; float:right; }

#rowTwo {float:left; width:980px; clear:both; margin-bottom:10px;}
#rowTwo #theRangeHyundai {float:left; width:627px; border-right:1px solid #ddd; padding-right:23px;}
#rowTwo #contactHyundaiHeader {float:right; width:310px; margin-bottom:10px;}
#rowTwo #contactHyundai {float:right; width:284px; background:#DDE6F7; padding:13px;}

/* --- Volvo Fromatting --- */
#wrapper .contentVolvo {float:left; background:white url(/laf/Volvo/contentBGtop.jpg) top left no-repeat; padding:20px; width:940px;}
.contentVolvo #left {width:615px}
.contentVolvo #right {width:290px;}

#rowOneVolvo {float:left; width:940px; clear:both; margin-bottom:10px;}
#rowOneVolvo #introductionVolvo {float:left; width:285px;}
#rowOneVolvo #specialOfferVolvo {float:right; width:601px; padding:18px; margin-top:20px; background:#463B80 url(/laf/Volvo/offerBG.jpg) top left no-repeat; color:White;}
#rowOneVolvo #specialOfferImage {float:left; width:380px; }
#rowOneVolvo #specialOfferText {width:200px; float:right; }

#rowTwoVolvo {float:left; width:940px; clear:both; margin-bottom:10px;}
#rowTwoVolvo #theRangeVolvo {float:left; width:607px; border-right:1px solid #ddd; padding-right:23px; min-height:200px;}
#rowTwoVolvo #contactVolvoHeader {float:right; width:290px; margin-bottom:10px;}
#rowTwoVolvo #contactVolvo {float:right; width:264px; background:#C8CABF; padding:13px;}

.carThumbnail {float:left; width:148px; height:70px; margin:10px 0;}

/* --- Land Rover formatting --- */
#Introduction {float:left; width:300px; background:url(/laf/LandRover/Introduction.jpg) top left no-repeat; padding:10px 15px; min-height:269px;}
#LatestOffer {float:right; width:600px; background:#E9EFEF url(/laf/LandRover/LatestOffer.jpg) top left no-repeat; padding:10px 15px; min-height:269px;}
	#LatestOfferImage {float:left; width:254px;}
		#LatestOfferImage img {border:2px solid #999999;}
	#LatestOfferText {float:right; width:330px;}
		#BulletLists {float:left; clear:both;}
			.BulletList {float:left; width:155px; padding-right:10px; }

#TheRange {float:left; width:448px; background:url(/laf/LandRover/TheRange.jpg) top left no-repeat; padding:10px 15px;}
#Contact {float:right; width:448px;  background:#093F56 url(/laf/LandRover/Contact.jpg) top left no-repeat; padding:10px 15px 0px 15px; min-height:131px;}
	#ContactText {width:228px; float:left;}
		#ContactText p {font-size:0.85em;}
	#ContactImage {width:220px; float:right; height:119px;}
		#ContactImage img {border:1px solid White;}
		
.LandRoverOffer {}
	.LandRoverOffer img {border:4px solid #999999;}
	.LandRoverOffer li {list-style-type:none; margin:0px; font-size:0.85em; font-weight:bold;}
	.LandRoverOffers #OfferOne {float:left; width:313px; height:561px; margin-right:20px;}
		#OfferOneTop {background:yellow; padding:10px;  width:293px; background: url(/laf/LandRover/BG1.jpg) top left no-repeat; }
		#ContactDetails {width:293px; padding:10px; margin-top:20px; background: #003850; color:White;}
			#ContactDetails * {color:White;}
	.LandRoverOffers #OfferTwo {float:right; width:626px;  margin-bottom:20px; padding:10px; background: url(/laf/LandRover/BG3.jpg) top left no-repeat; }
	.LandRoverOffers #OfferThree {float:left; width:293px;  padding:10px; margin-bottom:20px; background: url(/laf/LandRover/BG4.jpg) top left no-repeat; }
	.LandRoverOffers #OfferFour {float:right;  width:293px; padding:10px; margin-bottom:20px; background: url(/laf/LandRover/BG4.jpg) top left no-repeat; }	
	
#ExtraOfferText {width: 960px; float:left; background: url(/laf/LandRover/SpecialOfferContact.jpg) top left no-repeat; padding:10px; min-height:145px;}
#DealerContact {width:627px; float:left; background:#e8e8e8; padding:10px; margin-bottom:10px; display:none; color:white;}

/* --- 3 Column Template --- */
#left {float:left; width:635px; margin-bottom:10px;}
#right {float:right; width:310px; margin-bottom:10px;}

#specialOffers {float:left; clear:both; width:100%; background:#f8f8f8;} 
#leftOfferOne {float:left; width:290px; margin-right:10px; padding:10px;}
#leftOfferTwo {float:left; width:290px; padding:10px;}
#leftOfferOne h2, #leftOfferTwo h2 {color:White; padding:4px;}

/* --- 2 column template --- */
#TwoColumnLeft {float:left; width:532px; margin-bottom:20px; background:#4a4a4a; padding:12px; border:1px solid #666;}
#TwoColumnRight {float:right; width:396px; margin-bottom:10px;}

#TwoColumnLeftSmall {float:left; width:243px;}
#TwoColumnRightSmall {float:right; width:238px; padding:14px; background:#333; border:1px solid #666;}
#TwoColumnRightOtherOffers {float:right; width:238px;}

/* --- three column layout --- */
#pageHeading {clear:both; width:100%; border-bottom:1px solid #ddd; margin-bottom:10px;}

#leftColumn {width:430px; margin-right:25px; float:left; margin-bottom:10px;}
#middleColumn {width:230px; margin-right:25px; float:left; margin-bottom:10px;}
#rightColumn {width:270px; float:right; margin-bottom:10px;}

/* --- Special OFfers Section --- */
#offerLeft {float:left; width:430px; padding:0 20px 10px 20px;}
#mainOfferImage {clear:both; margin-bottom:10px; }
#mainOfferLeft {float:left; width:210px; margin-bottom:10px;}
#mainOfferRight {float:right; width:210px; margin-bottom:10px;}
#mainOfferTwo {clear:both; margin-bottom:10px;}

#offerRight {float:right; width:494px; margin-bottom:14px; }
#offerRight .offerMedium {float:left; width:494px; padding:0 0 0 20px; border-left:1px solid #ccc;}

#offerRight .offerDivider {float:left; width:465px; margin-right:14px; height:1px; border-top:1px solid #ccc; margin-top:10px; padding-top:10px;}

#offerBase {float:left; margin-top:10px; clear:both; margin-bottom:15px; width:980px; border-top:1px solid #E3EAE8; padding-top:7px; display:none;}
#offerBase .offer {float:left; width:228px; padding:0 7px;  border-left:1px solid #E3EAE8;}
#offerBase .offer img {height:150px; width:228px;}

/* --- search Reuslts --- */
.searchresultsheader {padding:5px; border-bottom:3px solid black;}
.searchresultsheader .toppager {float:right; width:350px; text-align:right; }

.bottompager {text-align:right;}
.bottompager a, .toppager a {padding-right:5px;}

.result {float:left; width:100%; border-bottom:1px solid #666; padding:5px 0; margin-bottom:5px;}
.result .image {float:left; margin-right:10px;}
.result .image img {width:150px;}
.result .info {display:inline-block; width:300px;}
.result .titleLink {text-transform:uppercase;}
.result .attributes {margin:0; padding:0; list-style-type:none; margin:0; padding:0; width:470px;}
.result .attributes li {float:left; width:170px; margin:0 3px 0 0; padding:0; font-size:0.8em;}
.result .attributes li.large {width:170px;}
.result .attributes li.small {width:120px;}

/* --- specific car item page --- */
#vehicleDetails {width:635px; clear:both;}

#vehicleImages {float:left; width:400px; margin-right:15px;}
#enlargeImage a {text-decoration:none; line-height:20px; height:20px;}
#enlargeImage a:hover {text-decoration:underline;}
#vehicleThumbnails {margin:5px 0; }
#vehicleThumbnails img {width:95px; margin-right:5px;}

#vehicleInfo {float:right; width:220px; }
#vehicleInfo label {font-weight:bold; float:left; width:100px;}

#vehicleInfo ul {list-style-type:none; margin:0; padding:0; font-size:0.9em;}
#vehicleInfo li {margin:0 0 5px 0; padding:0; clear:both; width:100%;}

.testDrive {width:100%; clear:both; font-size:0.8em; margin-top:10px;}

/* --- dealershipDetails --- */
#dealershipDetails, #contactUsForm {padding:10px; border:2px solid;}
#dealershipDetails p {font-size:0.9em; margin:4px 0;}
.dealershipMap {width:286px;}

/* --- contact us form --- */
.validationSummary {border:1px solid #ddd; background:#FFEAEA;}

/* ---- footer --- */
#footer {background:black;}
#footer #footerContainer {width:960px; margin:0 auto;}
#footer #hatfieldsLogo {float:left; padding-top:20px; padding-right:30px;}
#footer ul {float:left; margin-left:20px; margin-top:20px;}
#credit {float:right; padding-top:45px;}

/* --- footerHome --- */
#wrapperHome {min-height: 100%; height: auto !important; height: 100%; margin: 0;}
#footerSmall {float:left; padding-top:20px;}
#footerSmall #serviceCentres {border-bottom:2px solid #ddd; width:980px; padding-bottom:20px;}
#footerSmall #FooterEditable {width:970px; padding:5px 5px; border-bottom:2px solid #ddd;}
#footerSmall #Links {font-size:0.8em; width:980px; text-align:right;}