/* SCREEN.css */

*
{
	margin:0px;
	padding:0px;
}

body {
	background-image:url(../jpg/general/body-main-background.jpg);
	background-repeat:repeat-x;
	margin: 0px auto 10px auto;
	text-align:center;
	color:#FFF;
	background-color:#2e2c3d;
}

#BodyTop
{
	background-image:url(../jpg/general/body-top-background.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:144px;
}

#Wrapper {
	margin: -136px auto 0px auto;
	text-align:left;
	width:902px;
}

#Header
{
	height:136px;
	width:902px;
}

#Search
{
	height:24px;
	padding-bottom:5px;
	padding-right:15px;
	position:relative;
	margin-top:-29px;
}

#Search div.innerSearch
{
	float:right;
}

#Search div.searchTextField
{
	float:left;
}

#Search div.searchButton
{
	float:left;
}

#Search div.searchButton input
{
	height:22px;
	margin-top:-1px;
}

#Navigation
{
	height:32px;
	width:902px;
}

#Content {
	/*background-image:url(../jpg/content-background.jpg);
	background-repeat:repeat-x;*/
	background-color:#FFF;
	min-height:500px;
	height: auto !important;
	height: 500px;	
	padding:10px 19px 10px 19px;
	width:862px;
}

#Footer
{
	width:900px;
	background-color:#FFF;
	height:60px;
	padding-top:20px;
}

#Footer div.innerFooter
{
	background-image:url('/jpg/general/footer-background.jpg');
	height:40px;
	width:862px;
	padding-left:19px;
	padding-right:19px;
}

#Footer div.innerFooter div.footerLeft
{
	float:left;
	margin-top:3px;
	margin-left:74px;
}

* html #Footer div.innerFooter div.footerLeft
{
	float:left;
	margin-top:3px;
	margin-left:37px;
}

#Footer div.innerFooter div.footerRight
{
	float:right;
	height:14px;
	margin-top:12px;
}

/* TWO COLUMN LEFT AND RIGHT */
div.twoColumnLeft
{
	width:200px;
	float:left;
	
	margin-right:15px;
}

div.twoColumnRight
{
	width:647px;
	float:left;
}

div.twoColumnRight img
{
	border:1px solid #000;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ================================================= */

/***************OLD CSS****************/
/* ---- DIVs ---- */
div.vanOptions {
	margin-top:35px;
}

#VanLayout {
	margin-top:5px;
	margin-bottom:10px;
}

#SectionContent {
	margin:15px 10px 15px 10px;
	padding:0;
}

div.indent {
	margin-left:20px;
	margin-right:10px;
}

#PageSeparator {
	border-top:1px dashed #273550;
	margin-bottom:10px;
	margin-top:10px;
	padding:0 8px 0 8px;
	height:0px;
}

/* ---- Sitemap / About Us Page ---- */
div.sitemapLinks
{
	float:left;
	width:582px;
	padding-right:10px;
}

div.pageLeftText
{
	float:left;
	width:582px;
	padding-right:10px;
}

* html div.pageLeftText
{
	float:left;
	width:562px;
	padding-right:10px;
}

div.sitemapImages, div.page, div.pageRightImages {
	float:left;
	width:250px;
}
div.sitemapImages {
	margin-top:6px;
}

div.smImage {
	height:175px;
}

div.smDivider {
	padding-bottom:33px; 
}

/* ---- IMAGES ---- */
#SectionContent img.border {
	border:1px solid #273550;
}

#SectionContent img.left {
	margin-right:15px;
}

#SectionContent img.right {
	margin-left:15px;
}

#SectionContent img.smallTop {
	margin-top:6px;
}

#SectionContent img.moveup {
	margin-top: -18px;
}

#SectionContent img.top {
	margin-top:20px;
}

#SectionContent img.smallTop {
	margin-top:8px;
}
#SectionContent img.smallerTop {
	margin-top:4px;
}


#SectionContent img.bottom {
	margin-bottom:15px;
}
#SectionContent img.morebottom {
	margin-bottom:40px;
}

#SectionContent img.imageup {
	margin-top:-15px;
}

#SectionContent img.smallimageup {
	margin-top:-4px;
}

#SectionContent img.smallgap {
	border-top:1px solid #273550;
	border-bottom:1px solid #273550;
	border-left:1px solid #273550;
}

#SectionContent img.smallgapRight {
	border:1px solid #273550;
}

#SectionContent img.imagelink {
	cursor:pointer;
}

#VanLayout img {
	padding:5px 8px 5px 8px;
}

#RightImages {
	float:right;
	text-align:right;
}

/* ---- LINKS ---- */
a.text:link, a.text:visited {
	cursor:pointer;
	text-decoration:underline;
	color:#667C97;
}
a.text:hover, a.text:active {
	cursor:pointer;
	text-decoration:underline;
	color:#DEC17B;
}

a.image:link, a.image:visited {
	cursor:pointer;
	text-decoration:none;
}
a.image:hover, a.image:active {
	cursor:pointer;
	text-decoration:none;
}

#DesignLayoutLink {
	margin:0;
	text-align:right;
}
#DesignLayoutLink p {
	margin:0;
}

#ConvertLink {
	float:right;
}

/* CONVERT YOUR VAN */
#ConvertPageSeparator {
	border-top:1px dashed #273550;
	margin-top:10px;
	padding:0;
}

#ConvertPageSeparator div.convertarea {
	padding-top:10px;
}

#ConvertPageSeparator div.convertarea div.converttext {
	float:left;
	padding-top:10px;
	width:473px;
/*	width:489px; */
}



#ConvertPageSeparatorSmaller {
	border-top:1px dashed #273550;
	margin-top:10px;
	padding:0 3px 0 4px;
}

#ConvertPageSeparatorSmaller div.convertarea {
	padding-top:10px;
}

#ConvertPageSeparatorSmaller div.convertarea div.converttext {
	float:left;
	padding-top:10px;
	padding-right:4px;
	width:478px;
}

/* images */
div.convertarea div.convertimages {
/*	float:left;*/
	float:right;
	margin-left:0px;
	padding-bottom:15px;
	width:252px;
}
div.convertarea div.convertimages div.images {
	margin-top:0px;
	margin-bottom:0;
	margin-left:0px;
}
div.convertarea div.convertimages div.convertimageseparator {
	float:right;
/*	height:80px;*/
/*	height:46px; - orginial */
	height:59px;
	width:252px;
}
div.convertarea div.convertimages div.convertimageseparatorsmaller {
	float:right;
/*	height:25px; - orginial */
	height:40px;
	width:252px;
}

/* Rentals & New Conversions Pages */
div.ratesTable {
	float:left;
	margin-bottom:20px;
	width:220px;
}

div.rateText {
	float:left;
	width:410px;
}

ul.rentalRates
{
	margin-left:15px;
	padding-left:0px;
}

#Rates {
/*	margin-bottom:15px; */
}


/* Try Before Buy */
#TryBefore div.ratesTable {
	float:left;
	margin-bottom:20px;
	width:220px;
}

#TryBefore div.tryText {
	float:left;
	margin-right:20px;
	width:406px;
}


/* top of page - ABOVE dashed divider */
div.leftMenuOptions, div.leftMenuOptionsWide {

	float:left;
	width:346px;
	padding-left:30px;
/*	width:376px; */
}

div.rightMenuOptions, div.rightMenuOptionsWide {
	float:left;
	width:346px;
	padding-left:30px;
/*	width:376px; */
}

div.imageOption {
	padding-bottom:5px;
}

/* page options - BELOW dashed divider */

div.leftpageoptions {
	float:left;
	width:377px;
}

div.rightpageoptions {
	float:left;
	width:200px;
}

#VanTypes {
	margin-left:30px;
}

div.leftVanTypes {
	margin-left:10px;
	float:left;
	width:340px;
}

div.rightVanTypes {
	margin-left:10px;
	float:left;
	width:330px;
}

div.sideImages {
	text-align:center;
	vertical-align:middle;
}

div.moveup {
	margin-top:-15px;
}
/* CSS Document */
#HomepageContent h2 {
	font-size:80%;
	margin:0;
	padding:0 0 4px 0;
	color:#FFFFFF;
}

#HomepageContent p {
	font-size:70%;
	margin:0;
	padding:5px 0 5px 0;
}

#SectionContent h2 {
	font-size:85%;
	color:#273550;
}
#SectionContent h2.vanHeading {
	color:#273550;
	font-size:85%;
	margin-top:0;
	padding-top:5px;
}

#SectionContent h3 {
	font-size:80%;
	color:#273550;
	padding-top:5px;
}

#SectionContent h4 {
	font-size:21px;
	color:#273550;
	padding-top:5px;
}

#SectionContent p {
	font-size:12px;
	color:#273550;
}

#SectionContent td
{
	font-size:12px;
	color:#273550;
	text-align:center;
}

#SectionContent p.backTop {
	text-align:left;
	font-size:12px;
	clear:left;
}

p.centre {
	text-align:center
}

p.padLeft {
	padding-left:20px;
}

#VanLayout p.imageSwapLink {
	color:#667C97;
	cursor:pointer;
	margin:0;
	padding-bottom:10px;
}

/* ---- LISTS ---- */
#SectionContent li {
	font-size:12px;
	color:#273550;
	padding-bottom:3px;
}

#SectionContent li li {
	font-size:100%;
}

div.indent li, div.indent li li {
	padding-bottom:3px;
}


#SectionContent li.lessmargin {
	padding-bottom:0;
	margin-bottom:0;
}

/*MOZILLA, SAFARI, CHROME*/
#SectionContent ul.first
{
	margin:0 0 6px -10px;
}

/*IE 7 and 8 ONLY*/
*:first-child+html #SectionContent ul.first
{
	margin:0 0 6px 30px;
}

/*IE 6 ONLY*/
* html #SectionContent ul.first
{
	margin:0 0 6px 30px;
}

#SectionContent li.first {
	line-height:1.1em;
	list-style-type:disc;
	margin-bottom:3px;
}

/*MOZILLA, SAFARI, CHROME*/
#SectionContent ul.second
{
	margin:8px 0 6px -20px;
}

/*IE 7 and 8 ONLY*/
*:first-child+html #SectionContent ul.second
{
	margin:8px 0 6px 20px;
}

/*IE 6 ONLY*/
* html #SectionContent ul.second
{
	margin:8px 0 6px 20px;
}

#SectionContent li.second {
	line-height:1.1em;
	list-style-type:circle;
	margin-bottom:3px;
	font-size:12px;
}

/*MOZILLA, SAFARI, CHROME*/
#SectionContent ul.third
{
	margin:8px 0 5px 0px;
}

/*IE 7 and 8 ONLY*/
*:first-child+html #SectionContent ul.third
{
	margin:8px 0 5px 45px;
}

/*IE 6 ONLY*/
* html #SectionContent ul.third
{
	margin:8px 0 5px 45px;
}

#SectionContent li.third {
	line-height:1.1em;
	list-style-type:square;
	margin-left:-20px;
	margin-bottom:3px;
	font-size:12px;
}

/*MOZILLA, SAFARI, CHROME*/
#SectionContent ul.forth
{
	margin:8px 0 5px -20px;
}

/*IE 7 and 8 ONLY*/
*:first-child+html #SectionContent ul.forth
{
	margin:8px 0 5px 40px;
}

/*IE 6 ONLY*/
* html #SectionContent ul.forth
{
	margin:8px 0 5px 40px;
}

#SectionContent li.forth {
	line-height:1.1em;
	list-style-type:disc;
	margin-bottom:3px;
	margin-left:-20px;
	font-size:12px;
}

#Links li {
	margin-bottom:8px;
}

#Links li p {
	margin:0;
	padding:4px 0 2px 0;
	font-size:100%;
}


#Rates div.rateText ul {
	list-style-position:inside;
}
#Rates div.rateText li p {
	margin:0;
	margin-left:20px;
	padding:2px 0 2px 0;
	font-size:100%;
}

/* ---- TABLES ---- */
div.ratesTable table {
	border-top:1px solid #273550;
	border-left:1px solid #273550;
}

div.ratesTable tr.tr1 {
	background-color:#DEC17B;
}

div.ratesTable td {
	padding:5px 12px 5px 12px;
	border-bottom:1px solid #273550;
	border-right:1px solid #273550;
}

div.ratesTable td.heading {
}



div.payloads table {
	border-top:1px solid #273550;
	border-left:1px solid #273550;
}

div.payloads tr.tr1 {
	background-color:#DEC17B;
}

div.payloads td {
	padding:5px 12px 5px 12px;
	border-bottom:1px solid #273550;
	border-right:1px solid #273550;
}

div.payloads td.heading {
	font-weight:bold;
}

/* Contact Page */
#ContactInfo {
	margin:0 0 20px 20px;
}

div.addressDetails {
	float:left;
	width:300px;
}

div.mapInfo {
	float:left;
}


/* Home Page */
#HomepageImage {
	margin:15px 6px 20px 7px;
	border:1px solid #273550;
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#273550;
	width:757px;
	min-height:335px;
}
* html #HomepageImage {
	height:330px;
}

#HomepageContent {
	width:230px;
	margin:0;
	padding:10px 7px 10px 7px;
	color:#fff;
	border-right:1px solid #fff;	
	min-height:335px;
}
* html #HomepageContent {
	height:330px;
}

div.buttons {
	float:left;
	width:189px;
	text-align:center;
}

div.divider {
	border-left:1px dashed #D4D7DC;
	float:left;
	height:129px;
}

/* ======================================================= */
/*  ----- ENQUIRY FORM / BOOKING FORM ---- */
#IndentForm {
	margin:10px 10px 0 10px;
	border-top:1px dashed #273550;
	padding-left:10px;
}

#ErrorText {
	margin:0;
	color:#AE4619;
}

#ErrorText p, #ErrorText li {
	color:#AE4619;
}

#EnquiryForm {
	margin:0;
}
#EnquiryForm table {
	border:0;
}
#EnquiryForm table.contactForm {
	width:82%;
}

#EnquiryForm td {
	border:0;
	padding-bottom:2px;  
	padding-right:15px;
	margin:0;
	text-align:left;
}

#EnquiryForm td td {
	font-size:100%;
}	

#EnquiryForm input.title {
	width:50px;
}

#EnquiryForm input.name {
	width:140px;
}

#EnquiryForm input.organisation {
	width:200px;
}

#EnquiryForm input.address1 {
	width:250px;
}

#EnquiryForm input.address2 {
	width:220px;
}

#EnquiryForm input.address3 {
	width:190px;
}

#EnquiryForm input.address4 {
	width:155px;
}

#EnquiryForm input.postcode {
	width:85px;
}

#EnquiryForm input.telnum {
	width:100px;
}

#EnquiryForm input.email {
	width:260px;
}

#EnquiryForm input.subject {
	width:330px;
}

#EnquiryForm textarea.enquiry {
	width:450px;
	height:150px;
}

#EnquiryForm td.buttons {
	text-align:center;
	padding-top:5px;
}

#EnquiryForm input.photo {
	width:440px;
}

#EnquiryForm td.section {
	padding:15px 0 15px 0;
}
#EnquiryForm input.otherlocation {
	margin-left:5px;
	width:285px;
}

/* ======================================================= */
#BreakPage {
	display:none;
}

/*  ---- Floating Div Fix ----  */
.divFix {
/*	display: inline-table; */
	display:inline-block;
}
.divFix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;		
}
*html .divFix {
	height: 1%;
	display:block;
}

div.clearMe {
	clear:both;
}

/* ========================================= */
/* ---- IMAGE SELECTOR ---- */
/*#SectionContent img.border {
	border:1px solid #273550;
}*/

div.images {
	float:right;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:15px;
	width:252px;
}
div.mainImage {
	width:252px;
	cursor:pointer;
}
div.subImages {
	margin-top:2px;
	width:258px;
}
div.subImage {
	float:left;
	width:82px;
}
div.subImageSeparator {
	float:left;
	width:2px;
}