html,body , #body{
margin:0 auto;
background-position: center top;
background-repeat: repeat-x;
background-color: #FFF;
height:100%;

} 


#container {
position:relative;
text-align: center;
width: 998px;
background-repeat: no-repeat;
margin: 0 auto;
padding:0;
}




.spacerBar{ height:10px;	border-top: 3px solid  ; border-top-color:#4D4D4D; clear:both; width:998px; margin:0 auto} 
.spacerBarText{ height:1px; margin:3px 0 6px 0;	border-bottom: 1px dashed  ; border-bottom-color:#666666;} 



h1,h2,h3{
margin: 0;
padding:0;
font-weight: normal;
}

form {margin: 0; padding:0; } 


ul{
padding:0; 
margin: 0;
list-style:none;
}

li{
margin:0px 0px;
list-style:none; 
}


.button1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; font-weight:bold;
color: #FFFFFF;
border:none;
background-color: #666;
margin:0; padding:5px;  
} 




#top{
position:relative;
text-align: left;
margin:0 auto;
height: 120px;
width: 998px;
}

#liveChatContainer{
	position:absolute;
	right:0px;
	top:14px;
	width: 85px;height:41px;
	text-align:right;	
	background-image:url(images/chaticon.png);
	background-repeat:no-repeat;
	background-position:right top; text-align:center;
}

.liveChatLink{
	display:block; padding:5px 0 0 0;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size: 13px
}

#strap{
position:absolute;
left:315px;
top:35px;
color:#00599C;
text-align:center;
letter-spacing:-1px;
width:auto;

} 
#strap #head{ 
font-size:18px; padding-bottom:3px; border-bottom:1px solid #00599B; font-weight:bold; 
text-align:center; width:auto; word-spacing:3px;
}

#strap #head span{
font-size:12px; 
}
#strap #subHead{
color: #004882;color:#00599C;
font-size: 15px;
}

#logo
{
	top: 13px;
	left: 4px;
	position: absolute;
	z-index: 0;
	width: 148px;
	text-align: left;
}

#tel{
	background-image: url(images/topTab.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	width: 250px;
	height: 50px;
	text-align: center;
	font-size: 20px;
	color: #00599D;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	bottom: 2px;
} 

#tel span{
	font-size: 20px;
	text-align:center;
	display:block;
	padding-top: 0px;
}

#homePic{
width: 996px;
height: 95px;
background-position: 0px;
background-repeat: no-repeat;
padding: 0px;
border: 0px solid;
border-color: #FFFFFF;

}

#newsFeedWrap {
	margin: 0px 0px 0px 0px;
	clear:both;
	text-align:left;
	width:417px;
	height:25px;
	position:absolute;
	overflow:hidden;
	border: 0px solid #ccc;
	left: 318px;
	top: 88px;
}

.newsFeed{
	display:block;
	padding:0px 0 0  0px;
	color:#333;
	position:absolute;
	width:500px;
	top:0px;
	height: 25px; line-height:25px;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px; font-style: normal
}




#NavTop {
position: absolute;
bottom: 0px;
width: 998px;

}

#NavTop ul {
margin: 0;
padding: 0;
text-align: left;
list-style-type: none; height:40px; line-height:40px;
background-image: url(images/nav/navigationBg.jpg);
}

#NavTop li {
list-style-type: none;
display: inline;
margin: 0 ;
padding: 0 ;
background-image:url(images/nav/pipes.jpg);
background-position:top left;


}

#NavTop a {
display:block;
float:left;
padding: 0px 13px;
height:40px;
line-height:40px;
background-image: url(images/nav/navigationBg.jpg);
color: #FFF;
text-decoration:none;
font-size: 0.8em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
border-left:1px solid;
border-right:1px solid;
border-left-color:#15486F;
border-right-color:#84ADCE;

}

#NavTop a:hover  {
color: #fff; 
background-image: url(images/nav/active.jpg);
text-decoration: none;  
} 

#NavTop a.navSelected {
color: #E64111; background-color:#4D4D4D;
text-decoration: none;  
} 


#contentWrapper
{
text-align:left;
clear: both;
margin:0 auto;
min-height:360px;
height:auto!important;
height:360px;
margin-top: 6px;
width: 998px;
}

.printPage {position:absolute; right:5px; top: 5px;}


#contentLeft{
	float:left;
	width: 245px;
	text-align: left;
	min-height:380px;
	height:auto!important;
	height:360px;
}


#sidePixWrap{ position:relative }  
#sidePixWrap .sidePix {position:absolute; top:0; left:0 ;width:245px; height:380px;}


#contentMidFullWidth {
border:1px dotted #ccc;
width: 745px;
margin:0 0px 0 5px ;
float: left;
text-align:left;
height:378px;

}

#contentMid {
border:1px dotted #ccc;
width: 496px;
margin:0 0px 0 5px ;
float: left;
text-align:left;
height:378px;

}

#contentMidInner{
	padding: 8px 15px 0px 15px;
	overflow-x:hidden;
	overflow-y:auto;
	height:366px;
	position: relative;
}

#contentMidInnerNoScroll{ 	
padding: 8px 15px 0px 15px;
}

.scrollBars{scrollbar-face-color:#ccc; 
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #e1e1e1;
scrollbar-3dlight-color: #e1e1e1;
scrollbar-shadow-color: #e1e1e1;
scrollbar-darkshadow-color: #e1e1e1;
scrollbar-track-color: #f1f1f1;
} 

#contentRight {
	border:0;
	width: 245px;
	float: right;
	text-align:left;
	min-height:380px;
	height:auto!important;
	height:380px;
	overflow: hidden;
}


#contentMid ul{
	margin:2px 3px
}


#contentMid ul li{
	background-image: url(images/tick.png);
	background-position:left 2px;
	background-repeat:no-repeat;
	padding:1px 0px 1px 15px;
	margin:0px 0px 0px 2px;
}

#contentMid ul li a { color:#009;   font-weight:bold; }

#contentMid a { color:#009; }


.bgBlue {
	background-position: 50% 50%;
	background-color: #006;
	background-image: url(images/bgBlueLong.png);
	background-repeat: repeat-x;
} 


#contentRight  a{ text-decoration:underline; color:#fff; font-weight:bold}
#contentRight  a:hover{ text-decoration:underline; color:#E64111;  }

#contentRight td {padding:5px}

#contentRight ul{
padding:0;margin:5px  ;
list-style:none; 
text-align: left;
}

#contentRight ul li{
padding:2px 0px 2px 15px;
margin: 0 0 0 0 ;  
display: block;
background-image:url(images/tick.png);
background-repeat:no-repeat;
background-position:left 5px;
}


#footer {
	width: 996px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center;
	height:102px;
	border: 1px solid;
	border-color: #5D94BD;
	margin: 6px auto 10px auto;
	background-image: url(pageImages/footer/vehicles.jpg);
	margin: 6px auto;
	padding: 0;
	list-style-type: none;
	text-align:center
}

#footer li {
	display: inline;
}

#footer  li a.logosL {
float: left; display:block;  margin:20px 0 0 0; 
}

#footer  li a.logosR {
float: right; display:block; margin:20px 0 0 0; 
}
 


#copyRight{
color: #069;
font-size: 12px;
float:left;
width:400px;
text-align: left;
}

#navSub {
text-align: right;
width: 400px;
float: right;
margin-bottom:20px;
}

#navSub UL {
margin:0; padding:0;	 
margin-right: 25px;
list-style-type: none;

list-style-type:none;
}

#navSub LI {
margin-right:0px;
margin-left: 4px;
DISPLAY: inline;
font-size: 12px;
color: #069;
}

#navSub li A  {
font-size: 12px;
color: #069;	

}




#navSub A:hover {
text-decoration:none
}

#navSub .footerSE a{
display: block;
font-size: 12px;
text-transform: uppercase;
margin: 10px 0px;
}



a:hover{ text-decoration:underline;}
a.pagetitles:hover {text-decoration:underline;}



/*######## universal ########### */
img { border:0;}
.floatRight{float:right; }

.floatLeft{float:left; }

.clearFloat{
clear:both;
height:0px;
margin:0px; padding:0px;
}

.TAR{ text-align:right}
.TAL{ text-align:left}
.TAC{ text-align:center}

.centred , .centered{margin:0 auto}

.m3{margin:3px}
.m5{margin:5px}
.m10{margin:10px}

.mT3{margin-top:3px}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mT20{margin-top:20px}

.mB3{margin-bottom:3px}
.mB5{margin-bottom:5px}
.mB10{margin-bottom:10px}
.mB25{margin-bottom:25px}

.mL3{margin-left:3px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mL15{margin-left:15px}
.mL20{margin-left:20px}

.mR3{margin-right:3px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mR15{margin-right:15px}
.mR20{margin-right:20px}


.p3{padding:3px}
.p5{padding:5px}
.p10{padding:10px}

.pT3{padding-top:3px}
.pT5{padding-top:5px}
.pT10{padding-top:10px}

.pB3{padding-bottom:3px}
.pB5{padding-bottom:5px}
.pB10{padding-bottom:10px}

.pL3{padding-left:3px}
.pL5{padding-left:5px}
.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}

.pR3{padding-right:3px}
.pR5{padding-right:5px}
.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.b0{border:none; border:0px;}
.p0{ padding:0px;}
.m0{ margin:0px;}



.bfs{border:1px solid  #D6D6D6;}
.bfd{border:1px dotted #D6D6D6;}
.bfdd{border:1px dashed #D6D6D6;}

.bfdd{border:1px dashed #D6D6D6;}
.bbd{
border-bottom : 1px dotted #666666;
}
.bbs{ border-bottom : 1px solid #D6D6D6;}
.bbdd{ border-bottom : 1px dashed #D6D6D6;}

.bts{ border-top : 1px solid #D6D6D6;}
.btd{ border-top : 1px dotted #D6D6D6;}
.btdd{ border-top : 1px dashed #D6D6D6;}


.bbr{border:1px solid #ff0000;}
.bfr{border:1px dotted #ff0000;}
.bfrdd{border:1px dashed #ff0000;}

.w10{ width:10px}
.w20{ width:20px}
.w25{ width:25px}
.w50{ width:50px}
.w75{ width:75px}
.w100{ width:100px}
.w150{ width:150px}
.w175{ width:175px}
.w200{ width:200px}
.w225{ width:225px}
.w250{ width:250px}
.w275{ width:275px}
.w300{ width:300px}
.w325{ width:325px}
.w350{ width:350px}
.w400{ width:400px}
.w450{ width:450px}
.w500{ width:500px}
.w550{ width:550px}
.w600{ width:600px}
.w650{ width:650px}
.w700{ width:700px}
.w725{ width:725px}
.w750{ width:750px}
.w800{ width:800px}
.w850{ width:850px}
.w900{ width:900px}
.w950{ width:950px}

.h5{ height:5px}
.h10{ height:10px}
.h20{ height:20px}
.h25{ height:25px}
.h50{ height:50px}
.h75{ height:75px}
.h100{ height:100px}

.bgcCCC  {background-color:#ccc}
.bgcWHITE  {background-color:#fff}
.bgcF1  {background-color:#f1f1f1}
.bgcF7 {background-color:#f7f7f7}
.bgcBLACK  {background-color:#000}
.bgcRED  {background-color: #F00}
.bgc999  {background-color:#999}



.block{ display:block}




/* home page*/


#home{ width:998px ;}

#home .columns{
width:245px;
float: left;
height: 360px;
background-position: bottom;
overflow:hidden;
position:relative;
background-repeat: repeat-x;

}

#home .columns h1{
color:#FFF;font-family: Arial, Helvetica, sans-serif;
font-size:18px; font-weight:bold;
margin: 15px 0px  6px 25px;
}
#home .columns ul{
margin: 0 0 0 25px;font-family: Arial, Helvetica, sans-serif;
}

#home .columns ul li {
margin-left:1px;	
}

#home .columns ul li a{
	color: #e1e1e1;
	font-size: 15px;
	text-decoration: none;
	padding:4px 0px 4px 14px; display:block;
	background-image: url(images/tick.png);
	background-position:left 6px;
	background-repeat:no-repeat;
}

#home .columns ul li a:hover{ text-decoration:underline; }
a.homeButtons {
position:absolute;
bottom:8px;
right:18px; 
}
a.homeButtons:hover  {font-weight:bold; text-decoration:none; background-color:#F00  }



#home #business{
	background-color: #0F469E;
	border-right: 6px solid #fff;
	background-image: url(images/bgBlue.png);
}

#home #moving{
	background-color: #6D14BA;
	border-right: 6px solid #fff;
	background-image: url(images/bgPurple.png);
}


#home #baggage{
	background-color: #28761C;
	border-right: 6px solid #fff;
	background-image: url(images/bgGreen.png);
}


#contactPage p{
	margin:0;
	padding:0px 0px 1px 1px;
	font-size:12px;
	color: #333
}










/* forms for right hand columns */

.formWrapper { /* div*/
text-align:left;
margin:0;
padding:0;
margin: 0px;
}

.formWrapper form{ /* form */
	padding:0px;
	margin:0px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	position: relative;
}


.formHeaders {
	font-size: 18px;
	font-weight: bold;
	font-style:normal;
	text-transform: none;
	margin:0px 0px 3px 12px;
	clear:both;
	padding:6px 0px 0px 0px;
	color: #FFF;
}

.rows {
	margin:4px 0px 4px 16px;
	clear:both
}

.rowSep{
	font-size: 2px;
	height: 2px;
	display:block;
	margin:2px 0px 0px 16px;
	width:212px;
	border-bottom: 1px solid;
	border-bottom-color: #666;
}
.labels{
	display: block;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e1e1e1;
} 

.inputs{
	width: 206px;
	border:1px solid #fff;
	padding:2px;
	height:16px;
	background-color: #FFF; 
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #616161;
	margin:3px 0 0 0;
	display: block;
}

.inputsDD {
line-height:13px; 
padding:2px 0px; 
border:1px solid  ; border-color:#fff;
width:212px; 
display:block;	font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-weight:normal;
}

.inputsDD220 {
line-height:13px; 
padding:2px 0px; 
border:1px solid  ; border-color:#fff;
width:220px; 
display:block;	font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-weight:normal;
}

.inputsErr{ border-color:#ff0000}
.inputsOver {
	border-color:#fff;
	background:#fff;
} 


.lastRow {
	clear: both;
	margin: 8px 16px 0px 0px;
	text-align:right;
	height:22px;

}


.formButton {
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	text-transform:uppercase;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px;
	margin:0px;
	text-align: center;
	text-decoration:none;
	height:26px;
	width:105px; border:0px;
	background: transparent;
	background-image:url(images/buttonBg.png);
	background-repeat:no-repeat;
	 background-position:center top
}

.formButton:hover{ color:#fff;  background-position: center bottom} 
/*######## eo forms ########### */ 





/* volume calc Form*/

#volumecalcForm{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#333;
	width:450px; float:left;
	margin-bottom:20px;
}

#volumecalcForm .sections{
	clear: both;
	margin: 0px 0 0 0;
	 
}

#volumecalcForm .divRow { 
	clear:both;
	border-bottom:1px solid #ccc;;
	border-left:1px solid #ccc;	border-right:1px solid #ccc;
	min-height:25px; 
	padding:2px 0px 2px 5px; 
}




#volumecalcForm .descriptionRow { /* top labels for qty etc */
	clear:both;
	height:20px;
	line-height:20px;
	border:1px solid #ccc;
	font-weight: bold;
	margin-top:0px;
	color:#fff;
	padding: 0 0 0 0px;
	background-color:#ccc;
}

#volumecalcForm .descriptionRow span{ 
padding-top:0px;  
}

.headerRow{  /* openers  */
	clear:both;
	padding:0px 0px;
	line-height:36px;
	height:36px;
	margin:3px 0px 0 0;
	color: #4A4A4A;
	background-image:url(images/headerOff.png);
	background-position: right 50%;
	background-repeat:no-repeat;
	background-color: #D5D5D5;
}

.headerRow-active{  /* openers  */
	background-image:url(images/headerOn.png);	color:#fff;
	background-color:#F00;
}
	
	#volumecalcForm h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:inherit;
	font-weight:bold;
	cursor: pointer;
	padding:0px 0 0 12px;
}

  
#volumecalcForm span {
	display:block;
	float:left;
	width: 170px;
	margin:0;
	padding: 4px 4px 0px 4px;
}

#volumecalcForm .articleSpan {
	display:block;
	float:left;
	width: 240px;
	margin:0;
	padding: 4px 4px 0px 4px;
}

#volumecalcForm .cuFtSpan {
	display:block;
	float:left;
	width: 80px;
	margin:0;
	padding: 4px 4px 0px 4px;
}



#volumecalcForm .cuFtHiddenSpan{
	width: 5px;
	display: none;
}

#volumecalcForm .qtySpan{
	width: 100px;
	text-align: center;
}
 

#volumecalcForm .qtyBox {
	height:14px;
	font-size:12px;
	margin-top:-2px;
	width: 40px;
}

#volumecalcForm  .totalBox {
	border:0px;
	width: 50px;
	text-align: right;
	font-size: 12px;
}

#volumecalcForm .calcDiv {
	clear:both;
	text-align: right;
	padding:3px;
	border-top: 3px solid #ccc;
	margin: 10px 0 0 0;
}

#volumecalcForm .calcTotalBtn {
	height:25px;
	font-size:10px;
	background-color: #333;
	border: 0px;
	color: #FFF;
	font-weight: bold;
	margin-right:20px;
 
}




/* forms for vol calc extra info*/

.vcFormWrapper { /* div*/
text-align:left;
margin:0;
padding:0;
margin-top: 6px;  

}

.vcFormWrapper form  { /* form */
padding:5px;
margin:0px;
text-align:left;
margin-left: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;

}

.vcFormWrapper  .rows {
height:30px; margin:3px; clear:both
}

 

.vcFormWrapper .headers {
line-height:30px;
border-bottom:6px solid;
font-size: 13px;
font-weight: bold;
margin: 6px 0px;
border-color: #999999;
text-transform: uppercase;
}

.vcFormWrapper  .vcLabels{
	clear: both;
	color: #333333;
	font-weight:normal;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 275px;
	font-size: 10px;
	line-height: 21px;
	margin-right: 2px;
	margin-left:0px;
} 


.vcFormWrapper  .inputsVolCalcDD {
	width: 160px;
	border: 2px solid #e3e3e3;
	margin-bottom:2px;
	padding:2px;
	background:#fff; font-size:12px;
}


.vcFormWrapper  .inputsVolCalcDDOver {
border: 2px solid #333; 
background-color: #fff;
color: #000;
} 

 
.vcFormWrapper .btnRow {
	clear: both;
	margin: 10px 0;
	line-height:45px;
	text-align:right;
	height: 45px;
	border-top:3px solid #999999;
	padding: 6px 0 0 0;
}


/*######## eo extra form ########### */ 




#cargoNotesLeft{ float:left; width:225px; margin:0px 0px 0px 5px}
#cargoNotesLeft ul{
	margin: 6px 0px;
}
#cargoNotesLeft ul li { display:block; margin:6px 0 0 0 ;}
#cargoNotesLeft ul li  a{
	display:block;
	padding:4px 0px 4px 14px;
	font-size:15px;
	background-image: url(images/subMenuOff.png);
	background-repeat: no-repeat;
	background-position: 2px 50%; border-bottom:1px dashed #ccc
}
#cargoNotesLeft ul li  a:hover{ background-color:#f1f1f1; background-image: url(images/subMenuOn.png); }
#cargoNotesLeft ul li  a.selected{ background-color:#e1e1e1;background-image: url(images/subMenuOn.png); }
#cargoNotesRight { float:left; width:700px; margin-left:30px;}
#cargoNotesRight  p{  margin:3px 0px;}