/*  
appropriate colours used

#134896 - main body background
#004694 - dark blue (logo blue)
#167CEL - light blue
*/

* { margin: 0; padding: 0; }

/* ---------------------------------------- Misc. Styles, site wide */

body { 
	font: 62.5% Arial, sans-serif; 
	text-align: center; 
	color: #181818;
	background: url("../images/body_bg.gif") #134896 0% 0% repeat-x;
}

img { border: 0; }

.floatRight {float: right;}

h1, h2, h3, h4, h5, h6 { 
	font: 1.0em Georgia, "Times New Roman", Times, serif; 
	color: #004694; 
	font-weight: normal;
}

table, td, th { font-size: 1.0em; }

div.clear { clear: both; height: 0; line-height: 0px; }
.left { float: left; }
.right { float: right; }
.middle { margin: 10px auto; display: block; text-align: center; }

#wrapper { 
	width: 850px; margin: 0px auto; 
	background: #fff;
}


/* ---------------------------------------- Masthead & Utilities area */

#masthead_wrapper { background: url("../images/masthead_bg.gif") 0% 0% repeat-x;  }

#masthead {
	height: 155px; position: relative;
	background: url("../images/masthead_logo.gif") 15px 0% no-repeat;
	font-size: 1.2em;
}

#masthead img {
	position: absolute; top: 0; left: 15px; z-index: 1;
}

#masthead_utilities {
	position: absolute; top: 3px; right: 7px; z-index: 2;
}

#masthead_utilities a, #masthead_utilities a:visited {
	display: block; padding: 4px 8px; float: left;
	color: #fff; text-decoration: none; border-left: 1px solid #6595c4;
}

#masthead_utilities a:hover { background: #167ce1; }
#masthead_utilities a.zebra:hover { background: #004694; }

#masthead_utilities a.first_element { border: 0 !important; }


/* ---------------------------------------- Main Navigation */

#navigation {
	background: url("../images/navigation_bg.gif") 0% 0% repeat-x; height: 35px; margin: 0 2px;
	font-size: 1.4em; 
	padding: 0 100px;
}  

#navigation a, #navigation a:visited {
	color: #fff; text-decoration: none;
	display: block; float: left; padding: 11px 22px 9px 22px; 
	position: relative; bottom: 6px;
}
#navigation a:hover { 
	text-decoration: underline;
	/*background: url("../images/navigation_hover.gif") #a11910 100% 0% no-repeat;	*/
}
#navigation a.currentpage { 
	color: #fff; 
	background: url("../images/navigation_currentpage.gif") #167ce1 100% 0% no-repeat;
}

#navigation img {  margin: 0 22px; }

/* ---------------------------------------- Main Content Area - Side bar + page content */

#mainbody_wrapper { margin: 10px 15px; background: url("../images/sidebar_dots_vertical.gif") 76% 0% repeat-y;  }

#sidebar { 
	float:right; width: 200px; text-align: right;
}

#sidebar img { margin-bottom: 30px; }

/* ---------------------------------------- Page Content Area */

#maincontent { 
	margin: 0 205px 25px 0; 
	text-align: justify; 
	font-size: 1.3em; 
	line-height: 1.8em; 
	color: #181818;
}

img.maincontent_pageheader { margin: 10px 0; }

#maincontent h1 { font-size: 1.7em; margin: 10px 0; font-variant: small-caps; }
#maincontent #home_header { font-size: 2.0em;  }
#maincontent h2 { font-size: 1.5em; margin: 10px 0; font-variant: small-caps; }
#maincontent h3 { font-size: 1.3em; margin: 10px 0; }

#maincontent p{ margin: 10px 20px; padding-bottom: 5px; }
#maincontent p.end{ margin: 10px 20px; padding-bottom: 10px; background: url("../images/maincontent_dots.gif") 50% 100% no-repeat; }

#maincontent img { margin: 10px;  }
#maincontent strong { color: #004694; }

#maincontent a, #maincontent a:visited { color: #e12e16; }
#maincontent a:hover { color: #166ce1; }

#maincontent table { 
	border: 1px solid #ccc; border-spacing: 0; border-collapse: collapse;
	font-size: 0.9em; margin: 10px; 
}
#maincontent table table { font-size: 1.0em;}
#maincontent th, #maincontent td { padding: 5px; }
#maincontent th { text-align: left; color: #004694; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #ccc; } 
#maincontent td { line-height: normal; }

#maincontent ul { /*color: #167ce1; */ margin: 10px 30px ; width: 75%; }
#maincontent li { margin: 5px 0; list-style: none;}
#maincontent li p { margin: 0 30px; font-size: 0.8em; color: #181818; background: none; }

#maincontent p.word {  margin: 5px 0 15px 0; padding: 0 0 0 45px; height: 45px; width: 250px; background: url(/images/word_icon.jpg) no-repeat; }
#maincontent p.excel {  margin: 5px 0 15px 0; padding: 0 0 0 45px; height: 45px; width: 250px; background: url(/images/excel_icon.jpg) no-repeat; }
#maincontent p.pdf {  margin: 5px 0 15px 0; padding: 0 0 0 45px; height: 45px; width: 250px; background: url(/images/pdf_icon.gif) no-repeat; }

/* ---------------------------------------- container table styles - added 19-07-2007 */

#maincontent table.container  { width: 575px; border: 1px solid #ccc; }
#maincontent table.container th { text-align: center !important;  font: 11px Georgia, "Times New Roman", Times, serif; font-weight: bold; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#maincontent table.container td { text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.blueBG { background:#CFE2F5;}
.grayBG { background:#EDEDED;}

/* ---------------------------------------- links table styles - added 07-08-2007 */

#maincontent table.links { width: 540px; padding: 0; margin: 0; border: none; text-align: left: font: 10px Georgia, "Times New Roman", Times, serif;}
#maincontent table.links img {padding: 5px; margin: 0;}
/* ---------------------------------------- Styles for the Sitemap */

#sitemap { list-style: none; line-height: 20px; margin: 10px 0 !important; }
#sitemap ul, #sitemap li {list-style: none; margin: 0 !important; padding: 0 !important;}
#sitemap li { font-size: 0.9em; }
#sitemap li ul li { font-size: 1.0em; }

span.vert {background: url("../images/map_vert.gif");}
span.last {background: url("../images/map_last.gif");}
span.midd {background: url("../images/map_midd.gif");}

#sitemap span.none, #sitemap span.vert, #sitemap span.last, #sitemap span.midd {
	width: 24px; height: 18px;
	margin-left: 12px;  
	display: block;
	float: left;
}

/* ---------------------------------------- Flash area on the homepage */

#flashintro {  }
#flashintro img { margin: 0; }

/* ---------------------------------------- Subsection headers */

#subsection_header { 
	width: 610px; height: 140px; position: relative; 
	background-position: 0% 0%; background-repeat: no-repeat;
}
#subsection_header div { position: absolute; right: 5px; bottom: 5px;  line-height: normal; }

#subsection_header a, #subsection_header a:visited { 
	color: #fff; text-decoration: none; font: 1.3em Georgia, "Times New Roman", serif;
	padding: 0 10px; 
}
#subsection_header a:hover { text-decoration: underline; color: #fff; }
#subsection_header a.currentpage {  }

#subsection_breadcrumbs { color: #167ce1;  font-size: 0.9em; margin-top: 10px; }
#subsection_breadcrumbs a, #subsection_breadcrumbs a:visited { color: #858585; text-decoration: none; }

.airfreight { background-image: url("../images/subsection_header_airfreight.jpg"); }
.ocean { background-image: url("../images/subsection_header_ocean.jpg"); }
.road { background-image: url("../images/subsection_header_road.jpg"); }
.logistics { background-image: url("../images/subsection_header_logistics.jpg"); }
.tracktrace { background-image: url("../images/subsection_header_tracktrace.jpg"); }
.testimonials { background-image: url("../images/subsection_header_testimonials.jpg"); }

.aboutus { background-image: url("../images/utilities_header_aboutus.jpg"); }

/* ---------------------------------------- Contact Form Styles */

#contactform { 
	border: 0px;
}
#contactform input, #contactform textarea { padding: 2px; }
/* it generates error on radio buttons */
/* #contactform input { width: 175px;  } */
/* #contactform input.radio { width: auto !important; }  */
.rbtnlist td { text-align: left !important; }
#contactform textarea { width: 175px; height: 100px; font: 1.0em Arial, sans-serif;}

span.large { font-size: 1.2em; }

#contactform_left th { text-align: left; }
#contactform_left td { text-align: left; }
#contactform_middle { text-align: center; }
#contactform_right th { text-align: right; }
#contactform_right td { text-align: left; }

#contactform table { width: 575px; border: 0; margin-bottom: 20px;  }
#contactform table table { width: 100%; margin: 0; padding: 0; float: right; }
#contactform table table td { text-align: right; }
#contactform th { border: 0; font-family: Arial, sans-serif; color: #181818; vertical-align: top; }
#contactform td { border: 0; vertical-align: top; }

input.button { margin: 10px; width: auto !important; }

/* ---------------------------------------- Footer Area */

#footer {
	height: 30px; margin: 0 2px;
	background: url("../images/footer_bg.gif") #004694 0% 0% repeat-x;
}
#footer a, #footer a:visited { color: #0086c2; }

#footer p { margin: 10px 15px 0 15px; color: #fff; font-size: 1.2em; }
#footer .right { color: #0086c2 }
#footer .right img { float: left; margin: 0 5px; }

/* ---------------------------------------- MAP AREA */

#map {border: 1px solid #f0f; width: 500px; height: 400px; }

.map img { margin: 0px; padding: 0px; border: 1px solid #2B60A3;}

/* ---------------------------------------- NEW HOMEPAGE STYLES 08/06/2011 */

#homeColWrapper { display: block; width: 610px; overflow: hidden; }
#homeColWrapper h1 { 
	margin: 10px 0; padding: 0 0 5px 0; color: #004694;
	font-size: 1.5em; font-variant: small-caps; font-weight: normal;
	background: url("../images/bg_heading.gif") repeat-x 0 100%;
}

#homeLeftCol { padding: 0 20px 0 0; width: 284px; float: left; display: inline; overflow: hidden; }
#homeLeftCol p { margin: 0 0 10px 0; padding: 0; line-height: 18px; }
#homeLeftCol ul { margin: 10px 30px 10px 0; width: 284px; }
#homeLeftCol ul li { /*background: url("../images/ico-list.gif") no-repeat 0 2px;*/ margin: 0; padding: 5px 20px 5px 15px; list-style: none; line-height: 18px; background: #fff; }
#homeLeftCol ul li.alt { background: #e7f2fc; }

#homeRightCol { margin: 4px 0 0 3px; width: 303px; float: left; display: inline; overflow: hidden; }
#homeCalculatorPanel { margin: 10px 0 0 0; padding: 0; width: 303px; display: block; }
#homeCalculatorPanel img { margin: 0; padding: 0; }