/* 
backload4u main
*/
* {
	border: 0;
	margin: 0;
	padding: 0;
	background-color:transparent;
}
body{
	margin:0 0 40px 0;
	font-size:62.5%;
	font-family:Verdana, sans-serif;
	background-color:#fff;
	color:#24408F;
	text-align:center;
}
/*lets set some sensible defualts, which will save the bulk of style setting*/
/*then we can modify those with class darkblue etc*/
/*h2 is assumed to be the page heading where used in the body panel*/
/*h3 assumed to be the page sub heading where used in the body panel */
/* check styles of the paid subscription pages, as opposed to free. There are some unclassed h2 and h3 tags */

div.dCont{
	width:960px;
	margin:0 auto;
}
h1.h1Top{
	clear:both;
	margin:0 auto;
	padding:1px 0 1px 20px;
	font-size:1em;
	width:auto;
	text-align:left;
	color:#fff;
	background-color:#41AD49;
}
/* banner */
div.dTop{
	position:relative;
	clear:both;
	width:960px;
	height:180px;
	margin:0 auto;
	text-align:center;
	background-color:#41AD49;
}
img.imgLogo{
	position:absolute;
	top:50px;
	left:20px;
	z-index:5;
}
img.imgWin{
	position:absolute;
	top:4px;
	right:20px;
	z-index:6;
}
h2.h2Tagline{
	position:absolute;
	top:100px;
	right:20px;
	color:#fff;
	font-size:2.2em;
	width:500px;
	z-index:10;
	margin:0;
	text-align:right;
}
h2.h2PageIntro {/* top of page content area - has later colour style combined */
	text-align:left;
	font-size:1.6em;
	margin:15px 0;
}
p.pSmall {/* cart and subscribe */
	font-size:9px;
	color:#555;
	margin:0px 0 4px 0;
}
/* table used to lay out icons on index.html page and RH column on other pages */
#tabMain{
	margin:20px auto;
	border-collapse: collapse;
	width:auto;	
	clear:both;
}
#tabMain td{
	width:310px;
	height:165px;
}
div.dIcons{
	position:relative;
	width:auto;
	height:165px;
	background: transparent url(../imgs/green_box.gif) no-repeat scroll center;
}
img.imgIcons{
	position:absolute;
	top:20px;
	right:20px;
}
h2.h2Intro{/* with the icons */
	position:absolute;
	top:20px;
	left:20px;
	width:200px;
	font-size:1.8em;
	text-align:left;
}
p.pIntro{/* with the icons */
	position:absolute;
	bottom:20px;
	left:20px;
	text-align:left;
	font-size:1.1em;
	width:185px;
}
/* ! icons stuff */
/* colours */
.red{
	color:#EF4135;
}
.green{
	color:#41AD49;
}
.orange{
	color:#F8981D;
}
.darkblue{
	color:#24408F;
}
.lightblue{
	color:#0099CC;
}
/* div layout */
div.dMain{/* contains next 2 */
	clear:both;
	display:block;
	margin:0 auto;
	width:960px;
	height:auto;
	background-color:#f5f6fc;
}
div.dContent{/* general content */
	float:left;
	width:630px;
	height:auto;
	padding:10px 0;
}
div#dConPadding {margin-left:25px; margin-right:5px;}

div.dRight{/* the RH icons panel */
	float:right;
	width:310px;
	height:auto;
	text-align:center;
	margin:0 0 0 10px;
   margin-top:8px;
}
/* end div layout */
span.spContactDetails{/* contact page AND footer needs sorting ? was an id but was showing twice on the contact page*/
	font-weight:bold;
}
/* nav & links */
h2.h2Nav{/* top nav */
	width:100%;
	height:30px;
	background-color:#A0CE67;
	clear:both;
	padding:5px 0 0 0;
	color:#fff;
	font-size:1.5em;
	margin:0 auto;
	text-align:center;
}
h4.h4Nav{/* bottom nav */
	width:100%;
	height:20px;
	background-color:#A0CE67;
	clear:both;
	padding:5px 0 0 0;
	color:#000;
	font-size:1.0em;
}
a.main:link, a.main:visited, a.main:active{ /* used in navs */
	color:#fff;
	text-decoration: none;
}
a.main:hover{
	color:#EF4135;
	text-decoration: none;
}
div.dFooter{
	margin:0 auto;
	width:auto;
}
h4.h4Foot{
	width:auto;
	margin:0 auto;
	padding:10px 10px 10px 0;
	color:#414141;
	background-color:#41AD49;
	font-size:1.0em;
	border-top:6px solid #24408F;
	text-align:right;
}
/* ======================show_page_content and general show_**** ==================== */
div.dItem{/* ? */
	margin:0 auto;
	width:auto;
}
h2.h2Sub{
	float:left;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
	margin:20px;
	width:auto;
	display:block;
	clear:both;
	color:#24408F;
}
h3.h3Bold, h3.h3Sub{
	font-size:1.3em;
	line-height:1.4em;
	font-weight:bold;
	text-align:left;
	margin:20px 20px 6px 20px;
}
h4.h4Enquire{/* not used ? */
	clear:both;
	display:inline;
	font-size:1.0em;
}
p.pBody{
	margin:0 20px;
	font-size:1.1em;
	text-align:center;
	line-height:1.4em;
}
p.pBodyLeft{
	margin:0;
	font-size:1.1em;
	text-align:left;
	line-height:1.4em;
}

ul.ulGen{/* not used ? */
	margin:5px 5px 5px 20px;
	padding:0 0 0 20px;
	width:auto;
	text-align:left;
	float:left;
	/*color:#000;*/
}
li.liGen{/* not used ? */
	font-size:1.1em;
	list-style: disc outside;
	/*color:#000;*/
}
hr.hrDivider {/* not used ? */
	width:96%;
	height:1px;
	margin:10px auto 5px auto;
	clear: both;
	border-bottom:1px dashed #161616;
}
img.imgLeft{/* not used ? */
	float:left;
	border:1px solid #000;
	padding:2px 2px 3px 2px;
	margin:5px 20px;
	background-color:#dcdcdc;
}
img.imgRight{/* not used ? */
	float:right;
	border:1px solid #000;
	padding:2px 2px 3px 2px;
	margin:5px 20px;
	background-color:#dcdcdc;
}
img.imgCentred, div.dCentred{/* not used ? */
	border:1px solid #FF9800;
	padding:1px;
	margin:5px auto;
	background-color:#EE3C00;
}
div.dFlashLeft{/* not used ? */
	float:left;
	border:1px solid #FF9800;
	padding:1px;
	margin:5px 20px;
	background-color:#EE3C00;
}
div.dFlashRight{/* not used ? */
	float:right;
	clear:right;
	border:1px solid #FF9800;
	padding:1px;
	margin:5px 20px;
	background-color:#EE3C00;
}
img.imgPdfIcon{/* pdf icon not used ? */
	margin:0 2px -4px 0;
}
img.imgEmailIcon{/* email icon not used ? */
	margin:0 0 -6px 0;

}
div.dVid{/* used? */
	
}
div.dInfo{
	width:80%;
	margin:0 auto;
	text-align:left;
}

h4.h4Quote{/* used? */
	text-align:center;
	font-size:1.1em;
	font-style:italic;
	font-weight:normal;
	margin:20px 20px 5px 20px;
}
p.pName{/* used? */
	font-size:1.1em;
	font-weight:bold;
}
br.brClear{
	clear:both;
}
/* contacts were in show_contacts but not now in show_contact details KEEP for sorting out later*/
table.tabList{
	float:left;
	margin:20px;
	border-collapse: collapse;
	width:auto;
}
td.tdListLeft{
	font-weight:bold;
	text-align:right;
	padding:0 5px 0 0;
	font-size:1.1em;
	vertical-align:top;
}
td.tdListRight{
	font-size:1.1em;
	vertical-align:top;
	text-align:left;
}
/* ! contacts */


/*LISTINGS*/

#listings {/* ? */

}
table.backloadlistings, table.backloadlisting  { 
	width:600px;
	table-layout:auto;
	border-collapse:collapse;
	border: 1px solid #999;
}
table.backloadlistings td, table.backloadlisting td	   {
	border: 1px solid #999;
	padding:2px; 
	text-align:left;
}
td.tdAlignR{/* for the individual load - needs fixing ? */
	text-align:right;
	padding:2px 5px 2px 2px;
	}
table.backloadlistings th	   {
	border: 1px solid #999;
	padding:2px; 
}
th.listings_id_col{/* ? found a class but not on stylesheet until this */}
tr.rowcolor0 { }
tr.rowcolor1 { background:#EBECDE; }

#sortbox                         { margin:10px 0px; }
#sortbox input,#sortbox select   { border:1px solid #999; }
#batchbox a                      { font-size:120%; color:blue; }
#batchbox a.inactive             { color:#bbb; }
#batchbox a.listingActiveBatch   { font-weight:bold; }
.inactive             { color:#bbb; }

#listing-nav {margin-top:1em}


#userband {/* user login box */
	background:#FAEBE7;
	line-height:22px; color:#333;
	height:25px;
	padding:0 25px;
}
#toprightarea {/* user login box */
	line-height:25px; color:#333;
	height:50px;
	padding:0 10px; 
	text-align:right;
}

/* USER ACCOUNT AND OTHER NEW FORMS */

form.edit2 fieldset 	   { position: relative; margin: 10px 0px; padding: 10px; border: 2px solid #DEF1C6; background-color:transparent;}
fieldset 		         { position: relative; margin: 10px 0px; padding: 10px; border: 2px solid #DEF1C6; background-color:transparent;}
legend 			         { margin:10px; font-size:1.15em; font-weight:bold; }
form.edit label  			{ color:#24408F; display:block; font-size:0.88em; float:left; margin:0; margin-right:10px; width:220px; text-align:right; padding:0; }
form.edit div 				{ clear:both; font-size:1.2em; color:#24408F; font-family:Verdana, sans-serif;  margin:4px 0; text-align:left; line-height:15px;}
form.edit .editInput    { width:200px; }
.formErrorMessage       { font-size:0.9em; color:red;}
p.fNote{
	color:black;
	margin-left:230px;
	margin-bottom:8px;
	font-size:0.75em;
	text-align:left;
	line-height:1.2em;
}
#carrierbanner { margin:5px 0}
#toolsalertbox { width:40%; margin:1em auto;}


/*CHECKOUT*/

#checkoutSummary {width:40%; margin:15px auto 20px; text-align:left;}
#checkoutsummarytable {width:100%}
.h4RD {margin:15px 0 3px}
.h4Shipping {margin:0px 0 3px}
.checkoutsummaryboxes{
	border:1px solid #bbb; 
	font-family:Verdana, Tahoma, sans-serif; 
	text-align:right; font-size:11px;
	width:6em;
}
#checkout2 {width:40%; margin:0 auto 10px; text-align:left; border:1px dashed #ddd; padding:5px;}
.paymentnotice {width:60%; margin:0 auto 20px; text-align:left; border:1px dashed #ddd; padding:5px;}
.boxes {
	border:1px solid #aaa; 
	background:#A0CE67;
	height:16px;
	width:15em; 
}
.boxes2{ width:20em; height:auto; }
input.inpCart {
	color:#000;
	font-size:1.0em;
	font-weight:bold;
}

table.tabInner {/* subscribe.php */
	width:100%;
	margin:0 auto;
	}
	/* also needs tdAlignL and tdAlignR */

.login input { 
	border:1px solid #999;
	font-size:11px; 
	margin:1px 2px 0 0;
}

.loginboxes {
  padding:1px;
  width:10em;
  background-color:#fff;
}
input.inpButton{
  background-color:#fff;
}

.cartblock  {text-align:center;}
.cartblock p {text-align:center;}

.dItem .mail {color:blue;text-decoration:underline}
.backloadlistings .mail {color:blue;text-decoration:underline}



.subtype {width:auto}

table.truck_advert_listing  {margin:0 auto; }
table.truck_advert_listing td {background: #ddd; font-size:10px}
table.truck_advert_listing th {background: #bbb; font-size:11px}

span.form-error { font-size:11px; color:red;}

span.spBold{
	font-weight:bold;
}