@charset "utf-8";
/* 航运在线英文网站 新版升级上线
   方案  航运在线-英文版-ship_store_supply
   首页的设计  董芳  
   DIV+CSS的制作  董芳
   制作时期：2009.6.10  */
   
/* design:dongfang div+css:dongfang 2009.6.10  */
/* 全局CSS */

body {
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;		
}

div,form,img,ul,ol,li,dl,dt,dd {
	margin: 0 auto;
	padding: 0;
	border: 0;
	list-style: none;
}

ul {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

table,td,tr,th {
	font-size: 12px;
}

a:link, a:visited{ color:#000000; text-decoration:none;}
a:hover, a:active{ color:#FF3300; text-decoration:none;}

/* top  start */
.top {height:25px;line-height:25px;background:#003366;}
.topWrap {width:950px;text-align:left;margin:0 auto;overflow:hidden;_overflow:visible;_height:10px;color:#fff;}

.language {width:280px;float:left;}
.favorites {float:left;background:url(../images/favoritesImg.gif) no-repeat left;padding-left:25px;margin-right:20px;}
.chinese {float:left;background:url(../images/chineseImg.gif) no-repeat left;padding-left:25px;width:50px;}

.login {width:370px;float:left;text-align:center}
.login span {margin-left:20px;font-weight:bold}

.topOther {width:300px;float:left;overflow:hidden;_overflow:visible;_height:10px;}
.topOther ul li {background:url(../images/topInon.gif) no-repeat left;margin-left:15px;float:left;padding-left:12px;}
/* top  end */

/* nav */
.nav {width:950px;margin-bottom:10px;}

/* logo */
.logo{height:65px;}
.logo1 {height:55px; float:left;padding-top:10px;}
.quick {height:20px;width:360px;float:right;margin-top:45px;}
.quick ul li {background:url(../images/logoQuickHeart.gif) no-repeat left;float:left;}
.quick ul li a {padding-left:20px;margin-right:15px;}

/* search */
.search{ height:61px; background:url(../images/searchBg.gif) no-repeat;}
.searchTop {height:26px;line-height:26px;float:right;width:570px;}
.searchTop ul li {background:url(../images/hotnewsInon.gif) no-repeat left;padding-left:10px;width:220px;float:left;margin-right:10px;text-align:left;}

.searchBottom {height:35px;line-height:35px;clear:both;}
.searchName {font-weight:bold;color:#FFFFFF;float:left;width:180px;}
.searchText {float:left;padding-left:95px;}
.searchT {float:left;width:395px;padding-top:7px;}
.searchT input {width:380px;}
.searchb {float:left;padding-top:7px;}
.searchButton {float:left;height:30px;margin-top:2px;margin-left:15px;}
.searchButton a {margin:0px 3px;}

/* subNav start */
.subNav{ width:950px; height:32px; background:url(../images/navMain.gif) repeat-x; margin-top:13px;}
.navName{ width:236px; height:32px; float:left; background:url(../images/navName.gif) no-repeat;}
.navMain{ float:right; font-size:14px; font-weight:bold; line-height:32px; color:#FFFFFF; margin-right:10px;}
.navMain a {margin:0px 10px;}
/* subNav end */

/* base  start */
.base{ width:950px; margin:0 auto;text-align: center;}

/* content start */
.content{ width:950px;overflow:hidden;_overflow:visible;_height:10px;}



/* content start */
.content{ width:950px;}

/* left start */
.left{ float:left; width:180px; margin-right:10px; _display:inline; margin-top:4px;}

/* categories start */
.categories{ width:180px; height:375px;}
.categoriesT{ height:20px; width:180px; background:url(../images/ccategoriesT.gif) no-repeat; padding-top:12px;}
.categoriesT a{ font-weight:bold; margin-left:23px;}
.categoriesCa{ height:313px; border:1px solid #FFB64B; border-top:none; width:178px;}
.categoriesCa div{ font-size:14px; text-align:left; padding:6px 0px;margin:0px 6px;}
.categoriesCa div img{ margin-right:7px;}
.categoriesB{ height:30px; line-height:30px; border:1px solid #FFB64B; border-top:none; background:url(../images/categoriesB.gif) no-repeat; color:#62140A; font-weight:bold;}
.apply{ margin-top:13px;}
.applyT{ height:22px; background-color:#314C81; line-height:22px; color:#FFFFFF; font-weight:bold;}
.applyB{ height:22px; border:1px solid #BBD3E7; border-top:none; margin-top:1px; line-height:22px; font-weight:bold;}

.contentR{ width:760px; float:left;overflow:hidden;_overflow:visible;_height:10px;}

/* 位置 */
.position {background:url(../images/position.gif) no-repeat left;padding-left:25px;text-align:left;margin-bottom:10px;}

/* 物料搜索 */
.hotSearch{ clear:both; margin-top:5px;}
.hotSearch span{ font-weight:bold; color:#FF6600;}

/* nextPage */
DIV.nextPage {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;float:right;padding-bottom:10px;}
DIV.nextPage A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.nextPage A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.nextPage SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.nextPage SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}
