/*
-----------------------------------------------
Style Sheet

Site: fangyuan
Author:   Cary    
E-mail:cary@zjidc.com.cn,astx2003@hotmail.com
Tel;0086-0571-56833683
Version:  2007.2
----------------------------------------------- */

/*
¹«¹²Ñùʽ --------------------- */

* {
margin:0;
padding:0;
}


html, body, div, p {
font-family:Arial, Helvetica, sans-serif;
color: #000;
font-size:12px;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-weight:normal;
}

h3,h4,h5,h6 {
	font-weight:bold;
}


table{
border-collapse:collapse; 
}



td {padding:15px;}

table.table_content{
border-collapse:collapse;
border:solid;
font-size:11px;
}

td.td_i {
text-align: center
}

td.td_tech {
padding:5px; 
text-align: center
}

td.td_tech2 {
padding:2px; 
text-align: center
}


body {
background: #fff;
}

#container{
width:1004px;
}
/*
Á´½ÓÑùʽ--------------------- */

a{
color:#000;
}

a:link, a:active, a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

a img {
	border-width: 0; 
	border-style: none;
}





/*
¶¥²¿Ñùʽ --------------------- */

#masthead{
position:relative;
width:100%;
}


#logo{
position:relative;
width:100%;
background:url(/bitrix/templates/eps/i/itcor_sotrud.gif) no-repeat 275px 21px;
height:70px;
}

#logo img{
position:absolute;
left:37px;
top:5px;
}
#logo img.itcor{
position:absolute;
left:135px;
top:10px;
}

#logo ul{
position: absolute;
width:80px;
list-style-type:none;
margin-top:5px;
top: 0;
right: 0;
}

#logo li{
  padding: 2px;
}
#logo ul img {
  position: static;
}

#nav{
float:left;
width:100%;
height:26px;
}

#nav div{
float:left;
margin-top:8px;
width:568px;
height:18px;
background:#707070 url(/bitrix/templates/eps/i/top_bg.jpg) no-repeat right center;
}

#nav ul{
float:left;
list-style-type:none;
}

#nav li{
float:left;
background:url(/bitrix/templates/eps/i/nav_right.jpg) no-repeat right center;
margin-left:2px;
height:26px;
}

#nav a{
line-height:26px;
background:url(/bitrix/templates/eps/i/nav_left.jpg) no-repeat left center;
padding:0 7px;
display:block;
}

#search{
float:left;
background:#707070 url(/bitrix/templates/eps/i/search.jpg) 622px 12px no-repeat;
height:32px;
width:100%;

}

.keyword{
float:left;
margin-left:680px;
margin-top:8px;
height:16px;
border:0px;
}

.search{
float:left;
margin-left:5px;
margin-top:8px;
}

/*
×ó±ßĿ¼Ñùʽ --------------------- */

#sidebar{
float:left;
width:158px;
margin-left:12px;
display:inline;
}


#sidebar label{
float:left;
height:36px;
width:158px;
margin-top:13px;
text-align:center;
font-weight:bold;
font-size:13px;
line-height:36px;
text-indent:-9000px;
}

#company{
background:#707070 url(/bitrix/templates/eps/i/company.jpg) no-repeat 50% 50%;
}

#catalog{
background:#707070;
text-indent:0 !important;
color: #FFF;
}

.navul{
float:left;
}

#sidebar ul{
list-style-type:none;
background:#ececec;
width:158px;
}

#sidebar ul li{
height:28px;
width:158px;
display:inline;
}

#sidebar ul li a{
line-height:28px;
display:block;
width:158px;
line-height:28px;
}


#sidebar .anav{
background:url(/bitrix/templates/eps/i/left_bg_b.jpg) no-repeat 10px 10px;;
padding-left:40px;
width:118px;
}

#sidebar .anav:hover{
background:#fff url(/bitrix/templates/eps/i/left_bg_b.jpg) no-repeat 10px 10px;;
}

.nav:hover{
background:#fff url(/bitrix/templates/eps/i/left_bg_b.jpg) no-repeat 6% 50%;
}

.nav{
text-indent:28px;
background:url(/bitrix/templates/eps/i/left_bg_b.jpg) no-repeat 6% 50%;
}

.snav{
text-indent:28px;
background:url(/bitrix/templates/eps/i/left_bg_s.jpg) no-repeat 6% 50%;
}

.snav:hover{
background:#fff url(/bitrix/templates/eps/i/left_bg_s.jpg) no-repeat 6% 50%;
}

/*
Ö÷ÒªÄÚÈÝÑùʽ --------------------- */

#content{
float:left;
margin-left:9px;
margin-top:12px;
width:820px;
display:inline;
padding-bottom:30px;
}

#headerImage{
float:left;
width:100%;
height:168px;
}

.as{
float:left;
width:100%;
height:168px;
background:url(/bitrix/templates/eps/i/products.jpg) no-repeat 2px 0px;
}

.default #headerImage{
background:url(/bitrix/templates/eps/i/itcor_backgrnd.gif) no-repeat 2px 0px;
}

.company #headerImage{
background:url(/bitrix/templates/eps/i/company1.jpg) no-repeat 2px 0px;
}

.inquiry #headerImage{
background:url(/bitrix/templates/eps/i/inquiry.jpg) no-repeat 2px 0px;
}

.projects #headerImage{
background:url(/bitrix/templates/eps/i/projects.jpg) no-repeat 2px 0px;
}

.service #headerImage{
background:url(/bitrix/templates/eps/i/service.jpg) no-repeat 2px 0px;
}

.video #headerImage{
background:url(/bitrix/templates/eps/i/video.jpg) no-repeat 2px 0px;
}

.products #headerImage{
background:url(/bitrix/templates/eps/i/automatic_shape.jpg) no-repeat 2px 0px;
}

#header{
float:left;
width:100%;
height:33px;
background:url(/bitrix/templates/eps/i/bg_header.jpg) no-repeat left top;
}

#header label{
float:left;
display:inline;
width:800px;
margin-left:15px;
height:33px;
line-height:33px;
font-weight:bold;
}

.default #header label{
}

.company #header label{
background:url(/bitrix/templates/eps/i/company2.jpg) no-repeat left center;
}

.inquiry #header label{
background:url(/bitrix/templates/eps/i/inquiry1.jpg) no-repeat left center;
}

.service #header label{
background:url(/bitrix/templates/eps/i/service1.jpg) no-repeat left center;
}

.projects #header label{
background:url(/bitrix/templates/eps/i/projects1.jpg) no-repeat left center;
}

.video #header label{
background:url(/bitrix/templates/eps/i/video1.jpg) no-repeat left center;
}

.products #header label{
background:url(/bitrix/templates/eps/i/products1.jpg) no-repeat left center;
}


#sheader{
float:left;
width:100%;
height:11px;
margin:20px 0;
}

#sheader label{
float:left;
font-weight:bold;
font-size:14px;
margin-left:18px;
display:inline;
text-indent:-9000px;
}

#sheader div{
float:left;
height:10px;
border-bottom:1px solid #B4B4B4;
width:300px;
margin-left:10px;
display:inline;
}
/*---С±êÌâ---*/
.about_us{
background:url(/bitrix/templates/eps/i/about_us.jpg) no-repeat left center;
width:75px;
height:11px;
}

.greeting{
background:url(/bitrix/templates/eps/i/greeting.jpg) no-repeat left center;
width:75px;
height:14px;
}

.quality{
background:url(/bitrix/templates/eps/i/quality1.jpg) no-repeat left center;
width:61px;
height:14px;
}

.sales{
background:url(/bitrix/templates/eps/i/sales.jpg) no-repeat left center;
width:48px;
height:11px;
}

.production{
background:url(/bitrix/templates/eps/i/production.jpg) no-repeat left center;
width:88px;
height:11px;
}

.foam_factory{
background:url(/bitrix/templates/eps/i/foam_factory.jpg) no-repeat left center;
width:109px;
height:14px;
}

.inquiry1{
background:url(/bitrix/templates/eps/i/inquiry2.jpg) no-repeat left center;
width:66px;
height:14px;
}

.projects1{
background:url(/bitrix/templates/eps/i/projects2.jpg) no-repeat left center;
width:77px;
height:14px;
}

.service1{
background:url(/bitrix/templates/eps/i/service2.jpg) no-repeat left center;
width:136px;
height:11px;
}

.video1{
background:url(/bitrix/templates/eps/i/video2.jpg) no-repeat left center;
width:55px;
height:11px;
}

#dabout{
float:left;
width:71%;
}
#dabout p{
margin-bottom:20px;
padding-left:10px;
margin-top:10px;
}

#dabout label{
width:94%;
text-align:right;
display:block;
}

#dvideo{
float:left;
margin-left:40px;
display:inline;
}

/*-----about_us------*/

#about,#greeting{
float:left;
width:94%;
margin-left:35px;
display:inline;
}

#quality{
float:left;
width:40%;
margin-left:35px;
margin-top:15px;
}

#about p,#greeting p,#quality p{
margin-top:10px;
margin-bottom:20px;
line-height:22px;
}

#about_img{
float:left;
width:100%;
background:url(/bitrix/templates/eps/i/about_us_img.jpg) no-repeat 50% 3%;
height:200px;
}

#greeting_txt{
text-align:right;
}

#quality_img{
float:left;
background:url(/bitrix/templates/eps/i/quality.jpg) no-repeat;
width:258px;
height:343px;
margin:15px 0 30px 70px;
display:inline;
}
/*-----sales-----*/
#salesnav{
float:left;
margin-left:50px;
margin-top:10px;
list-style-type:none;
}

#salesnav li{
float:left;
padding:0 20px;
background:url(/bitrix/templates/eps/i/reddot.jpg) no-repeat left center;
font-weight:bold;
}

#salesnav li a{
font-weight:normal;
text-decoration:underline;
}

#sales {
float:left;
width:100%;
height:550px;
}

.domestic{
background:url(/bitrix/templates/eps/i/distribution_home.jpg) no-repeat 40% 50%;
}

.international{
background:url(/bitrix/templates/eps/i/distribution_overseas.jpg) no-repeat 40% 50%;
}


#sales p{
float:left;
background:url(/bitrix/templates/eps/i/reddot.jpg) no-repeat 0px 5px;
margin-left:30px;
margin-top:15px;
display:inline;
padding-left:25px;
width:85%;
line-height:18px;
}

/*-----production------*/
#production,#foam{
float:left;
width:100%;
margin-top:20px;
}


.production1,.foam{
float:left;
background:url(/bitrix/templates/eps/i/bg_p.jpg) no-repeat left top;
width:252px;
margin:0 10px 15px 10px;
display:inline;
text-align:center;
}

#production img,#foam img{
float:left;
margin:11px 0 26px 11px;
}

.ws{
color:#333;
padding-left:18px;
background:url(/bitrix/templates/eps/i/reddot.jpg) no-repeat 0px 3px;
height:22px;
margin:0 auto;
}

/* -------- foam-factory ---------*/

/* ------projects--------*/

#projects{
float:left;
width:100%;
margin-top:15px;
}

.project{
float:left;
width:204px;
margin:0 0 50px 50px;
display:inline;
}

#projects img{
float:left;
width:204px;
margin-bottom:10px;
}

#projects label{
float:left;
width:204px;
text-align:center;
font-size:12px;
}

/*-------Service-------------*/
#service{
float:left;
width:82%;
margin-left:35px;
display:inline;
line-height:22px;
margin-top:10px;
}

.sp1{
color:#345497;
}
#service span{
display:block;
text-indent:105px;
}
#service p{
margin-bottom:25px;
}

/*------video------*/

#video{
float:left;
width:100%;
text-align:center;
padding:30px 0;
}

/*------products-----*/
#pheader{
float:left;
width:90%;
height:11px;
margin:20px 0;
background:url(/bitrix/templates/eps/i/dot1.jpg) no-repeat 2% 50%;
padding-left:4%;
}

#pheader label{
float:left;
line-height:24px;
}

#pheader label a{;
border:1px solid #fff;
line-height:24px;
padding:2px;
}

#pheader label a:hover{
border:1px dashed #679AC9;
text-decoration:none;
}

#products{
float:left;
width:100%;
}

.product{
float:left;
width:207px;
margin:0 20px 30px 30px;
display:inline;
}

#products img{
float:left;
}
.img_a a{
float:left;
border:1px solid #EAECEE;
width:205px;
}
.img_a a:hover{
border:1px solid #A8A8A8;
}

#products .product_name{
float:left;
line-height:20px;
width:207px;
margin-top:15px;
}

#products .view{
float:left;
line-height:30px;
width:207px;
background:url(/bitrix/templates/eps/i/view.jpg) no-repeat 38% 40%;
}

#noproduct{
float:left;
width:80%;
height:95px;
padding-left:35px;
}

#noproduct a{
text-decoration:underline;
}



    /*-- Products Details µÄÑùʽ--*/	
	
#pdetails{
float:left;
width:90%;
margin-left:33px;
display:inline;
}
.ppic{
float:left;
border:1px solid #EAECEE;
margin:30px 0;
}
.inow{
float:left;
margin-top:150px;
margin-left:15px;
display:inline;
}

#pdetails table{
float:left;
width:100%;
border: border:1px solid #666;
}
#pdetails caption{
color:#FFF;
background:#06c;
border:1px solid #666;
border-bottom:0px;
line-height:24px;
font-weight:bold;
}
#pdetails td{
color:#333;
line-height:24px;
border:1px solid #666;
text-align:center;
background:#F0F8FF;
}
#pdetails p{
float:left;
width:100%;
line-height:24px;
}

.pdetails{
float:left;
width:100%;
}

.pcatalog{
line-height:24px;
padding-right:5px;
font-weight:bold;
float:left;
text-align:left;
}

.pname{
line-height:24px;
float:left;
display:block;
height:24px;
}

.pname a{
line-height:24px;
border:1px solid #fff;
padding:2px;
}

.pname a:hover{
border:1px dashed #679AC9;
text-decoration:none;
}

#pbottom{
float:left;
width:100%;
line-height:40px;
text-align:right;
margin-right:-3px;
}

#pbottom a{
padding-right:15px;
}

/*----------inquiry-------------*/

#inquiry{
   float:left;
   width:85%;
   margin-left:40px;
   display:inline;
   }
   

#theForm {
   border:solid 0 transparent;
   }
#inquiry p{
   line-height:18px;
   width:100%;
   margin-top:20px;
   margin-bottom:25px;
   color:#0A3D78;
   }
.fieldsetdiv{
   margin-top:10px;
   margin-bottom:10px;
   width:100%;
   color:#333;
   }
legend {
   color:#0F0101;
   margin-bottom:20px;
   }
.cred{
  color:#FF0000;
  }
.t1{
  width:150px;
  border:1px solid #7F9DB9;
  } 
.t2{
  width:300px;
  border:1px solid #7F9DB9;
  }
 .t3{
  width:300px;
  border:1px solid #7F9DB9;
  height:150px;
  }
.lefr-label {
   float:left;
   width:150px;
   text-align:left;
   } 
 
.input1{
   border:1px solid #7F9DB9;
   width:200px;
   }
   
.rad {
   float:left;
   }
.p1{
   margin-left:400px;
   }
.p2{
   margin-left:100px;
   }   


 /*----featured_products----*/
 
#fsheader{
float:left;
width:100%;
height:11px;
margin:20px 0;
}

#fsheader label{
float:left;
font-weight:bold;
font-size:14px;
margin-left:18px;
display:inline;
text-indent:-9000px;
}

#fsheader div{
float:left;
height:10px;
border-bottom:1px solid #B4B4B4;
width:230px;
margin-left:10px;
display:inline;
}

.featured_products{
background:url(/bitrix/templates/eps/i/featured_products.jpg) no-repeat left center;
width:146px;
height:11px;
}

#featured_products{
float:left;
width:100%;
}

.fp{
float:left;
width:260px;
margin-left:10px;
display:inline;
}

.fpo{
float:left;
width:100%;
}
.fpo label{
float:left;
padding-right:8px;
}
.fpo div{
float:left;
display:block;
}
.view{
float:left;
width:35%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:30px;
background:url(/bitrix/templates/eps/i/view.jpg) no-repeat right center;
}

/*----·ÖÒ³Ñùʽ-----*/

#p1{
float:left;
width:100%;
}

#page {
    float:left;
	width:100%;
	text-align:center;
	margin-top:20px;
	}
	
#page-center{
margin-left:20px;
display:inline;
float:left;
}
	
#page ul{
    list-style:none;
	margin:0;
	padding:0;
	}
	
#page li {
    float:left;
	font-size:12px;
	padding:0 15px;
	height:24px;
	line-height:24px;
	color:#000;
	}
#page li a
{
	color:#83858C;
}
#page li a:hover
{
	text-decoration:underline;
}	


	 	
 /*
µ×²¿µÄÑùʽ ------------------------- */

#footer{
float:left;
width:100%;

}

#bottom-logo{
float:left;
width:169px;
border-top:1px solid #C6C6C6;
}

#bottom-logo img{
float:left;
margin-top:7px;
margin-left:29px;
display:inline;
}

#bottom-txt{
float:left;
width:833px;
border-top:1px solid #C6C6C6;
border-left:1px solid #C6C6C6;
background:#ECECEC;
padding:6px 0;
}

#bottom-txt p{
float:left;
margin-left:60px;
width:770px;
display:inline;
}

#bottom-txt label{
float:left;
padding-right:10px;
display:block;
line-height:24px;
}

#bottom-txt label a{
text-decoration:underline;
}





/*
±ØÐèµÄÑùʽ ------------------------- */
   /*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	





#advantages {
  padding: 15px;
  clear: both;
}
#advantages ul {
  margin: 0;
  padding: 15px;
}