@charset "utf-8";

*{margin:0;}


*{margin:0;}

html{
	background:white;
	
	}
	

.clr{clear:both;}
.fleft{float:left;}
.fright{float:right;}

body{
	font-family: Verdana, Helvetica, Arial, Sans serif;
	font-size:10px;
	color:#000;	
	background:#fff;
	background: linear-gradient(-180deg, #fff, #99ccff, #fff);
	
}



#container{
	width:988px;
	margin:auto;/*выравнивание по центру*/
	padding:0;
	background:#fff;
	border-right:1px solid #cedfee;
	border-left:1px solid #cedfee;
	
}

#header{
	height:120px;
	background:#fff;
	position:relative;
	}
	.logo{
		height:100px;
		margin-top:20px;
		width:300px;
		position:relative;
		float:left;
		left:40px;
		
	}
	.input{
		height:64px;
		width:270px;
		position:absolute;
		float:left;
		left:700px;
		margin:0;
		bottom:25px;
	}
	
#mainmenu{
width:100%;
height:40px;
margin:0;
clear:both;
position:relative;
padding:0;
}
#mainmenu ul{
	list-style:none;
	height:100%;
	margin:0;
	padding:0;
	border-top:2px solid #024DA2;
	border-bottom:2px solid #024DA2;
	float:left;
	background:#F5F5F5;
	width:100%;	
}

/* Ниже идут основные пункты меню*/

#mainmenu ul li{
	float:left;
	position:relative;
	height:100%;
	left:25%;
	}
	
#mainmenu ul li a{
	display:block;
	padding:11px 30px;
	margin:0;
	text-decoration:none;
	color:#1E0E2D;
	font-weight: 100;
	font-size:11pt;
	
}

#mainmenu ul li a.active{
	color:#fff;
	background-color:#000066;
}

#mainmenu li:hover a{
	background:#024DA2;
	color:white;
	}

#mainmenu ul li a:hover{
	background:#000066;
	color:white;
}

/* Ниже идут выпадающие пункты меню*/

#mainmenu ul li ul{
	float:left;
	position:absolute;
	display:none; /* дописала это и получилось выпадающее */
	}

#mainmenu ul li > ul li{
	width:200px;
	display: inline-block;
	position: relative;
	z-index:5;
	display:block;
	
  
}
	
#mainmenu ul li ul> li a{
	text-decoration:none;
	color:white;
	font-weight:lighter;
	float:left;
	position:relative;
	width:138px;
	border-top:1px solid #ffffff;
	background:#024DA2; /*  #024DA2; для выпадающего меню */
	}


#mainmenu ul li:hover ul{
	display:block;
	}

#mainmenu li{
	display: table-cell;
	text-align: center;
}
#mainmenu ul li{
	 display: block;
	text-align:left;
}




#slider{
height:300px;
/* width:988; */
background:white;
position:relative;
clear:both;
vertical-align:center;
padding:0px;

}


#content{
      width:100%;
	  margin:0px auto;
	  overflow:auto;
	  border-top:20px solid #6699cc;
	  background:#fff;
	 
	  }


.contect{
    width:960px;
	margin:0px auto;
	overflow:auto;
	} 
	
.contect .mainheading{
	   background: blue repeat-x scroll center center transparent;
   	   float: left;
       margin: 50px 0 10px 0px;
       text-align: center;
       width: 100%;
	  }
.contect span{
    background-color: #FFFFFF;
    color: #656565;
    padding: 0 40px;
    text-align: center;
	font:normal 35px 'PT Sans', sans-serif;
} 


.contect p{
    font:normal 26px 'Open Sans Condensed', sans-serif;
	color:#5a5a5a;
	text-align:center;
	clear:both;
	}
	
.contect .productlist{
       width:960px;
	   margin:0px auto;
	   }
	   
.contect .productlist ul{
     width:auto;
	 margin:50px 0px;
	 }  
	 
.contect .productlist ul li{
     width:180px;
	 float:left;
	 list-style:none;
	 margin:0px 10px;
	 }
.contect .productlist ul li a{
     width:180px;
	 float:left;
	 list-style:none;
	 margin:0px 10px;
	 }
	 
.contect .productlist ul li a p{
     width:auto;
	 line-height:25px;
	 width:180px;
	 text-align:center;
	 font: normal 18px 'PT Sans', sans-serif;
	 }
	 
.contect .productlist ul li a p:hover{
    color:#cf0327;
	 }


.contect .profileblock{
		width:960px;
	   margin:50px auto;
	   border-radius:4px;
	   border:1px solid #e3e2e2;
	   float:left;
	   background:#f9f9f9;
	   }
	   
.contect .chemprofile{
      width:465px;
	   float:left;
	   margin:20px 15px 20px 20px;
	   }
	   
.chemprofile h3{
	color:#343333; 
	background: url("profilehdline.png") no-repeat scroll left bottom transparent;
	color: #343333;
	margin-bottom: 20px;
	padding-bottom: 8px;
	font: normal 20px 'PT Sans', sans-serif; 
	 
	 } 
	 
.chemprofileimg {
     float:left;
	 width:208px;
	 margin-right:15px;
	 }
.chemprofilecont{
		width:240px;
		float:left;
		padding:0px;
		margin:0px;
		}	 

.chemprofile p{
     float:left;
	  font: normal 13px 'PT Sans', sans-serif; 
	  color:#343333; 
	  text-align:left;
	  width:230px;
	  line-height:18px;
	  
	 }
	 
	 
.chemprofilecont ul{
     float:left;
	 list-style:none;
	 margin:20px 0px;
	 }
	 
.chemprofilecont ul li{
      background:url(profile-li.png) no-repeat 0em 0.4em;
	  font: normal 14px 'PT Sans', sans-serif; 
	  color:#343333; 
	  padding-left:20px;
	  list-style:none;
	  width:208px;
	  text-align:left;
	 }
	 
.redbut{
     width:auto;
	 float:right;
	 margin-top:20px;
	 }
	 
.redbut a{
    width:auto;
	 background:#cf0327;
	 padding:0px 5px;
	 font: normal 12px 'PT Sans', sans-serif;
	 color:#FFFFFF;
	 float:right;
	 line-height:25px;
	 margin-right:10px;
	}

.redbut a:hover{
    width:auto;
	 background:#656565;
	 padding:0px 5px;
	 font: normal 12px 'PT Sans', sans-serif;
	 color:#FFFFFF;
	 float:right;
	 line-height:25px;
	 margin-right:10px;
	}
	
	
	
	
	
.contactimg{
   width:100%;
   float:left;
   height:236px;
   margin-bottom:25px;
}		 
	 
.contect h2{
    background: no-repeat scroll 0em 1.6em transparent;
    color: #191970;
	font:normal 24px Verdana, Helvetica, Arial, sans-serif;	
	padding:20px 0px 0px 20px;
}

	 

.inpage{
    width:100%;
	padding:0px 0px 20px 0px;
	float:left;
	}
.inpage h1{
     font-size:20px;
	 color:#cf0327;
	 text-transform:uppercase;
	 margin:10px 0px;
	 float:left;
	 width:100%;
	 font:normal 18px 'PT Sans', sans-serif;
	 }
	 

	 
.inpage h1 a{
     font-size:20px;
	 color:#cf0327;
	 text-transform:uppercase;
	 margin:10px 0px;
	 float:left;
	 width:100%;
	 }	 
.inpage a{
    width:auto;
	float:left;
	}
.inpage span{
    width:665px;
	float:left;
	margin-left:20px;
	padding:0px;
	margin-bottom:10px;
	}
	
.inpage span h5{
     font-size:18px;
	 color:#343333;
	 text-align:left;
	 } 	
		
.inpage span p{
      width:auto;
	  text-align:justify;
	  font:normal 13px 'PT Sans', sans-serif;
	  margin:0px;
	  line-height:20px;
	  padding:5px 0px;
	  color:#343333;
	  }
	  
.inpage span p strong{
	 font:normal 15px 'PT Sans', sans-serif;
	 float:left;
	 margin-right:10px;
	 color:#343333;
}
	  
.inpage span p a{
	  color:#CF0327;
	  margin-right:5px;
	  font-size:14px;
	  }	  
	  
.inpage ul{
       list-style-type:none;
	   }
	   		 
	   
.inpage ul li{
      width:600px;
	  background: no-repeat 0em 0.9em;
	  float:left;
	  padding:5px 15px 5px 20px;
	  text-align:left;
	  font:normal 13px 'PT Sans', sans-serif; 
	  }	 

.inpage li:before{
		color:red;
		content:"●";
		padding-right:10px;
		}
	  
.inpageborder{
      width:100%;
	  height:1px;
	  background:#c6c5c5;
	  float:left;
	  margin:10px 0px;
	  } 

.inpage .inpagecont{
      width:100%;
	  float:left;
	  }
	  
.inpagecont ul{
       list-style:none;
	   margin:10px 0px 30px 0px;
	   float:left;
	   }
	   
.inpagecont ul li{
      width:988px;
	  background:no-repeat 0em 0.9em;
	  padding:10px 0px 0px 25px; 
	  }	

.inpagecont ul h2{
      width:988px;
	  list-style:none; 
	  background-position:0em 1.6em;
	  margin:20px 0px 10px 0px;
	  }	
	  
.inpagecont ul li a{
	 float:left;
	  font:normal 15px 'PT Sans', sans-serif;
	  width:100%;
	  margin:0px;
	 }
	 
.inpagecont ul li p{
	 font:normal 13px 'PT Sans', sans-serif;
	 text-align:left;
	 color:#343333;
	 }		 	     		   	
.inpagecont ul li p em{
      font:italic 13px 'PT Sans', sans-serif;
	 color:#cf0327;
	 float:left;
	 margin-right:5px;
	 }
.contactarealeft{
	        width:360px;
			float:left;
			margin:44px 0 0 50px
}

.contactarearight{
	        width:360px;
			float:left;
}
	
.contactadd{
	 width:360px;
	 display:block;
	 margin-bottom:10px;
	 float:left;
		 }
		 
.contactadd h2{
       width:345px;
	   height:25px;
	   background:#cf0327;
	   padding-left:10px;
	   color:#FFFFFF;
	   font:normal 15px 'PT Sans', sans-serif;
	   line-height:25px;
	   margin-bottom:15px;
	   }
	   
.contactadd h3{
       width:345px;
	   height:25px;
	   color:#343333;
	   font:normal 16px 'PT Sans', sans-serif;
	   line-height:25px;
	   margin-left:10px;
	  border-bottom:1px solid  #d3d3d3;
	  float:left;
	   }
.contactadd h3 a:hover{
	color:#343333;
}
	   
.contactadd span{
		font:normal 13px 'PT Sans', sans-serif;
		text-align:left;
		width:345px;
		float:left;
		margin:0px;
		padding:5px 10px;
		}
		
.contactadd span strong{
     font:normal 14px 'PT Sans', sans-serif;
	 float:left;
	 margin-right:5px;
	 width:55px;
	 color:#343333;
	 }

.contactadd span p{
     font:normal 13px 'PT Sans', sans-serif;
	 width:270px;
	 float:right;
	 color: #343333;
	 clear:none;
	 padding:0px;
	 }
.contactadd span em{
     font:normal 13px 'PT Sans', sans-serif;
	 float:left;
	 }	 
.contactadd span p a{
               color:#343333;
			   }	 	 
         			   		  	 
.contactadd a:hover{
               color:#CF0327;
			   }
			   
.contactadform{
       width:600px;
	   float:left;
	   display:block;
	   margin:35px 0px 0px 30px;
	   }
	   
.contactadform h3{
    background: url(innerheading.png) no-repeat scroll 0em 1.6em transparent;
    color: #343333;
	inset:10px;
	font:normal 20px/35px 'PT Sans', sans-serif;
}

.contactinput{
     width:600px;
	 float:left;
	 background:#efefef;
	 margin:23px 0px;
	 }   	 	 
         			   		  
.contactinput p {
   margin:20px 20px 0px 20px;
   float:left;
   clear:none;
}	

.contactinput p label {
    color: #656565;
    font:normal 15px 'PT Sans', sans-serif;
	margin-bottom:5px;
	text-align:left;
	float:left;
	width:120px;
	
}
						  
.contactinput p input {
    border: 1px solid #CDCDCD;
    color: #666666;
    display: block;
    font:normal 13px 'PT Sans', sans-serif;
    margin-top: 5px;
    padding: 6px 8px;
    width:240px;
	clear:both;
}	


.contactinput p textarea {
    border: 1px solid #CDCDCD;
    color: #666666;
    display: block;
    font:normal 13px 'PT Sans', sans-serif;
    height:80px;
    margin-top: 5px;
    padding: 6px 8px;
    width:536px;
}

.contactbutarea{
	 width:auto;
	 float: left;
	 margin:20px 0px 20px 250px;
}
.contactbut{
	 width:50px;
	 padding:0px 5px;
	 background:#cf0327;
	 color:#FFF;
	 font:normal 13px 'PT Sans', sans-serif;
	 cursor:pointer;
	 border:none;
	 height:25px;
	 margin-right:20px;
}


/*.prdct_lst{ float:left; width:100%;}*/
ul.prdct_lst{ padding:0; list-style-type:none; margin:0px 5px;}
ul.prdct_lst li{ 
		background:url(profile-li.png)/*tpa=http://www.chemphar-hk.com/images/profile-li.png*/ 0em 0.9em no-repeat;
		font:normal 14px 'PT Sans', sans-serif;
		float:left;
		width:260px;
		padding:5px 15px;}
ul.prdct_lst li #a{ background:url(profile-li.png)/*tpa=http://www.chemphar-hk.com/images/profile-li.png*/ 0em 0.9em no-repeat;
		font:normal 14px 'PT Sans', sans-serif;
		float:left;
		width:260px;
		padding:5px 15px;
		}
		
.ul.prdct_2st{ padding:0; list-style-type:none; margin:0px 5px; width:470px !important;}
ul.prdct_2st span{
	text-align:left;
	 float:left;
	  width:auto;
	  font:normal 16px 'PT Sans', sans-serif;
	  width:478px;
	  margin:0px;
	  padding:0px;
	  width:490px;
	  color:#343333;
	   }
ul.prdct_2st li{ background:url(profile-li.png)0em 0.9em no-repeat;
		font:normal 14px 'PT Sans', sans-serif;
		width:450px;
		padding:5px 15px;
		clear:both;
		}
ul.prdct_2st li #a{ background:url(profile-li.png)0em 0.9em no-repeat;
		font:normal 14px 'PT Sans', sans-serif;
		float:left;
		width:210px;
		padding:5px 15px;
		}
		
.ul.prdct_3st{ padding:0; list-style-type:none; margin:0px 5px; width:470px !important;}
ul.prdct_3st span{
	text-align:left;
	 float:left;
	  width:auto;
	  font:normal 16px 'PT Sans', sans-serif;
	  width:478px;
	  margin:0px;
	  padding:0px;
	  width:490px;
	  color:#343333;
	   }
	   

ul.prdct_3st li{ background:url(profile-li.png)/*tpa=http://www.chemphar-hk.com/images/profile-li.png*/ 0em 0.9em no-repeat;
		font:normal 14px 'PT Sans', sans-serif;
		width:225px;
		padding:5px 15px;
		float:left;
		margin:0px 10px;
		}
ul.prdct_3st li #a{ background:url(profile-li.png)/*tpa=http://www.chemphar-hk.com/images/profile-li.png*/ 0em 0.9em no-repeat;
		font:normal 14px 'PT Sans', sans-serif;
		float:left;
		width:225px;
		padding:5px 15px;
		}
		
.announcearea {
    border: 1px solid #cbcbcb;
    float: left;
    margin: 20px 28px 20px 0;
    padding: 10px;
    width: 450px;
	min-height:130px;
}
.announcearea img{
	 float:left;
}


.announce {
    float: left;
    margin-left: 10px;
    width: 235px;
}
		
.announce span{
	  font:normal 18px 'PT Sans', sans-serif;
	  text-align:left;
	  margin:0px;
	  color:#343333;
}
.announce p{
	  font:normal 15px 'PT Sans', sans-serif;
	  margin:0 0 5px;
	  text-align:left;
	  color:#343333;
}

.announce p strong {
    float: left;
    font: 14px 'PT Sans',sans-serif;
    padding-right: 10px;
    width: 50px;
	text-align:right;
}
.announce p em{
	font:normal 13px 'PT Sans', sans-serif;
	width:auto;
}
.warning{
	border:1px solid #cf0226 !important;
}
.success{
	display:none;
	margin-top:15px;
}

.prodnotice{
	 text-align:left !important;
	 font:normal 13px 'PT Sans', sans-serif !important;
}

.affcomlogo{
	    float:left;
		margin:-5px 10px 0px 0px;
}
	
	
/* accordion */	

.accr_prdct .fork {
  border:0;
  position:absolute;
  top:0;
  right:0;
}

.accr_prdct .col {
  width: 320px;
  float: left;
  margin-right:32px;
  margin-bottom: 16px;
}
.accr_prdct .c3 {
  margin-right:0;
}

.accr_prdct h1 {
  border-bottom: 1px solid #333;
  font-size: 32px;
  color: #fff;
  padding-bottom: 12px;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
}

.accr_prdct h2 {
  margin: 10px 0;
  color: #000;
  font-size: 18px;
  text-shadow: 1px 1px 2px #fff;
}


.accr_prdct h3 {
  margin:20px 0px;
  background-color:#ececec;
  border-radius:4px 4px 4px 4px;
  line-height:20px;
  
}

.accr_prdct h3 a {
  background: url(sprite.png)15px 11px no-repeat;
  display: block;
  padding:0px 10px;
  padding-left: 32px;
  margin: 0;
  color: #343333;
  text-decoration: none;
  font-weight: normal;
  float:none;
  font:normal 15px 'PT Sans', sans-serif;
  line-height:35px;
  
}




.accr_prdct h3:hover { background:#d1cfcf;   border-radius:4px 4px 4px 4px;}
.accr_prdct h3.open  { background:#d1cfcf; border-radius:4px 4px 0px 0px;}
.accr_prdct h3.open a { background-position: 13px -25px;}
.accr_prdct h3 + div { padding:10px; border: 1px solid #ececec; border-left:1px solid #ececec; border-right:1px solid #ececec;border-top:none; border-radius:0px 0px 5px 5px; margin-top:-20px;}
.accr_prdct h2 + div,
.accr_prdct .example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}

/* Pre hide sections with JavaScript on
--- */
.accr_prdct h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 10px;
}

#css3-animated-example h3.open + div {
  height: auto;
  background: #aaffff;
}

/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}

/* Responsive design
--- */


.accr_prdct{
	width:100%;
	float:left;
	margin:0;	
	}
	
	
.accr_prdct h4 {
  margin:10px 0px;
  background-color:#ececec;
  border-radius:4px 4px 4px 4px;
  height:20px;
  padding:5px 10px;
  font:normal 15px 'PT Sans', sans-serif;
  margin:15px 0px;
}





 	
#footer{
	margin:0;
	height:30px;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	color:#EFFBFB;
	background-color:#024DA2;
	line-height:30px;
	
}