﻿/* 	This is the style sheet for the managed-code pages

	Home

	About Us

	Testimonials

	Contact Us

	

	Font sizes are called relatively (small, medium and large) so that people who have

	set their screens to show different size fonts are compensated. That is in the browser

	they have set page -> text size. They do this to compensate for high resolution, but small 

	screens.

*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	color: #333333;
}
p {
	padding-left: 15px;
	padding-right: 15px;
}
p.centered {
	text-align: center;
	line-height: normal;
}

.centered {
	text-align: center;
	line-height: normal;
}

p.light {
	color: black;
	background-color: silver;
	font-style: italic;
	padding: 5px;
}

p.no-fee {
	font-size:large;
	font-weight: bold;
	text-align: center;
}

.free-text {
	font-size:x-large;
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: underline;
}
a:active {
	color: #363;
	text-decoration: none;
}
a.top-menu {
	font-size: medium;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
a.top-menu:link {
	font-size: medium;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
a.top-menu:visited {
	font-size: medium;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
a.top-menu:hover {
	font-size: medium;
	color: red;
	text-decoration: none;
	font-weight: bold;
}
a.top-menu:active {
	font-size: medium;
	color: gray;
	text-decoration: none;
	font-weight: bold;
}
h1 {
	font-size: large;
	font-weight: bold;
}
h1.telephone {
	vertical-align:text-bottom;
	font-size:x-large;
}
h2 {
	font-size: large;
	font-weight: bold;
	color: black;
}
h4 {
	margin: 5px 0;
	padding: 0;
}
.top-bar1 {
	background-image: url('../images/top-bar.gif');
	background-color: #9ABBDC;
	min-height: 100px;
	height: 100px;
	background-repeat: repeat-x;
	padding-left: 20px;
	padding-right: 50px;
	font-size: xx-large;
	color: white;
	font-weight: bold;
}
.top-bar2 {
	background-image: url('../images/top-bar.gif');
	background-color: #9ABBDC;
	background-repeat: repeat-x;
	padding-right: 30px;
	font-size: xx-large;
	color: white;
	font-weight: bold;
	text-align: right;
}
.top-bar-contact {
	background-image: url('../images/top-bar.gif');
	background-color: #9ABBDC;
	min-height: 100px;
	height: 100px;
	background-repeat: repeat-x;
	padding-left: 20px;
	font-size: x-large;
	color: red;
	font-weight: bold;
	text-align: center;
}
a.enquiry:link {
	font-size: x-large;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
a.enquiry:visited {
	font-size: x-large;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
a.enquiry:hover {
	font-size: x-large;
	color: red;
	text-decoration: none;
	font-weight: bold;
}
a.enquiry:active {
	font-size: x-large;
	color: green;
	text-decoration: none;
	font-weight: bold;
}
.left-column {
	padding-top: 5px;
	min-width: 310px;
	width: 300px;
	vertical-align: top;
	padding-right: 10px;
	padding-left:10px;
}
.left-column p {
	margin: 5px 0 0 45px;
}

.left-column p.testimonial-text {
	margin: 15px 5px 20px 0;
	padding: 0 0 0 5px;
}

.left-column img {
	margin: 5px 0 0 45px;
}

.left-column img.testimonial-img {
	margin: 5px;
}

.bottom-testimonial p.testimonial-text {
	float: left;
	width: 340px;
	margin: 0;
	padding: 0 0 0 5px;
}

.bottom-testimonial img.testimonial-img {
	margin: 0 5px 0 15px;
	float: left;
}

.testimonial-right{
	padding: 0 10px 0 5px;
	width: 300px;
}
	
.left-column img.car-brand {
	margin: 5px 5px 0 5px;
}

.left-column a img  {
	border: none;
}
.mid-column {
	/* background-color: #D8D7BA; */
	background-color: #C7CACF;	
	padding-left: 10px;
	padding-right: 10px;	
	vertical-align:top;
}
.right-column {
	width: 170px;
	vertical-align: top;
	padding-left: 6px;
}

.contact-col {
	width: 305px;
	vertical-align: top;
	padding-left: 6px;
}

.contact-form {
	border-bottom-color: #c4c296;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.header-text {
	color:red;
	font-style:normal;
}

.press-here {
	font-size: 16px;
	font-weight: bold;
	color: red;
}

.text-italic-uline {
	text-decoration:underline;
	font-style:italic;
}

.text-red-uline {
	color: red;
}

.mid-column th {
	padding: 5px 35px;
	text-align: center;
	border-bottom: 1px solid #C4C296;
	
}

.mid-column td {
	text-align: left;
}

.mid-column a {
	color: #FF0000;
	text-decoration: none;
}

.mid-column a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.left-testimonial {
	padding: 0;
	margin: 0;
}

.click-here-text {
	float: left;	
	padding: 37px 2px 0 0px;
}

.click-last {	
	padding: 37px 0 0 2px;
}

/* styles for home page form*/
.enquiry {
	/* background:#CECECE; */
	display:inline-block;
}

.express-enquiry {
	float:left;
	width:300px;
	padding:5px 0 15px 20px;
}

.enquiry p {
	text-align: center;
	font-weight: bold;
}
