@charset "utf-8";
/* 航运在线英文网站 新版升级上线
   方案  航运在线-英文版方案7 
   首页的设计  董芳  
   DIV+CSS的制作  董芳
   制作时期：2009.5.21  */
   
/* design:dongfang div+css:dongfang 2009.5.22  */

/* 外壳 */
.wrap {overflow:hidden;_overflow:visible;_height:10px;width:950px;margin:0 auto;overflow:hidden;_overflow:visible;_height:10px;}

/* 定位 */
.left {float:left;width:180px;}
.right {float:right;width:760px;overflow:hidden;_overflow:visible;_height:10px;margin-top:8px;}
.conLeft {float:left;width:510px;}
.conRight {float:right;width:240px;}

/* 导航 */
.nav {background:url(../images/navBg.gif) repeat-x bottom;padding-bottom:2px;margin-bottom:8px;overflow:hidden;_overflow:visible;_height:10px;}
.nav ul li {height:23px;line-height:23px;font-weight:bold;width:180px;cursor:pointer;*margin-bottom:-3px;}
.nav li a:link, .nav li a:visited{ color:#003366; text-decoration:none; background:url(../images/navG.jpg) 0px 23px;display:block;padding-left:15px;}
.nav li a:hover, .nav li a:active{ color:#FFFFFF; text-decoration:none; background:url(../images/navG.jpg) no-repeat;display:block;padding-left:15px;}

/* 左侧box1 */
.leftBox {border:1px #BBD3E7 solid;margin-bottom:8px}
.leftBox h1 {background:url(../images/leftboxbr.jpg);border-bottom:1px #BBD3E7 solid;height:25px;line-height:25px;padding-left:15px;font-weight:bold;color:#2C5E9A;font-size:12px;}
.leftBoxInfo {padding:5px 8px;line-height:20px;color:#666;font-family:Arial}
.leftBoxMoer {height:25px;line-height:25px;text-align:right;padding-right:8px;border-top:1px #ccc dotted;font-size:10px;background:#ecf5fb;font-family:Verdana}
.leftBoxMoer a:link, .leftBoxMoer a:visited { color:#003399; text-decoration:underline;}
.leftBoxMoer a:hover, .leftBoxMoer a:active { color:#FF3300; text-decoration:underline;}

/* 左侧box2 */
.leftJoin {border:1px solid #C1CEE0;background-color:#FFFEF0;margin-bottom:8px;}
.leftJoin h1 {font-size:12px;color:#F30;height:25px;line-height:25px;padding-left:8px;}
.leftJoinInfo {padding:8px;font-family:Arial;overflow:hidden;_overflow:visible;_height:10px;color:#666;padding-top:5px;border-bottom:1px #ccc dotted;}
.leftJoinInfo .Joleft {width:15px;float:left}
.leftJoinInfo .Joright {width:145px;float:right}
.joinButtom {height:33px;line-height:40px;text-align:center;padding-top:7px;} 

/* 左侧box3 */
.leftMembers {margin-bottom:8px;}
.leftMemBar {height:24px;line-height:24px;background:url(../images/box-tAcG-x.gif);}
.leftMemBarL {width:3px;float:left;background:url(../images/box-tAcG.gif) top left;height:24px;font-size:0px}
.leftMemBarR {width:3px;float:right;background:url(../images/box-tAcG.gif) top right;height:24px;font-size:0px}
.leftMemBarM {height:24px;margin:0px 3px;padding-left:8px;font-weight:bold;}

.leftMemBoxL {width:3px;float:left;background:url(../images/box-tAcG.gif) bottom left;height:3px;font-size:0px}
.leftMemBoxR {width:3px;float:right;background:url(../images/box-tAcG.gif) bottom right;height:3px;font-size:0px}
.leftMemBoxM {height:2px;margin:0px 3px;font-size:0px}
.leftMemBo {border-bottom:1px #ccc solid;}

.leftMenBox {border-left:1px #ccc solid;border-right:1px #ccc solid;font-family:Arial;color:#333;}
.ourMem {border-bottom:1px #ccc dotted;padding:8px;}
.ourMem img {margin-left:5px;}

.ourMemMore {text-align:right;font-size:10px;padding-right:5px;font-family:Verdana}
.ourMemMore a:link, .ourMemMore a:visited { color:#003399; text-decoration:underline;}
.ourMemMore a:hover, .ourMemMore a:active { color:#FF3300; text-decoration:underline;}

/* 首页广告 */
.publicity {margin-bottom:8px;}
.pubBorder {border:1px #ccc solid;}

/* Ship S&P */
.shipSP {border:1px #BBD3E7 solid;margin-bottom:8px;background:#FFFAEE url(../images/hotDeal.gif) no-repeat top right;padding:8px;}
.shipSPBar {height:30px;line-height:30px;font-size:14px;background:url(../images/shipSPtilte.gif) no-repeat left;padding-left:20px;font-weight:bold;color:#003366;margin-bottom:8px;}
.shipShip {overflow:hidden;_overflow:visible;_height:10px;font-family:Arial;margin-bottom:8px;}
.shipShip ul li {width:113px;float:left;padding:0px 4px;position:relative;height:110px;overflow:hidden}
.shipSpImg {border:1px #ccc solid;padding:1px;margin-bottom:5px;display:block;}

.shipSpHot {position:absolute; left: 70px; top: 44px;}
.shipShip span {margin:0px 10px;display:block}

.shipShips {overflow:hidden;_overflow:visible;_height:10px;font-family:Arial;margin-bottom:8px;}
.shipShips ul li {border-right:1px #ccc solid;width:113px;float:left;padding:0px 4px;height:150px;position:relative;}
.shipSpImg2 {border:1px #ccc solid;padding:1px;margin-bottom:5px;}
.shipSpHots {position:absolute; top: 70px; left:70px;}
.shipShips span {margin:0px 10px;display:block}

.ShipSPInfo {font-family:Arial;border-top:1px #ccc dotted;padding-top:8px;}
.ShipSPInfo ul li {background:url(../images/hotnewsInon.gif) no-repeat left;height:20px;line-height:20px;padding-left:12px;}
.ShipSPInfo ul li span {margin-right:10px;color:#F30;font-weight:bold;font-family:Verdana;width:90px;display:block;float:left;}

/* indexBox */
.indexBox {border:1px solid #BBD3E7;margin-bottom:8px;}
.indexBoxBar {height:24px;line-height:24px;background:url(../images/chinaTitle.gif);padding-left:12px;font-weight:bold;}
.indexBoxBar a:link, .indexBoxBar a:visited { color:#003366; text-decoration:none;}
.indexBoxBar a:hover, .indexBoxBar a:active { color:#FF3300; text-decoration:underline;}

/* chartering */
.chartering {padding:7px 12px;font-family:Arial;}
.charterDivL a:link,.charterDivL a:visited { color:#F30; text-decoration:none;margin:0px 3px}
.charterDivL a:hover,.charterDivL a:active { color:#F30; text-decoration:underline;margin:0px 3px}

.charterDiv {border-bottom:1px #ccc dotted;overflow:hidden;_overflow:visible;_height:10px;padding:3px 0px}
.charterDivL {color:#F30;font-weight:bold;width:100px;float:left;}
.charterDivR {width:375px;float:right;}

/* yellow pages */
.yellowBar {background:#ECF5FB url(../images/chinaInon.gif) no-repeat 10px 8px;padding-left:24px;border-bottom:1px #ccc dotted;height:24px;line-height:24px;font-weight:bold;color:#F30}
.yellowBox {padding:8px;overflow:hidden;_overflow:visible;_height:10px;}
.yellowBox ul li {width:31%;line-height:18px;float:left;background:url(../images/hotnewsInon.gif) no-repeat 0px 11px;padding:3px 0px; padding-left:10px;}

/* news */
.news {padding:8px;}
.news h1 {line-height:18px;font-size:14px;margin-bottom:8px;border:1px #FCE4D8 solid;background:#FFFAEE;padding:3px;}
.newsList ul li {background:url(../images/indexImg03.gif) no-repeat 0px 10px;padding:4px 0px;padding-left:12px;line-height:16px;border-bottom:1px #ccc dotted;font-family:Arial}
.newsCd {margin-top:8px;overflow:hidden;_overflow:visible;_height:10px;}
.newsCd ul li {float:left;width:100px;text-align:center;border:1px #BBD3E7 solid;background:#ECF5FB;margin:3px;height:22px;line-height:22px;}

/* Booking */
.Booking {padding:8px;}
.Booking ul li {line-height:16px;padding:3px 0px;border-bottom:1px #ccc dotted;padding-left:10px;background:url(../images/topInon.gif) no-repeat 0px 10px;}
.Booking ul li span {float:right;font-family:Arial}
.BookingSearch {height:30px;border-top:1px #ccc dotted;background:#ecf5fb;padding:0px 5px;}

/* Port & Agancy Union */
.port {}
.portSearch {height:40px;}
.portBar {background:#ECF5FB url(../images/chinaInon.gif) no-repeat 10px 8px;padding-left:24px;border-bottom:1px #ccc dotted;height:24px;line-height:24px;font-weight:bold;color:#F30;border-top:1px #ccc dotted;}
.portLine {overflow:hidden;_overflow:visible;_height:10px;}
.portLine ul li {float:left;width:60px;height:24px;line-height:24px;padding:0px 5px;font-weight:bold}
.portTxt {padding:5px;font-family:Arial;color:#666}

/* Shipyard */
.Shipyard {padding:8px;}
.ShipyardImg {padding:5px;margin-bottom:10px;}
.ShipyardImg img {border:1px #ccc solid;display:block;margin-bottom:5px;}
.ShipyardImg span {text-align:center;display:block}

.ShipyardList p {margin:0px 0px;height:22px;line-height:22px;border-bottom:1px #ccc dotted;padding:0px 10px;}
.ShipyardList span {margin-right:5px;color:#F30;width:85px;display:block;float:left;font-size:10px;}
.ShipyardList span a:link,.chartering span a:visited { color:#F30; text-decoration:none;margin:0px 3px;font-weight:bold}
.ShipyardList span a:hover,.chartering span a:active { color:#F30; text-decoration:underline;margin:0px 3px;font-weight:bold}

.ShipyardCd {margin-top:8px;overflow:hidden;_overflow:visible;_height:10px;}
.ShipyardCd ul li {float:left;width:29%;text-align:center;border:1px #BBD3E7 solid;background:#ECF5FB;margin:3px;height:22px;line-height:22px;}


/* bottomNav start */
.bottomNav{ width:950px; height:31px; background:url(../images/bottomNavBg.gif) repeat-x; margin-top:5px; line-height:31px; font-weight:bold;text-align:center;margin-bottom:8px;}
.bottomNav a {margin:0px 10px;}

/* copyright start */
.copyright{ width:950px; height:65px; clear:both; line-height:21px; margin-bottom:15px;text-align:center}

.inCursor {cursor:pointer}

/* 2级菜单 */
.navs {position:absolute;left:180px;top:0px;z-index:1000;background:#f57723;padding:8px;}
.navs dl {background:#fff;width:150px;padding:5px;display:none}
.navs dl dd {height:25px;line-height:25px;border-bottom:1px #ccc dotted;padding-left:20px;background:url(../images/chinaInon.gif) no-repeat 5px 10px;font-weight:bold}

/* 留言 */
.messageBox {padding:5px;}