
body {
	margin: 0;
	padding: 20px 0;
	color: #000;
	font-size: 76%;
	height: 100%;
	font-family: arial, verdana, helvetica, sans-serif;
	background-color: #222222 ; /* e3d9cc */
	}
	
/* */

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	}
h2 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	}
h3 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
p { 
	margin: 0px;
	}
strong, b {
	font-weight: bold;
	}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	}
form {
	margin: 0;
	padding: 0;
	}
hr {
	margin: 0.5em 0;
	border: 0px;
	height: 1px;
	color: #000;
	background-color: #000;
	border-top: 1px solid #d6d6d6;
	}
.hide {
	display: none;
	}
.clr {
	clear: both;
	}
.highlight {
	color: #d9ecff;	
	}
.floatLeft {
	float: left;
	}
/* */

.pageWrap {
	margin: 0 auto;
	padding: 0;
	width: 768px;
	/*background: transparent url(../img/layout/page_wrap_bg.gif) no-repeat top center;*/
	background: transparent url(../img/layout/content_bg.gif) repeat-y top center;
	}
html > .pageWrap {
	width: 806px;
	}
.headerArea {
	margin: 0;
	padding: 0;
	height: 138px;
	background: transparent url(../img/layout/header_bg.gif) no-repeat top center;
	}
.headerArea h1 {
	margin: 0;
	padding: 41px 4px 0 0;
	float: right;
	}
.headerArea h1 a {
	margin: 0;
	padding: 0;
	width: 286px;
	height: 88px;
	display: block;
	background: transparent url(../img/layout/logo.gif) no-repeat bottom left;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
.featureWrap {
	margin: 0 auto;
	padding: 0;
	width: 732px;
	height: 198px;
	background: #e5e5e5 url(../img/layout/content_bg.gif) repeat-y top center;
	}
.feature {
	width: 455px;
	height: 198px;
	background-color: #666;
	float: left;
	}
.featureWrap h3 {
	margin: 0;
	padding: 80px 0 0 20px;
	height: 60px;
	width: 250px;
	float: left;
	
	font-weight: normal;
	font-size: 18px;
	}
.contentWrap {
	margin: 0;
	padding: 0;
	width: 768px;
	background: transparent url(../img/layout/content_footer_bg.gif) no-repeat bottom left;
	}
.contentWrap h3 {
	margin: 0;
	padding: 0.5em 20px 5px 10px;
	color: #565656;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	}
.contentWrap h4 {
	margin: 0;
	padding: 0.5em 20px 1em 10px;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #565656;
	}
.contentWrap p {
	margin: 0;
	padding: 0 20px 1em 10px;
	font-size: 0.9em;
	line-height: 1.4em;
	position: relative;
	color: #48494c;
	}
.contentWrap p strong {
	color: #000;
	}
.contentWrap a {
	color: #e42128;
	}
.contentWrap a:hover {
	color: #8e1318;
	}
	
.contentWrap ul {
	margin-top: 0;
	}
.contentWrap li {
	font-size: 0.9em;
	line-height: 1.2em;
	position: relative;
	color: #48494c;
	}	
	
	
.contentFooter {
	margin: 0;
	padding: 0;
	clear: both;
	height: 4px;
	width: 768px;
	}
.contentFrontBg { background: transparent url(../img/layout/content_front_bg.gif) no-repeat bottom left; }
.showroomDetailsBg { background: transparent url(../img/layout/content_details_bg.gif) no-repeat bottom left; }
.showroomDetailsBgCol { background: transparent url(../img/layout/content_details_bg_column.gif) repeat-y top center; }

.leftColumn {
	margin: 0;
	padding: 0 0 0 0;
	width: 198px;
	float: left;
	background: transparent url(../img/layout/left_column_bg.gif) no-repeat top left;
	
	}
.rightColumn {
	margin: 0;
	padding: 0;
	width: 569px;
	float: right;
	background: transparent url(../img/layout/right_column_bg.gif) no-repeat top left;
	}
.rightColumn p.address {
	margin: 0;
	padding: 18px 18px 1em 18px;
	font-size: 0.8em;
	line-height: 1.6em;
	position: relative;
	color: #48494c;
	text-align: right;
	}
.innerColumn {
	margin: 0;
	padding: 0;
	width: 225px;
	float: left;
	}
.innerColumn p {
	padding: 0 20px 1em 18px;
	}
.leftColumn h4 {
	margin: 0;
	padding: 0 0 0 10px;
	clear: both;
	color: #fff;
	}	
.mainFlash {
	padding: 65px 0 65px 22px;
	}	
.headerFlash {
	padding: 4px 0 0 8px;
	}	
h2.pageTitle, h3.pageTitle {
	margin: 5px 0 5px 0;
	padding: 5px 0 0 38px;
	height: 27px;
	position:relative;
	display: block;
	color: #fff;
	font-size: 1em;
	background: transparent url(../img/layout/sidebar_dot.gif) no-repeat top left;
	}
.frontDot { background-image: url(../img/layout/sidebar_dot_front.gif) !important; }
.specialsDot { background-image: url(../img/layout/sidebar_dot_specials.gif) !important; }

/*h2.pageTitle, h3.pageTitle {
	margin: 5px 0 5px 0;
	padding: 0;
	width: 190px;
	height: 23px;
	position:relative;
	display: block;
	text-indent: -700em;
	text-decoration: none;
	overflow: hidden;
	}
.tlMailingList { background: transparent url(../img/layout/title_mailing_list.gif) no-repeat bottom left; }
.tlSpecials { background: transparent url(../img/layout/title_specials.gif) no-repeat bottom left; }
.tlShowroom { background: transparent url(../img/layout/title_showroom.gif) no-repeat bottom left; margin: 5px 0 15px 0 !important; }
.tlService { background: transparent url(../img/layout/title_service.gif) no-repeat bottom left; }*/


.mainImage {
	margin: 35px 0 45px 22px;
	}	

img.pageTitle {
	
	}
img.subPageTitle {
	margin: 8px 0 8px 10px;
	}
.pageTitleWrap {
	padding: 5px 0 0 10px;
	/*border-bottom: 1px solid #ff00ff;*/
	height: 37px;
	}
.pageTitleWrap h3 {
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
	position:relative;
	display: block;
	color: #fff;
	font-size: 1em;
	}
.pageTitleWrap h3 a {
	color: #fff;
}
.footerArea {
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
	height: 60px;
	width: 768px;
	background: #222222 url(../img/layout/menu_bg.gif) no-repeat top left;
	}
.footerArea p {
	margin: 0;
	padding: 0 10px 0 18px;
	font-size: 0.8em;
	color: #fff;
	}
.footerArea a {
	color: #666;
	text-decoration: none;
	}
.footerArea a:hover {
	color: #333;
	text-decoration: underline;
	}
.footerArea p.left {
	float: left;
	}
.footerArea a.right {
	padding: 2px 10px 0 0;
	float: right;
	}	
.footerArea p.right {
	float: right;
	}	
	
.mailingList {
	margin: 0 4px;
	padding: 12px 0 5px 0;
	background: transparent url(../img/layout/side_mailing_list_bg.gif) no-repeat bottom right;
	}
.mailingList input.field {
	margin: 0 0 0 10px;
	width: 168px;
	}
.mailingList input.imgBtn {
	margin: 5px 10px 0 0;
	float: right;
	}	
		
.specials {
	margin: 0 4px;
	padding: 12px 0 10px 0;
	background: #f9a25b url(../img/layout/side_specials_bg.gif) repeat-x bottom left;
	}	
.showroomCategories	{
	margin: 0;
	padding: 12px 4px 10px 4px;
	background: transparent url(../img/layout/left_column_showroom_bg.gif) no-repeat top left;
	}	
.showroomGroup {
	margin: 0;
	padding: 0 0 10px 0;
	background: transparent url(../img/layout/side_service_bg.gif) repeat-x bottom left;
	}
.showroomGroup h3 {
	margin: 0;
	padding: 5px 20px 0 10px;
	color: #fff;
	font-size: 1.1em;
	}
.showroomGroup ul {
	margin: 0;
	padding: 0 0 5px 0;
	}
.showroomGroup ul li {
	margin: 0;
	padding: 0 0 3px 20px;
	list-style-type: none;
	}	
.showroomGroup ul li a {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-decoration: none;
	color: #000;
	}	
.showroomGroup ul li a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	}	
.showroomGroup ul li a.current {
	font-weight: bold;
	}	
.showroomContent {
	margin: 0;
	padding: 12px 4px 40px 4px;
	background: transparent url(../img/layout/right_column_showroom_bg.gif) no-repeat top left;
	}
.showroomContent h2 {
	margin: 0;
	padding: 0;
	height: 42px;
	}
.brandLogo {}
.peugeot { background: transparent url(../img/layout/peugeot_logo.gif) no-repeat top right; }
.bug { background: transparent url(../img/layout/bug_logo.gif) no-repeat top right; }
.freebird { background: transparent url(../img/layout/freebird_logo.gif) no-repeat top right; }
.honda { background: transparent url(../img/layout/honda_logo.gif) no-repeat top right; }
.sachs { background: transparent url(../img/layout/sachs_logo.gif) no-repeat top right; }
.tgb { background: transparent url(../img/layout/tgb_logo.gif) no-repeat top right; }

.productOverview {
	margin: 0;
	padding: 7px 0 0 0;
	clear: both;
	background: transparent url(../img/layout/product_overview_border.gif) repeat-x bottom left;
	}
.productOverview div.img {
	margin: 0;
	padding: 0 0 0 10px;
	width: 110px;
	height: 120px;
	float: left;
	}
.productOverview div.txt {
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
	}	
.productOverview div.txt h3 {
	margin: 0;
	padding: 0 0 15px 10px;
	color: #000;
	float: left;
	}	
.productOverview div.txt h3 span {
	margin: 0;
	padding: 0;
	font-size: 10px;
	}	
.productOverview div.txt h4.detailsLink {
	margin: 4px 0 0 0;
	padding: 0;
	display: block;
	width: 50px;
	float: right;
	}
.productOverview div.txt h4.detailsLink a {
	color: #ff9933;
	text-decoration: none;
	}
.specs {
	margin: 4px 0 0 0;
	float: right;
	width: 340px;
	}	
.specs table {
	margin: 0 0 20px 6px;
	font-size: 0.9em;
	}
.specs table tr td {
	padding: 3px;
	vertical-align: baseline;	
	}	
.details  {
	margin: 0 0 0 0;
	padding: 0;
	width: 220px;
	float: left;
	}	
.details h3 {
	margin: 0;
	padding: 0 0 15px 3px;
	color: #000;
	}	
.details h3 span {
	margin: 0;
	padding: 0;
	font-size: 10px;
	}
.details p {
	padding: 0 20px 1em 3px;
	}					
.details div.info, .details div.colour, .details div.price {
	margin: 0;
	padding: 10px 0 10px 8px;
	background: transparent url(../img/layout/product_details_border.gif) repeat-x top left;
	}
.details div.colour h4 {
	padding: 0 20px 1em 3px;
	}
.details div.colour img {
	margin: 0 0 0 3px;
	padding: 0;
	}	

.serviceSidebar {
	margin: 0;
	padding: 12px 4px 10px 4px;
	background: transparent url(../img/layout/left_column_service_bg.gif) no-repeat top left;
	}	
.serviceContent {
	margin: 0;
	padding: 12px 4px 10px 4px;
	background: transparent url(../img/layout/right_column_service_bg.gif) no-repeat top left;
	}	
.contactInfo {
	margin: 0 0 0 0; /* margin: 116px 0 0 0; */
	padding: 12px 0 10px 0;
	background: #f9a25b url(../img/layout/side_specials_bg.gif) repeat-x bottom left;
	}
.serviceOverview {
	margin: 0;
	padding: 7px 0 0 0;
	clear: both;
	background: transparent url(../img/layout/product_overview_border.gif) repeat-x bottom left;
	}

/* Menu */	
	
#mainMnu {
	margin: 0 auto;
	padding: 4px 4px 0 12px;
	clear: both;
	height: 30px;
	background: transparent url(../img/layout/menu_bg.gif) no-repeat top left;
	}
#mainMnu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
#mainMnu ul li {
	margin: 0;
	padding: 0;
	float: left;
	}
#mainMnu ul li a {
	margin: 0;
	padding: 0;
	display: block;
	_float: left;
	height: 26px;
	color: #fff;
	font-size: 0.9em;
	text-decoration: none;
	text-indent: -1000em;
	/*overflow: hidden;*/
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	}
#mainMnu ul li a:hover {
	background-position: bottom left;
	/*overflow: hidden;*/
	}
/*Hide from Mac IE\*/
#mainMnu ul li a {
	overflow: hidden;
	}
/*End hide*/

#mainMnu #mnuItem01 { background-image: url(../img/layout/main_mnu_01.gif); width: 75px; }
#mainMnu #mnuItem02 { background-image: url(../img/layout/main_mnu_02.gif); width: 105px; }
#mainMnu #mnuItem03 { background-image: url(../img/layout/main_mnu_03.gif); width: 123px; }
#mainMnu #mnuItem04 { background-image: url(../img/layout/main_mnu_04.gif); width: 66px; }
#mainMnu #mnuItem05 { background-image: url(../img/layout/main_mnu_05.gif); width: 75px; }
#mainMnu #mnuItem06 { background-image: url(../img/layout/main_mnu_06.gif); width: 73px; }


/* Menu */	
	
#productionsMnu {
	margin: 0;
	padding: 0;
	width: 277px;
	}
#productionsMnu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#productionsMnu ul li {
	margin: 0;
	padding: 0;
	}
#productionsMnu ul li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 85px;
	width: 277px;
	text-decoration: none;
	text-indent: -1000em;
	/*overflow: hidden;*/
	display: block;
	border-bottom: 1px solid #fff;
	background-position: top left;
	background-repeat: no-repeat;
	}
#productionsMnu ul li a:hover {
	background-position: bottom left;
	/*overflow: hidden;*/
	}
/*Hide from Mac IE\*/
#productionsMnu ul li a {
	overflow: hidden;
	}
/*End hide*/
#productionsMnu #productionItem01 { background-image: url(../img/layout/production_mnu_01.gif); }
#productionsMnu #productionItem02 { background-image: url(../img/layout/production_mnu_02.gif); }
#productionsMnu #productionItem03 { background-image: url(../img/layout/production_mnu_03.gif); }
#productionsMnu #productionItem04 { background-image: url(../img/layout/production_mnu_04.gif); }


/* Menu */	
	
#teamMnu {
	margin: 0;
	padding: 0;
	width: 277px;
	}
#teamMnu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#teamMnu ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	}
#teamMnu ul li a {
	margin: 0;
	padding: 20px 50px 0 0;
	display: block;
	height: 18px;
	width: 230px;
	font-size: 0.9em;
	text-align: right;
	text-decoration: none;
	color: #676767;
	/*overflow: hidden;*/
	display: block;
	background: transparent url(../img/layout/team_mnu.gif) no-repeat top left;
	}
#teamMnu ul li a:hover {
	background-position: bottom left;
	/*overflow: hidden;*/
	}
/*Hide from Mac IE\*/
#teamMnu ul li a {
	overflow: hidden;
	}
	
	
/* */


.contactForm {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 0.9em;
	color: #666;
	width: 425px;
	} 
.contactForm dt {
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
	width: 110px;
	padding: 0;
	}
.contactForm dt label {
	margin: 0;
	padding: 10px 0 0 5px;
	display: block;
	float: left;
	position: relative;
	}
.contactForm dt label.required {
	color: #CC0000;
	}
.contactForm dd {
	margin: 0;
	padding: 4px;
	border-top: 4px solid #fff;
	}
.contactForm dd.missingDt {
	margin: 0;
	padding: 1px 1px 4px 110px;
	border-top: 4px solid #f9f9f9;
	}
.contactForm dd.textarea {
	margin: 0;
	padding: 1px 1px 4px 110px;
	height: 106px;
	}
.contactForm dd input, .contactForm dd.missingDt input {
	margin: 0;
	padding: 1px;
	width: 180px;
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
	}
.contactForm dd select {
	margin: 0;
	padding: 1px;
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
	}
.contactForm dd.submit {
	padding: 10px 1px 10px 110px;
	}
.contactForm dd.submit input {
	margin: 0;
	padding: 1px;
	width: inherit;
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
	}
.contactForm dd textarea {
	margin: 0 0 4px 0;
	padding: 1px;
	width: 280px;
	height: 100px;
	float: left;
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
	}
.contactForm span.feedback {
	margin: 0;
	padding: 0 4px;
	display: none;
	}	
	
	
#headerMessages, #headerErrors {
	padding: 17px 10px 1px 10px;
	margin: 20px 0px;
	font-size: 1.2em;
	background-color: #404040;
	color: #FFFFFF;
	border: 1px dashed #FFFFFF;
}

#headerMessages p, #headerErrors p {
	color: #FFFFFF;
}
