/*-----------------------------------------------------------------------------
Chaucer Freight Stylesheet

version:   1.0.0
author:    iain crossley
email:     iain@teampoint.co.uk
website:   http://www.teampoint.co.uk/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

#browserWarning 
{
    display:none;
    padding: 10px;
    margin: 0 auto;
    margin-top: 170px;
    width: 550px;
    font-size: 14px;
    color: Blue;
    background-color: #fff;
}    

#browserWarning a
{
    font-size: 14px;
    font-weight: normal;
} 


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
p {
    margin: 7px 0;
}
p.no_margin {
	margin: -7px 0;
         font-size: 12px;	
}
p.no_margin a {
	font-size: 11px;	
}
p.caption {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	padding: 12px 0px;
	margin: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Classes for floating content */

.image_float_left {
	float: left;
	margin-right: 12px;
	padding-bottom: 12px;
}
.image_float_right {
	float: right;
	margin-left: 12px;
	padding-bottom: 12px;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* Set initial typography and put background images on html and body */

html {
    background: #3c3c3c url(/images/background_slice.png) repeat-x;
}   
body {
    font: 11px/1.2 Arial;
    color: #fff;
    padding: 0;
    margin: 0;
    background-color: #3c3c3c;
    width: 100%;
    display: table;
    min-width: 960px;
}

/* =Containers
-----------------------------------------------------------------------------*/

#wrapper {
/* background: red; */
    margin: 0 auto 0;
    padding: 0;
    width: 960px;
}

#header {
    float: left;
    width: 960px;
}
#righthand_col {
    float: right;
    background-color: transparent;
    width: 232px;
    height: 807px;
}
#mid_col_container {
    position: relative;
    float: left;
    background: url(/images/mid_col_bg.png) no-repeat left top;
    width: 720px;
    height: 342px;
    font-size: 11px;
    margin-bottom: 5px;
}
#mid_col_headers {
	float: left;
	width: 720px;
	height: 40px;
}
#mid_col1_content {
	float: left;
	width: 214px;
	margin-left: 13px;
	padding-right: 13px;
}

#mid_col2_content {
    float: left;
	width: 440px;
	margin-left: 14px;
	padding-right: 13px;
}
#subpage_mid_col_top {
    float: left;
    width: 720px;
    height: 22px;
    background: url(/images/subpage_main_bg_top.png) no-repeat left top;
    margin-top: 9px;
}
#subpage_mid_col_container {
    	float: left;
    	width: 676px;
    	height: auto;
    	padding: 0px 16px 23px 28px;
    	background: url(/images/subpage_main_bg.png) repeat-y left top;
    	margin-top: -3px;
	list-style-position: inside;
}
#subpage_header {
	width: 664px;
	height: 74px;
}
#subpage_mid_col_content {
	font-size: 12px;
	margin-right: 12px;
	margin-top: -7px;
}
#subpage_mid_col_content img {
	max-width: 664px;
}
#subpage_mid_col_images {
	float: right;
	width: 222px;
	margin: 0 12px;
}
.subpage_floated_image {
	float: right;
	margin-bottom: 10px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
}
#low_col_container {
    float: left;
    background-color: #282928;
    border-bottom: 1px solid #2a2b2a;
    width: 720px;
    height: auto;
    margin: 0 0 151px 0;
    padding: 8px 0px;
}
#low_col_content_holder {
    float: left;
    position: relative;
    background: url(/images/low_col_bg.png) repeat-y left top;
    width: 720px;
    height: 110px;
}    
#low_col1 {
         float: left;
	width: 214px;
	margin-left: 13px;
	padding-right: 13px;
}
#low_col2 {
         float: left;
	width: 213px;
	margin-left: 14px;
	padding-right: 13px;
}
#low_col3 {
         float: left;
	width: 213px;
	margin-left: 13px;
	padding-right: 5px;
}
#low_col3 img {
	display: none;
}
#subpage_low_col_container {
    position: relative;
    float: left;
    width: 720px;
    background: url(/images/subpage_sub_bg_slice.png) repeat-y left top;
    margin: 0 0 112px 0;
}
#call_me_spacer {
    height: 300px;
}
#subpage_low_col_headers {
	float: left;
	width: 720px;
	height: 40px;
	background: url(/images/subpage_sub_bg_headers.png) no-repeat left top;

}
#subpage_low_col_content {
	float: left;
	background: url(/images/subpage_sub_bg.png) no-repeat left top;
	width: 720px;
	min-height: 100px;
}	
#subpage_low_col1_content {
	float: left;
	width: 214px;
	min-width: 214px;
	margin-left: 13px;
	padding-right: 13px;
}
#subpage_low_col2_content {
	float: left;
	width: 214px;
	min-width: 214px;
	margin-left: 13px;
	padding-right: 13px;
}
#subpage_low_col3_content {
	float: left;
	width: 214px;
	margin-left: 13px;
	padding-right: 13px;
}
#subpage_low_col3_content img {
	display: none;
}
#black_box {
    position: relative;
    background: url(/images/black_box.png) no-repeat left top;
    height: 101px;
    max-height: 101px;
    overflow: hidden;
    width: 192px;
    margin-top: 5px;
    padding: 12px 20px;
}  
.smallbox_content {
	max-height: 84px;
	overflow: auto;
}
#map_box {
    position: relative;
    background: url(/images/map_box.png) no-repeat left top;
    height: 101px;
    max-height: 101px;
    overflow: hidden;
    width: 196px;
    margin-top: 9px;
    padding: 12px 18px; 
}
#map_box p {
    width: 126px;
}
#track_box {
    position: relative;
    background: url(/images/track_box.png) no-repeat left top;
    height: 189px;
    max-height: 189px;
    overflow: hidden;
    width: 192px;
    margin-top: 10px;
    padding: 12px 20px;
}
#black_box2 {
    position: relative;
    background: url(/images/black_box_2.png) no-repeat left top;
    height: 121px;
    max-height: 121px;
    overflow: hidden;
    width: 192px;
    margin-top: 10px;
    padding: 12px 20px;
}  
#black_box3 {
    position: relative;
    background: url(/images/black_box3.png) no-repeat left top;
    height: 101px;
    max-height: 101px;
    overflow: hidden;
    width: 192px;
    margin-top: 10px;
    padding: 12px 20px;
} 
   

/* =Typography
-----------------------------------------------------------------------------*/




/* =Headings
-----------------------------------------------------------------------------*/
h1 {
    font: 21px "Helvetica Medium", Helvetica, Aria, sans-serif;
}
h1.mid_col {
	float: left;
	height: 40px;
	line-height: 40px;
	width: 222px;
	padding-right: 9px;
	margin-left: 9px;
}
h1.subpage_low_col {
	float: left;
	height: 40px;
	line-height: 40px;
	width: 222px;
	padding-right: 9px;
	margin-left: 9px;
}
.yellow {
    color: #f1ac07;
}
.black {
    color: #000;
}
.white {
    color: #fff;
}
h2 {
    float: left;
    font: 33px "Helvetica Medium", Helvetica, Arial, sans-serif;
    padding-top: 3px;
    margin: 0;
}
h5 {
    font-size: 13px;
    line-height: 12px;
    margin-bottom: -7px;
}
.eleven {
	font-size: 11px;
}
.twelve {
    font-size: 12px;

}
.thirteen {
    font-size: 13px;
    line-height: 12px;
}
.fourteen {
    font-size: 14px;
}
.fifteen {
    font-size: 15px;    
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited {
    color: #e5a40a;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #e5a40a;
    font-weight: bold;
    text-decoration: underline;
}
a.box:link, a.box:visited {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.box:hover {
    color: #e5a40a;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}
a.bigLink:link, a.bigLink:visited {
   font-size: 13px;
   font-weight: bold;
   color: #fff;
   text-decoration: none;
}
a.bigLink:hover {
   font-size: 13px;
   font-weight: bold;
   color: #f1ac07;
   text-decoration: underline;
}
#phoneDirectoryLink {
    position: absolute;
    left: 9px;
    bottom: 16px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 13px;
} 
#downloadCentreLink {
    position: absolute;
    left: 253px;
    bottom: 16px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 13px;
} 

#homeMoreNewsLink {
    position: absolute;
    left: 492px;
    bottom: 16px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 13px;
}
#subpageMoreNewsLink {
    position: absolute;
    left: 493px;
    bottom: 19px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 13px;
}
.boxLink {
	position: absolute;
	left: 20px;
	bottom: 9px;
}

/* =Branding
-----------------------------------------------------------------------------*/

#logo {
    float: left;
    width: 460px;
    padding-top: 3px;
}


/* =Main Nav
-----------------------------------------------------------------------------*/

#global_navi {
    float: right;
    font: 14px/1 "Helvetica Medium", Helvetica, Arial, sans-serif;
    padding-top: 22px;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
#main_navi {
    float: left;
    width: 975px;
    height: 15px;
    margin-top: 15px;
    margin-bottom: 34px;
    font: 14px/1 "Helvetica Bold", Helvetica, Arial, sans-serif;
}
#searchbox {
	float: right;
	background: url(/images/searchbox_180.png) no-repeat;
         padding-right: 4px;
         margin-top: 3px;
	height: 21px;
	width: 190px;
}


/* =Main Content
-----------------------------------------------------------------------------*/
#masthead {
    height: 296px;
    width: 721px;
    float: left;
    margin-top: 5px;
    margin-left: 1px;  
    background-color: transparent;     
}

#masthead img {background:none !important;}


/* =Secondary Content
-----------------------------------------------------------------------------*/

.icon {
	float: left;
}   


/* =Footer
-----------------------------------------------------------------------------*/

#footer {
    width: 960px;
    border-top: 1px solid #636363;
    margin-bottom: 87px;
    padding: 17px 0 0 3px;
}
#footer_copyright {
    float: left;
}
#footer ul#left {
    margin-left: 7px;
    padding: 0;
    list-style: none;
    float: left;
    color: #f1ac07;
}
#footer ul#left li {
    float: left;
    padding-right: 4px;
}
#footer ul#left li a:link, #footer ul#left li a:visited  {
   text-decoration: none;
   font-weight: normal;
}
#footer ul#left li a:hover  {
   text-decoration: underline;
   font-weight: normal;
}
#footer ul#right {
    margin-right: 1px;
    padding: 0;
    list-style: none;
    /*float: right;*/
    color: #f1ac07;
}
#footer ul#right li {
    float: left;
    padding: 0 4px 0 4px;
    
}
#footer ul#right li a:link, #footer ul#right li a:visited  {
   text-decoration: none;
   font-weight: normal;
}
#footer ul#right li a:hover  {
   text-decoration: underline;
   font-weight: normal;
}
 
#footer div#tp-link {
    float: right;
} 

#footer div#tp-link a {
    text-decoration: none;
} 

#footer div#tp-link span {
    color: #fff;
} 
   
/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders */
fieldset {
  border: 1px solid transparent;
}
label {
	float: left;
	width: 720px;
}
label.small {
	float: left;
	width: 100px;
	margin: 5px 10px 5px 0px;
}
#quoteForm {
	float: left;
}
.frmButton {
         padding: 20px 0 0 0;
}
.frmTxtBox {
	float: left;
	width: 400px;
	margin: 5px 0px;
}
.frmTxtBoxSmall {
	float: left;
	width: 100px;
}
select.tracking {
    width: 186px;
}
input.text {
	float: left;
	margin-top: 2px;
	font-size: 12px;
	width: 148px;
	border: 0px solid transparent;
	margin-left: 8px;
}
input.submit {
	margin-top: 4px;
	margin-left: 3px;
	background: none;
    	border: 0;
}
input.tracking {
	margin-top: 5px;
}
input.search {
	margin-top: 5px;
	margin-left: 3px;
	color: #fff;
	border: 0;
	background: none;
}





/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
	color: #ffffff;
}

td {
  text-align: left;
	font-weight: normal;
}

/* =Misc 1
-----------------------------------------------------------------------------*/









/* =Misc 2
-----------------------------------------------------------------------------*/











































































































































































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
11px white text {
font-size: 11px;
}

.twelve {
font-size: 12px;
}

.thirteen {
font-size: 13px;
line-height: 12px;
}

.fourteen {
font-size: 14px;
}

.fifteen {
font-size: 15px;
}