body {

 font-family:Arial; font-size:12px; line-height:160%; color:#555;
}

h1 { font-size:16px;}

h2 {clear:both; font-size:14px;}

.OuterContainer{width:826px; margin-left:auto; margin-right:auto;}

.HeaderContainer{width:826px;}

.NewHeader {width:800px; height:128px; margin:-1px 0px 0px 14px; }

.HeaderTopLeft{float:left; width:612px; padding: 1px 0px 0px 13px;}

.HeaderTopLeft h1{ float:left; font-size:10px;}

.HeaderTopRightContainer{float:left; width:200px;}

.HeaderTopRight{float:left; width:180px;}

.HeaderTopRight{ float:right; margin:0px 15px 0px 0px; font-size:12px;}

.HeaderTopRightTelephone {float:right;}

.HeaderTopRightOpening {float:right;}


/* logo feature */

.SpecialOfferContainer {width:208px; border:1px solid #555; padding: 10px 0px 15px 10px; margin:0px 0px 20px 0px; background-image: url(images/SpecialOfferBackground.jpg); background-repeat:no-repeat; background-position:bottom;}

.SpecialOfferText { text-align:center; margin:10px 0px 0px 0px;}

.SpecialOfferTel {text-align:center; color:#333; font-weight:bold;}

.SpecialOfferTel a {color:#D20000; text-decoration:none; font-weight:bold;}

.SpecialOfferTel a:hover { text-decoration:underline;}

.SpecialOfferLink {width:198px;}

.SpecialOfferLink a {color:#D20000; font-size:12px; font-weight:bold; text-decoration:none;}

.SpecialOfferLink a:hover { text-decoration:underline;}

.SpecialOfferSummary p {margin:2px 0px 10px 0px; width:198px;}

.OfferFeatureSeperator hr {float:left; width:195px; margin:0px 0px 5px 0px; border:dashed 1px #D20000; border-bottom:0px; border-left:0px; border-right:0px;}

.logoFeature { width:187px; height:165px; border:1px solid #555; padding:10px 15px 15px 10px;}

.logoTop { width:198px; font-size:18px; margin:0px 0px 10px 0px; color:#333; font-weight:bold; height:25px; text-align:center;}

.logoVW {padding:0px 0px 0px 39px;}

.logoAudi {padding:0px 0px 0px 39px;}

.logoBottom {text-align:center; font-size:10px; width:194px; margin:10px 0px 0px 0px; }

.MOTFeature { width:170px; margin:20px 0px 0px 0px;}


.MainContainerTop {float:left; width:826px; height:15px; background-image: url(images/Background-Top.gif);}

.MainContainerMiddle {float:left; width:826px; background-image: url(images/Background-Middle.gif); background-repeat:repeat-y; padding-bottom:10px;}

.MainContainerBottom {float:left; width:826px; height:15px; background-image: url(images/Background-Bottom.gif);}

.MainContainerFooter {float:left; width:826px; text-align:center; margin:0px 0px 20px 0px; font-size:10px; color:#990000;}


.HeaderFlash {width:802px; margin:-1px 0px 0px 14px;}



.MenuContainer { float:left; margin:0px 0px 0px 14px;  width:800px; height:41px; background-image: url(images/Background-Menu.jpg); }

.MenuItem {float:left; padding:6px 10px 0px 10px; font-size:12px;}

.MenuItem a { text-decoration:none; color:#FFF; font-weight:bold;}

.MenuItem a:hover { text-decoration:underline;}



.ContenImagesContainer{width:522px; float:left; margin: 0px 0px 10px 2px; height:152px; padding:5px 0px 0px 12px; background-image: url(images/Background-Imagesstrip.gif);}

.ContentImage {float:left; width:150px; border:2px solid #CCC; padding:1px; margin:10px 0px 5px 10px;}

.ContentImagesFooter {float:left; width:500px; text-align:center; font-size:9px;}


.PageContent {float:left; width:540px; margin:  2px 0px 0px 24px; }

.PageContentRightColumn {float:left; width:220px;  margin: 0px 0px 0px 20px;}

.PageContentRightColumn img { border:0 none;}

.ContactFormContainer { background-image:url(images/Background-Imagesstrip_tall.gif); padding: 10px 0px 0px 15px; width:518px; height:248px;}

.HomepageTopLeftImageContainer {float:left; width:545px; border:solid 1px black; margin:0px 0px 15px 0px;}

.HomepageTopLeftImage {float:left; height:200px;  width:545px; }

.HomepageTopLeftImageFooter {float:left; height:22px; padding:3px 0px 0px 3px; text-align:center;  width:542px; background-color:#DA0000; color:#FFF;}

.ContactForm {float:left; margin:0px 0px 20px 0px;}

.ContactForm label {float:left; width:100px;}

.ContactAddress {float:left; width:250px; margin:0px 0px  20px 0px; }

.ContactHours {float:left; width:250px; margin:0px 0px 0px 40px;}



.BookingFormContainer {float:left;  width:384px; height:602px;  padding: 10px 0px 0px 20px; margin:10px 0px 10px 80px; background-image:url(images/Background-ImagesBooking.gif); }

.BookingFormContainer h2 {clear:both; float:left; margin-top:10px;}

.BookingFormRow {float:left; clear:both; text-align:left; margin: 0px 0px 2px 10px; width:375px;}

.BookingFormRow label {float:left; width:120px; padding-right:15px; padding-top:2px;}

.BookingFormRow input {float:left; width:200px;}

.BookingFormRow table {float:left; width:200px;}

.BookingFormRow table tr {float:left; width:200px;}

.BookingFormRow table td {float:left; width:70px;}

.BookingFormRow table td label {float:left; width:25px; margin:0px; padding:  0px 0px 0px 0px;}

.BookingFormRow table td input {float:left; width:25px; margin:2px 0px 0px 0px; padding: 0px 0px 0px 0px;}


/* offers */

.OfferContainer { float:left; width:540px;}
.OfferRow {float:left; width:540px;}
.OfferHeading { font-size:14px;}
.OfferHeading a { text-decoration:none; color:#D20000;}
.OfferHeading a:hover { text-decoration:underline;}
.OfferSummary {}
.OfferFullDetails {float:left; width:540px; text-align:right;}
.OfferFullDetails a {color:#D20000; text-decoration:none;}
.OfferFullDetails a:hover { text-decoration:underline;}
.OfferSeperator hr {float:left; width:540px; margin:10px 0px 10px 0px; border-color:#CCC; border-style:dashed;  border-width:1px;  border-bottom: none;}