/* ---------Main Styles Starts Here ----------- */
body{
margin:0px;
padding:0px;
font:normal 11px verdana;
/* color:#666666; */
color:#1F2422;
background:#D6EBF5;
}
html{
/*overflow:auto;*/
overflow-y:scroll;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}
/* Wrapper */
#wrapper{
background:#FFFFFF;
width:980px;
margin:0px auto;
padding:0px;
}
/*Container class*/
#container{
background:#FFFFFF;
float:left;
width:980px;
min-height:400px;
margin:0px;
padding:0px 0 10px 0;
display:inline;
}
#container_bottom{
float:left;
width:980px;
height:8px;
margin:0px 0 0 0;
padding:0px 0 0 0;
background:#D6EBF5 url('../images/home_container_bottom.png') no-repeat 0 0px;
display:inline;
font-size:1px;
}
.textbox
{
width:235px;
color:#1F2422;
border:solid 1px #37c2d8;
resize:none;
height:16px;
}
.textarea{
width:235px;
color:#1F2422;
border:solid 1px #37c2d8;
background:#FFFFFF;
resize:none;
height:70px;
}
.button { 
background:url('../images/submit_btn_out.jpg') no-repeat 0px 0px;
border:solid 0px #000000;
width:55px;
height:29px;
margin:0px;
padding:0px 0 0 0;
cursor:pointer;
}
.button:hover{ 
background:url('../images/submit_btn_over.jpg') no-repeat 0px 0px;
border:solid 0px #000000;
width:55px;
height:29px;
margin:0px;
padding:0px 0 0 0;
cursor:pointer;
}
a{
color:#9FA8AC;
text-decoration:none;
outline:none;
}
a:hover{
color:#D71920;
outline:none;
}
p{
float:left;
margin:10px 0 0 0;
padding:0px;
}
.link{
color:#3F4140;
text-decoration:none;
outline:none;
}
.link:hover{
color:#D71920;
outline:none;
}
.link_red{
color:#D31920;
text-decoration:none;
outline:none;
}
#title
{
float:left;
margin:20px 0px 0px 20px;
padding:0px;
width:900px;
font-size:18px;
display:inline;
}
.dropdown{
height:20px;
width:145px;
color:#1F2422;
border:solid 1px #39C2CF;
background:#FFFFFF;
padding-top:1px;
font-size:11px;
}
.content_header{
float:left;
margin:0px;
padding:0px;
width:608px;
}
.content_titles{
float:left;
margin:20px 0 0 0;
padding:0px;
width:608px;
}
.content_text{
float:left;
margin:14px 0 0 0px;
padding:0px;
width:593px;
color:#333333;
line-height:15px;
}
/* ---------Main Styles Ends Here ----------- */

/* ---------Header Styles Starts Here ----------- */
#header{
background:#FFFFFF;
float:left;
margin:0px;
padding:0px;
width:980px;
height:119px;
font-size:9px;
}
#divLogos{
float:left;
margin:0px 0 0 0;
padding:0px;
width:980px;
height:91px;
}
#divLogos ul{
list-style:none;
float:left;
margin:0px 0 0 0;
padding:0px;
}
#divLogos ul li{
float:left;
margin:0px 0 0 0;
padding:0px;
}
#divLogos ul li a{
display:block;
height:28px;
}
.main_logo{
margin:33px 0 0 20px;
height:25px;
width:357px;
background:url('../images/logo.jpg') no-repeat;
display:inline;
}
.main_logo_right{
margin:38px 0 0 467px;
height:14px;
width:104px;
background:url('../images/logo_title.jpg') no-repeat;
display:inline;
}
#topLinks{
float:left;
margin:0px 0 0 0;
padding:0px;
width:980px;
height:26px;
background:url('../images/menu/top_bg.jpg') repeat-x 0 0;
display:inline;
}
#menuTop{
position:relative;
float:left;
margin:0px 0 0 0;
padding:0px;
width:980px;
height:1px;
background:url('../images/menu_border.jpg') no-repeat 0 0;
display:inline;
font-size:1px;
}
#menuBottom{
position:relative;
float:left;
margin:-2px 0 0 0;
padding:0px;
width:980px;
height:1px;
background:url('../images/menu_border.jpg') no-repeat 0 0;
font-size:1px;
display:inline;
}
#topLinks ul{
list-style:none;
float:left;
margin:0px 0 0 20px;
padding:0px;
display:inline;
}
#topLinks ul li{
float:left;
margin:0px 20px 0 0;
padding:0px;
height:26px;
display:inline;
}
#topLinks ul li a{
float:left;
margin:0px;
padding:0px;
height:26px;
display:inline;
color:#575B59;
}
#topLinks ul li a:hover{
float:left;
margin:0px;
padding:0px;
height:26px;
display:inline;
color:#CD3438;
}
.link_overview{
background:url('../images/menu/m_port.jpg') no-repeat 0px 0;
margin:0px 0 0 0px;
width:113px;
}
.link_overview:hover{
background:url('../images/menu/m_port_over.jpg') no-repeat 0px 0;
margin:0px 0 0 0px;
width:113px;
}
.link_overview_active{
background:url('../images/menu/m_port_over.jpg') no-repeat 0px 0;
margin:0px 0 0 0px;
width:113px;
}
.link_connectivity{
background:url('../images/menu/m_connectivity.jpg') no-repeat 0px 0;
width:103px;
}
.link_connectivity:hover{
background:url('../images/menu/m_connectivity_over.jpg') no-repeat 0px 0;
width:103px;
}
.link_connectivity_active{
background:url('../images/menu/m_connectivity_over.jpg') no-repeat 0px 0;
width:103px;
}
.link_services{
background:url('../images/menu/m_otherservices.jpg') no-repeat 0px 0;
width:77px;
}
.link_services:hover{
background:url('../images/menu/m_otherservices_over.jpg') no-repeat 0px 0;
width:77px;
}
.link_services_active{
background:url('../images/menu/m_otherservices_over.jpg') no-repeat 0px 0;
width:77px;
}
.link_profile{
background:url('../images/menu/m_corporateprofile.jpg') no-repeat 0px 0;
width:139px;
}
.link_profile:hover{
background:url('../images/menu/m_corporateprofile_over.jpg') no-repeat 0px 0;
width:139px;
}
.link_profile_active{
background:url('../images/menu/m_corporateprofile_over.jpg') no-repeat 0px 0;
width:139px;
}
.link_news{
background:url('../images/menu/m_medianews.jpg') no-repeat 0px 0;
width:105px;
}
.link_news:hover{
background:url('../images/menu/m_medianews_over.jpg') no-repeat 0px 0;
width:105px;
}
.link_news_active{
background:url('../images/menu/m_medianews_over.jpg') no-repeat 0px 0;
width:105px;
}
.link_careers{
background:url('../images/menu/m_careers.jpg') no-repeat 0px 0;
width:71px;
}
.link_careers:hover{
background:url('../images/menu/m_careers_over.jpg') no-repeat 0px 0;
width:71px;
}
.link_careers_active{
background:url('../images/menu/m_careers_over.jpg') no-repeat 0px 0;
width:71px;
}
.link_home{
background:url('../images/home_icon_inactive.jpg') no-repeat 0px 0;
margin:6px 0 0 0;
width:14px;
}
.link_home:hover{
background:url('../images/home_icon.jpg') no-repeat 0px 0;
margin:6px 0 0 0;
width:14px;
}
.link_home_active{
background:url('../images/home_icon.jpg') no-repeat 0px 0;
margin:6px 0 0 0;
width:14px;
}
.link_contact{
background:url('../images/contact_icon.jpg') no-repeat 0px 0;
margin:7px 0 0 0;
width:20px;
}
.link_contact:hover{
background:url('../images/contact_icon_active.jpg') no-repeat 0px 0;
margin:7px 0 0 0;
width:20px;
}
* HTML #link_contact {/* PNG Alpha IE Win ONLY */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/contact_icon.png', sizingMethod='');
	width:20px;
	height:13px;
}
.link_contact_active{
background:url('../images/contact_icon_active.png') no-repeat 0px 0;
margin:7px 0 0 0;
width:20px;
}
.subLinks{
float:left;
position:absolute;
margin:0px 0 0 0px;
padding:0px;
width:160px;
visibility:hidden;
z-index:2000;
}
.subLinks_content{
float:left;
margin:0px 0 0 0;
background:url('../images/menu_overlay_middle1.png');
padding:0px;
width:160px;
font-size:11px;
display:inline;
color:#575B59;
}
#sub_menus{
margin:0px;
padding:0px;
}
#sub_menus li{
margin:10px;
padding:0px;
height:10px;
}
.subLinks_bottom{
float:left;
margin:0px 0 0 0;
background:url('../images/menu_overlay_bottom1.png');
padding:0px;
width:160px;
height:7px;
font-size:1px;
}
/* ---------Header Styles Ends Here ----------- */

/* ---------Footer Styles Starts Here ----------- */
#footer{
float:left;
margin:0px 0 0px 0;
padding:8px 0 10px 0;
width:980px;
background:#D6EBF5;
color:#7f8B90;
font-size:10px;
display:inline;
}
#footer_left{
float:left;
margin:0px 0 0 0px;
padding:0px 0 0 15px;
width:700px;
display:inline;
background:#D6EBF5;
}
#footer_left ul{
list-style:none;
float:left;
margin:0px 0 0 0;
padding:0px 0 0 0;
display:inline;
}
#footer_left ul li{
float:left;
margin:0px 24px 0 0;
padding:0px 0 0 0;
display:inline;
}
#footer_left ul li a{
color:#7f8B90;
display:inline;
}
#footer_left ul li a:hover{
color:#D71920;
display:inline;
}
#footer_right{
float:left;
margin:0px 15px 0 0;
padding:0px 0 0 0;
width:250px;
text-align:right;
font-weight:bold;
display:inline;
background:#D6EBF5;
}
/* ---------Footer Styles Ends Here ----------- */

/*Home Page Styles Starts Here*/
#home_leftContent{
float:left;
margin:15px 0 0px 15px;
padding:0px;
width:700px;
height:476px;
font:normal 11px verdana;
color:#fff;
/*background:url('../images/home_image.jpg') no-repeat;*/
display:inline;
position:relative;
line-height:18px;
}
#home_leftContent div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width:700px;
    opacity:0.0;
    height: 476px;
}

#home_leftContent a {
   color:#fff;
   text-decoration:none;
   font-size:11px;
}
#home_leftContent a:hover{
 color:#D71920;
  text-decoration:none;
}
#home_leftContent div.active {
    z-index:10;
    opacity:1.0;
}

#home_leftContent div.last-active {
    z-index:9;
}
#spanImagelink1
{
 margin:10px 0px 0px 635px;
}
.blockActive
{
 width:6px;
 height:6px;
 float:left;
 background:#CD3438;
 padding:0px;
 cursor:pointer;
 margin:10px 0 0 4px;
 font-size:1px;
}
.blockInActive
{
  width:6px;
  height:6px;
  float:left;
  background:#ffffff;
  margin:10px 0px 0px 4px;
  padding:0px;
  cursor:pointer;
  font-size:1px;
}
#home_rightContent{
float:left;
margin:15px 0 0px 15px;
padding:0px;
width:235px;
height:476px;
display:inline;
}
#home_right_top{
float:left;
margin:0px;
padding:0px;
width:235px;
height:106px;
background:url('../images/home_topright.jpg') no-repeat;
cursor:pointer;
display:inline;
}

#home_right_top2{
float:left;
margin:0px;
padding:0px;
width:235px;
height:106px;
background:url('../images/Hm_VesselSchedule.jpg') no-repeat;
cursor:pointer;
display:inline;
}

#home_right_top3{
float:left;
margin:0px;
padding:0px;
width:235px;
height:106px;
background:url('../images/3-News.jpg') no-repeat;
cursor:pointer;
display:inline;
}

#home_right_top4{
float:left;
margin:0px;
padding:0px;
width:235px;
height:106px;
background:url('../images/4-Port-Docs.jpg') no-repeat;
cursor:pointer;
display:inline;
}
.home_right_seperator1{
float:left;
margin:5px 0 5px 0;
padding:0px;
width:235px;
height:6px;
background:url('../images/seperator_dark.jpg') no-repeat;
display:inline;
}
#divVesselArrival{
float:left;
margin:0px;
padding:0px;
width:235px;
}
#divVesselArrival ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
width:235px;
}
#divVesselArrival ul li{
float:left;
margin:0px;
padding:1px 0 0 0;
width:235px;
height:15px;
border-top:solid 1px #ECECEC;
}
#divVesselArrival ul li span{
float:left;
margin:0px;
padding:0px;
color:#272727;
font-size:9px;
}
#divVesselArrival ul li a{
color:#272727;
font-size:9px;
}
#vesselHeader{
float:left;
display:block;
width:139px;
height:17px;
background:url('../images/home_vessel_arrivals.jpg') no-repeat;
}
#vesselHeader_right{
float:right;
font-size:10px;
font-weight:bold;
}
.home_right_seperator2{
float:left;
margin:5px 0 5px 0;
padding:0px;
width:235px;
height:6px;
background:url('../images/seperator_light.jpg') no-repeat;
display:inline;
}
#home_news{
float:left;
margin:0px 0 0px 0;
padding:0px;
width:235px;
color:#272727;
}
#home_news ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
width:235px;
}
#home_news ul li{
float:left;
margin:0px;
padding:0px 5px 0 5px;
width:225px;
}
#newsHeader{
float:left;
display:block;
width:139px;
height:17px;
background:url('../images/home_news.jpg') no-repeat;
}
#newsHeader_right{
float:right;
font-size:10px;
font-weight:bold;
}
.newsImage{
float:left;
margin:0px 7px 0 0;
padding:0px;
width:61px;
height:51px;
}
.homenewsContent{
float:left;
margin:0px 0 0 0px;
padding:0px;
font-size:11px;
letter-spacing:-1px;
line-height:13px;
}
.newsTitle{
color:#F06D2F;
font-weight:bold;
width:157px;
}

.allnews{
float:right;
margin:5px 3px 0 3px;
padding:0px;
width:7px;
height:6px;
background:url('../images/arrow_bullets.png') no-repeat;
}

.viewmore{
float:left;
margin:4px 3px 0 0;
padding:0px;
width:7px;
height:6px;
background:url('../images/arrow_bullets.png') no-repeat;
}
#divTariffs{
float:left;
margin:0px 0 0px 0;
padding:0px;
width:235px;
color:#272727;
letter-spacing:-1px;
}
#divTariffs ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
width:127px;
}
#divTariffs ul li{
float:left;
margin:0px;
padding:0px;
width:127px;
line-height:14px;
}
#tariffHeader{
float:left;
display:block;
width:127px;
height:17px;
background:url('../images/home_tariff.jpg') no-repeat;
}
/*Home Page Styles Ends Here*/
/*Inner Page Styles Starts Here*/
#leftContainer{
float:left;
margin:0px;
padding:0px;
width:175px;
min-height:400px;
display:inline;
}
/*#leftContainer ul{
list-style:none;
float:left;
margin:30px 15px 0 15px;
padding:0px;
width:145px;
}
#leftContainer ul li{
float:left;
margin:0px;
padding:0px;
width:145px;
}
#leftContainer ul li a{
float:left;
margin:0px;
padding:0px;
width:155px;
color:#8B8B8B;
}
#leftContainer ul li a:hover{
color:#D71920;
}
#left_link_active{
color:#D71920;
}*/
#leftLinks{
list-style:none;
position:absolute;
top:0px;
left:50px;
width:145px;
margin:149px 0 0 -475px;
padding:0px;
display:inline;
}
#leftLinks li{
float:left;
margin:0px;
padding:0px;
width:145px;
display:inline;
}
#leftLinks li a{
float:left;
margin:0px;
padding:0px;
width:155px;
color:#575b59;
}

#leftLinks li a:hover{
color:#CD3438;
}
#left_link_active{
color:#CD3438;
display:inline;
}
#mainContainer{
float:left;
margin:30px 0px 20px 0px;
padding:0px;
width:608px;
}

#top_imageContainer{
position:absolute;
float:left;
margin:0px;
padding:0px;
width:609px;
height:242px;
/*background:url('../images/top_img_bg.png') no-repeat;*/
z-index:1000;
}
#rightContainer{
float:left;
margin:192px 15px 0 15px;
padding:0px;
width:167px;
display:inline;
}
#rightContainer ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
width:167px;
}
#rightContainer ul li{
float:left;
margin:8px 0 0 0;
padding:0px;
width:167px;
font-size:10px;
color:#3F4140;
}


/*Inner Page Styles Ends Here*/

/*News Page Styles Starts Here*/
#newsTopImg{
float:left;
margin:0px;
padding:0px;
width:608px;
height:86px;
background:url('../images/media_banner.jpg') no-repeat 0 0;
}
#divNewsList{
float:left;
margin:20px 0 0 0;
padding:0px;
width:608px;
}
#divNewsList ul{
float:left;
list-style:none;
float:left;
margin:0px;
padding:0px;
width:608px;
}
#divNewsList ul li{
float:left;
margin:0px;
padding:0px;
width:608px;
}
.contentHeader{
color:#39C2CF;
font-family:verdana;
font-size:12px;
font-weight:bold;
}
.newsHeading{
font-weight:bold;
width:480px;
cursor:pointer;
float:left;
margin-top:10px;
}
.newsHeading a{
font-weight:bold;
color:#1F2422;
}
.newsContent{
margin:5px 0 0 0;
width:480px;
}
.newsDate{
float:left;
margin:3px 0 0 0;
color:#858786;
width:480px;
}
.rightHeader{
color:#39C2CF;
font-size:11px;
}
/*News Page Styles Ends Here*/

/*Media Page Styles Starts Here*/
#mediaTopImg{
float:left;
margin:0px;
padding:0px;
width:608px;
height:86px;
background:url('../images/careers_banner.jpg') no-repeat 0 0;
}
.contentSeperator{
float:left;
margin:5px 0 0 0;
padding:0px;
width:608px;
height:3px;
background:url('../images/inside_dotted_line.jpg') repeat-x;
}
#photoDownloads{
float:left;
margin:0px 0 0 0;
padding:0px;
width:608px;
}
#photoDownloads ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
width:608px;
}
#photoDownloads ul li{
float:left;
margin:10px 45px 0 0;
padding:80px 0 0 0;
width:107px;
height:0px;
text-align:center;
font-size:9px;
cursor:pointer;
}
#photoDownloads ul li:hover{
color:#D31920;
}
.videoContainer{
float:left;
margin:15px 0 0 0;
padding:0px;
width:320px;
height:240px;
background:#444444;
}
#overlay{
display:none;
position: absolute;			
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #000000;
z-index:2000;	
-moz-opacity: 0.5;
opacity:.50;
filter: alpha(opacity=50);
}
.divMediaDownload{
position: absolute;	
top:50%;
left:50%;
margin:-176px 0px 0px -153px;
padding:0px;
width:353px;
height:307px;
background:url('../images/media_downloaddiv_bg.png') no-repeat;
z-index:3000;
visibility:hidden;
}
#div_Map{
position: absolute;	
top:50%;
left:50%;
margin:-250px 0px 0px -380px;
padding:0px;
width:788px;
height:710px;
background:url('../images/portmap_forscreen.png') no-repeat;
z-index:3000;
display:none;
}
#div_MapClose{
position:absolute;
width:10px;
height:10px;
top:0px;
left:0px;
margin:8px 0 0 769px;
padding:0px;
background:url('../images/portoverview_gallery_close.png');
cursor:pointer;
display:inline;
}
#div_PrintMap{
position:absolute;
width:17px;
height:15px;
top:0px;
left:0px;
margin:680px 0 0 41px;
padding:0px;
cursor:pointer;
display:inline;
}
#div_MailMap{
position:absolute;
width:17px;
height:15px;
top:0px;
left:0px;
margin:680px 0 0 74px;
padding:0px;
cursor:pointer;
display:inline;
}
#div_EmailMap{
position: absolute;	
top:50%;
left:50%;
margin:215px 0px 0px -290px;
padding:0px;
width:352px;
height:216px;
background:#ccc;
background:url('../images/map_mailbg.png') no-repeat;
z-index:3000;
display:none;
}
#div_EmailMap ul{
list-style:none;
float:left;
margin:15px 0 0 20px;
padding:0px;
}
#div_EmailMap ul li{
float:left;
margin:10px 0 0 0;
padding:0px;
color:#333333;
display:inline;
}
.mediaDownloadClose{
position:absolute;
width:30px;
height:30px;
top:0px;
left:0px;
margin:-10px 0 0 335px;
padding:0px;
background:url('../images/close.png');
cursor:pointer;
display:inline;
}
.mediaDownload_header{
float:left;
margin:15px 0px 0 10px;
padding:0px;
width:333px;
font-size:10px;
display:inline;
}
.mediaDownload_header ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
width:333px;
}
.mediaDownload_header ul li{
float:left;
margin:0px;
padding:0px;
}
.media_backarrow{
float:left;
display:block;
width:8px;
height:14px;
margin:0 8px 0 5px;
cursor:pointer;
background:url('../images/media_downloaddiv_arrow_blueleft.png') no-repeat;
}
.media_backarrow:hover{
float:left;
display:block;
width:8px;
height:14px;
background:url('../images/media_downloaddiv_arrow_redleft.png') no-repeat;
}
.media_backarrow_active{
float:left;
display:block;
width:8px;
height:14px;
margin:0 8px 0 5px;
cursor:pointer;
background:url('../images/media_downloaddiv_arrow_redleft.png') no-repeat;
}
.media_forarrow{
float:left;
display:block;
width:8px;
height:14px;
margin:0 5px 0 8px;
cursor:pointer;
background:url('../images/media_downloaddiv_arrow_blueright.png') no-repeat;
}
.media_forarrow:hover{
float:left;
display:block;
width:8px;
height:14px;
background:url('../images/media_downloaddiv_arrow_redright.png') no-repeat;
}
.media_forarrow_active{
float:left;
display:block;
width:8px;
height:14px;
margin:0 5px 0 8px;
cursor:pointer;
background:url('../images/media_downloaddiv_arrow_redright.png') no-repeat;
}
.mediaDownload_seperator{
float:left;
margin:8px 0px 0 10px;
padding:0px;
width:333px;
height:3px;
background:url(../images/inside_dotted_line.jpg);
display:inline;
font-size:1px;
}
.mediaDownload_container{
float:left;
margin:10px 0px 0 10px;
padding:0px;
width:333px;
height:200px;
display:inline;
}
.mediaDownload_container ul{
list-style:none;
float:left;
margin:0px;
padding:0px;
}
.mediaDownload_container ul li{
float:left;
margin:5px 0 10px 15px;
padding:0px;
width:101px;
height:86px;
text-align:center;
cursor:pointer;
display:inline;
}
.select_download{
float:left;
font-size:10px;
background:#FFFFFF;
color:#1F2422;
padding:2px 4px 2px 4px;
margin:0 0 0 45px;
display:inline;
}
.select_download_active{
float:left;
font-size:10px;
background:#D31920;
color:#FFFFFF;
padding:2px 4px 2px 4px;
margin:0 0 0 45px;
display:inline;
}
.mediaDownload_footer{
float:left;
margin:10px 0px 0 10px;
padding:0px;
width:333px;
height:20px;
font-size:10px;
display:inline;
}
.btnMediaDownload{
background:url('../images/media_downloaddiv_download_nonactive.png') no-repeat 0px 0px;
border:solid 0px #000000;
width:71px;
height:26px;
margin:0px;
padding:0px 0 0 0;
cursor:pointer;
float:right;
display:inline;
}
.btnMediaDownload:hover{ 
background:url('../images/media_downloaddiv_download_active.png') no-repeat 0px 0px;
border:solid 0px #000000;
width:71px;
height:26px;
margin:0px;
padding:0px 0 0 0;
cursor:pointer;
display:inline;
}
/*Media Page Styles Ends Here*/

/*Cargo Page Styles Starts Here*/
#port_imageContainer{
position:absolute;
float:left;
margin:0px;
padding:0px;
width:720px;
height:242px;
background:url('../images/portoverview_bg.jpg') no-repeat;
z-index:1000;
}

#port_imageInfo{
position:absolute;
float:left;
margin:236px 0 0 0;
padding:0px;
width:609px;
height:146px;
background:url('../images/textbanners/careers.png') no-repeat;
z-index:900;
}
#portImages{
list-style:none;
float:left;
margin:0px;
padding:0px;
width:608px;
height:241px;
}
#portImages li{
float:left;
margin:0px;
padding:0px;
width:608px;
height:241px;
}
#galleries{
list-style:none;
float:right;
margin:10px 0 0 15px;
padding:0px;
width:82px;
height:92px;
display:inline;
z-index:7000;
cursor:pointer;
}
#galleries li{
list-style:none;
float:left;
margin:2px 0 0 0;
padding:0px;
}
.galleryHeader{
font:normal 11px verdana;
cursor:pointer;
}
.galleryItems{
font:normal 10px verdana;
color:#575B59;
}
.galleryItems:hover{
font:normal 10px verdana;
color:#CD3438;
}
.galleryItems_active{
font:normal 10px verdana;
color:#CD3438;
}

#imageControl{
position:absolute;
left:0px;
top:0px;
list-style:none;
float:left;
margin:105px 0 0 608px;
padding:0px;
width:120px;
height:41px;
display:none;
z-index:5000;
}
#imageControl li{
float:left;
margin:0px 0 0 0px;
padding:0px;
height:41px;
line-height:34px;
display:inline;
}
#imageControl li a{
float:left;
display:block;
}

#closeGallery{
float:right;
margin:4px 5px 0 0px;
padding:0px;
width:10px;
height:10px;
cursor:pointer;
visibility:hidden;
background:url('../images/portoverview_gallery_close.png') no-repeat;
display:inline;
}
#containerCargo{
float:left;
margin:0px 0 0 0;
padding:0px;
width:608px;
color:#1F2422;
}
#cargoTable{

float:left;
margin:20px 0 0 0;
padding:0px;
width:527px;
border-right:solid 1px #8C8C8C;
}

#cargoTable ul{
width:527px;
}

#cargoTable li{
list-style:none;
float:left;
margin:0px 0 0 0;
line-height:17px;
padding:5px 0 5px 20px;
border-left:solid 1px #8C8C8C;
border-bottom:solid 1px #8C8C8C;

}
.cargoTable_lefttext{
color:#93A29C;
}
.tableHeader{
color:#FFFFFF;
}

#bulkCargo{
float:left;
margin:40px 0 0 0;
padding:0px;
width:608px;
color:#1F2422;
}
#liquidCargo{
float:left;
margin:40px 0 0 0;
padding:0px;
width:608px;
color:#1F2422;
}
#container_table{


}
/*Cargo Page Styles Ends Here*/
/*Contact Page Styles Starts Here*/
#contact_top{
float:left;
margin:0px;
padding:0px;
width:610px;
height:89px;
background:url('../images/contact_banner.jpg') no-repeat;
}
#contact_corporate{
float:left;
margin:40px 0 0 0;
padding:0px;
width:610px;
color:#1F2422;
line-height:16px;
display:inline;
}
#contact_corporate_details{
float:left;
margin:0px 0 0 0;
padding:0px;
width:280px;

}
.contact{
float:left;
margin:0px 15px 0 0;
color:#37c2d8;
font-weight:bold;
display:inline;
}
#divFeedback{
float:left;
margin:0px 0 0 00px;
padding:0px 0 0 10px;
width:320px;
background:url('../images/seperator_vertical.jpg') repeat-y left;
display:inline;
}
#divFeedback ul{
float:left;
list-style:none;
margin:5px 0 0 0;
padding:0px;
width:320px;
display:inline;
}
#divFeedback ul li{
float:left;
margin:15px 0 0 0;
padding:0px;
display:inline;
}
.compulsory{
color:#37c2d8;
}
#contact_port{
float:left;
margin:10px 0 0 0;
padding:0px;
width:610px;
color:#1F2422;
line-height:16px;
}
#contact_port_details{
float:left;
margin:0px 0 0 0;
padding:0px;
width:280px;
}
#contact_regional{
float:left;
margin:20px 0 0 0;
padding:0px;
width:610px;
color:#1F2422;
line-height:16px;
}
#contact_regional ul{
float:left;
list-style:none;
margin:0px 0 0 0;
padding:0px;
width:610px;
color:red;
line-height:16px;
}
#contact_regional ul li{
float:left;
margin:0px 0 0 0;
padding:0px;
width:150px;
color:red;
line-height:16px;
}
#contact_regional_details{
float:left;
margin:10px 0 0 0;
padding:0px;
width:280px;

}
.contact_regional_details
{
float:left;
margin:10px 0 0 0;
padding:0px;
width:280px;
}
#contact_regional_details_right
{
float:left;
margin:10px 0 0 0px;
padding:0px;
width:280px;

}

.contact_regional_details_right
{
float:left;
margin:10px 0 0 0px;
padding:0px;
width:280px;
}

/*Contact Page Styles Ends Here*/

/*Careers Page Styles Starts Here*/
.career_header{
float:left;
margin:20px 0 0 0;
padding:0px;
width:608px;
font-size:13px;
color:#36C3D7;
font-weight:bold;
}
.job_title{
float:left;
margin:10px 0 0 0;
padding:10px 20px 0 10px;
width:579px;
height:26px;
font-size:11px;
color:#1F2422;
font-weight:bold;
background:url('../images/careers_content_bg.png') no-repeat;
display:inline;
}
.show_jobDetails{
margin:0px;
padding:0px;
float:right;
color:#D31920;
font-weight:normal;
cursor:pointer;
display:inline;
}
.job_description{
float:left;
margin:10px 0 0 0px;
padding:0px 0px 0 90px;
width:518px;
display:inline;
}
.heading
{
font:bold 11px Verdana;
color:#1F2422;
width:508px;
margin:0px;
padding:0px;
}
p{
margin:0px;
padding:0px;
}
.content{
color:#1F2422;
}
ul{
margin:0px;
padding:0px;
}
.list{
float:left;
width:508px;
list-style:none;
margin:8px 0 5px 0;
padding:0px 0 0 10px;
color:#1F2422;
background:url("../images/text_bullet.png") no-repeat 0px 6px; 
display:inline;
}
/*Careers Page Styles Ends Here*/

/*connectivity styles starts here*/
.list_bullets{
list-style:none;
float:left;
margin:0px 0 5px 0;
padding:0px;
width:420px;
}
.list_bullets li{
float:left;
margin:5px 0 5px 20px;
padding:0px 0 0 10px;
background:url("../images/text_bullet.png") no-repeat 0px 6px; 
width:400px;
color:#1F2422;
}
.list_bullets li a{
color:#D31920;
margin-left:10px;
}
.list_bullets li a:hover{
color:#D31920;
}

/* for document_tariff page */

.list_bullets1{
list-style:none;
float:left;
margin:0px 0 5px 0;
padding:0px;
width:520px;
display:inline;
}
.list_bullets1 li{
float:left;
margin:5px 0 5px 20px;
padding:0px 0 0 10px;
background:url("../images/text_bullet1.png") no-repeat 0px 6px; 
width:500px;
color:#1F2422;
display:inline;
}
.list_bullets1 li a{
color:#D31920;
margin-left:10px;
}
.list_bullets1 li a:hover{
color:#D31920;
}

.list_bullets2{
list-style:none;
float:left;
margin:0px 0 5px 0;
padding:0px;
width:520px;
display:inline;
}
.list_bullets2 li{
float:left;
margin:5px 0 5px 0px;
padding:0px 0 0 0px;
width:500px;
color:#1F2422;
display:inline;
}
.list_bullets2 li a{
color:#D31920;
margin-left:10px;
}
.list_bullets2 li a:hover{
color:#D31920;
}

.connect_title
{
float:left;
font-size:11px;
font-weight:bold;
color:#37C2D8;
margin:0px 0 0px 0;
padding:0px;
width:600px
}
.div_MapThumbnail{
width:222px;
height:222px;
float:left;
margin:12px 20px 0 0;
padding:0px;
}
.rail_distance{
padding:0px;
float:left;
margin:0px;
width:228px;
background:url('../images/seperator_vertical.jpg') repeat-y right ;
}
.rail_distance ul{
list-style:none;
padding:0px;
float:left;
margin:0px;
width:230px;
background:url('../images/seperator_vertical.jpg') repeat-y;
}

.rail_distance ul li{
background:url('../images/inside_dotted_line.jpg') repeat-x;
float:left;
padding:0px 0 0 5px;
margin:0px;
line-height:26px;
}

.distance_comparison{
padding:0px;
float:left;
margin:0px;
width:243px;
background:url('../images/seperator_vertical.jpg') repeat-y right ;
display:inline;
}
.distance_comparison ul{
list-style:none;
padding:0px;
float:left;
margin:0px;
width:280px;
background:url('../images/seperator_vertical.jpg') repeat-y;
display:inline;
}

.distance_comparison ul li{
background:url('../images/inside_dotted_line.jpg') repeat-x;
float:left;
padding:6px 0 0 0px;
margin:0px;
height:22px;
display:inline;

}
.table_title
{
float:left;
font-size:11px;
font-weight:bold;
color:#37C2D8;
margin:0px 0 0px 0;
padding:0px;
}
/*connectivity styles ends here*/

/* Shipping services  styles starts here*/
.container_lines{
padding:0px;
float:left;
margin:0px;
margin-top:10px;
width:600px;
background:url('../images/seperator_vertical.jpg') repeat-y right ;
display:inline;
}
.container_lines ul{
list-style:none;
padding:0px;
float:left;
margin:0px;
width:605px;
background:url('../images/seperator_vertical.jpg') repeat-y;
display:inline;
}

.container_lines ul li{
background:url('../images/inside_dotted_line.jpg') repeat-x;
float:left;
padding:5px 0 0 5px;
margin:0px;
line-height:15px;
width:595px;
display:inline;
}
.shipping_title{
float:left;
font-size:11px;
font-weight:bold;
color:#37C2D8;
margin:0px 0 0px 0;
padding:0px;
width:600px
}
.shipping_header{
float:left;
margin:0px;
padding:0px;
width:608px;
}
.general_shipping{
padding:0px;
float:left;
margin:0px;
margin-top:10px;
width:360px;
background:url('../images/seperator_vertical.jpg') repeat-y right;

}
.general_shipping ul{
list-style:none;
padding:0px;
float:left;
margin:0px;
width:350px;

}

.general_shipping ul li{
background:url('../images/inside_dotted_line.jpg') repeat-x;
float:left;
padding:20px 0 0 5px;
margin:0px 0 0 0px;
display:inline;

}

#shippingTopImg{
float:left;
margin:0px;
padding:0px;
width:608px;
height:86px;
/*background:url('../images/textbanners/shipping-services-clients.png') no-repeat 0 0;*/
}
/*Shipping services  styles ends here*/

/* corporate citizenship starts here */

#corpcitizen_imageInfo
{
position:absolute;
float:left;
margin:236px 0 0 0;
padding:0px;
width:609px;
height:146px;
background:url('../images/Corporatecitizen_banner2.jpg') no-repeat;
z-index:900;
}
/* corporate citizenship ends here */

/**/
.history_list{
list-style:none;
margin:0px;
padding:0px;
float:left;
width:458px;
}
.history_list li{
margin:15px 0 0 0;
padding:0px;
float:left;
height:20px;
}
.history_list div{
float:left;
margin:0px;
padding:0px;
width:40px;
height:18px;
}
/**/



/*Cargo facilities */
.scrolling-link
{
float:left;
margin:0px;
padding:0px;
width:155px;
color:#1F2422;
}


.cargo_lines{
padding:0px;
float:left;
margin:0px;
width:525px;

}
.cargo_lines ul{
list-style:none;
padding:0px;
float:left;
margin:0px;
width:526px;

}

.cargo_lines ul li{
float:left;
padding:6px 0 0 0px;
margin:0px;
height:22px;
}

.portoverview_table{
float:left;
height:31px;
background:url('../images/portoverview_tablebg_container.png') no-repeat;

width:528px;
padding:0px;
margin:0px 0px 0px 0px;
}
.portoverview_cargotable{
float:left;
height:31px;
background:url('../images/portoverview_tablebg_bulk.png') no-repeat;

width:528px;
padding:0px;
margin:0px 0px 0px 0px;
}
/*Cargo facilities */

/*links for index page images starts here*/
/*#spanImagelink1
{
float:left;
width:5px;
height:5px;
margin:10px 0px 0px 643px;
}
#spanImagelink1:hover
{
cursor:pointer;
}
#spanImagelink2
{
float:left;
width:5px;
height:5px;
margin:10px 0px 0px 2.8px;
}
#spanImagelink2:hover
{
cursor:pointer;
}
#spanImagelink3
{
float:left;
width:5px;
height:5px;
margin:10px 0px 0px 3.3px;
}
#spanImagelink3:hover
{
cursor:pointer;
}
#spanImagelink4
{
float:left;
width:5px;
height:5px;
margin:10px 0px 0px 2.8px;
}
#spanImagelink4:hover
{
cursor:pointer;
}
#spanImagelink5
{
float:left;
width:5px;
height:5px;
margin:10px 0px 0px 3.3px;
}
#spanImagelink5:hover
{
cursor:pointer;
}
#spanImagelink6
{
float:left;
width:5px;
height:5px;
margin:10px 0px 0px 3.5px;
}
#spanImagelink6:hover
{
cursor:pointer;
}

links for index page images ends here*/

#bottom_imag
{
float:left;
margin:15px 0 0 0;
padding:0px;
width:608px;
display:inline;
}

.connectivity_map
{
position: absolute;	
top:50%;
left:50%;
margin:-250px 0px 0px -250px;
padding:0px;
width:500px;
height:500px;
z-index:3000;
display:none;
}
#div_MapHide{
position:absolute;
width:10px;
height:10px;
top:50%;
left:50%;
margin:-245px 0 0 235px;
padding:0px;
background:url('../images/portoverview_gallery_close.png');
cursor:pointer;
display:inline;
}
.cargofacility_table{
float:left;
margin:10px 0 10px 0;
padding:0px;
width:528px;
display:inline;
}