/*=================================================================================
=       Style Name:style.css                    Custom:四川雷鸣生物环保工程有限公司   =
=       Author: Fandt                           Date:2007-10-12                   =
=       Email: fandt@coodu.cn                   Add:Zigong City                   =
=       http://www.zhaojiang.org                     WebSite:www.chinagufei.com        =
=       版权所有，请勿用于商业用途       Copyright Zhaojiang.Org All Rights Reserved  =
=================================================================================*/
@import "layout4_text.css";


/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;text-decoration:none;}
 body {
 font-size:62.5%; 
 background-color:rgb(255,255,255); 
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 } 
.page-container {
width:900px; 
margin:0px auto;
margin-top:10px;
margin-bottom:10px;
border:solid 1px rgb(150,150,150); 
font-size:1.0em;
}
.main {
clear:both; 
width:900px; 
padding-bottom:30px; 
background:transparent url(../images/bg_main_withnav.jpg) top left repeat-y;
}
.main-navigation {
display:inline /*Fix IE floating margin bug*/; 
float:left; 
width:200px; 
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;
}
.main-content {
display:inline; /*Fix IE floating margin bug*/; 
float:left; 
width:440px; 
margin:0 0 0 30px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;}
.main-subcontent {
display:inline /*Fix IE floating margin bug*/; 
float:right;
width:185px;
margin:0 15px 0 0; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
}
.footer {
clear:both;
width:900px; 
padding:1.0em 0 1.0em 0;
background:rgb(225,225,225) url(../images/bg_foot.jpg) no-repeat;
font-size:1.0em;
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */

/*search*/
.nav_searchInput {
width:300px;
padding:1px;
border:1px solid rgb(0,128,0);
background:#fafafa;	
margin-left:200px;
}
.search_submit {
margin-bottom:-10px;
margin-bottom:-7px;
margin-left:3px;			
}
/* HEADER */
.header {
width:900px; 
font-family:"trebuchet ms",arial,sans-serif;
}
.header-top {
width:900px; 
height:80px; 
background:rgb(240,240,240) url(../images/bg_head_top.jpg); 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;}
.header-middle {
width:900px; 
height:150px; 
background:rgb(230,230,230) url(../images/bg_head_middle.jpg);
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/;}
.header-bottom {
width:900px; 
height:40px; 
background:rgb(255,255,255) url(../images/bg_head_breadcrumbs.jpg) repeat-y;
}
.header-breadcrumbs {
clear:both;
width:900px; 
font-size:1.2em;
padding:1.0em 0 1.5em 0;
background:rgb(255,255,255) url(../images/bg_head_banner.jpg) repeat-y;
}

/********************/
/*  HEADER SECTION  */
/********************/
.sitename {
width:400px;
height:45px; 
position:absolute;
z-index:1;
margin:20px 0 0 20px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
}
.sitename img{
border:none;
}
.sitename h1 {
font-size:240%;
z-index:-999px
}
.sitename h2 {
margin:-4px 0 0 0; 
color:rgb(0,147,63);  
font-size:120%;
}
.sitename a {
text-decoration:none; 
color:rgb(125,125,125);
}
.sitename a:hover {
text-decoration:none; 
color:rgb(50,50,50);
}

.nav0 {
width:350px; 
position:absolute; 
z-index:2; 
margin:25px 0 0 0; 
margin-left:550px !important/*Non-IE6*/; 
margin-left:553px /*IE6*/;
}
.nav0 ul {
float:right; 
padding:0 20px 0 0;
}
.nav0 li {
display:inline;
list-style:none;
}
.nav0 li a {
padding:0 0 0 3px;
}
.nav0 a:hover {
text-decoration:none;
}
.nav0 a img {
height:14px;
border:none;
}

.nav1 {
width:350px; 
position:absolute; 
z-index:3; 
margin:45px 0 0 550px;
}
.nav1 ul {
float:right; 
padding:0 15px 0 0;
font-weight:bold;
}	
.nav1 li {
display:inline; 
list-style:none;
}
.nav1 li a {
display:block; 
float:left; 
padding:2px 5px 2px 5px;
color:rgb(125,125,125);
text-decoration:none; 
font-size:12px;
}
.nav1 a:hover {
text-decoration:none; 
color:rgb(50,50,50);
}

.sitemessage {
width:400px; 
height:120px;
position:absolute;
z-index:1; 
margin:20px 0 0 480px; 
color:rgb(234,239,247); 
/*overflow:visible !important /*Activate if Firefox print problems*/;
overflow:hidden /*IE6*/;
}
.sitemessage h1 {
width:400px;
text-align:right; 
font-size:230%;
}
.sitemessage h2 {
float:right; 
width:320px;
margin:8px 0 0 0;
text-align:right; 
line-height:100%;
font-size:160%;
}
.sitemessage h3 {
float:right; 
width:320px; 
margin:10px 0 0 0;
text-align:right; 
font-size:140%;
}
.sitemessage h3 a {
text-decoration:none; 
color:rgb(234,239,247);
}
.sitemessage h3 a:hover {
text-decoration:none; 
color:rgb(50,50,50);
}

/*Drop-down menu*/
#nav {
width:900px;
margin:0 auto;
background:url(../images/nav_bg.jpg) repeat-y;
}
#nav li {
text-align:center;
display:inline;
list-style-type: none;
}
#nav a {
width:11.11%;
font-size:1.4em;
font-weight: bold;
color:#666;
float: left;
border-bottom:1px solid #E0E0E0;
}
#nav a span {
display:block;
padding:13px 20px 9px 18px;
background: url(../images/nav_bg_right.gif) no-repeat right top;
}
#nav .last {
border-right: 1px solid #666;
}
#nav a:hover {
background-position: 0 -50px;
}
#nav a:hover span {
color:#fff;
background-position: 100% -50px;
padding-top: 14px;
padding-bottom:8px;
}


} /*Color subcells hovering mode*/

.header-breadcrumbs ul {
float:left; 
width:560px;
list-style:none;
padding:0 0 0 15px; 
font-family:verdana,arial,sans-serif;
}
.header-breadcrumbs ul li {
display:inline; 
padding:0 0 0 10px; 
background:transparent url(../images/bg_bullet_arrow.gif) no-repeat 0 50%; 
font-weight:bold;
color:rgb(125,125,125); 
font-size:100%;
}
.header-breadcrumbs ul a {
color:rgb(70,122,167); 
text-decoration:none;
}
.header-breadcrumbs ul a:hover {
color:rgb(42,90,138); 
text-decoration:underline;
}

.header-breadcrumbs .searchform {
float:right; 
width:285px;
padding:0 17px 0px 0px !important /*Non-IE6*/; 
padding:0 12px 0px 0px /*IE6*/;
}
.header-breadcrumbs .searchform form fieldset {
float:right; 
border:none;
}
.header-breadcrumbs .searchform input.field {
width:10.0em; 
padding:0.2em 0 0.2em 0; 
border:1px solid rgb(200,200,200);
font-family:verdana,arial,sans-serif;
font-size:120%; 
}
.header-breadcrumbs .searchform input.button {
width:3.0em; 
padding:1px !important /*Non-IE6*/;
padding:0 /*IE6*/; 
background:rgb(230,230,230);
border:solid 1px rgb(150,150,150); 
text-align:center; 
font-family:verdana,arial,sans-serif; 
color:rgb(150,150,150); 
font-size:120%;
}
.header-breadcrumbs .searchform input.button:hover {
cursor:pointer; 
border:solid 1px rgb(80,80,80); 
background:rgb(220,220,220); 
color:rgb(80,80,80);
}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {
width:10px; 
height:10px; 
position:absolute; 
z-index:100; 
margin:0 0 0 190px;
background:url(../images/bg_corner_topright.gif) no-repeat;
}

#shopSmallpic{
margin:0;
padding:0;
list-style:none;
}
#shopSmallpic li{
width:98%; 
margin-right:1%;
background:none;
float:left;
}
#shopSmallpic span{
clear:both;
display:block;
}
/* MAIN CONTENT */
.column1-unit {
width:440px; 
margin-bottom:10px !important /*Non-IE6*/;
margin-bottom:5px /*IE6*/;
}
.column2-unit-left {
float:left;
width:200px; 
margin-bottom:10px !important /*Non-IE6*/; 
margin-bottom:5px /*IE6*/;
}
.column2-unit-right {
float:right; 
width:200px;
margin-bottom:10px !important /*Non-IE6*/; 
margin-bottom:5px /*IE6*/;
}
.column3-unit-left {
float:left; 
width:120px; 
margin-bottom:10px !important /*Non-IE6*/; 
margin-bottom:5px /*IE6*/;
}
.column3-unit-middle {
float:left; 
width:120px;
margin-bottom:10px !important /*Non-IE6*/; 
margin-bottom:5px /*IE6*/; 
margin-left:40px;
}
.column3-unit-right {
float:right;
width:120px; 
margin-bottom:10px !important /*Non-IE6*/;
margin-bottom:5px /*IE6*/;
}

/* MAIN SUBCONTENT */
.subcontent-unit-border {
width:183px; 
margin:0 0 1.0em 0; 
padding:0 0 5px 0;
border:solid 1px rgb(190,190,190); 
background:rgb(235,235,235);
}
.subcontent-unit-border-green {
width:183px;
margin:0 0 0.5em 0; 
padding:0 0 0px 0px; 
border:solid 1px rgb(160,214,81); 
background-color:rgb(217,239,185);
}
.subcontent-unit-border-green p img {
border-style: none;
}
.subcontent-unit-border-blue  {
width:183px; 
margin:0 0 0.5em 0; 
padding:0 0 10px 0; 
border:solid 1px rgb(137,170,214);
background-color:rgb(213,225,240);
}

.subcontent-unit-noborder {
width:185px; 
margin:0 0 2.5em 0; 
padding:0 0 10px 0; 
background:rgb(235,235,235);
}
.subcontent-unit-noborder-green {
width:185px;
margin:0 0 0.5em 0; 
padding:0 0 10px 0; 
background-color:rgb(217,239,185);
}
.subcontent-unit-noborder-blue  {
width:185px;
margin:0 0 2.5em 0;
padding:0 0 10px 0; 
background-color:rgb(213,225,240);
}
.agent{
position:absolute;
width:185px;
height:600px;
float:right;
margin:0;
padding:0; 
}
.agentps{
width:185px;
height:600px;
margin:0 0 2.5em 0;
padding:0 0 10px 0; 
background:#A0D651;
}
.round-border-topleft {
width:10px;
height:10px;
position:absolute;
z-index:100;
background:url(../images/bg_corner_topleft.gif) no-repeat;
margin-top:-1px; 
margin-left:-1px;
}
.round-border-topright {
width:10px;
height:10px; 
position:absolute;
z-index:100; 
background:url(../images/bg_corner_topright.gif) no-repeat; 
margin-top:-1px; 
margin-left:174px;
}
.round-noborder-topleft {
width:10px; 
height:10px; 
position:absolute;
z-index:100;
background:url(../images/bg_corner_topleft.gif) no-repeat;
margin-top:0px; 
margin-left:0px;
}
.round-noborder-topright {
width:10px; 
height:10px; 
position:absolute; 
z-index:100;
background:url(../images/bg_corner_topright.gif) no-repeat;
margin-top:0px; 
margin-left:175px;
}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {
	line-height:1.3em;
	text-align:center;
	color:#666;
	font-weight:bold;
	font-size:110%;
	
}
.footer p.credits {
	font-weight:normal;
	
}
.footer a {
	text-decoration:none;
	color:#467AA7;
	
}
.footer a:hover {
	text-decoration:underline;
	color:#64C247;
	
}
.footer a:visited {
	color:#467AA7;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {
content:"."; 
display:block;
height:0;
clear:both; 
visibility:hidden;
}
.main-subcontent p{
text-indent:18px
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {
content:".";
display:block;
height:0; 
clear:both; 
visibility:hidden;
}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after{
content:"."; 
display:block; 
height:0;
clear:both; 
visibility:hidden;
}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}
.clear-contentunit {
clear:both;
width:440px;
height:0.1em;
border:none; 
background:rgb(217,239,185); 
color:rgb(217,239,185);
}

/*Add on 2007-05-07*/
#sideMenu{}
.main-navigation #sideMenu{ 
margin:0; 
padding-top:15px;
}
.main-navigation #sideMenu li{ 
line-height:30px; 
list-style:none; 
background: url(images/sidemenu_icon.gif) 16px 0.66em no-repeat;
border-bottom:#efefef 1px solid;
padding-left:35px;
}
.main-navigation #sideMenu li a:link,#sideMenu ul li a:visited{
color:#666; 
background-color:transparent; 
text-decoration:none;
}
.main-navigation #sideMenu li a:hover{ 
color:#ff0000; 
text-decoration:none;
}
#indexProList{
margin:0; 
padding:0; 
list-style:none;
}
#indexProList li{
width:30%; 
padding:0;
margin-right:1%;
background:none;
float:left;
}
#indexProList a span{ /*margin-right:-20px;*/ 
display:block; 
text-align:center;
}


#indexNewsList{
margin:0; 
padding:0; 
list-style:none;
}
#indexNewsList li{
width:48%; 
padding:0;
margin-right:1%;
background:none;
float:left;
list-style-type:none;
}
#indexNewsList a span{ /*margin-right:-20px;*/ 
display:block; 
text-align:center;
}
/*20070929*/
.more{ 
margin-top:-25px;
float:right;
}
.more a{ 
color: #336699; 
text-decoration:none; 
font-size:12px;
}
#prosrc{ 
height: 120px; 
width: 440px;
}
#scroll{
float: left; 
overflow:hidden; 
height: 120px;
width: 440px;
}
#inscroll {
float: left; 
width: 800%;
margin-top:10px;
}
#scroll1 { 
float: left; 
margin: 0;
}
#scroll2 {
float: left;
}
#scroll img{
height: 100px; 
width: 120px; 
border: 0px solid #CCCCCC; 
margin-right:4px;
}
#scroll li{
float:left; 
list-style-type: none;
}
.links{ 
width:410px;
float:left;
padding:0 0 0 30px;
}
.links p{
margin:0; 
padding:0; 
line-height:18px;
}
.links p img{
border-style: none;
}
.welcome{
padding-left:3%;
background:url(../images/arrow01.gif) 10px top  no-repeat;
color:rgb(0,128,0);
}
/*end Add
------------------------------------------------------------------------*/

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {
width:900px; 
height:80px; 
background:rgb(240,240,240); 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;}
}
@media print {.header-breadcrumbs {
width:900px; 
background:transparent;}
}
@media print {.nav2 {
float:left; 
width:900px;
border:none;
background:rgb(240,240,240);
color:rgb(75,75,75); 
font-size:1.0em; font-size:130%;}
} /*Color navigation bar normal mode*/
@media print {.main {
clear:both;
width:900px;
padding-bottom:30px; 
background:transparent;}
}
@media print {.main-navigation {
display:inline /*Fix IE floating margin bug*/; 
float:left; 
width:199px; 
border-right:solid 1px rgb(200,200,200);
border-bottom:solid 1px rgb(200,200,200);
background-color:rgb(240,240,240); 
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE*/;}
}
@media print {.footer {
clear:both;
width:900px; 
height:3.7em; 
padding:1.1em 0 0;
background:rgb(240,240,240);
font-size:1.0em; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;}
}

.special {font-size:12px;margin:5px auto;}