/**************** coutelleriepesty.com ****************/
/**************** body and tag styles ****************/
 	body {
			
		background-color:#524c41;	
	  	margin-top: 0px;	  
	  	margin-bottom: 10px;
	  	text-align:left;	    
	}

	#container {
	  width: 818px;
	  margin: 0 auto;
	  padding: 0 0 0 0;
 	  font-family:Arial;
 	  font-size:12px;	  
	  color: #000000;
	  }
	  
	#containerbody {
	  width: 818px;
	  margin: 0 auto;
	  line-height: 1.6em;
	  color: #000000;
	  background-image: url("my_css/body.jpg");	  background-repeat: no-repeat;
	  min-height:650px;	  
	}
	
	#containerbody_home {
	  width: 818px;
	  margin: 0 auto;
	  line-height: 1.6em;
	  color: #000000;
	  background-image: url("my_css/body_home.jpg");
	  background-repeat: no-repeat;
	  min-height:650px;	  
	}	
		
/**************** content styles ****************/
	#video {
	  padding-left: 10px;
	  padding-right: 5px;
	  padding-top: 10px;	
	  margin-left: 50px;
	  margin-right: 0px;
	  margin-top: 30px;
	  margin-bottom: 0px;
	  float: left;
	  width:480px;
	  min-height:390px;
      overflow:hidden;
	  }
	  
	#content {
	  padding-left: 10px;
	  padding-right: 5px;
	  padding-top: 10px;	
	  margin-left: 250px;
	  margin-right: 0px;
	  margin-top: 30px;
	  margin-bottom: 0px;
	  float: left;
	  width:480px;
      overflow:hidden;
	  }
		
	#content p {
 	  
	  }	
	  
	#content h3 {
	  color: #000000;
	  font-size: 1.1em;
	  background:url("my_css/product_title_bg.gif") no-repeat top left;
	  padding-left:15px;
	  margin-top:0px;
	  padding-top:0px;
	  width:400px;
	}	 
	
	#content_home {
	  padding-left: 10px;
	  padding-right: 5px;
	  padding-top: 10px;	
	  margin-left: 50px;
	  margin-right: 0px;
	  margin-top: 30px;
	  margin-bottom: 0px;
	  float: left;
	  width:680px;
      overflow:hidden;
	  }	 	
	  
	#contact {
	  padding-left: 10px;
	  padding-right: 5px;
	  padding-top: 10px;	
	  margin-left: 50px;
	  margin-right: 0px;
	  margin-top: 30px;
	  margin-bottom: 0px;
	  float: left;
	  width:480px;
	  min-height:390px;
      background-color:#ffffff;
      overflow:hidden;
	  }
	  
	#lefttext {
	  padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 5px;	
	  margin-left: 33px;
	  margin-right: 778px;
	  margin-top: -440px;
	  margin-bottom: 0px;
	  float: right;
	  width:158px;
      overflow:hidden;
      font-size:1em;
      line-height: 1.5em;
      height:550px;
      color:#ffffff;
	  }	  
	  
	#thumbnails {
	  padding-left: 5px;
	  padding-right: 10px;
	  padding-top: 10px;	
	  margin-left: 25px;
	  margin-right: 0px;
	  margin-top: 25px;
	  margin-bottom: 0px;
	  float: left;
	  width:150px;
      height:575px;	  
      overflow:hidden;
	  }	  
	  
	#thumbnails a {
	  color:#ffffff;
      font-size:14px;		
	  float: left;		  	
	  width:113px;
	  height:117px;
	  text-align:center;
	  vertical-align:text-bottom;
      margin-top:5px;
      margin-left:10px; 
      padding-top:95px;   
      text-decoration:none;     
	}
		
	h1 {
	  font-family:Arial;
	  font-weight: normal;
	  font-size: 2.5em;
	  color: #6DA6E2;
	  margin-bottom: 30px;
	  }

		
	h2 {
	  color: #666666;
	  font-size: 1.8em;
	  }		
		
	a {
	  color: #6DA6E2;
	  text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	  color: inherit;
	  font-weight: bold;
	  text-decoration: underline;
	  }

	hr {
		width: 50%; 
		height: 1px; 
		margin: 15px 0 15px 0;
		text-align: center;
	}
/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px;
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }

/**************** form styles ****************/

		
	input {
	  background-color: #FFFFFF;
	  color: #999999;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  padding: 3px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #FFFFFF;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  }
	  
      div.row {
		  clear: both;
		  padding: 5 0 0 0;
		  margin: 0 0 0 0;
		  width:90%;
		  /*background-color: green;*/
	  }
		
	  div.row span.label {
		  float: left;
		  width: 40%;
		  text-align: left;
		  /*background-color: blue;*/
	  }
				
	  div.row span.formw {
		  float: left;
		  width: 50%;
		  text-align: left;
		  /*background-color: red;*/
	  } 	


/**************** header styles ****************/
	#header {
	  width: 818px;
	  border: 0px
	  padding-bottom: 0px;
	  padding-top: 0px;
 	  background: #524c41 center top;
	  clear: both;
	  }

	#header_title{ 
	  font-family: Arial;
	  font-weight: normal;
	  font-size: 400%;
	  color: #6DA6E2;
	  margin-top: -20px;
	  margin-left: 30px;
	  padding: 30px 0 10px 20px;	  
	  background-color: #FFFFFF;
	  text-align:left;
	  }	 
	   
	#header_image { 
	  	height:145px;		
		background-image: url("my_css/header.swf");	  }	  

/**************** menu styles ****************/
    #navcontainer {
      float:left;
      width:800px;
      font-size:15px;
      margin-left:9px;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  margin-top:-15px;
	  background:url("my_css/menu_bg.gif") repeat-x left top;
      line-height:normal;
      }
    #navcontainer ul {
	  margin:0;
	  padding:0px 10px 0 25px;
	  list-style:none;
      }
    #navcontainer li {
      display:inline;
      margin:0;
      padding:0;
      }
    #navcontainer a {
      float:left;
      background:url("css/css98_navleft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 6px;      
      text-decoration:none;
      color:#333333;      
      }
    
    #navcontainer .active {
      color:#ffffff;
    }
          
    #navcontainer a span {
      float:left;
      display:block;
      background:url("css/css98_navright.gif") no-repeat right top;
      padding:0px 25px 4px 6px;
	  float:none;
	  }
    
    #navcontainer a:hover {
      background-position:0%;
      color:#000000;    
      }
    
    #navcontainer a:hover span {
      background-position:50%;
      }
    	

/**************** subnavcontainer styles ****************/

	#subnavcontainer {
	  padding: 0 0 0 0;
	  margin-left: 235px;
	  margin-right: 0px;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  float: left;
	  text-align:center;
	  min-height:72px;	  
	  }
		
	#subnavcontainer p {
	  }
	  
	#subnavcontainer p a {
	  background:url("my_css/category_on_bg.gif") no-repeat;
	  margin-top:0px;
	  padding-top:10px;	  
	  float: left;
	  width:160px;
	  height:72px;	
	  color:#333333;
	  font-size:14px;
	  font-weight:bold;	
	  text-decoration:none;	
	}
	
	#subnavcontainer p a:hover {
	  background:url("my_css/category_bg.gif") no-repeat;		
	  margin-top:0px;
	  padding-top:10px;	  
	  float: left;
	  width:160px;
	  height:72px;
	  color:#000000;
	  font-size:14px;
	  font-weight:bold;		
	}
	
    #subnavcontainer .active {
      color:#ffffff;
    }		

	#contentright {
      	overflow:hidden;		
		padding-top: 0px;
		padding-right: 5px;
		padding-left: 10px;
	  	margin-left: 250px;
	  	margin-right: 0px;
	  	margin-top: 0px;
	  	margin-bottom: 0px;
		float: left;
		width: 480px
		font-size: 1em;
		line-height:normal;
	  }
			 
	#contentright h3 {
	  color: #000000;
	  font-size: 1.1em;
	  background:url("my_css/product_title_bg.gif") no-repeat top left;
	  padding-left:15px;
	  margin-top:0px;
	  padding-top:0px;
	  width:400px;
	}	
	
	#contentright p {
	  margin-top:-5px;
	  margin-bottom:15px;		
	}	

	#leftcataloguetext {
	  padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 5px;	
	  margin-left: 40px;
	  margin-right: 778px;
	  margin-top: 50px;
	  margin-bottom: 0px;
	  float: right;
	  position:absolute;
	  width:145px;
      overflow:hidden;
      font-size:1em;
      line-height: 1.5em;
      height:550px;
      color:#ffffff;
      text-align:justify;
	  }	
	  
/**************** footer styles ****************/
	#footer {
	  margin-top: 0px;
	  padding-top: 10px;
	  padding-bottom: 15px;
	  clear: both;
	  width: 818px;
	  background:url("my_css/footer.jpg") no-repeat left bottom;
	  }
		
	#footer p {
	  color:#555555;
	  padding-top: 5px;
	  text-align: center;
	  }
		
	#footer p a {
	  color: #ffffff;
	  font-size:0.8em;
	  font-width:normal;
	  text-decoration: none;
	  }
		
	#footer p a:hover {
	  color: #aaaaaa;
	  text-decoration: none;
	  }