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

html, body {
    	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(images/back_test.png);
	background-repeat: repeat-x;
	background-position: 50% bottom;
	font-family:Arial, Helvetica, sans-serif;
	}

.body_login {
	background-image: url(images/user_login_tile.png);
	background-repeat: repeat;
	height: auto;
	}	
ul,li {
	list-style-type:none;
	padding:0;
	margin: 0;
	}
	
h1 {
	font-size: 40px;
	margin: 15px 0px 15px 0px;
	}	

hr {
	border: 0;
	color: #CCCCCC;
	background-color:#CCCCCC;
	height: 1px;
	width: 250px;
	}

.just_clear {
	clear:both;
	}

.clearfix {
	clear:both;
	width: auto;
	display:block;
	height: 116px;
	}

#container {
    position: relative;
	width: auto;
	min-height:100%;
   	}
	
#sub_container {
	background: repeat-y url(images/sub_background.png) transparent;
	margin: 0 auto;
	position: relative;
	width: 980px;
	min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}

#top_banner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 94px;
	background-color: #fff;
	}
	
#logo {
	background-image:url(images/logo.png);
	width:296px;
	height: 94px;
	}

#logo_sport {
	background-image: url(images/logo_motorsport.png);
	width: 296px;
	height: 94px;
	}

.splash {
	width:980px;
	}

.splash.home {
	background-image:url(images/home_splash.jpg);
	height:	327px;
	}

.splash.other {
	height: 190px;
	}

.splash.other.admin {
	background-image: url(images/admin_splash.jpg);
	}

.splash.other.cars {
	background-image: url(images/cars_splash.jpg);
	}

.splash.other.workshop {
	background-image: url(images/workshop_splash.jpg);
	}
	
.splash.other.finance {
	background-image:url(images/finance_splash.jpg);
	}
	
.splash.other.warranty {
	background-image:url(images/warranty_splash.jpg);
	}	
	
.splash.other.insurance {
	background-image:url(images/insurance_splash.jpg);
	}

.splash.other.about_us {
	background-image:url(images/about_us_splash.jpg);
	}			

.splash.other.contact_us {
	background-image:url(images/contact_splash.jpg);
	}			

/*!!!!!MAIN MENU STYLES!!!!*/
	
ul#nav_main {
	background-image:url(images/nav_main.png);
	width: 664px;
	height: 54px;
	position: absolute;
	top:0px;
	right: 0px;
	display:block;
	}

ul#nav_main li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}

ul#nav_main li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(images/nav_main.png) no-repeat;
	outline: none;
	}

li#home a {
	width: 67px;
	height: 54px;
	}

li#cars a {
	width: 61px;
	height: 54px;
	}

li#workshop a {
	width: 101px;
	height: 54px;
	}	
	
li#finance a {
	width: 81px;
	height: 54px;
	}
	
li#warranty a {
	width: 96px;
	height: 54px;
	}	
	
li#insurance a {
	width: 96px;
	height: 54px;
	}
	
li#about a {
	width: 75px;
	height: 54px;
	}	
	
li#contact a {
	width: 87px;
	height: 54px;
	}		
		
	
li#home a:hover, li#home a:focus {
	background-position: 0px -54px;
	}
	
li#home.selected a:link, li#home.selected a:visited {
	background-position: 0px -108px;
	}
	
li#cars a:link, li#cars a:visited {
	background-position: -67px 0px;
	}	

li#cars a:hover, li#cars a:focus {
	background-position: -67px -54px;
	}

li#cars.selected a:link, li#cars.selected a:visited {
	background-position: -67px -108px;
	}	
	
li#workshop a:link, li#workshop a:visited {
	background-position: -128px 0px;
	}

li#workshop a:hover, li#workshop a:focus {
	background-position: -128px -54px;
	}	

li#workshop.selected a:link, li#workshop.selected a:visited {
	background-position: -128px -108px;
	}

li#finance a:link, li#finance a:visited {
	background-position: -229px 0px;
	}	
	
li#finance a:hover, li#finance a:focus {
	background-position: -229px -54px;
	}
	
li#finance.selected a:link, li#finance.selected a:visited {
	background-position: -229px -108px;
	}		
	
li#warranty a:link, li#warranty a:visited {
	background-position: -311px 0px;
	}	

li#warranty a:hover, li#warranty a:focus {
	background-position: -311px -54px;
	}		

li#warranty.selected a:link, li#warranty.selected a:visited {
	background-position: -311px -108px;
	}
	
li#insurance a:link, li#insurance a:visited {
	background-position: -407px 0px;
	}	
	
li#insurance a:hover, li#insurance a:focus {
	background-position: -407px -54px;
	}		

li#insurance.selected a:link, li#insurance.selected a:visited {
	background-position: -407px -108px;
	}
	
li#about a:link, li#about a:visited {
	background-position: -504px 0px;
	}

li#about a:hover, li#about a:focus {
	background-position: -504px -54px;
	}
	
li#about.selected a:link, li#about.selected a:visited {
	background-position: -504px -108px;
	}	

li#contact a:link, li#contact a:visited {
	background-position: -579px 0px;
	}

li#contact a:hover, li#contact a:focus {
	background-position: -579px -54px;
	}
	
li#contact.selected a:link, li#contact.selected a:visited {
	background-position: -576px -108px;
	}	
/*!!!Login Special Styles!!!*/
#user_login_dialog {
	background: #fff url(images/user_login.png) no-repeat top left;
 	width: 279px;
	height: 180px;
	margin: 150px auto;
	padding: 190px 20px 0px 20px;
	}
#user_login_dialog input[type="text"], #user_login_dialog input[type="password"] {
	display: block;
	width: 99%;
	font-size: 20px;
	height: 25px;
	border: 1px solid #1F7BE5;
	margin-bottom: 15px;
	}

input#user_login_button {
	height: 35px;
	width: 100%;
	}

#user_login_dialog label {
	display: block;
	margin-bottom: 2px;
	font-size: 13px;
	font-weight: bold;
	}

/*!!!Admin Special Styles!!!*/
.admin#content {
	margin-left: 7px;
	}


#logout_link {
	position: absolute;
	text-decoration: none;
	right: 20px;
	top: 10px;
	width: 100px;
	}
.admin input[type="button"]{
	width: 100px;
	margin-top: 10px;
	}

.admin input[type="text"]{
	display: block;
	width: 100%;
	}

.admin textarea {
	display: block;
	width: 100%;
	min-height: 380px;
	}

.admin label {
	font-weight: bold;
	line-height: 1.8em;
	}

/*!!!Main Content Styles!!!*/		
#content {
	margin-left:10px;
	float:left;
	width: 580px;
	height:auto;
	padding: 0px 30px 10px 30px;
	}

#content a, #content a:visited, #content_right a, #content_right a:visited {
	color: #1f7be5;
	text-decoration: underline;
	}

#content a:hover, #content_right a:hover {
	text-decoration: none;
	}

#home_banner {
	position: relative;
	width: 580px;
	height: 267px;
	background-image: url(images/home_banner.png);
	}

#home_banner a, #home_banner a:visited {
	color:#fff;
	}

#home_banner a:hover {
	text-decoration: none;
	}		

.home_banner_content_left {
	display: block;
	position: absolute;
	left: 15px;
	top: 10px;
	width: 260px;
	height: 245px;
	background-image:url(images/voucher.png);
	font-size: 12px;
	color:#FFFFFF;	
	}			

.home_banner_heading_right {
	display: block;
	font-weight: bold;
	position: absolute;
	left: 395px;
	top: 15px;
	color:#FFFFFF;
	}
.home_banner_content_right {
	display: block;
	position: absolute;
	left: 395px;
	top: 45px;
	width: 162px;
	font-size: 12px;
	color:#FFFFFF;	
	}		


/*!!!Content Right Styles*/
#content_right {
	width: 319px;
	margin-right: 10px;
	border-left: 1px solid #c7c7c7;
	height: auto;
	float: right;
	position: relative;
	}

#content_right table {
	width: 100%;
	}

th.corner {
	text-align: left;
	}

#content_right td {
	display: block;
	}

#content_right tr {
	display: block;
	padding: 5px 0px 5px 0px;
	font-size: 13px;
	line-height: 1.5em;
	border-bottom: 1px solid #CCCCCC;
	}

.notbold {
	font-weight: normal;
	}		
	
#content_right_text {
	padding: 20px;
	}

#content_right_text hr {
	width: 100%;
	}

#content_right_text label {
	display: block;
	font-size: 13px;
	font-weight:bold;	
	line-height: 1.8em;
	}
	
#content_right_text input[type="text"], #content_right_text textarea {
	width: 99%;
	margin-bottom: 10px;
	}

#content_right_text textarea {
	height: 100px;
	}

ul#list li {
	background-image:url(images/bullet.png);
	background-repeat:no-repeat;
	background-position: 0 14px;
	padding-left: 22px;
	line-height: 2.8em;
	border-bottom: 1px solid #CCCCCC;
	}

#list li a:link, #list li a:visited {
	color: #1f7be5;
	font-weight: bold;
	text-decoration: none;
	}
	
#list li a:hover {
	color: #d21e1e;	
	}	
	
ul#list li.selected a:link, ul#list li.selected a:visited {
	color: #d21e1e;
	cursor: default;
	}

ul#list li.selected {
	background-image:url(images/arrow.png);
	}

#content_right_text  select {
	width: 279px;
	margin-bottom: 10px
	}		

#content_right select.small {
	width: 137px;
	float: left;
	}

#content_right select.small.right {
	float: right;
	}
#content_right.clear {
	clear:both;
	}

#corner_shadow_up	{
	background-image:url(images/corner_shadow_up.png);
	position: absolute;
	width: 13px;
	height: 220px;
	top: 50px;
	left: 0px;
	}

#corner_shadow_down	{
	background-image:url(images/corner_shadow_down.png);
	width: 13px;
	height: 162px;
	position: absolute;
	bottom: 85px;
	right: 316px;
	}	
	
#footer {
	position: absolute;
	bottom: 0px;
	color: #c7c7c7;
	font-size:12px;
	padding-top: 55px;
	background-image:url(images/footer.png);
	background-position: 50% 0;
	height: 30px;
	text-align:center;
	width:100%;
	}
	
/*Global Table Styles*/
.td_bold {
	font-weight: bold;	
	line-height: 1.5em;
	}	

.td_info {
	text-align: right;
	}


/*Contact Page Styles*/
#contact_form span {
	color: #d21e1e;
	font-size: 13px;
	}

.contact_heading {
	line-height: 2em;
	color: #d21e1e; 
	font-size: 15px;
	font-weight: bold;
	}
	
.contact_details {
	font-size:13px;
	}			
	
.frame {
	width: 100%;
	height: 670px;
	overflow: auto;
	border: none;
	background-color:#FFFFFF;
	}

/*About Page Styles */

.picture_frame {
	float: left;
	}
	
.picture_frame.margin {
	margin-right: 15px;
	}
.picture_frame img {
	border: 1px solid #ccc;
	padding: 5px;
	}

.picture_frame span {
	display:block;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	}

span.title {
	font-size: 11px;
	margin-bottom: 15px;
	color: #333;
	font-weight: normal;
	}

/*Workshop Page Styles*/

#booking_form {
	line-height: 0em;
	position: relative;
	margin-left: -20px;
	}

#booking_date {
	margin-right: 19px;
	float: right;
	}

#booking_number {
	float: left;
	}
	
#book_button { 
	margin-bottom: 10px;
	}

/*Warranty Page Styles*/

table.content_table {
	font-size: 13px;
	border-spacing: 0px;
	border-collapse: collapse;
	}

.content_table thead.heading th { 
	background-color: #1F7BE5;
	color: #fff;
	text-align: right;
	}

.content_table thead.heading th.corner { 
	text-align: left;
	}

.content_table th {
	padding: 5px;
	text-align: left;
	background-color: #e5f2ff;
	border-bottom: 1px solid #fff;
	}

.content_table td {
	border-bottom: 1px solid #fff;
	text-align: right;
	padding: 5px;
	background-color: #e5f2ff;
	}