@charset "utf-8";
/* CSS Document */

/* Container */
#container {
	position:relative;
	top:-15px;
	margin: 0 auto;
	width:917px;
	height:767px;
	background-color:#FFFFFF;
}

h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-top:18px;
	margin-left:19px;
}

h1 a { text-decoration: none; color: #FF0000; }

h1 a:hover { text-decoration: underline; }


h2 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:18px;
	margin-left:19px;
}

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

h2 a:hover { text-decoration: underline; }

p { margin-left: 19px; }
/* Left and Right Shadows */

#leftshadow {
	position: absolute;
	background-image: url(images/side-bar.jpg);
	background-repeat: no-repeat;
	height: 767px;
	width: 33px;
	top: 0px;
	left: -27px;
}

#rightshadow {
	position: absolute;
	background-image: url(images/side-bar2.jpg);
	background-repeat: no-repeat;
	height: 767px;
	width: 33px;
	top: -2px;
	left: 917px;
}

/* Body */
body {
	background-color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.price { color:#FF0000; }

/* Central Content */
#banner {
	height: 104px;
}
#content {
	position:absolute;
	width:584px;
	height:554px;
	top: 119px;
}

#subcontent {
	position:absolute;
	width:584px;
	height:554px;
	top: 119px;
	left: 10px;
}
/* Site Navigation */
#navigation {
	position:absolute;
	width:865px;
	height:0px;
	left: 134px;
	top: 81px;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	vertical-align:baseline;
}

#navigation ul { margin: 0; }

#navigation li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#navigation a { text-decoration:none; color:#FF0000; }
#navigation a:hover { text-decoration:blink; color:#45525f; }

/* END Site Navigation */

#welcome {
	position:absolute;
	width:584px;
	height:131px;
	background-color: #e8e8e8;
	top: 0px;
	left: 1px;
}

#welcome h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-top:18px;
	margin-left:19px;
}

#welcome-text {
	color:#6f7a85;
	margin-left:19px;
	font-size:13px;
	position:absolute;
	top: 44px;
	left: 1px;
	line-height:16px;
	width: 358px;
}

#garage {
	position:absolute;
	background-image:url(images/garage.jpg);
	height:123px;
	width:193px;
	left: 385px;
	top: 6px;
}

#contract {
	position:absolute;
	width:278px;
	height:135px;
	left: 0;
	top: 143px;
	background-color: #e8e8e8;
}

#contract h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:10px;
	margin-left:16px;
}

#contract-text {
	color:#6f7a85;
	margin-left:19px;
	font-size:12px;
	position:absolute;
	top: 62px;
	height: 60px;
	width: 109px;
}

#contract-hire {
	position:absolute;
	width:159px;
	height:123px;
	left: 116px;
	top: 13px;
	background-color: #e8e8e8;
}

#aftersales {
	position:absolute;
	width:291px;
	height:131px;
	left: 290px;
	top: 143px;
	background-color: #e8e8e8;
}

#aftersales h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:10px;
	margin-left:19px;
}

#aftersales-text {
	color:#6f7a85; 
	margin-left:19px;
	font-size:12px;
	position:absolute;
	top: 38px; 
	left: 0px;
}

#usedcars {
	position:absolute;
	width:374px;
	height:269px;
	top: 289px;
	left: 0px;
	overflow: auto;
	background-color: #e8e8e8;
	color:#6f7a85;
}

#usedcars a { text-decoration: none; color: #FF0000; }

#usedcars a:hover { text-decoration: underline; }


#usedcars h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:18px;
	margin-left:19px;
}

#usedcars h2 {
	color:#6f7a85;
	font-weight:bold;
	font-size:14px;
}

#usedcars-list {
	position:absolute;
	height:221px;
	width:95px;
	left: 21px;
	top: 47px;
}

#usedcar1 {
	position:absolute;
	width:224px;
	height:83px;
	left: 102px;
	top: 2px;
	color:#6f7a85;
}

#usedcar2 {
	position:absolute;
	width:224px;
	height:83px;
	left: 102px;
	top: 76px;
	color:#6f7a85;
}

#usedcar3 {
	position:absolute;
	width:224px;
	height:83px;
	left: 102px;
	top: 150px;
	color:#6f7a85;
}

#servicing {
	position:absolute;
	width:193px;
	height:269px;
	left: 387px;
	top: 288px;
	background-color: #e8e8e8;
}

#servicing h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:18px;
	margin-left:19px;
}

#servicing-text {
	color:#6f7a85; 
	margin-left:19px;
	font-size:12px;
	position:absolute;
	top: 45px;
	left: 0px;
}

#servicing-list {
	position:absolute; 
	left: -20px; 
	top: 79px;
}

.servicing-list {
	 list-style:none;
	 line-height:16px;
	 color:#FF0000;
	 line-height:20px;
}

#garage-info {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#68737d;
	top: 717px;
	left: 8px;
}

#garage-info a {  text-decoration:none; color:#68737d; }
#garage-info a:hover { text-decoration:underline; }

/* Right */
#right {
	position:relative;
	top:15px;
	float:right;
	width:319px;
	height:528px;
	background-color:#45525f;
}

#colt {
	position:relative;
	top:400px;
	padding-left:5px;
}

#shogun {
	position:relative;
	top:150px;
	padding-left:5px;
}

#lancer-evo {
	position:absolute;
	left: 4px;
	top: 135px;
}

#l200 {
	position:absolute;
	left:4px;
	top:4px;
}

#moreoffers {
	position: absolute;
	width: 200px;
	height: 35px;
	left: 594px;
	top: 654px;
}
	

#bottom {
	position:absolute;
	width:294px;
	height:18px;
	background-image:url(images/bottom.jpg);
	left: 614px;
	top: 652px;
}
	
/* Left */

/* Footer */
#footer {
	position:absolute;
	background-image:url(images/footer.jpg);
	left: 0px;
	width: 917px;
	top: 734px;
	height: 33px;
}

#footer-links {
	position: absolute;
	width: 580px;
	height: 35px;
	top: 10px;
}

#footer-links ul { list-style :none; margin: 0; }

#footer-links li { display: inline; text-transform: uppercase; color: #CCC; font-size: 10px; }

#footer-links li a { text-decoration: none; color: #CCC; }

#footer-links a:hover { text-decoration: underline; color: #FFF; }

#mini-logo {
	position:absolute;
	width:47px;
	height:41px;
	left: 845px;
	top: -34px;
}

/* View Cars Page */
#car-list {
	position: absolute;
	width: 895px;
	height: 535px;
	left: 13px;
	top: 128px;
	overflow: auto;
}

#car-list a { text-decoration:none; color:#000000; }
#car-list a:hover { text-decoration: blink; text-decoration: underline; color:#FF0000; }

#car-list td { padding: 5px; border: thin #c3c3c3; border-bottom: double;  }

/* View Car Page */
#viewcar {
	position: absolute;
	height: 498px;
	width: 623px;
	padding-left: 10px;
	top: 130px;
	left: 82px;
}

#carpic {
	position: absolute;
	width: 390px;
	height: 270px;
	left: 13px;
	top: 41px;
	background-color: #cecece;
	text-align: center;
}

.carpic { font-weight: bold; }

#car-description {
	position: absolute;
	width: 560px;
	height: 73px;
	left: 13px;
	top: 412px;
}

#feature-list {
	position: absolute;
	width : 200px;
	height: 200px;
	left: 429px;
	top: 41px;
}

#feature-list li { list-style: square; padding-bottom: 4px; }

#contact-details {
	position: absolute;
	width : 200px;
	height: 90px;
	left: 430px;
	top: 245px;
}

#contact-details a { text-decoration: none; color: #000000; }

#contact-details a:hover { text-decoration: blink underline; color: #666666; }

#loader {
    display: inline;
    float: left;
    overflow: hidden;
    margin: auto;
    text-align: center;
}

#loader img
{
    width: 390px;
    height: 270px;
}

#small-gallery {
	position: absolute;
	width: 432px;
	height: 68px;
	left: -12px;
	top: 334px;
}

#small-gallery ul { list-style: none; }
#small-gallery li { display: inline; padding-right : 10px; }

.viewmodel { text-align: left; }

.carname { 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.carprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.viewpricebg {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	height:50px;
}

/* Admin Pages */
#admincontainer {
	position:relative;
	top:-15px;
	margin: 0 auto;
	width:917px;
	height:1000px;
	background-color:#FFFFFF;
}

#adminfooter {
	position:absolute;
	background-image:url(images/footer.jpg);
	left: 0px;
	width: 917px;
	top: 968px;
	height: 33px;
}

#adminleftshadow {
	position: absolute;
	background-image: url(images/side-bar.jpg);
	height: 1002px;
	width: 33px;
	top: 0px;
	left: -27px;
}

#adminrightshadow {
	position: absolute;
	background-image: url(images/side-bar2.jpg);
	height: 1002px;
	width: 33px;
	top: -2px;
	left: 917px;
}


#viewallcars {
	position: absolute;
	background-color:#cecece;
	height: 596px;
	width: 920px;
	top: 102px;
	left: -3px;
	overflow: auto;
}

#viewallcars a { text-decoration: none; color: #000000; }

#viewallcars a:hover { text-decoration: blink; color: #666666; text-decoration: underline overline; }

#admin {
	position: absolute;
	background-color:#cecece;
	width: 917px;
	top: 104px;
	left: 0px;
	height: 595px;
}

#admin h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	margin-top:18px;
	margin-left:19px;
}

#admin ul { list-style: none; }
#admin li { margin-bottom: 15px; }
#admin li a { text-decoration:none; color:#000000; }
#admin li a:hover { text-decoration: blink; text-decoration: underline; color:#FF0000; }

#current-cars {
	position: absolute;
	width: 301px;
	height: 561px;
	background-color:#cecece;
	left: 600px;
	top: 120px;
}

#current-cars a { text-decoration:none; color:#000000; }
#current-cars a:hover { text-decoration: blink; text-decoration: underline; color:#FF0000; }

#current-cars h1 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:18px;
	margin-left:19px;
}

#current-cars h2 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:18px;
}

#current-cars h3 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:8px;
	margin-bottom:2px;
}

#add-errors {
	position: absolute;
	width: 357px;
	height: 254px;
	left: 533px;
	top: 21px;
	text-align: left;
}

#add-errors h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 0px; }

/* Add / Edit Car Form */

/* Form Styles */

#addcardiv {
	position: absolute;
	background-color:#cecece;
	height: 866px;
	width: 913px;
	top: 102px;
	left: 5px;
}

#addcar {
	 background-color: #c2bbb4;
	 height: 800px;
}

form#addcar { 
 background-color: #c2bbb4; 
 color: #000000; 
 border: 2px solid #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 height: 453px;
}

#addcar ul { list-style: none; }

#addcar .text { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 12px; 
	 width: 180px; 
	 margin-right: 6px;
	 margin-bottom: 14px;
}

#addcar legend { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 14px; font-weight: bold; }

#addcar label {  
	float: left;  
	width: 11em;  
	margin-right: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

#addcar em { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

#addcar h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 14px; font-weight: bold; }

#addcar fieldset {
	position:absolute;
	left: 580px;
	top: 288px;
	width: 323px;
	border: none;
}

#editcar {
	 background-color: #c2bbb4;
	 height: 800px;
}

/* Sub Pages */

#right-side {
	position:relative;
	top:15px;
	float:right;
	width:319px;
	height:528px;
}

/* Contact Page */

#contact-form {
	position: absolute;
	height: 595px;
	width: 586px;
}

/* Contact Form Styles */

#contact-form ul { list-style: none; }

#contact-form label {  
	float: left;  
	width: 140px;  
	margin-right: 5px;
	padding-bottom: 5px;
}

#contact-form a { text-decoration: none; color: #000000; }

#contact-form a:hover { text-decoration: underline blink; color: #666666; }

#contact-form .text { 
	 font-size: 12px; 
	 width: 180px; 
	 margin-right: 6px;
	 margin-bottom: 14px;
}

#googlemap {
	position: absolute;
	width: 361px;
	height: 184px;
	left: 9px;
}

#googlemap a { text-decoration: none; }

#googlemap a:hover { text-decoration: blink underline; color: #666666; }

/* MOT Page */
#mots {
	position: absolute;
	height: 595px;
	width: 586px;
}

#mots h3 {
	color:#ff0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:6px;
}

#mots ul { list-style: none; margin-left: 20px;}

#mots label {
	display: block;
}

.textfield {
	border: solid 1px #000000;
	width: 250px;
}



/* Servicing Page */

#servicingdiv {
	position: absolute;
	height: 595px;
	width: 586px;
}

#servicingdiv ul { list-style: square; }
#servicingdiv li { font-size:12px; line-height: 40px; }

/* Contract Hire Page */

#contractdiv {
	position: absolute;
	height: 595px;
	width: 586px;
}

#contractdiv a { text-decoration: none; color: #000000; }

#contractdiv a:hover { text-decoration: blink underline; color: #666666; }

#contractdiv ul { list-style: square; }
#contractdiv li { font-size:11px; }