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

body
{
	background-color:#e5cdb5;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
img
{
	border:none !important;
}
h1{
	font-size:14px;
	font-weight:bold;
}

a{
	color:#0066FF;
	text-decoration:none;
}
a:hover{
	color:#00CCFF;
	text-decoration:underline;
}


div.div-top-nav, div.div-header-content, div.div-main, div.div-footer {
	width:960px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	
}

div.div-header{
	height:244px;
	background-image:url(../images/bg-header.jpg);
	background-position:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
div.div-header-content{
	height:244px;
}
div.div-nav-top{
	height:50px;
}

li.li-current{
	font-weight:bold !important;
	color:#99FF00 !important;
}
li.li-not-current{
	font-weight:normal !important;
	color:#fff !important;
}

div.div-main{
	background-color:#e9e2d5;
}
div.float-left{
	float:left;
	padding-right:5px;
}
div.div-main-content{
	color:#333;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	width:940px;
	
}

div.div-heading{
	color:#b20034;
	font-family:Century Gothic, verdana, sans-serif;
	font-size:20px;
	background-repeat:repeat-x;
        padding-bottom:10px;
        padding-top:10px;
	position:relative;
	border-bottom:1px solid #7e6042;
}
h2{
	color:#b20034;
	font-size:14px;
}
div.div-information{
	min-height:240px;
	/*height:240px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-top:5px;
}

div.div-logo{
	float:left;
	position:relative;
}
div.div-rotating-images{
	float:left;
	position:relative;
}
div.div-clear{
	clear:left;
}

div.div-footer-content
{
	background-image:url(../images/bg-footer-content.png);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	font-size:10px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	padding-top:20px;
	height:130px;
}
div.div-footer-content a
{
	color:#2d2d2d;
	text-decoration:none;
}

div.div-footer-content a:hover
{
	border-bottom:1px #2d2d2d dotted;
}
img.img-front{
	padding-right:5px;
}
div.div-front-campers{
	height:171px;
	width:920px;
	background-image:url(../images/bg-front-campers.png);
	overflow:hidden;
	background-repeat:no-repeat;
}


table.enquire th{
	background-color:#b20034;
	color:#fff;
	
}


/* calendar */

body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
	
	
	
	/** product list **/
		div.div-copy-product-list{
			position:relative;
			margin-bottom:20px;
			border-bottom:1px dotted #996600;
		}
		div.div-copy-product-list img{
			padding-left:10px;
			padding-right:10px;
		}
		div.div-copy-product-list div.div-image-left{
			position:relative;
			width:200px;
			text-align:center;
			float:left;
		}
		div.div-copy-product-list div.div-text-right{
			position:relative;
			width:520px;
			float:left;
			text-align:justify;
		}
		
		/** USED TRUCKS / RENTAL TRUCKS.. **/
		div.div-copy-product-list div.div-heading-top {
			position:relative;
			font-size:14px;
			line-height:20px;
			font-weight:bold;
			margin-bottom:5px;
		}
		div.div-copy-product-list div.div-image-top {
			position:relative;
			vertical-align:top;
			float:left;
			width:620px;
		}
		
		div.div-copy-product-list div.div-image-top img{
			vertical-align:top;
		}
		div.div-copy-product-list div.div-truck-q {
			position:relative;
			vertical-align:top;
			float:left;
			width:220px;
			background-color:#222222;
			margin-bottom:5px;
			padding:5px;
		}
		div.div-copy-product-list div.div-truck-a {
			position:relative;
			vertical-align:top;
			float:left;
			margin-bottom:5px;
			margin-left:5px;
			padding:5px;
		}
		div.div-copy-product-list div.div-price-top {
			position:relative;
			vertical-align:top;
			float:left;
			text-align:right;
			font-size:18px;
			color:#990000;
			width:120px;
		}
		div.div-copy-product-list div.div-price-top-hire {
			position:relative;
			vertical-align:top;
			float:left;
			text-align:right;
			font-size:16px;
			color:#FFFFFF;
			width:180px;
		}
		div.div-copy-product-list div.div-intro{
			line-height:20px;
		}
		.tiny {
			font-size:9px;
			font-style:oblique;
		}
			
		a.a-enquire{
			margin-top:5px;
			position:relative;
			display:block;
			height:36px;
			width:182px;
			background-image:url(/images/btn-enquire.png);
			background-repeat:no-repeat;
			
		}
		a.a-enquire:hover{
			background-image:url(/images/btn-enquire-hover.png);
		}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/** admin stuff **/
		a.a-admin-button{
			display:inline-block;
			width:200px;
			height:30px;
			background-color:#00CC99;
			color:#000000;
			border:1px solid #666666;
			text-align:center;
			line-height:30px;
		}
		a.a-admin-button:hover{
			background-color:#00FF99;
		}
		
		table.table-admin-list{
			width:700px;
			border-spacing:0px;
		}
		table.table-admin-list th{
			color:#FFFFFF;
			background-color:#333333;
			line-height:30px;
		}
		table.table-admin-list td{
			line-height:25px;
			border-bottom:1px dotted #999999;
		}
		table.table-admin-list td.admin-button{
			width:30px;
			text-align:center;
			border-bottom:1px dotted #999999;
		}
	
	
	label.label_admin{
			vertical-align:text-top;
			display:inline-block;
			width:150px;
			margin-bottom:5px;
		}
		input.input_admin{
			width:500px;
			margin-bottom:5px;
		}
		textarea.textarea_admin{
			width:700px;
			margin-bottom:5px;
		}
		input.input_admin_tiny{
			width:20px;
			margin-bottom:5px;
		}	
	
	/** SUBSCRIBE FORM **/
	label.text{
		display:block;
		float:left;
		width:150px;
		margin-top:5px;
	}
	input.text{
		margin-top:5px;
		display:block;
		float:left;
		width:175px;
	}
	
/* MESSAGES */

div.message_bad{
	padding:5px;
	border:solid 1px #ff0000;
	background-color:#CC9999;
	color:#7a0000;
	font-weight:bold;
	position:relative;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
div.message_good{
	padding:5px;
	border:solid 1px #ff0000;
	background-color:#CC9999;
	color:#7a0000;
	font-weight:bold;
	position:relative;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
div.message_good{
	padding:5px;
	border:solid #006600 1px;
	color:#006600;
	background-color:#DFEDDC;
	font-weight:bold;
	position:relative;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

div.image-holder{
	float:left;
	display:block;
	vertical-align:middle;
	width:100px;
	height:110px;
	padding:5px;
	margin:10px;
	overflow:hidden;
}


/* NO FUNNY STUFF */	
	div.div-clear-left{
		clear:left;
	}
	
	
	
	
	span.small{
			font-size:10px;
		}
	
	
	
	
	
	/* total width = */
		
		div.div-copy-310, div.div-copy-182, div.div-copy-758, div.div-copy-220, div.div-copy-720, div.div-copy-260, div.div-copy-438, div.div-copy-204, div.div-copy-445, div.div-copy-490  {
			position:relative;
			padding:5px 5px 5px 5px;
			float:left;
			display:block;
			/* background-color:#00CCFF; */
		}
		
		div.div-copy-310{
			width:310px;
		}
		div.div-copy-260{
			width:260px;
		}
		div.div-copy-438{
			width:438px;
		}
		
		div.div-copy-182{
			width:182px;
		}

		div.div-copy-758{
			width:758px;
		}
		div.div-copy-220{
			width:220px;
		}
		div.div-copy-204{
			width:204px;
		}
		div.div-copy-490{
			width:490px;
		}
		div.div-copy-720{
			width:700px;
		}
		
		div.div-copy-374{
			width:374px;
			position:relative;
			float:left;
		}
		div.div-copy-374{
			width:374px;
			position:relative;
			float:left;
		}
		div.div-copy-445{
			width:445px;
		}
		/** LIST NAV **/
		div.div-copy-220 ul{
			list-style:url(../images/main/list-arrow.png);
			padding-left:20px;
			margin-bottom:10px;
			margin-top:5px;
		}
		
		div.div-copy-220 ul li{
			margin-bottom:3px;
		}
		div.div-copy-220 ul a.a-heading{
			font-weight:bold;
			font-size:14px;
		}
		
		div.div-copy-220 ul a{
			display:block;
			
		}