/*
Description:	CSS 
Author:			Visualcode Limited
Date: 			October 2009.
Version:		1.0
*/

/*---------------------------Global Start -----------------------------*/

/*
Colour Palette:
lt Blue:#c5d493;
Black:#090909;
dk Grey:#181818;
Grey:#4A4A4A;
*/

body {
	font:13px "Arial", Verdana, Helvetica, sans-serif; 
	font-weight: normal;
	line-height: 15px;
	color: #FFF;
	text-align:center;
	background:#090909 url(images/containerBack.png) no-repeat center 0px;
  	position:relative;
	margin:0;
	padding:0;	
	}
	
a:link {
	color:#c5d493;
	text-decoration: none;
}

a:visited {
	color:#c5d493;
	text-decoration: none;
}

a:active {
	color:#c2fc00;
	text-decoration: none;
}

a:hover {
	color:#c2fc00;
	text-decoration: none;
}

a img{
	border:0;
	}

img.portrait{
	float:left;
	padding:2px;
	margin:0 5px 5px 0;
	border:#ECECEC solid 1px;
	}

h1, h2, h3, h4{
	font-weight:normal;
	line-height:normal;
	}
	
h1 {
	font-size: 22px;
	color:#c5d493;
	font-weight:normal;
	}

h2 {
	font-size: 17px;
	color:#FFFFFF;
	font-weight:bold;
	}

h3 {
	font-size: 15px;
	color:#c5d493;
	font-weight:bold;
	}

h4 {
	color:#4A4A4A;
	font-size: 1.2em;
	padding:0;
	margin:0;
	}

hr {
	border: none;
	border-top: 1px dotted #FFF;
	height: 1px;
	margin: 3px auto;
	padding: 0px !important;
	color:#FFF;
	clear:both;
	line-height:12px;
	}

p{
	margin:10px 0;
	padding:0;
	}

.clear{
	clear:both;
	}
	
table{margin:0;}	
table td{padding:5px 0px; font:12px arial, helvetica, sans-serif; border-bottom:#4a4a4a solid 1px; vertical-align:top;}	
table td.five{padding:5px;}
table thead td{background:#010101 url(images/navBack.gif) repeat-x;  border-bottom:#3B3B3B solid 1px; border-right:#3B3B3B solid 1px; color:#FFF; padding:10px 5px 0px 5px; font-weight:bold; height:45px;}
table thead td.none{border-right:none;}	
table tfoot td{border-bottom:none;}

td.MainCopy{
	padding:3px 5px 3px 5px; font-weight:bold;
	font-size:11px;
	background:#c5d493;
	color:#090909;
	text-align:center;
	border:#FFF solid 1px;
	}

td.BoxCarPrice{
	padding:5px;
	}

td.BoxCarPrice a.button{
	width:70px;
	}

a.button{
	margin:0 auto;
	background:#010101 url(images/navBack.gif) repeat-x;;
	color:#FFF;
	display:block;
	width:100px;
	padding:5px;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	border:#666 solid 1px;
	border-top:#aaa solid 1px;
	border-left:#aaa solid 1px;
	}

#container{
	padding:0;
	margin:0;
	position:relative;
	text-align:center;
	
	}

/*
Colour Palette:
lt Blue:#c5d493;
Black:#090909;
dk Grey:#181818;
Grey:#4A4A4A;
*/

/* ______________________ Navigation ______________________ */		
	
#colorBand {
	margin:0;
	text-align:center;
	height:0px;
	padding:2px 0px 0px 0px;
	position:relative;
	z-index:10;
	}

 #colorBand ul {
	list-style:none; 
	padding:0;
	margin:0px auto;
	width:900px;
	position:relative;
	text-align:left;
	border:none;
	height:25px;
	
	}

#colorBand ul li {
	display:inline;
	float:right;
	margin:0px 0px 0px 5px;
	position:relative;
	text-align:left;
	font-weight:normal;
	}
	
#colorBand ul li a {
	color:#4A4A4A;
	position:relative;
	display:block;
	padding:5px 10px 2px 10px; 
	font-weight:normal;
	font-size:9px;
	border:none;
	border-bottom:#4A4A4A solid 1px;
	}
	
#colorBand ul li a:hover {
 	color:#c5d493;
 	border-bottom:#c5d493 solid 1px;
	}

/*header info */

#header {
	height:90px;
	width:900px;
	margin:0 auto;
	text-align:left;
	position:relative;
	height:95px;
	}

#logo {
	margin:0;
	padding:30px 0px 15px 0px!important;
	padding:0px;
	background:url(images/logo.png) no-repeat 0 30px;
	height:40px;
	}

#logo img{
	float:left;
	
	}
	
.strap{	
	float:right;
	text-align:right;
	width:600px;
	color:#FFF;
	font-size: 25px; 
	padding-bottom:12px;
	padding-top:15px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: normal; 
	}

/*
Colour Palette:
lt Blue:#c5d493;
Black:#090909;
dk Grey:#181818;
Grey:#4A4A4A;
*/

/* ______________________ Navigation ______________________ */		
	
 #navigation{
 	font-size:11px;
	position:relative;
	background:transparent;
	height:45px;
	clear:both;
	background:#010101 url(images/navBack.gif) repeat-x;
	border:#131313 solid 1px;
	border-left:none;
	border-right:none;
	position:relative;
	}

 #navigation ul {
	list-style:none; 
	padding:0;
	margin:0px auto;
	position:relative;
	text-align:left;
	border:none;
	height:30px;
	width:900px;
	
	}

#navigation ul li {
	display:inline;
	float:left;
	margin:0;
	position:relative;
	text-align:left;
	font-weight:normal;
	width:105px;
	border:0;
	border-right:#4a4a4a solid 1px;
	}

#navigation ul li a {
	color:#FFF;
	position:relative;
	display:block;
	padding:15px 5px 10px 5px;
	height:20px;
	font-weight:bold;
	background: url(images/pageArrow.gif) no-repeat right bottom;
	}
	
#navigation ul li a:hover {
 	color:#c5d493;
	background:#c5d493 url(images/navOver.gif) repeat-x ;
	}
	
#navigation ul li.on a,
#navigation ul li.on a:hover {
 	color:#FFF;
	background:#666666 url(images/pageArrow.gif) no-repeat right bottom;
	}	
	
/* ______________________ Media ______________________ */	
	
.mediaContainer{
	width:100%;
	padding-top:5px;
	clear:both;
	position:absolute;
	top:5px;
	left:0;
	z-index:-10;
	}
	
.mediaGrey{
	width:900px;
	margin:90px auto 0px auto;
	}

/* ______________________ Main Area ______________________ */	

#wrapper {
	margin-top:250px;
	padding:0px;
	position:relative;
	text-align:left;
	padding-bottom:10px;
	border-top:#c5d493 solid 1px;
	background: url(images/wrapper.png) repeat;
	}

.contentArea{
	width:900px;
	clear:left;
	text-align:left;
	margin:0 auto;
	position:relative;
	}

.Content{
	float:left;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
	padding:0;
	width:665px;
	padding:7px;
	}


.Content img{
	margin:5px;
	}

.Content ul{
	list-style:none;
	padding-left:10px;
	margin:10px;
	}

.Content ul li{
	margin-bottom:5px;
	background: url(images/redarrow.gif) no-repeat 0px 4px;
	padding-left:20px;
	}	

/* ______________________ Left Navigation ______________________ */		


#leftNav {
	font-size:100%;
	position:relative;
	width:215px;
	float:left;
	text-align:left;
	padding-top:5px
	}
	
#leftNav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	font-size:12px;
	margin-bottom:5px;
	}

#leftNav ul li{
	margin:0px;
	position:relative;
	border-bottom:1px solid #c5d493;
	}

#leftNav ul li a{
	background:url(images/redarrow.gif) no-repeat 5px 10px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 20px;
	}

#leftNav ul li.on a{
	background:#082571 url(images/whitearrow.gif) no-repeat 5px 10px;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 20px;
	}

#leftNav ul li a:hover{
	color:#FFF;
	background:#c5d493 url(images/whitearrow.gif) no-repeat 5px 10px; 
	}


#leftNav ul li ul li{
	margin-top:0px;
	padding-bottom:5px;
	}

/* ______________________ News Ticker ______________________ */

	
#newsticker{
	border:#EDEDEA solid 3px;
	height:200px;
	background:#082571;
	padding:5px;
	color:#FFF;
	width:227px;
	float:left;
	margin-top:5px;
	margin-left:5px;
	}

#newsticker h3{
	color:#FFF;
	margin:0;
	padding:0;
	}

#newsticker ul{
	border-top:#94D39C solid 2px;
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	font-size:12px;
	
	}

#newsticker li{
	border:0 !important;
	padding:0 !important;
	margin:0  !important;
	}

#newsticker li a{
	padding:0 !important;
	margin:0 !important;
	}

.ntitle a, .nlink a{
	color:#FFF !important;
	}

.ntitle{
	font-weight:bold;
	padding:3px 0;
	margin:0 !important;
	border-bottom:#94D39C solid 1px;
	}

.ncontent{
	padding:3px 0;
	}


/* ______________________ Product ______________________ */

#prodfContainer{
	background:#090909 url(images/footer.png) repeat;
	padding:5px 0px;
	border-top:#4A4A4A solid 1px;
	}

#prodfContainer h3{
	font-size:10px;
	margin:0 auto;
	width:910px;
	}
	
#prodfContainer h3 span{
	background:#4A4A4A url(images/navBack.gif) repeat-x;
	display:block;
	padding:3px;
	width:150px;
	border:#181818 solid 1px;
	border-bottom:none;
	margin-left:25px;
	color:#FFF;
	}

.productfinder{
	border:#4A4A4A solid 1px;
	padding:5px;
	height:85px;
	width:900px;
	margin:0px auto;
	background: url(images/wrapper.png) repeat;
	}

.productfinder span{
	display:block;
	background:#4A4A4A;
	width:120px;
	height:85px;
	margin-right:5px;
	float:left;
	}

/* ______________________ Footer ______________________ */

/*
Colour Palette:
lt Blue:#c5d493;
Black:#090909;
dk Grey:#181818;
Grey:#4A4A4A;
*/

#footer{
	clear:both;
	text-align:center;
	color:#FFF;
	font-size:11px;
	border-top:#4A4A4A solid 1px;
	border-bottom:#4A4A4A solid 1px;
	background:#181818;
	margin-bottom:25px;
	}

#ftcontain{
	width:900px;
	text-align:left;
	margin:0 auto;
	}

#ftcontain h3{
	margin:0;
	padding:3px 0px 10px 0px;
	color:#EDEDEA;
	}

#copyrightft, #addressft, #contactft{
	text-align:left;
	padding:3px 15px;
	float:left;
	border-right:#4A4A4A solid 1px;
	height:100px;
	margin-bottom:30px;
	}

#copyrightft{width:400px; padding-left:0; }
#addressft{width:210px;}
#contactft{width:220px; border-right:0; padding-right:0;}

#copyrightft b, #addressft b, #contactft b, #footer a{
	color:#c5d493;
	}


/*FORM STUFF*/

form {
	margin:0;
	padding:0;
	margin-top:5px;
	padding-top:5px;
	}

form p {
	margin:0;
	padding:2px 0 2px 0 ;
	clear:left;
	}

form div.hide{
	visibility:hidden;
	height:1px;
	overflow:hidden;
	}

form .inputContainer{
	margin-bottom:5px;
	width:auto;
	clear:none;
	}

form .inputContainer div{
	margin-bottom:5px;
	clear:left;
	}	

.inputContainer .subForm div.inputContainer{
	width:200px;
	float:left;
	clear:none;
	}

form label {
	float: left;
	margin:0;
	padding:5px 1px 0 1px;
	width: 13em;
	text-align: left;
	}

form label span{
	float:right;
	padding:0 3px;
	}

form input,
form select,
form textarea{
	margin-bottom:5px;
	padding:3px;
	border:#CCC solid 1px;
	background:#FFF;
	}

form select{
	margin-bottom:5px;
	padding:0;
	border:#CCC solid 1px;
	max-width:200px;
	}

form input.readonly{
	background:#080808;
	color:#FFF;
	border:none !important;
	font-weight:bold;
	font-size:13px;
	}
	
form input.readonlyDouble{
	background:#080808;
	color:#FFF;
	border:none !important;
	font-weight:bold;
	font-size:26px;
	width:60px;
	}

form input.button {
	padding:0px !important;
	background:#80c43d;
	border:#000 solid 1px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	}