@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	background-image: url(images/mainbg-full.jpg);
	background-repeat: repeat-x;
}
#background {
	margin-top: 0px;
	background: url(images/mainbg.jpg) center repeat-y;
}
#backgroundTop {
    background: url(images/topbg.jpg) top no-repeat;
}
#backgroundBottom {
    background: url(images/shadowbottom.jpg) bottom no-repeat;
    padding-bottom: 18px;
}

a:link, a:visited {
	color: #22426D;
}

a:hover {
	color: #666;
}

.highlight {
	background-color: #ffff00;
}

#pagecontainer {
	width: 954px;
	padding-top: 28px;
	margin-left: auto;
	margin-right: auto;
}

#top {
	background-color: #003a69;
	height: 80px;
	position: relative;
}
    #logo {
	width: 238px;
	padding: 4px 0px 0px 0px;
	border-right: 1px solid white;
	margin: 0px;
}
#searchBar{
	position: absolute;
	right: 60px;
	top: 10px;
}
    #flag {
	position: absolute;
	right: 10px;
	top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
	#flag a:link, #flag a:visited {
	color: #fff;
}
    #topmenu {
	position: absolute;
	top: 11px;
	left: 238px;
	width: 548px;
	height: 38px;
	clear:both;
}
   
#contextarea {
	background: #003a69;
	margin-top: 1px;
	position: relative;
} 
	
#menuline {
	float:left;
	padding: 0;
	margin: 0 6px;
	height: 40px;
}
#menuline li {
    list-style-image: none;
    display: inline;
}
#menuline a:link, #menuline a:visited {
    float: left;
    display: block;
    color: #fff;
    font: 11px arial;
    text-decoration: none;
    padding: 5px 10px;
}

#menuline a.active:link, #menuline a.active:visited {
    font-weight: bold;
    color: #6dc6e7;
}

#areamenu {
	position: absolute;
	left: 238px;
	border-top: 1px solid white;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: white;
	top: 51px;
	width: 715px;
	height: 28px;
	background: #009ed5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

#areamenuline {
	padding: 0px;
	margin: 0px;
	height: 29px;
 }
#areamenuline li {
	list-style-image: none;
	display: inline;
	margin: 0;
	padding:0;
	border-right-style: solid;
	border-right-color: #FFF;
	border-right-width: thin;
}

#countrySelect {
	color: #fff;
	font:  11px arial;
	padding: 5px 10px 5px 20px;
	display: block;
	text-decoration: none;
	background: #6dc6e7;
	border-bottom: 1px solid white;	
}


#leftmenucol {
	border-right: 1px solid #fff;
	vertical-align: top;
	background: #003a69;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	width: 238px;
	line-height: 14px;
}    
#footer {
	padding: 10px;
	margin: 0px 0px 15px;
	background-color: #003A69;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	height: 50px;
	line-height: 16px;
}

.footer-right {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	text-align: right;
}
.footer-left {
	float: left;
	padding-top: 10px;
    width: 350px;
}
.footer-right p {
	color: #009ed5;
}
.footer-right a:link, .footer-right a:visited {
	color: #FFF;
	font: 11px arial;
	text-decoration: none;
}
.footer-right a:hover, .footer-right a:active {
	color: #CCC;
	font: 11px arial;
	text-decoration: none;
}
    
#leftmenu {
	background-color: #009ED5;
}

#leftmenu .menuItem {
}

	#leftmenu .menuItem a.inactive:link, #leftmenu .menuItem a.inactive:visited, #leftmenu .menuItem a.active:link, #leftmenu .menuItem a.active:visited {
	color: #fff;
	font:  11px arial;
	display: block;
	text-decoration: none;
	background: #009ED5;
	border-bottom: 1px solid white;
	padding: 5px 10px 5px 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: white;
	}
	#leftmenu .menuItem a.active:link, #leftmenu .menuItem a.active:visited {
		font-weight: bold;
		background-color: #50aed1;
	}
	#leftmenu .menuItem a.active:hover, #leftmenu .menuItem a.inactive:hover {
	background-color: #50aed1;
	font-size: 11px;
	}

	.submenu {
		padding: 0;
		margin: 0;
		list-style-type: none;
		border-bottom: 1px solid White;
	}
	ul.submenu li {
		list-style: none;
		list-style-image: none;
	}
	#leftmenu .submenu a.inactive:link,#leftmenu .submenu a.inactive:visited, #leftmenu .submenu  a.active:link,#leftmenu .submenu a.active:visited {
		color: #fff;
		font:  11px arial;
		padding: 2px 10px 2px 30px;
		background: #6dc6e7;
		display: block;
		text-decoration: none;
		border: none;
		
	}
	#leftmenu .submenu a.active:link, #leftmenu .submenu a.active:visited {
		font-weight: bold;
	}
	#leftmenu a.subinactive:link,#leftmenu a.subinactive:visited {
	
	}
	
	#leftmenu a.subactive:hover, #leftmenu a.subinactive:hover {
		
	}
	
#canvas {
	padding: 0px;
	vertical-align: top;
}
#canvasMenu {
	padding: 0px;
	vertical-align: top;
	background-color: #FFF;
}
	
/******************************************************************************************
	GENERAL STYLES
*****************************************************************************************/


ul li {
	list-style-type: square;
}

.element P {
	margin-top: 0px;
}	

#leftmenucol p{
	background: #003a69;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-left: 20px;
}
.mainContent {
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 18px;
	margin: 20px 30px 0px 20px;
	padding: 0px;
}

.mainContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #900;
	line-height: 22px;
}
.mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #900;
	line-height: 20px;
}

.mainContent .headimage  {
	padding-top: 10px;
}

#smile-image {
	padding-left: 15px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#flashfeature {
	position: absolute;
	height: 239px;
	width: 715px;
	left: 238px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

#flashfeature-sec {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 239px;
	color: #003a69;
}

#leftmenucol a:link, #leftmenucol a:visited {
	color: #009ed5;
	font: bold 11px arial;
	text-decoration: none;
}

#leftmenucol ul {
	background: #003a69;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-left: 30px;
	list-style-type: square;
}
#leftmenucol li {
	padding-bottom: 10px;
}.locations {
	padding-bottom: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-top: 20px;
}

.ImgFloatLeft {
		float: left;
		margin: 0px 10px 10px 0px;
		text-align: center;
	}

.ImgFloatRight {
	float: right;
	margin: 0px 0px 10px 20px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	}

.ImgCenter {
		text-align: center;
	}
.ImgLeft {
		text-align: left;
	}
.ImgRight {
		text-align: right;
	}

/******************************************************************************************
	NEWS TICKER
*****************************************************************************************/


/* BEGIN */


#newsticker {
	border-right: thin solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width:218px;
	height:218px;
	color: #FFF;
	padding: 10px;
	float:left;
}
#newsticker a:link,
#newsticker a:visited{
	margin:0;
	padding:0;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

#newsticker a:hover,
#newsticker a:active{
	color: #009ed5;
}


#news-ticker .tickerDate{
	font-size:11px;
}
#news-ticker .tickerLink{
	padding-bottom:10px;
	border-bottom:1px dotted white;
	margin-bottom:10px;
}
#news-ticker .tickerDate,#news-ticker .tickerLink,#news-ticker .tickerText {
	display:block;
	width:217px;
	float:left;
}
#news-ticker li{
	list-style:none;
	
}


/* END */

/************************************************
	      HORIZONTAL MENU		*/

#mainmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 715px;
	height: 28px;
	position: relative;
}
#mainmenu li {
	border-right:1px solid white;
	display: inline;
}
#mainmenu span {
	display: none;
	position: absolute;
}
#mainmenu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: 238px;
	top: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: white;
}
#mainmenu a:hover {
	background-position: left bottom;
}
#mainmenu a:hover span{
	display: block;
}
#mainmenu .air {
	width: 142px;
	height: 28px;
	background: url(../images/nav-air1.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#mainmenu .air span {
	width: 142px;
	height: 28px;
	background: url(../images/nav-air2.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#mainmenu .ocean {
	width: 142px;
	height: 28px;
	background: url(../images/nav-ocean1.gif) no-repeat;
	left: 144px;
	top: 0px;
}
#mainmenu .ocean span {
	width: 142px;
	height: 28px;
	background: url(../images/nav-ocean2.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#mainmenu .warehousing {
	width: 142px;
	height: 28px;
	background: url(../images/nav-warehousing1.gif) no-repeat;
	left: 287px;
	top: 0px;
}
#mainmenu .warehousing span {
	width: 142px;
	height: 28px;
	background: url(../images/nav-warehousing2.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#mainmenu .admin {
	width: 142px;
	height: 28px;
	background: url(../images/nav-admin1.gif) no-repeat;
	left: 430px;
	top: 0px;
}
#mainmenu .admin span {
	width: 142px;
	height: 28px;
	background: url(../images/nav-admin2.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#mainmenu .resources {
	width: 142px;
	height: 28px;
	background: url(../images/nav-resources1.gif) no-repeat;
	left: 573px;
	top: 0px;
}
#mainmenu .resources span {
	width: 142px;
	height: 28px;
	background: url(../images/nav-resources2.gif) no-repeat;
	left: 0px;
	top: 0px;
}#menuline a:hover {
	font-weight: normal;
	color: #6dc6e7;
}