body {
	background: #FFF; 
	margin: 0; padding: 0;
	color: #333;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	background: transparent url("../_src/pagebackground.gif") top left repeat-y;
}

body#op_and_rec {background: transparent url("../_src/pagebackground-purple.gif") top left repeat-y; }
body#rev_and_dec {background: transparent url("../_src/pagebackground-grey.gif") top left repeat-y; }
body#air_cargo {background: transparent url("../_src/pagebackground-green.gif") top left repeat-y; }


form { margin: 0; padding: 0; }
img	{ border: 0; }
#accessibility { position: absolute;  left: -9000px;  width: 9000px; }
.hide { display: none; }
.reset { display: block; clear: both; font-size: 1px; height: 1px; line-height: 1px; margin: 0; padding: 0;}






/* //////////////// GLOBAL ////////////////// */
#header { background: transparent; width: 750px; }

#wrapper { width: 750px; }


#leftcol {
	background: #E3EDFF ;
	width: 179px;
	padding-top: 4px;
	float: left;
	line-height: 20px;
	height: 477px;
}

#op_and_rec #leftcol { background: #E3EDFF; }
#rev_and_dec #leftcol { background: #E3EDFF; }
#air_cargo #leftcol { background: #E3EDFF; }

#rightcol {
	width: 568px;
	padding-top: 4px;
	float: right;
}

#replacelogo {
	margin: 0; padding: 0;
	text-indent: -9999px;
	width: 240px; height: 79px;
}

#replacelogo h1, #replacelogo a {
	display: block;
	font-size: 14px;
	margin: 0; padding: 0; border: 0;
	width: 100%; height: 100%;
	text-decoration: none;
	background: transparent url("../_src/logo.gif") top left no-repeat;
}

#search { height: 72px; display: block; }
#search form { padding: 10px 0 0 10px; }
#search input.searchbox { width: 138px; border: 1px solid #6699FF; }
#search input.go { margin-left: 80px; }

#login, #customers { text-align: center; width: 178px; display: block; height: 57px; }

#feature { margin: 32px 0; }

#feature h2 { background: #204080; margin-right: 1px; color: #FFF; font-size: 12px; padding: 3px 5px; }
#feature p { color: #3366CC; font-size: 9px; line-height: 14px; padding-left: 5px; padding-right: 5px; }
#feature p span { display: block; }
#feature a { color: #000; }







/* //////////////// NAVIGATION ////////////////// */
#utilsnav { 
	width: 178px; height: 30px; 
	margin: 0; padding: 0; 
	position: relative;
	background: url("../_src/nav-utils.gif") no-repeat; 
}

#utilsnav li {
	margin: 0; padding: 0;
	list-style: none; 
	float: left;
}

#utilsnav li, #utilsnav a {
	height: 30px; 
	display: block; 
	text-decoration: none; 
	font-size: 1px; 
	text-indent: -9000px;
}

#utilsnav #company { left: 0; width: 60px; }
#utilsnav #support { left: 60px; width: 60px; }
#utilsnav #contact { left: 120px; width: 56px; }

#utilsnav #company a:hover { background: transparent url("../_src/nav-utils.gif") 0 -60px no-repeat; }
#utilsnav #support a:hover { background: transparent url("../_src/nav-utils.gif") -60px -60px no-repeat; }
#utilsnav #contact a:hover { background: transparent url("../_src/nav-utils.gif") -120px -60px no-repeat; }

#utilsnav #company a.active, #utilsnav #company a.active:hover { background: transparent url("../_src/nav-utils.gif") 0 -30px no-repeat; }
#utilsnav #support a.active, #utilsnav #support a.active:hover { background: transparent url("../_src/nav-utils.gif") -60px -30px no-repeat; }
#utilsnav #contact a.active, #utilsnav #contact a.active:hover { background: transparent url("../_src/nav-utils.gif") -120px -30px no-repeat; }


#mainnav { 
	height: 30px; 
	margin: 0; padding: 0; 
	position: relative;
	background: #333 url("../_src/nav-main.gif") no-repeat; 
}

#mainnav li {
	margin: 0; padding: 0;
	list-style: none; 
	float: left;
}

#mainnav li, #mainnav a {
	height: 30px; 
	display: block; 
	text-decoration: none; 
	font-size: 1px; 
	text-indent: -9000px;
}

#mainnav #rd { left: 0; width: 198px; }
#mainnav #or { left: 198px; width: 163px; }
#mainnav #rds { left: 361px; width: 194px; }

#mainnav #rd a:hover { background: transparent url("../_src/nav-main.gif") 0 -60px no-repeat; }
#mainnav #or a:hover { background: transparent url("../_src/nav-main.gif") -198px -60px no-repeat; }
#mainnav #rds a:hover { background: transparent url("../_src/nav-main.gif") -361px -60px no-repeat; }

#mainnav #rd a.active, #mainnav #rd a.active:hover { background: transparent url("../_src/nav-main.gif") 0 -30px no-repeat; }
#mainnav #or a.active, #mainnav #or a.active:hover { background: transparent url("../_src/nav-main.gif") -198px -30px no-repeat; }
#mainnav #rds a.active, #mainnav #rds a.active:hover { background: transparent url("../_src/nav-main.gif") -361px -30px no-repeat; }


.menu .options {
	display: block;
	text-decoration: none;
	background-color: #FFF;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 3px solid #666;
	line-height: 12px;
}

.blue { background-color: #204080; border: 1px solid #204080; } 
.purple { background-color: #53005E; border: 1px solid #53005E; } 
.gray { background-color: #666; border: 1px solid #666; }
.green { background-color: #387c2b; border: 1px solid #387c2b; } 

.menu a {
	font-size: 9px;
	color: #666;
	display: block;
	padding: 5px;
	text-decoration: none;
	background-color: transparent;
} .menu a:hover { color: #FFF; background: #666; }

.purple a, .blue a, .gray a, .green a { color: #FFF; }

.purple a:hover { background: #FFF; color: #53005E; }
.blue a:hover { background: #FFF; color: #204080; }
.gray a:hover { background: #FFF; color: #666; }
.green a:hover { background: #FFF; color: #387c2b; }



/* //////////////// HOME CONTENT ////////////////// */
.homeimg { padding: 1px 0; border-bottom: 3px solid #69F; }
#rev_and_dec .homeimg { padding: 1px 0; border-bottom: 3px solid #666; }
#op_and_rec .homeimg { padding: 1px 0; border-bottom: 3px solid #53005E; }
#air_cargo .homeimg { padding: 1px 0; border-bottom: 3px solid #387c2b; }


#homesolutions { margin-left: 10px; }

.homeproduct { margin: 0; padding: 10px 0 0 0; display: block; float: left; width: 184px; border-right: 1px solid #3164C7; }
#rev { border-right: none; }
.homeproduct dt, .homeproduct dd { margin: 0; padding: 0 7px; }
.homeproduct dt.title { font-size: 14px; font-weight: bold; }
.homeproduct dt.blurb { font-size: 9px; display: block; height: 30px; line-height: 14px; }
.homeproduct a:hover { text-decoration: none; }

#res dt.title { color: #204080; }
#op dt.title { color: #53005E; }
#rev dt.title { color: #666; }

#res dt.more { margin: 0 5px; background: #204080 url("../_src/arrow.gif") left center no-repeat; }
#op dt.more { margin: 0 5px; background: #53005E url("../_src/arrow.gif") left center no-repeat; }
#rev dt.more { margin: 0 5px; background: #666 url("../_src/arrow.gif") left center no-repeat; }
#res dt.more a, #op dt.more a, #rev dt.more a { color: #FFF; display: block; padding: 3px 8px; }

.homeproduct dd a { color: #333; font-size: 9px; display: block; padding: 3px 8px; }
.homeproduct dd {background: #EAEAEA; margin: 0 5px; }



/* //////////////// ALL CONTENT ////////////////// */
#rightcol p, #rightcol h3, #rightcol h2, #rightcol hr { margin: 10px 20px 10px 20px; padding: 0; line-height: 20px; }
#rightcol h3 { color: #000; font-size: 14px; border-top: 1px solid #6699FF; border-bottom: 1px solid #6699FF; padding: 10px;}
#rightcol h2 { color: #000; font-size: 16px; margin-bottom: 0; margin-top: 10px; }
#rightcol h4 { margin: 20px 0 0 10px; padding: 0 0 1px 0; background: #E3EDFF; font-size: 14px; padding: 3px; text-align: center; border-bottom: 3px solid #3164C7; }
#rightcol h6 { margin: 20px 0 0 10px; padding: 0 0 1px 0; background: #3366CC; font-size: 14px; padding: 3px; text-align: center; }

#rightcol a { color: #3366CC; }
#rightcol a:hover { color: #000; text-decoration: none; }



#dyk { margin: 40px 10px 10px 10px; border: 1px solid #6699FF; background: #FFF; line-height: 12px; }
#dyk h2 { color: #000; font-size: 9px; margin: 0; padding: 2px 5px; background: #6699FF; color: #204080; }
#dyk p { color: #000; font-size: 11px; margin: 0; padding: 5px; color: #333; line-height: 16px; }

#footer { padding-top: 60px; text-align: right; margin-bottom: 40px; }
#footer p, p.crumbs { font-size: 9px; color: #C9C9C9; line-height: 14px; }
#footer a, .crumbs a { color: #666; }
.crumbs a { text-decoration: none; }


#secnav { margin: 0; padding: 0; border-top: 1px solid #FFF; }
#secnav ul { margin: 0 1px 0 0; padding: 0; list-style: none; }
#secnav ul ul { margin: 0; }
#secnav li { display: inline; }

#secnav ul a { 
	display: block; 
	margin-bottom: 1px; 
	font-size: 11px; 
	line-height: 14px; 
	padding: 3px; 
	text-decoration: none;
}

#secnav ul ul a { 
	font-size: 9px; 
	padding: 2px 6px; 
}

#secnav ul a { background: #204080; color: #FFF; }
#secnav ul a.active { background: #13264D; color: #FFF; }

#secnav ul ul a { background: #E3EDFF; color: #204080; }
#secnav ul a:hover { background: #FFF; color: #204080; }
#secnav ul ul a:hover { background: #FFF; color: #333; }

#rev_and_dec #secnav ul a { background: #666; color: #FFF; }
#rev_and_dec #secnav ul ul a { background: #EAEAEA; color: #333; }
#rev_and_dec #secnav ul a:hover { background: #FFF; color: #666; }
#rev_and_dec #secnav ul ul a:hover { background: #FFF; color: #333; }
#rev_and_dec #secnav ul a.active { background: #333; color: #FFF; }

#op_and_rec #secnav ul a { background: #53005E; color: #FFF; }
#op_and_rec #secnav ul ul a { background: #FAD8FF; color: #53005E; }
#op_and_rec #secnav ul a:hover { background: #FFF; color: #53005E; }
#op_and_rec #secnav ul ul a:hover { background: #FFF; color: #53005E; }
#op_and_rec #secnav ul a.active { background: #320038; color: #FFF; }

#air_cargo #secnav ul a { background: #387c2b; color: #FFF; }
#air_cargo #secnav ul ul a { background: #FAD8FF; color: #387c2b; }
#air_cargo #secnav ul a:hover { background: #FFF; color: #387c2b; }
#air_cargo #secnav ul ul a:hover { background: #FFF; color: #387c2b; }
#air_cargo #secnav ul a.active { background: #205418; color: #FFF; }
