﻿/* 航运在线英文网站 新版升级上线
   设计  董芳  
   DIV+CSS的制作  国中华
   制作时期：2009.7.10  */
   
/* design:dongfang div+css:Guozhonghua 2009.7.10  */

/* 外壳 */
.wrap {border:1px #9f9f9f solid;width:930px;background-color:#FFFFFF;overflow:hidden;_overflow:visible;_height:10px;padding:10px;}

/* 导航 */
.nav {height:35px;line-height:35px;background-image:url(../images/navBg.jpg);margin-bottom:10px;}

.charteringLogo {width:171px;float:left;margin-left:20px;}
.navLink {height:25px;line-height:25px;font-weight:bold;color:#ffffff;text-align:right;padding-right:20px;}
.navLink a {margin:0px 10px;}

.navLink a:link, .navLink a:visited{ color:#ffffff; text-decoration:none;}
.navLink a:hover, .navLink a:active{ color:#ffffff; text-decoration:underline;}

/* 布局 */

.contentLeft {width:670px;float:left;}
.contentRight {width:250px;float:right;margin-bottom:10px;}

/* 左侧 */
.leftBox {width:190px;float:left;}

/* 侧分类 */
.spNav {background:url(../images/navbb.jpg) repeat-y;}
.spNavBar {background:url(../images/barleft.jpg);height:24px;line-height:24px;font-weight:bold;color:#032c5c;padding-left:12px;border:1px #86aad5 solid;}
.spNavBox {}
.spNavBox ul li {line-height:18px;cursor:pointer;}
.spNavBox ul li div { padding-top:5px;padding-bottom:4px;padding-left:12px;padding-right:20px;background:#fff ;color:#032c5c;border-left:1px #85aad6 solid;border-right:1px #85aad6 solid;border-bottom:1px #86aad5 dotted;width:156px}
.spNavBox ul li .cctb { padding-top:5px;padding-bottom:4px;padding-left:12px;padding-right:20px;background:#fff;color:#032c5c;border-left:1px #85aad6 solid;border-right:1px #85aad6 solid;border-bottom:1px #86aad5 solid;}
.spNavBox ul li .cct {padding-top:4px;padding-bottom:4px;border:1px #E6B036 solid;padding-left:12px;padding-right:20px;background:#FFFFDD ;color:#993300;position:relative;z-index:2;}
.spNavBox ul li .bb {background: url(../images/arrow-1.gif) no-repeat right center;border-right:none;width:157px}
.spNavBox ul li .cctt {padding-top:4px;padding-bottom:4px;border:1px #E6B036 solid;border-right:none;padding-left:12px;padding-right:20px;background:#FFFFDD  url(../images/arrow-1.gif) no-repeat right center;color:#993300;position:relative;z-index:2;}


.spNavBox a:link, .spNavBox a:visited{text-decoration:none;display:block;}
.spNavBox a:hover, .spNavBox a:active{text-decoration:none;display:block}

/* 右侧 */
.rightBox {width:448px;float:right}
.right {width:250px;float:right}


/* 搜索 */
.search {background:url(../images/subSearch2.gif);padding-left:90px;height:88px;margin-bottom:8px;width:580px;}
.searchBox {padding-top:10px;}

.searchChoose {overflow:hidden;_overflow:visible;_height:10px;margin-bottom:0px;}
.searchChoose ul li {float:left;height:24px;line-height:24px;width:100px;text-align:center;background:url(../images/searchcho2.jpg) no-repeat;margin-right:4px;color:#666;cursor:pointer}
.searchChoose .on {background:url(../images/searchcho.jpg) no-repeat;color:#039;font-weight:bold;border-right:1px #fff solid;width:100px;}
.searchChoose .nn {border-right:1px #fff solid;}

.searchInput {overflow:hidden;_overflow:visible;_height:10px;}
.searchText {border:1px #afafaf solid;background:#fff;margin-right:10px;sheight:20px;line-height:20px;float:left;width:400px;}
.searchBu {background:url(../images/areaSearch02.gif);width:66px;height:25px;border:none;float:left}

.searchAd {float:right;width:250px;border:1px #ccc solid;background:#D0EFFF;height:86px;}


.hotSearch {clear:both;height:24px;line-height:24px;}
.hotSearch label {font-weight:bold;color:#900;margin-right:8px;}
.hotSearch  a {margin-right:10px}

/* 产品 */
.prodBox {border:1px #9bbdd3 solid;margin-bottom:8px;}
.prodBar {height:24px;line-height:24px;padding-left:15px;background:url(../images/chinaTitle.gif) repeat-x; color:#003366;font-weight:bold}
.prodBar span {float:right;margin-right:10px;font-weight:normal;font-size:10px;}

.classList {padding:8px;overflow:hidden;_overflow:visible;_height:10px;}
.classList ul li {width:50%;float:left;border-bottom:1px #ccc dotted;margin-bottom:6px;}
.ClassN {height:25px;line-height:25px; font-weight:bold;font-size:14px;padding-left:12px;}
.ClassF {line-height:18px;padding-left:12px;}

.ClassF a:link,.ClassF a:visited {text-decoration:none;color:#666}
.ClassF a:hover,.ClassF a:active {text-decoration:underline;color:#F60}



/* 信息 */

/* 标准表格Table */
.boxTable {}
.boxTable th,.boxTable td {padding:7px 05px; line-height:18px; }
.boxTable th {background:#ffffdd;color:#003366;font-weight:bold;border-bottom:1px #ccc dotted;border-right:1px #ccc dotted;}
.boxTable .bleft {border-left:1px #ccc solid}
.boxTable .nn {border-right:none}
.boxTable .tdli {text-align:left;background:url(../images/liPoint.jpg) no-repeat 10px center;padding-left:25px;}
.boxTable .tdli2 {text-align:left;padding-left:10px;}
.boxTable td {color:#003399;border-bottom:1px #ccc dotted;text-align:center;border-right:1px #ccc dotted;}
.boxTable span {font-size:10px;color:#666;margin-left:8px;}

.boxTable a:link, .boxTable a:visited{ color:#039; text-decoration:none;}
.boxTable a:hover, .boxTable a:active{ color:#FF0000; text-decoration:underline;}

/* 标准表格Table2 */
.productTable {}
.productTable td {height:120px;}
.productTable .price {color:#F00;font-weight:bold}
.productTable .nn {border-right:none}
.productTable .tdli {text-align:left;background:url(../images/liPoint.jpg) no-repeat 10px 10px;padding-left:25px;}
.productTable .tdli2 {text-align:left;padding:0px 10px;}
.productTable td {color:#003399;border-bottom:1px #ccc dotted;text-align:center;border-right:1px #ccc dotted;}

.proImg img {border:1px #ccc solid;padding:1px;}
.productName {margin:5px 0px;line-height:20px;font-size:14px;font-weight:bold;padding:5px 0px}
.productText {color:#666;margin-top:5px;margin-bottom:10px;}
.productIn {color:#333;font-weight:bold}
.productIn span {color:#F00;margin-left:10px;}
.productCom {margin-bottom:10px;line-height:18px;}
.productCuty {font-size:10px;color:#999;line-height:13px;line-height:13px;}



.productCom a:link, .productCom a:visited{ color:green;text-decoration:none;}
.productCom a:hover, .productCom a:active{ color:#FF0000; text-decoration:underline;}

/* right */
.box {border:1px #c5d6ee solid;margin-bottom:10px;}
.boxBar {height:26px;line-height:26px;background:url(../images/boxBar2.jpg);border-bottom:1px #c5d6ee solid;}
.boxBarTitle {background:url(../images/play.gif) no-repeat 5px 3px ;padding-left:30px;color:#003366;font-weight:bold;}
.boxBarTitle span {float:right;font-size:10px;font-weight:normal;margin-right:10px;}

.UnionInfo ul li {line-height:24px;height:24px; padding:5px 20px;font-family:Arial;color:#003399;border-bottom:1px #C5D6EE dotted;overflow:hidden;_overflow:visible;_height:10px;font-weight:bold;background:url(../images/liPoint.jpg) no-repeat 8px center;white-space:normal; word-break:break-all;}
.UnionInfo ul li h1 {font-size:12px;color:#ff6600;}
.UnionInfo .unBg {color:#666;background: #fffae6 url(../images/arrow-1.gif) no-repeat 8px center}
.UnionInfo .unNo {border:none;}
.UnionInfo ul span {margin-left:10px;}

.chinabox {padding:10px;border:1px #e6b036 solid;background:#ffffdd;margin-bottom:10px;}
.chinaBar {height:26px;line-height:26px;font-weight:bold;font-size:14px;color:#930;margin-bottom:8px;}
.chinaInfo {border-bottom:1px #ccc dotted;margin-bottom:10px;}
.chinabox p {height:25px;line-height:25px;padding:0px 10px;color:#333;margin:0px;}

/* 二级菜单 */
.lay {position:absolute; border:1px #E6B036 solid;background:#ffffdd ; padding:0px 15px;width:180px;_width:200px; z-index:1;display:none}
.spNavBox .lay li {height:26px;line-height:26px;border-bottom:1px #ccc dotted;padding-left:10px;background:url(../images/liPoint.jpg) no-repeat left;}
.spNavBox .lay li a:link, .spNavBox .lay li a:visited{ color:#039; text-decoration:none;}
.spNavBox .lay li a:hover,.spNavBox .lay li a:active{ color:#993300; text-decoration:underline;}

/* 内页产品分类 */
.materielBox {border:1px #bbd3e7 solid;margin-bottom:10px;}
.materielBoxBar {height:24px;line-height:24px;background:url(../images/chinaTitle.gif);text-align:left;padding-left:15px;color:#003366;font-weight:bold;}
.materielClass {padding:10px 15px;text-align:left;overflow:hidden;_overflow:visible;_height:10px;}
.materielClass ul li {float:left;width:24%;padding:4px; margin:1px 0px;}



/* 产品实情 */
.prodInfo {padding:15px;overflow:hidden;_overflow:visible;_height:10px;}
.prodInfo h1 {font-size:16px;color:#003399;line-height:20px;margin-bottom:20px;border-bottom:1px #ccc dotted;padding-bottom:10px;}
.prodInfo h1 span {font-size:12px;color:#F00;margin-left:20px;}
.prodInBox {float:left;width:660px;}
.imgDiv {width:240px;float:left;border:1px #ccc solid;}
.pridText {float:right;width:385px;padding-top:15px;}
.pridTextUp {margin-bottom:10px;overflow:hidden;_overflow:visible;_height:10px;}

.pridTextUp p {color:#666;margin:0px;padding:0px;}
.pridTextIn {float:left;width:250px;color:#666;padding:5px;}
.pridTextIn2 {width:450px;color:#666;padding:5px;}
.pridTextUp label {color:#333;margin-right:10px;width:115px;float:left;display:block;padding:5px 0px;}
.la label {color:#333;margin-right:10px;width:160px;float:left;display:block;}
.laBottom {margin-bottom:20px;}
.pridTextUp .laMargin {margin:2px 0px}
.pridTextUp .price {color:#F00}
.pridTextUp .comDiv span {float:left;font-size:14px;width:285px;display:block}
.pridTextBotText {color:#666;text-align:center;padding:5px;border:1px #ccc solid;background:#F4F5F9}
.pridTextBot a:link, .pridTextBot a:visited{ color:#FF0000; text-decoration:underline;}
.pridTextBot a:hover, .pridTextBot a:active{ color:#FF0000; text-decoration:underline;}
.pridTextBotBut {margin-top:15px;text-align:center}
.pridTextBotBut img {margin:0px 5px}
.pridText2 {text-align:center;margin-top:15px;}
.pridText2 a {margin:0px 8px;background:url(../images/bg.jpg) no-repeat left;padding-left:10px;text-decoration:underline}

.pridTextBot1 {height:150px;padding:10px;border:1px #e6b036 solid;background:#ffffdd;}
.pridTextBot1 div {line-height:20px;font-size:14px;margin:3px;0px;color:#666;overflow:hidden;_overflow:visible;_height:10px;}
.pridTextBot1 label {float:left;width:80px;display:block;color:#333;font-weight:bold}
.pridTextBot1 span {float:right;width:260px;display:block}

.prodInfoT {padding:20px;line-height:20px;font-size:14px;text-align:left;color:#333}

.prodCom {font-size:14px;font-weight:bold;margin-bottom:15px;}

/* 联系方式-登录后 */
.proContact {border-top:1px #ccc dotted;padding:8px 0px;}
.proContact .divBpx {line-height:20px;padding:5px 0px;overflow:hidden;_overflow:visible;_height:10px;}
.proContact label {width:50px;display:block;float:left;height:20px;color:#666}
.proContact span {display:block;float:right;width:175px;}



/* commentate */
.comment {overflow:hidden;_overflow:visible;_height:10px;padding:12px;}
.comInfo {color:#666;margin-top:5px;color:#F30;margin-left:60px;margin-bottom:15px;}
.commentT {margin:5px 0px;}
.commentT label {margin-right:10px;display:block;float:left;width:65px;text-align:right} 

/* 首页登录 */
.logoJoin {text-align:center;margin-top:5px}
.logoJoin img {display:block;margin:5px auto}
.logoJoin span {display:block;color:#333;margin-top:8px;}

/* 求购信息搜索 */
.buySearch {padding:10px;}
.buySearch .buySearchLa {height:28px;line-height:28px;overflow:hidden;_overflow:visible;_height:10px;margin :5px 0px; }
.buySearch label {width:240px;display:block;float:left;}
.buySearch input,.buySearch select {float:left;margin-top:2px;margin-right:10px;}
.buySearchTx {float:left;width:330px;}


