/* Global Styles */


body {
	/*margin:0px;*/
	}

.bodyText {
	font:12px  Trebuchet MS;
	color:#666; /*grey*/
	line-height:18px;
	margin-top:0px;
	padding-left:24px;
	padding-right:18px;
	}

.formBody {
	font:12px  Trebuchet MS;
	color:#666; /*grey*/
	line-height:18px;
	margin-top:0px;
	padding-left:3px;
	}

.cms_form{
	font:12px  Trebuchet MS;
	color:#666; /*grey*/
	line-height:18px;
	margin-top:0px;
	padding-left:3px;
	}	

input, select{
	margin-top:3px;
	margin-bottom:3px;
}


a {
	color:#333;
        border:0px;
	}

a:hover {
	color: #727272;
	}
strong{color:#333;}

input, textarea{
	font:12px  Trebuchet MS;
	color:#333; /*grey*/
	}

/*================== SHIP AGENCY MENU ========================================*/
#agencyMenu a{
	font:12px Trebuchet MS;
	color:#333;
	text-decoration:none;
	background:url(../images/navBg.jpg) repeat-x bottom;
	padding:4px 25px 3px 25px; /*top,  ri, btm, left*/
line-height:24px;
}

#agencyMenu a:hover{
	color:#fff;
	background:url(../images/navBg_off.jpg) repeat-x bottom;
}

#agencyMenu ul, li{
	display:block;
	margin-left:-20px;
	line-height:24px;
	width:inherit;

}

#agencyMenu ul li a.menuactive{
	color:#fff;
	background:url(../images/navBg_off.jpg) repeat-x bottom;
}
/*================== END OF SHIP AGENCY MENU ========================================*/


/*===== MY NEWS STYLING========================================*/
#myNews {
font:11px  Trebuchet MS;
	color:#454545; /*grey*/
	line-height:15px;
border-top:#CCC dotted 1px;
border-right:#CCC dotted 1px;
}
#myNews td{
border-left:#CCC dotted 1px;
border-bottom:#CCC dotted 1px;
height:20px;

padding-right:5px;
padding-left:8px;
}
/*=====END MY NEWS STYLING========================================*/
#mapPorts {
font:11px  Trebuchet MS;
	color:#454545; /*grey*/
	line-height:15px;
	margin-top:0px;
    padding-right:6px;
	height:140px;
	width:332px;
	overflow:auto;
	padding-left:-12px;
}

.portHead {
	font:bold 12px  Trebuchet MS;
	color:#333; /*grey*/
	line-height:16px;
	margin-top:0px;
	letter-spacing:-0.01em;
	background-color:#ededed;
	padding-left:-8px;
	display:block;
	}


/*================== CONTACT PAGE ========================================*/
.bodyText2 {
	font:12px  Trebuchet MS;
	color:#666; /*grey*/
	line-height:15px;
	margin-top:0px;
padding-left:8px;
	}
	
	
.contText {
	font:11px  Trebuchet MS;
	color:#666; /*grey*/
	line-height:16px;
	margin-top:0px;
	}
	
hr{
	color:#EFEFEF; 
	border:dotted 1px;
	size:10px;
	}
	
.altCont{
	background-color:#efefef;
	}


#emailTable tr:hover{
	background-color:#ddd;
	}

#emailTable {
	border:#CCC dotted 1px;
	}

#addTable td {
	font:12px  Trebuchet MS;
	color:#666; /*grey*/
	line-height:15px;
	margin-top:0px;
	}

#addTable strong {
	font:bold 12px  Trebuchet MS;
	color:#333; /*grey*/
	line-height:16px;
	margin-top:0px;
	letter-spacing:-0.01em;
	background-color:#ededed;
	padding-left:8px;
	margin-left:-18px;
	display:block;
	}

#addTable a {
	font:11px Trebuchet MS;
	text-align:right;
	line-height:16px;
	}
	
#contactCont div{
		display:none;
		position:absolute;
		width:380px;
		padding-left:18px;
	}
/*================== END OF CONTACT PAGE ========================================*/

/*================== HEADERS AND OTHER TEXTS ========================================*/

.mainHeader {
	font:normal 23px Trebuchet MS;
	color: #565656;/*grey*/
	line-height:29px;
	letter-spacing:0.05em;
	padding-left:12px;

	}
	
.head2{
	font:normal 16px Trebuchet MS;
	color:#333;/*dark grey*/
	line-height:24px;
	letter-spacing:0.05em;
	}
	
.smallText {
	font:10px Trebuchet MS;
	color: #999;
	line-height: 13px;
	}

/*================== END HEADERS AND OTHER TEXTS ========================================*/


/*================== TOP GREY ========================================*/
.topGreen{
	background:url(../images/green_topLine.jpg) repeat-x;
}

.topBan{
	background:url(../images/topBg.jpg) repeat-x bottom;
	height:197px;
}
/*================== END TOP GREY ========================================*/

/*================== NAVIGATION ALL ========================================*/
	
.navText {
	font:normal 12px Trebuchet MS;
	color: #4a4747;
	line-height:16px;
	text-decoration: none;
	}
#navigation {
	height:29px;
	}

#navigation td {
	height:29px;
	background:url(../images/navBg.jpg) repeat-x;
	/*border-right:  1px solid #dbd9d9;*/
	}
	
#navigation a {
	font:normal 12px Trebuchet MS;
	color: #4a4747;
	letter-spacing:.09em;
	line-height:16px;
	text-decoration: none;
	display:block;
	text-align:center;
	padding:7px 21px 6px 21px; /*top,  left, btm, ri*/
	}

#navigation .offNav, .offNavAbout, .offNavTech, .menu_head3Off, .allOff_on {
	font:bold 12px Trebuchet MS;
	background:url(../images/navBg_off.jpg) repeat-x;
	color:#fff;  
	line-height:16px;
	text-decoration: none;
	 display:block;
	 padding:7px 21px 6px 21px; /*top,  left, btm, ri*/
	}
	
#navigation a:hover {
	background:url(../images/navBg_off.jpg) repeat-x;
	color:#fff;
	}


/* ======================== MYUL ========================================*/	
	

.myUl{
	margin-top:8px;
	padding-top:0px;
	margin-left:14px;

	}

.myUl li{ 
	list-style:square;
	size:18px;
	margin-bottom:5px;
	padding-left:14px;

	}

/* ======================== end of MYUL ========================================*/


/*================== Home Pics BG TD  ========================================*/
#bgSlide img{
  background:url(../images/picBg.jpg) no-repeat right 0;
 /* width:100%;
  height:100%;*/
  background-position: 0 0px;
  text-align: left;
  
  margin-top: 2px;
  margin-right:2px;
  margin-bottom: 8px;
  padding:12px 7px 15px 7px; /*top,  right, btm, left*/
  border:0px;
	}	



/*================== Home Pics BG TD  ========================================*/


/*================== Tool Tips ========================================*/

.tooltip {
	display:none;
	background:transparent url(/images/tooltips/white_arrow.png) no-repeat 0 0 ;
	font: normal 12px Trebuchet MS;
	color:#787777;	
    line-height: 1px;
    align:center;
	text-align:center;
	height:10px;
	width:230px;
	padding:11px;
	z-index:3000;
	}
 
/* style the trigger elements */
#tltips img {
	/*border:0;
	margin:0 8px;
        padding:1px;*/
	cursor:pointer;
	background:url(../images/picBg.png) no-repeat right 0;
      /* width:100%;
	height:100%;*/
	background-position: 0 0px;
	text-align: left;
	
	margin-top: 2px;
	margin-right:2px;
	margin-bottom: 8px;
	padding:10px 7px 15px 7px; /*top,  right, btm, left*/
	border:0px;
	}


/* trigger button */
#download_now {
	/*background:transparent url(/img/home/download.png) no-repeat scroll 0 0;*/
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
        }

/* mouseover state */
#download_now:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#download_now:focus {
	background-position:0 -88px;
}

/*================== Tool Tips ========================================*/
/*================== scrollable ========================================*/


/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 450px;
	width: 420px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}


/*================== scrollable ========================================*/

/* Stylesheet: 1_interCSS Modified On 2014-09-08 15:07:45 */
