@charset "utf-8";
/**------全局CSS定义-------**/
html{}
body{ margin:0; padding:0; font-family: verdana, arial, sans-serif;background:#ffffff;color:#111;font-size:11px }
img{border:0;}
a{color:#EE8222; text-decoration:none;}
a:hover{color:#EE8222; text-decoration:underline;}

.clear{clear:both;}
.float_left{float:left;text-align:center}
.float_right{float:right;text-align:center;width:150px}
h1{margin:0;padding:0;}
h2{margin:0;padding:0;font-size:11px;font-weight:lighter;clear:both}
/**------常用样式定义-------**/


.img-left {float: left;clear: both;margin-right: 16px;margin-bottom:10px}
.img-right {float: right;clear:both;margin-left: 16px;margin-bottom:10px}
.bigpic{width:350px}

.orange {color:#F17722;}
.bold{font-weight:bold}
.f11{font-size:11px}
.f14{font-size:14px;line-height:300%}

#container{ width:821px; margin:auto;padding:0}
/**------头部样式定义-------**/

#header{height:101px; margin:0;padding:0;}
#logo {display:block; /*position:absolute;*/ float:left; width: 250px; height: 79px; top:0; background: #FFF url(../imgs/logo.gif) 0 0 no-repeat; text-indent: -9999px;}
#global	{display:block; /*position:absolute; width: 571px; top: 0; */margin: 33px 0 0 0; float:right;}
#global li {float:left; font-size: 10px; font-family: arial, sans-serif; list-style:none}
#global li a {color:#aaa; display:block; float:left; padding: 2px 8px 0 7px; margin: 2px 0 0 0; border-right: 1px solid #aaa;}
#global li a:hover {color: #666;}
#global li.lang a {border-right:none; padding-right: 10px; margin-right: 9px; background: url(../imgs/arrowd.gif) 100% 6px no-repeat;}
#global ul {position:absolute;  z-index: 9000; border: 1px solid #aaa; padding:0; margin: -9999px 0 0 -1px;}
#global li:hover ul {margin-top: -2px;}
#global ul li {display:block; float:left; clear:both; background:#FFF;}
#global ul a {clear:both; float:left;  display:block; padding: 5px 5px 5px 8px; margin:0 !important; background:#FFF !important; border-top: 1px solid #c0c2c5; width: 112px;}
#global ul li:first-child a,#global ul li.first-child a	{border-top:transparent;}
#global ul a:hover {background: #f2f2f2 !important;}
#searchform {display:block; width: 129px;}
#searchfield {width: 99px; padding: 3px 3px 2px 6px; border: 1px solid #aaa; font-size: 10px; font-family: arial, sans-serif; float:left; color:#aaa;}
#main #emailsubmit,#searchsubmit {width: 16px; height: 17px; margin:0; border:none; padding:0; text-indent: -9999px; background: url(../imgs/arrow.gif) 0 0 no-repeat;}
#searchsubmit:hover {background-position: -16px 0;}

.nav {clear:both; position:absolute;  top: 0; margin: 79px 0 0 0; }
.nav ul {margin:0;padding:0}
.nav li	{display:block; float:left; border-right: 1px solid #FFF;}
.nav li a {display:block; height: 18px; padding: 4px 0 0 0; font-size: 11px; width: 147px; background: url(../imgs/navbg.gif) 0 0 repeat-x; text-transform:uppercase;border-bottom: 1px solid #FFF; color:#FFF; text-align:center; }
.nav li a.selected,.nav li:hover a {background-position: 0 -22px;text-decoration:none}
.nav .first a {width:147px}
.nav .second a {width: 78px}
.nav .third a {width: 217px}
.nav .forth a {width: 128px}
.nav .fifth a{width: 151px}
.nav .sixth a{border:none;width:95px}

/**------中间样式定义-------**/
#main{width: 821px; padding: 3px 0 10px 0; background:#FFF;margin:auto}

.b_about,.b_contact,.b_sitemap,.b_main,.b_tuna,.b_cuttlefish,.b_grouperfish,.b_processed,.b_search,.b_detail {margin-top:-2px;height:100px;background: url(../imgs/banner_about.jpg)}
#main .b_about {background: url(../imgs/banner_about.jpg)}
#main .b_contact {background: url(../imgs/banner_contact.jpg)}
#main .b_sitemap {background: url(../imgs/banner_sitemap.jpg)}
#main .b_main {background: url(../imgs/banner_main.jpg)}
#main .b_tuna {background: url(../imgs/banner_tuna.jpg)}
#main .b_cuttlefish {background: url(../imgs/banner_cuttlefish.jpg)}
#main .b_grouperfish {background: url(../imgs/banner_grouperfish.jpg)}
#main .b_processed {background: url(../imgs/banner_processed.jpg)}
#main .b_search {background: url(../imgs/banner_search.jpg)}
#main .b_detail {background: url(../imgs/banner_detail.jpg)}

#main .ileft {float:left;width:597px;margin:0}
.ileft .banner {width: 597px; height:205px;margin-bottom:3px}
.ileft .category {border:1px solid #ccc; width: 595px; margin: 6px 0 0 0;display:table}
.category ul {margin:0; padding:0;}
.category li {padding: 8px; border-top: 1px solid #e5e5e5; float:left; width: 579px;list-style:none}
.category li img{float:left; margin: 0 8px 0 0;width:50px;height:35px;}
.category li h3{font-weight:bold !important; font-size:10px;text-transform:uppercase; font-family: verdana !important;}
.category li h3 span {font-size: 15px; vertical-align: -1px;}
.category li p {font-size: 10px; line-height: 15px; margin-top: -15px;}
.category li p a{color:#333333}
.category li p a:hover{color:#EE8222}
.category li p a.orange{color:#F17722}
.category li:first-child,#main .category li.first-child{border:transparent;}
.ileft .iabout p{ width: 597px;font-size: 11px; line-height: 18px;}
.ileft .iabout p a{color:#333333}
.ileft .iabout p a:hover{color:#EE8222}

#main .sidebar {width: 208px; float:right;margin:0}
.sidebar h5 {width: 194px; height: 16px; margin-bottom:10px;margin-top:0;padding: 3px 0 0 15px; /*letter-spacing: -0.025em;-ws*/ background-color:#e0e7ee; text-transform:uppercase; color:#333;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif; font-weight:lighter;font-size:11px}
.sidebar p {margin:0;padding:0px 15px 10px 15px; font-size: 11px; line-height: 16px;color:#666;}
.sidebar p img {margin: 0 10px 0 0;}
.sidebar p a{color:#333333}
.sidebar p a:hover{color:#EE8222}
.sidebar p a.orange{color:#F17722}

#main .left {float:left;width:184px;}
.left h5 {width: 167px; /*letter-spacing: -0.025em;-ws*/ height: 17px; background-color:#6688ab; text-transform:uppercase; font-weight:normal; padding: 3px 0 0 11px; color:#FFF;font-size:11px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif; font-weight:lighter;margin-top: 20px;margin-bottom:0}
.left .secnav {width:178px;display:block; border-bottom: 2px solid #d4dae4; margin: 0 0 20px 0;}
.secnav ul {margin:0;padding:0;list-style:none}
.secnav li {display:block; border-top: 1px solid #d4dae4; padding-bottom: 3px; }
.secnav li a {display:block; padding: 6px 0px 1px 11px; min-height: 14px; font-size: 11px; color:#555;}
.secnav li a:hover {font-weight:bold;text-decoration:none}
.secnav li a.selected{font-weight:bold;color:#F17722;}
.left p{margin:0;padding:10px 15px 10px 11px; font-size: 11px; line-height: 16px;color:#666;}

#main .right {float:left;width:605px;background: url(../imgs/dot.gif) left repeat-y;padding: 20px 0 10px 13px;}
.right h1 {font-size: 17px; color:#113377; margin: 0 0 10px 0; letter-spacing: 0.025em;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, sans-serif; font-weight:lighter;}
.right p {margin:0;padding-bottom:20px; font-size: 11px; line-height: 18px;}
.right p a{color:#333333}
.right p a:hover{color:#EE8222}
.right .contactinfo{background:#efefef;width:360px;padding:5px}
.formdiv span{float:left;width:60px;text-align:right;padding-right:10px;line-height:24px}
.right .list ul{margin:0;padding:0}
.list ul li{list-style:none;float:left;text-align:center;width:25%;margin:0;padding-top:20px;height:160px}
.list ul li img{list-style:none;width:100px;height:100px;padding:4px}
.list ul li a{color:#333333}
.list ul li a:hover{color:#ee8222}
.right .page{margin-top:10px;padding:0;width:525px;border-top:1px solid #aaaaaa;}
.right .page ul{margin-left:80px;padding:0;clear:both;}
.page ul li{list-style:none;float:left;text-align:center;padding:5px;margin:0px;}
.right .productimg{width:200px;}
.right .prodetail img{max-width:560px}
/**------底部样式定义-------**/
#bottom{clear:both;width:100%;margin-top:10px;border-top:1px solid #cccccc;padding:0;font-size:10px;display:table}
#bottom p{color:#666;margin-bottom:25px;margin-top:10px}
#bottom ul{float:right;text-align:right;line-height:18px;margin-top:-40px}
#bottom a {color:#666;}
#bottom a:hover {color: #333;}