/*
Black = #000000
White = #FFFFFF
Khaki = #C2C287
Dark Khaki = #5A5A2E
Deep Red = #B44825
Orange = #E9A949
Dark Cream = #F8F0B4
Light Cream = #FCFBCD
*/

html{
font-size: 100%;
margin:0;
padding:0;
}

body {
background-image: url(images/Background.gif);
background-repeat: repeat-x;
background-color: #c2c287; /* Khaki */
font-size: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000; /* Black */
padding:0px;
margin:0px;
}

/* ----------container to center the layout-------------- */
#container {
	width: 750px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FCFBCD; /* Light Cream */
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	overflow:hidden;
}

/* ----------header-------------- */
#banner {
width:750px;
height:231px;
font-size:0;
text-align: left;
}

/* -----------------content--------------------- */
#content {
	display:block;
	background-color: #ffffff; /* White */	
	margin-left: 150px;
	margin-right: 0px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
}

div#content { 
min-height:600px;
height:auto !important;
height:600px;
}

img {
	border:0;
	padding:0;
	margin:0;
}

h1 {
	font-size: 1.125em;
	text-transform:none;
	padding:30px;
	margin:0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #B44825; /* Deep Red */
}

h2 {
	font-size:1em;
	font-weight: normal;
	padding:0px;
	margin:30px;
	color: #B44825; /* Deep Red */
}

h3 {
	font-size:1.625em;
	font-weight: bold;
	padding:0px;
	margin-left:30px;
	margin-bottom:5px;
	margin-top:5px;
	color: #B44825; /* Deep Red */
}

.highlight {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #B44825; /* Deep Red */
	padding-right: 30px;
	padding-left: 30px;
	font-weight: bold;
}

.highlightlarge {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #B44825; /* Deep Red */
	font-weight: bold;
	padding-right: 30px;
	padding-left: 30px;
}

.highlightlargest {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #B44825; /* Deep Red */
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom:5px;
	font-weight: bold;
}

.highlightblack {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000; /* Black */
	padding-right: 30px;
	padding-left: 30px;
	font-weight: bold;
}

.highlightblacklarge {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #000000; /* Black */
	padding-right: 30px;
	padding-left: 30px;
	font-weight: bold;
}

/*-----------Start Menu Styles-----------*/
#menu {
  padding:0;
  margin:0;
  }

#menu li {
  list-style-type:none;
  width:150px;  
  }

#menu li a,
#menu li a:visited {
  display:block;
  width:auto;
  font-family:  Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height:15px;
  color:#000000;
  text-align:left;
  text-decoration:none;
  background:#fcfbcd; /*Light Cream*/
  margin:0px;
  padding-left:10px;
  }

#menu li a:hover {
  background:#b44825; /*Deep Red*/
  color:#ffffff;
  }

/*----------------Highlights Current Page---------------*/
#welcome #menu_welcome a,
#testimonials #menu_testimonials a,
#used #menu_used a,
#hire #menu_hire a,
#dealers #menu_dealers a,
#contact #menu_contact a,
#faq #menu_faq a,
#options #menu_options a,
#campertops #menu_campertops a,
#trailers #menu_trailers a,
#onroad #menu_onroad a,
#roughroad #menu_roughroad a,
#offroad #menu_offroad a,
#annexes #menu_annexes a,
#kitchens #menu_kitchens a,
#traileropts #menu_traileropts a,
#power #menu_power a,
#colour #menu_colour a,
#otheropts #menu_otheropts a,
#size9 #menu_size9 a,
#size14 #menu_size14 a,
#used #menu_used a,
#finance #menu_finance a,
#gallery #menu_gallery a
{
  background:#b44825; /*Deep Red*/
  color:#ffffff;
}

#welcome #menu_welcome a:hover,
#testimonials #menu_testimonials a:hover,
#used #menu_used a:hover,
#hire #menu_hire a:hover,
#dealers #menu_dealers a:hover,
#contact #menu_contact a:hover,
#faq #menu_faq a:hover,
#trailers #menu_trailers a:hover,
#onroad #menu_onroad a:hover,
#roughroad #menu_roughroad a:hover,
#offroad #menu_offroad a:hover,
#annexes #menu_annexes a:hover,
#kitchens #menu_kitchens a:hover,
#traileropts #menu_traileropts a:hover,
#power #menu_power a:hover,
#colour #menu_colour a:hover,
#otheropts #menu_otheropts a:hover,
#used #menu_used a:hover,
#options #menu_options a:hover,
#campertops #menu_campertops a:hover,
#size9 #menu_size9 a:hover,
#size14 #menu_size14 a:hover,
#finance #menu_finance a:hover,
#gallery #menu_gallery a:hover
{
  background:#b44825; /*Deep Red*/
  color:#ffffff;
}

/*-----------End Menu Styles-----------*/

p, pre{
padding: 0px 30px;
margin:0px;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin: 0px;
	background-image: url(images/Footer.gif);
	border: 1px solid #000000;
	height: 31px;
}
/* --To Vertically Centre Text in Footer--*/
#footer p {
	line-height:31px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
    font-family:  Arial, Helvetica, sans-serif;
	color:#FCFBCD; /* Light Cream */
}

#footer a,
#footer a:visited {
    line-height:31px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
    font-family:  Arial, Helvetica, sans-serif;
	color:#FCFBCD; /* Light Cream */
}

#footer a:hover {
color:#ffffff;
font-weight:bold;
}

.floatright {
	float: right;
	margin: 30px;
	border: 1px solid #000000;
    padding: 2px;
}

.floatleft {
	float: left;
	margin: 30px;
	border: 1px solid #000000;
    padding: 2px;
}

.divider {
	margin:30px;
	width:460px;
	height:1px;
	border-bottom: 1px solid #B8B0B0;
	clear:both;
}

.floatholder {
	float: left;
	width: 100%;
}
	
.TNimg {
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	border:1px solid #000000;
	}
	
.TNtext {
	margin-left:200px;
	margin-right:30px;
	clear:right;
}	

.TNheader {
	font-size:1em;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin-left:230px;
	margin-bottom:0px;
	color: #B44825; /* Deep Red */
}

#sh li{
	padding-bottom:20px;
}

.backto {
	text-align:right;
	clear:both;
	margin-bottom:30px;
	margin-right:30px;
}

.input-box 
{ 
float: left;
margin:20px 10px 0 10px; 
}

#usedtable {
	text-align:left;
	background-color:#FCFBCD;
	width:530px;
	margin:20px auto;
	border:2px solid #000000;
	}

#usedtable td {
	padding:10px;
	vertical-align:top;
	}

.faqtable {
	width:480px;
	margin:20px auto;
	border:2px solid #000000;
	}

.faqtable td {
	padding:10px;
	vertical-align:center;
	text-align:center;
	}

#contacttable {
	background-color:#FCFBCD;
	width:530px;
	margin:20px auto;
	border:2px solid #000000;
	}

#contacttable tr {
	vertical-align:middle;
	}

#contacttable td {
	padding:5px 0 5px 5px;
	text-align:left;
	}

.contacthighlight {
	color: #B44825; /* Deep Red */
	font-weight: bold;
}

.highlightbox {
	background-color:#FCFBCD;
	width:400px;
	margin:20px auto;
	padding:10px;
	border:2px solid #000000;
	clear:both;
}

.highlightpowder {
	background-color:#FCFBCD;
	width:250px;
	margin:30px 0 30px 30px;
	padding:30px 0;
	border:2px solid #000000;
	float:right;
	clear:right;
}

.sh_itemno {
	background-color:#FCFBCD;
	text-align:center;
	margin:30px 30px 0 30px;
	padding:10px;
	border:2px solid #000000;
	float:right;
	clear:right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#sitemap li {
	padding-top:5px;
	padding-bottom:5px;	
  }