@charset "utf-8";

/* Box Model & Visual Formatting Model */
h1, h1 *, .functions *, .main-content ul.nav, .main-content ul.nav *, .main-content .cover *, .functions-other *, .breadcrumbs, .breadcrumbs *, .section-links *, .side-gallery, .side-gallery *, .function-page *, .footer *  { padding:0; margin:0; }
img, button { border:0; }
body { width:863px; margin:0 auto; padding:0; }
h1 { overflow:hidden; padding:5px 0; }
	h1 img.heading { float:left; }
	h1 img.logo { float:right; margin-top:8px; }
div.content { overflow:hidden; position:relative; z-index:5; }
div.functions { width:215px; float:left; }
div.functions-main-list { min-height:249px; }
	div.functions-main-list h3, div.section-links h3 { padding:5px 20px; }
		div.functions-main-list ul { padding:3px 0 4px; }
		div.functions-main-list ul li a { padding:2px 2px 1px 20px; display:block; }
	div.functions div.function { margin-top:5px; }
	div.function { height:144px; padding:0 10px; position:relative; }
		div.function-list { height:280px; }
		div.function h3 { padding-top:5px; }
		div.function a { width:215px; height:144px; display:block; position:absolute; top:0; left:0; z-index:50; }
			div.function-page a { height:95px; }
		div.function a span, div.function-list a, div.functions-other form { width:90%; height:25px; display:block; position:absolute; top:auto; bottom:10px; left:5%; }
			div.functions-other form { width:95%; left:2.5%; }
div.main-content { width:643px; float:right; }
	div.main-content-page-function { padding-bottom:100px; }
	div.main-content ul.nav { width:100%; padding:0 10px; overflow:hidden;}
		div.main-content ul.nav li { float:left; list-style:none; }
		div.main-content ul.nav li a { display:block; padding:6px 10px; }
	div.main-content div.cover { margin:5px 0; }
div.functions-other { margin-top:5px; position:relative; }
	div.functions-other div.function { height:124px; float:left; margin:0 5px 5px 0; }
		div.functions-other div.function p { padding-left:5px; }
		div#virtual-tour { width:195px; }
			div.functions-other div.function a { height:125px; }
		div#workshop-news { width:375px; }
			div#workshop-news form label { float:left; margin-top:3px;}
			div#workshop-news form input { width:185px; margin-top:3px; display:block; float:left; }
			div#workshop-news form button { padding:2px 5px 0px; float:right; cursor:pointer; }
		div#our-brochure { width:223px; margin-right:0; }
			div.functions div.function-desc p { padding-top:10px; }
			div.functions div.function-desc p img { top:-10px; }
			div.function-desc p img, div.function-page div.cover { float:left; margin:0 5px 0 0; position:relative; z-index:100; }
			div.function-desc a span { left:33px; }
		div.functions-other div.function-page { width:623px; height:95px; margin:-100px 0 5px 220px; float:none; }
			div.function-page a { width:640px; left:0; }
				div.function-page a span { bottom:37px; }
			div.function-page h3 { float:left; }
			div.function-page p { float:left; margin-top:2px; padding:0 5px; }
div.footer ul { margin-top:5px; }
	div.footer ul.nav li { margin-right:5px; display:inline; }
		div.footer ul.nav li::after { margin-left:5px; content:"|";}
		div.footer ul.nav li:last-child::after{ content:"";}
	div.footer ul.partners li { display:inline; margin-right:10px; }
div#old-content { width:640px; overflow:hidden; }
	div#old-content > table, div#old-content > p { width:660px; position:relative; left:-10px; }

ol.breadcrumbs { margin:10px;  }
ol.breadcrumbs li { display:inline; }
ol.breadcrumbs li::after { content:"/"; margin:0 3px; }
ol.breadcrumbs li:last-child::after{ content:""; }

div.section-links ul { padding:3px 0; overflow:hidden; }
div.section-links ul li { width:33.33%; float:left; list-style:none; }
div.section-links ul li a { padding:4px 5px; display:block; }
div.section-links ul li a::before { content:">>"; margin:0 5px; }

div.page-content { padding:10px 0 0; overflow:hidden; }
	div.page-main-content { width:485px; padding:5px; float:left; }
	ul.side-gallery { width:140px; float:right; }
		ul.side-gallery li { list-style:none; }
		ul.side-gallery a { width:137px; margin:0 1px 10px auto; display:block; border-style:solid; border-width:1px; }
		ul.side-gallery a img { display:block; }
		ul.side-gallery a span { padding:4px; display:block; }

/* Colors & Background */
body, a { color:#333; }
a:hover { color:#888; }
a:active { color:#ccc; }
div.functions-main-list, div.section-links { background:#bec9cf; color:white; }
	div.functions-main-list h3, div.section-links h3 { background:#9fb0b9; color:#4d6471; }
	div.functions-main-list ul a, div.section-links ul a, div.section-links ul a:hover, div.section-links ul a:active { color:white; }
	div.functions-main-list ul a:hover, div.section-links ul a:hover { background:#ccd4d9; }
div.function a span, div.function-list a, div.functions-other form button { background:url(../_img/white50.png) repeat; }
	div#buying-from-us { background:url(../_img/bckg_buy.jpg) no-repeat; }
	div#selling-with-us { background:url(../_img/bckg_sell.jpg) no-repeat; }
	div#latest-cars { background:#d2d9de url(../_img/bckg_latest_cars.png) repeat-x bottom; }

	div#photo-gallery { background:url(../_img/bckg_photo_gallery.jpg) no-repeat; }
	div#strip-and-assessment { background:url(../_img/bckg_strip_and_assessment.jpg) no-repeat; }
	div#reconstruction { background:url(../_img/bckg_reconstruction.jpg) no-repeat; }
	div#assembly { background:url(../_img/bckg_assembly.jpg) no-repeat; }
	div#test-and-finish { background:url(../_img/bckg_test_and_finish.jpg) no-repeat; }
div.main-content ul.nav { background:#8499a5; }
div.main-content ul.nav li a { color:white; }
div.main-content ul.nav li a:hover { background:#94a7b3; }
div#virtual-tour { background:url(../_img/bckg_virtual.jpg) no-repeat; }
div.function { background:#abb8be url(../_img/bckg_function_other.png) repeat-x bottom; }
div.function p { color:#2a5075; }
ol.breadcrumbs li { color:#999; }
div.section-links ul li a::before { color:#dfe6eb; }
ul.side-gallery a { border-color:#ccc;}
ul.side-gallery a:hover { border-color:#eee; }
ul.side-gallery a span { background:#eee; }

/* Fonts & Text */
h1 { font-size:1.8em; }
h2 { font-size:1.5em; }
a { text-decoration:none; }
body { font:0.75em Arial, Helvetica, sans-serif; }
div.functions-main-list h3, div.section-links h3 { font-size:1.17em; }
div.functions-main-list ul a, div.section-links ul a, div.main-content ul.nav li a { font-weight:bold; }
ol.breadcrumbs li { font-weight:bold; }
div.section-links ul li a::before { font-weight:bold; }
ul.side-gallery a span { text-align:center; }
ul.side-gallery a { font-size:0.9em; }

/* Other */
/* text image replacement */
div.function h3, div.function span, div.function-list a, div.function button, label#label-newsletter-email { white-space:nowrap ;display:block ;overflow:hidden ;}
div.function h3::before, div.function span::before, div.function-list a::before, div.function button::before, label#label-newsletter-email::before { display:block ;margin-top:0 ;}
div#buying-from-us h3 { width:180px; height:34px; }
div#buying-from-us h3::before { content:url(../_img/ir_buying_from_us.png); }
div#selling-with-us h3 { width:172px; height:34px; }
div#selling-with-us h3::before { content:url(../_img/ir_selling_with_us.png); }
div#latest-cars h3 { width:132px; height:34px; }
div#latest-cars h3::before { content:url(../_img/ir_latest_cars.png); }
div#photo-gallery h3 { width:148px; height:34px; }
div#photo-gallery h3::before { content:url(../_img/ir_photo_gallery.png); }
div#strip-and-assessment h3 { width:197px; height:34px; }
div#strip-and-assessment h3::before { content:url(../_img/ir_strip_and_assessment.png); }
div#reconstruction h3 { width:169px; height:34px; }
div#reconstruction h3::before { content:url(../_img/ir_reconstruction.png); }
div#assembly h3 { width:113px; height:34px; }
div#assembly h3::before { content:url(../_img/ir_assembly.png); }
div#test-and-finish h3 { width:139px; height:34px; }
div#test-and-finish h3::before { content:url(../_img/ir_test_and_finish.png); }

div#virtual-tour h3 { width:117px; height:34px; }

div#virtual-tour h3::before { content:url(../_img/ir_virtual_tour.png); }
div#workshop-news h3 { width:302px; height:34px; }
div#workshop-news h3::before { content:url(../_img/ir_aston_workshop.png); }
div#our-brochure h3 { width:138px; height:26px; }
div#our-brochure h3::before { content:url(../_img/ir_our_brochure.png); }
div#restoration-guide h3 { width:196px; height:26px; }
div#restoration-guide h3::before { content:url(../_img/ir_restoration_guide.png); }
div#restoration-guide-download h3 { width:530px; height:29px; }
div#restoration-guide-download h3::before { content:url(../_img/ir_restoration_guide_download.png); }
div.function a span.find-out { width:195px; height:30px; }
div.function a span.find-out::before { content:url(../_img/ir_find_out.png); margin-top:-1px; }
div.function a:hover span.find-out::before{ margin-top:-31px; padding-bottom:31px; }
div.function a.view-all { width:195px; height:30px; }
div.function a.view-all::before { content:url(../_img/ir_view_all.png); margin-top:-1px; }
div.function a.view-all:hover::before{ margin-top:-31px; padding-bottom:31px; }
div.function a span.view-photos { width:195px; height:30px; }
div.function a span.view-photos::before { content:url(../_img/ir_view_photos.png); margin-top:-1px; }
div.function a:hover span.view-photos::before{ margin-top:-31px; padding-bottom:31px; }
div.function a span.downloads { width:200px; height:30px; }
div.function a span.downloads::before { content:url(../_img/ir_downloads.png); margin-top:-1px; }
div.function a:hover span.downloads::before{ margin-top:-31px; padding-bottom:31px; }
div.function a span.download { width:174px; height:30px; }
div.function a span.download::before { content:url(../_img/ir_download.png); margin-top:-1px; }
div.function a:hover span.download::before{ margin-top:-31px; padding-bottom:31px; }
div.function a span.download2 { width:598px; height:30px; }
div.function a span.download2::before { content:url(../_img/ir_download2.png); margin-top:-1px; }
div.function a:hover span.download2::before{ margin-top:-31px; padding-bottom:31px; }
div.function button { width:126px; height:30px; }
div.function button::before { content:url(../_img/ir_subscribe.png); margin-top:-1px; }
div.function button:hover::before{ margin-top:-31px; padding-bottom:31px; }
div.function button::before { margin-bottom:20px; }
div.function button, div.function span, div.function-list a { height:27px !important; }
div.function button:-moz-last-node { padding-top:0 !important; }
div.function button:-moz-last-node:hover::before{ content:url(../_img/ir_subscribe_h.png);}
label#label-newsletter-email { width:50px; height:30px; }
label#label-newsletter-email::before { content:url(../_img/ir_email.png); }
