@import url(reset.css);


html {
	margin-bottom: 0.1em;
	min-height: 101%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: center;
	background-color: #ff5a00;
	background-image: url(/images/body-bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

.clear { clear: both; }
.hide { display: none; }
.center-text { text-align: center; }
.red-text { color: #FF0000; }
.orange-text { color: #ff5a00; }

#wrapper {
	margin: 0 auto;
	width: 940px; 
	padding: 10px;
	background-color: #FFFFFF;
	text-align: left;
}
.admin { background-image: none; background-color: #FFFFFF; }
.admin #wrapper { width: 95%; }

#header {
	display: block;
	height: 130px;
	position: relative;
}

.admin #header { height: 95px; }
.admin #header h1 { font-size: 20pt; }

#header h1 a {
	text-decoration: none;
	position: absolute;
	top: 0; left: 0;
	width: 341px;
	height: 123px;
	background-image: url(/images/top-logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}	

#menu {
	position: absolute;
	top: 75px; right: 0;
	font-size: 11pt;
}

.admin #menu {
	top: 40px; left: 0;
}

#menu ul {
	list-style: none;
	display: table;
	position: relative;
}

#menu ul li {
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

#menu ul li a {
	float: left;
	margin-right: 5px;
	text-decoration: none;
	position: relative;
	background-image: url(/images/btn-bg.jpg);
	background-position: top left;
	height: 41px;
	padding: 0 10px 0 10px;
	line-height: 39px;
	letter-spacing: -1px;
	color: #FFFFFF;
	font-weight: bold;
}

.admin #menu ul li a { 
	background-image: none;
	color: #FFFFFF;
	background-color: #424242;
	font-size: 10pt;
	font-weight: normal;
	padding: 0 5px 0 5px;
}

.admin #menu ul li a:hover { background-color: #000000; }

#menu ul li a em {
	position: absolute;
	top: 0; right: 0;
	_right: -1px;
	height: 41px;
	width: 9px;
	background-image: url(/images/btn-bg.jpg);
	background-position: top right;
}

#menu ul li.highlight a,
#menu ul li.highlight a em { 
	background-image: url(/images/highlight-btn-bg.jpg);
}

#menu ul li ul.down {
	display: block;
	position: absolute;
	z-index: 900;
	top: 43px; left: 0;
	display: none;
	background-image: url(/images/down-bg.png);
	background-repeat: repeat-y;
	background-position: bottom left;
	width: 200px;
	padding-top: 5px;
	
	_visibility: hidden;
}

#menu ul li ul.down li {
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

#menu ul li ul.down li a {
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	line-height: normal;
	background-image: none;
	color: #FFFFFF;
	float: none;
	padding: 10px;
	margin: 2px;
	font-weight: normal;
	font-size: 10pt;
}

#menu ul li ul.down li a:hover {
	background-color: #353434;
	color: #ff5a00;
}

#menu ul li a:hover,
#menu ul li.highlight a:hover {
	background-position: center left;
}

#menu ul li a:hover em,
#menu ul li.highlight a:hover em {
	background-position: center right;
}

#menu ul li.drop a:hover {
	background-position: bottom left;
	_background-position: center left;
}

#menu ul li.drop a:hover em {
	background-position: bottom right;
	_background-position: center right;
}

#menu ul li.drop:hover a { background-position: bottom left; }
#menu ul li.drop:hover a em { background-position: bottom right; }

#menu ul li.drop ul b {
	position: absolute;
	top: 0; right: 0;
	background-image: url(/images/down-bg.jpg);
	background-position: top right;
	width: 200px;
	height: 8px;
	z-index: 900;
}

#menu ul li.drop a i {
	position: absolute;
	bottom: -5px; left: 0;
	background-color: #515151;
	height: 8px;
	z-index: 999;
	display: none;
	background-image: url(/images/down-bg.jpg);
	background-position: center left;
	width: 100%;
}

#menu ul li.drop a i b {
	position: absolute;
	top: 0; right: 0;
	width: 2px;
	height: 6px;
	background-image: url(/images/down-bg.jpg);
	background-position: center right;
	border-bottom: 1px solid #8f8f8f;
}

#menu ul li.drop:hover a i { display: block; }

#quick-search {
	position: absolute;
	top: 30px; left: 390px;
	font-size: 11pt;
}

#quick-search p label { font-weight: bold; }

#quick-search select {
	font: inherit;
	width: 220px;
	padding: 2px;
	font: inherit;
}

#orange-bar {
	display: block;
	clear: both;
	background-image: url(/images/orange-bar.gif);
	background-repeat: no-repeat;
	height: 178px;
	position: relative;
	z-index: 500;
}

#search-form {
	float: left;
	width: 521px;
	margin: 3px;
	height: 172px;
	
}

#search-form div {
	float: left;
	width: 252px;
	font-size: 11pt;
	margin: 13px 0 0 0;
}

#search-form .add-space {
	margin: 13px 5px 0 5px;
}

#search-form div select {
	padding: 2px;
	width: 248px;
	font: inherit;
}

#search-form div input.text {
	padding: 2px;
	width: 240px;
	font: inherit;
	_margin-left: -5px;
	border: 1px solid #babdc1;
}


#site-blurb {
	float: left;
	width: 380px;
	margin: 3px;
	height: 152px;
	color: #FFFFFF;
	font-size: 11pt;
	text-shadow: 1px 1px 0 #895100;
	line-height: 20px;
	padding: 10px;
}

#site-blurb h2 {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: -1px;
	font-size: 14pt;
}

#orange-bar a {
	color: #FFFFFF;
	font-weight: bold;
}

#orange-bar a:hover { color: #333333; }

#content {
	clear: both;
	display: block;
	background-image: url(/images/content-bg.gif);
	background-repeat: repeat-x;
	font-size: 12pt;
	padding: 10px;
	color: #575757;
}

#content a {
	font-weight: bold;
	color: #ff5a00;
}

#content h2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#content h2.car-price-header {
	 float: right;
	 background-color: red;
}

.divider {
	display: block;
	clear: both;
	height: 4px;
	background-image: url(/images/divider.gif);
	background-repeat: repeat-x;
	margin: 10px 0 10px 0;
}

.breadcrumbs {
	font-size: 10pt;
}

#left-side {
	float: left;
	width: 650px;
	margin-right: 20px;
	font-size: 11pt;
	height: 400px;
}

.admin #left-side {
	float: left;
	width: 250px;
	font-size: 11pt;
	margin-right: 20px;
}

html>body #left-side {
	height: auto;
	min-height: 400px;
}

.noright #left-side {
	float: none;
	width: 100%;
}

#right-side {
	float: left;
	width: 250px;
	font-size: 11pt;
}

.admin #right-side {
	float: left;
	width: 650px;
	font-size: 11pt;
	height: 400px;
}


#cars-holder {
	display: block;
	background-image: url(/images/cars-holder-bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
	padding: 0 10px 10px 10px;
	color: #FFFFFF;
	height: 855px;
	margin-top: 10px;
}

#cars-holder span.cTop {
	position: absolute;
	top: -10px; left: 0;
	width: 650px;
	height: 10px;
	background-image: url(/images/cars-holder-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#cars-holder ul { list-style: none; }
#cars-holder ul li { display: inline; }

#content #cars-holder ul li a {
	float: left;
	margin: 5px 5px 10px 5px;
	background-color: #FFFFFF;
	position: relative;
	width: 180px;
	height: 250px;
	padding: 10px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}

#content #cars-holder ul li a img {
	display: block;
	margin-bottom: 3px;
}

#content #cars-holder ul li a span { display: block; }

#content #cars-holder ul li a span.car-name { height: 4em; text-align: center; }

#content #cars-holder ul li a span.car-color,
#content #cars-holder ul li a span.car-mileage { 
	color: #474747;
	clear: both;
	text-align: left;
}

#content #cars-holder ul li a span.car-color b,
#content #cars-holder ul li a span.car-mileage b { 
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 60px;
}

#content #cars-holder ul li a span.car-price {
	position: absolute;
	bottom: 7px; left: 10px;
	font-size: 16pt;
	color: #ff5a01;
	text-shadow: 1px 1px 0 #474747;
	width: 180px;
	text-align: center;
	font-weight: bold;
}

#cars-holder ul li a b.tl {
	position: absolute;
	top: 0; left: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/cars-bg.jpg);
	background-position: top left;
}

#cars-holder ul li a b.tr {
	position: absolute;
	top: 0; right: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/cars-bg.jpg);
	background-position: top right;
}

#cars-holder ul li a b.bl {
	position: absolute;
	bottom: 0; left: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/cars-bg.jpg);
	background-position: bottom left;
}

#cars-holder ul li a b.br {
	position: absolute;
	bottom: 0; right: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/cars-bg.jpg);
	background-position: bottom right;
}

#bottom-boxes {
	display: block;
	clear: both;
}

.box-holder {
	float: left;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#bottom-boxes #latest-news { width: 460px; }
#bottom-boxes #delivery-locations { margin-right: 0; }

#content h2 {
	font-weight: bold;
	letter-spacing: -1px;
	color: #FFFFFF;	
	text-shadow: 1px 1px 0 #782a00;
	background-color: #ff5a01;
	padding: 5px 10px;
	float: left;
	margin-bottom: 5px;
	font-size: 12pt;
}

#content p {
	margin-bottom: 1em;
}

.box-content {
	display: block;
	height: 174px;
	font-size: 11pt;
	padding: 10px 5px 10px 5px;
}

#bottom-boxes #sell-car .box-content {
	background-image: url(/images/bcb-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
	height: 134px;
	font-size: 11pt;
	text-shadow: 1px 1px 0 #5a5c5f;
	background-color: #FFFFFF;
	letter-spacing: -1px;
	color: #FFFFFF;
	text-align: center;
}

#bottom-boxes #sell-car .box-content form {
	display: block;
	padding-top: 10px;
}

#bottom-boxes #sell-car .box-content form p {
	display: block;
	margin-bottom: 10px;
}

#bottom-boxes #sell-car .box-content form p .text {
	padding: 2px;
	width: 190px;
	font: inherit;
}

#bottom-boxes #delivery-locations .box-content {
	background-image: url(../../images/delivery-bg.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	height: 174px;
	font-size: 11pt;
	text-shadow: 1px 1px 0 #5a5c5f;
	background-color: #FFFFFF;
	letter-spacing: -1px;
	color: #FFFFFF;
	position: relative;
}

#content #bottom-boxes #delivery-locations .box-content a {
	position: absolute;
	top: 0; left: 0;
	width: 200px;
	padding: 10px;
	height: 174px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	text-indent: -9999px;
}


#bottom-logos {
	clear: both;
	display: block;
	font-size: 11pt;
}

.make-logo {
	float: left;
	width: 99px;
	height: 80px;
	border: 1px solid #d6d6d6;
	margin: 5px;
	padding: 10px;
	text-align: center;
	font-size: 7pt;
	letter-spacing: -1px;
	color: #989898;
	position: relative;
}


.make-logo img {
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.50; opacity:0.5;
	display: block;
	margin: 0 auto;
}

.make-logo:hover img {
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; opacity:1;
}

#content .make-logo a {
	text-decoration: none;
	color: #989898;
	position: absolute;
	top: 0; left: 0;
	width: 99px;
	height: 80px;
	padding: 10px;
}

#home-flash {
	position: relative;
	color: #FFFFFF;
	height: 220px;
}

.orange-box {
	background-color: #ff5a00;
	position: relative;
	padding: 10px;
	color: #FFFFFF;
}

#content .orange-box h2 { padding: 0; }

#home-flash b.tl,
.orange-box b.tl {
	position: absolute;
	top: 0; left: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/orange-curves.jpg);
	background-position: top left;
}

#home-flash b.tr,
.orange-box b.tr {
	position: absolute;
	top: 0; right: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/orange-curves.jpg);
	background-position: top right;
}

#home-flash b.bl,
.orange-box b.bl {
	position: absolute;
	bottom: 0; left: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/orange-curves.jpg);
	background-position: bottom left;
}

#home-flash b.br,
.orange-box b.br {
	position: absolute;
	bottom: 0; right: 0;
	width: 10px;
	height: 10px;
	background-image: url(/images/orange-curves.jpg);
	background-position: bottom right;
}


#contact-form p {
	clear: both;
}

#contact-form p label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 5px;
}

#contact-form p .text {
	padding: 5px;
	font: inherit;
	width: 350px;
	border: 1px solid #babdc1;
}

#contact-form p textarea {
	padding: 5px;
	font: inherit;
	width: 400px;
	border: 1px solid #babdc1;
	height: 15em;
}

.narrow-search {
	clear: both;
	display: block;
	font-size: 11pt;
	text-align: center;
	letter-spacing: -1px;
	padding-top: 5px;
}

#content .narrow-search a { font-weight: normal; }

.narrow-search p label {
	font-weight: bold;
}

#search-table td { 
	vertical-align: top;
	padding: 5px;
	font-size: 11pt;
}

#content #search-table p {
	margin-bottom: 5px;
	letter-spacing: -1px;
	clear: both;
}

#search-table p strong {
	float: left;
	width: 150px;
}

#car-photos {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#car-details {
	float: left;
	width: 600px;
}

#content #car-details p { 
	font-size: 11pt;
}

#car-details .split-box {
	float: left;
	width: 300px;
}

#car-payment {
	float: left;
	width: 400px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	display: none;
}

#content #car-payment p {
	clear: both;
	margin-bottom: 5px;
	font-size: 11pt;
}

#car-payment p label {
	float: left;
	font-weight: bold;
	width: 160px;
}

#content #car-payment p.apr-rate {
	position: absolute;
	right: 0;
	font-weight: bold;
	color: #ff5a01;
}

#car-payment #payment-form p {
	display: block;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

#car-payment #payment-form .text {
	font: inherit;
	padding: 2px;
	font: inherit;
	font-weight: normal;
}

#car-enquiry { 
	float: left;
	width: 480px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#content #car-details .car-price { 
	font-weight: bold;
	color: #ff5a01;
	font-size: 17px;
}

#car-enquiry #enquiry-form p {
	clear: both;
}


#car-enquiry #enquiry-form p label {
	float: left;
	margin-right: 10px;
	margin-left: 20px;
	font-weight: bold;
	width: 100px;
}

#car-enquiry #enquiry-form p .text {
	padding: 2px;
	font: inherit;
	width: 250px;
}

#car-enquiry #enquiry-form p textarea {
	padding: 2px;
	font: inherit;
	width: 300px;
	height: 10em;
}

#simular-vechiles {
	list-style: none;
}

#simular-vechiles li {
	display: inline;
}

#simular-vechiles li a {
	float: left;
	width: 80px;
	padding: 5px;
	margin: 5px;
	text-decoration: none;
	font-size: 7pt;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
}

#footer {
	text-align: center;
	font-size: 10pt;
}

#big-text { font-size: 120%; }


fieldset {
	border: 1px solid #babdc1;
	display: block;
	padding: 10px;
	width: 90%;
	font-size: 10pt;
	margin: 30px auto;
}

fieldset legend {
	padding: 0 10px 0 10px;
	background-color: #FFFFFF;
	font-weight: bold;
}

#content ul.narrow {
	list-style: none;
}

#content ul.narrow li {
	display: block;
}

#content ul.narrow li a {
	display: block;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
}


#content ul.estimates {
	list-style: none;
}

#content ul.estimates li {
	display: block;
	color: #ff5a00;
	padding: 5px;
}

#content ul.estimates li a {
	display: block;
	letter-spacing: -1px;
	font-weight: normal;
}

#service-form p {
	clear: both;
}

#service-form p label {
	float: left;
	width: 250px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 5px;
}

#service-form p .text {
	padding: 5px;
	font: inherit;
	width: 350px;
	border: 1px solid #babdc1;
}

#service-form p textarea {
	padding: 5px;
	font: inherit;
	width: 400px;
	border: 1px solid #babdc1;
	height: 15em;
}

.orange-text { margin-top: 20px; float: none; display: block; }

.orange-text label {
	float: left;
	margin-right: 10px;
	margin-top: -10px;
}

ul.default {
	margin-left: 50px;
}

ul.default li {
	list-style: disc;
	padding: 10px;
}


.testimonial-entry {
	clear: both;
	display: block;
	position: relative;
}

.testimonial-entry .gfx {
	float: right;
}

.testimonial-star {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-image: url(/images/star.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.appForm p,
#proposalForm p {
	clear: both;
}

.appForm p label {
	float: left;
	width: 400px;
	font-weight: bold;
}


#proposalForm p label {
	float: left;
	width: 200px;
	font-weight: bold;
}

#questionaire td { padding: 5px }


.mot-holder {
	float: left;
	margin: 5px;
	width: 293px;
	padding: 10px;
	border: 1px solid #babdc1;
	height: 150px;
}


.admin #main-search div {
	display: block;
	padding-bottom: 10px;
}

.admin #main-search div select {
	font: inherit;
	padding: 2px;
	width: 240px;
}

.admin #main-search div input.text {
	font: inherit;
	padding: 2px;
	width: 233px;
}

.admin #content {
	background-image: none;
	padding: 0;
}

.admin .searchTable {
	width: 100%;
	border: 1px solid #babdc1;
	padding: 1px;
	background-color: #FFFFFF;
	font-size: 10pt;
}

.admin .searchTable .selected {
	font-weight: bold;
	background-color: #ff5a01;
	font-weight: bold;
	color: #FFFFFF;
}

.admin .searchTable td {
	padding: 5px;
}

a #new {
	position: absolute;
	top: -15px; right: -5px;
	background-image: url(/images/new.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 500;
}

* html a #new {
	/* ie filter to remove greyish background on ie */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/new.png',sizingMethod='crop');

}

#social {
	position: absolute;
	top: 0; right:10px; 
}

#car-enquiry-small label {
	display: inline-block;
	width: 5em;
	font-weight: bold;
}

#car-enquiry-small .multiline {
	vertical-align: top;
}