@import url(Global.css);

/* ------- Wrapper and Zones ------- */

	#HeaderWrapper{ background:#666 url(../IMG_Site/HeaderBg.jpg) left top repeat-x; }
	#HeaderWrapper .ZoneActiveArea{ width:800px; height:120px; margin:0px auto; }

	/* ******* */
	#BodyWrapper{  }
	#BodyWrapper .ZoneActiveArea{ width:800px; margin:auto; }
	
	
	/* ******* */				
	#FooterWrapper{  }
	#FooterWrapper .ZoneActiveArea{ width:800px; margin:auto;  }


/* ------- General HeaderWrapper ------- */

	#Logo{ margin-top:50px; }

	#HeaderWrapper #PrincipalTitle{ width:100%; background:#333 }
	#PrincipalTitle .ZoneActiveArea{ height:60px; margin:0px auto; text-align:center; }
	
	/* ******* */
	.menuSimple:link{ font-family:Verdana, Helvetica, sans-serif; 
					  font-size:11px; 
					  color:#00FFFF; 
					  margin-bottom:15px; 
					  text-decoration:none; 
					  }
	.menuSimple:visited{ font-family:Verdana, Helvetica, sans-serif; 
					  	 font-size:11px; 
					     color:#00FFFF; 
					     margin-bottom:15px; 
					     text-decoration:none; }
	.menuSimple:hover{ font-family:Verdana, Helvetica, sans-serif; 
					   font-size:11px; 
					   color:#00FFFF; 
					   margin-bottom:15px; 
					   text-decoration:underline; }
	.menuSimple:active{ font-family:Verdana, Helvetica, sans-serif; 
					    font-size:11px; 
					    color:#00FFFF; 
					    margin-bottom:15px; 
					    text-decoration:none; }


/* ------- General BodyWrapper ------- */

	#Catalogue{ width:550px; margin:40px auto; }
	#Form{ width:550px; margin:40px auto; }
	
	.CTitle .ZTitle{ width:150px; height:40px; background:#333; margin-left:10px; 
					 border:2px solid #CCC; border-bottom:1px solid #CCC;
					 font-family:Verdana, Helvetica, sans-serif; 
					 font-size:12px; 
					 color:#00FFFF;
					 letter-spacing:1px;
					 line-height:40px;
					 text-align:center;
					 }
	
	#Catalogue .ZoneCollections{ border:1px solid #CCC; }
	#Form .ZoneCollections{ border:1px solid #CCC; }
	.ZoneCollections .Collections{ width:520px; background:#333; border:5px solid #CCC; margin:0px auto; }
	
	.Collections .ListCollections{ margin-left:10px; margin-top:10px; margin-bottom:10px; 
								   font-family:Verdana, Helvetica, sans-serif; 
								   font-size:11px; 
								   color:#FF00FF;
								   letter-spacing:1px;
								   }
	
	
	/* ******* */
	.LinkCollection:link{ color:#FF00FF; text-decoration:underline; font-weight:normal; }    
	.LinkCollection:visited{ color:#FF00FF; text-decoration:underline; font-weight:normal; }  
	.LinkCollection:hover{ color: #CCC; text-decoration:underline; font-weight:normal;  }   
	.LinkCollection:active{ color:#FF00FF; text-decoration:underline; font-weight:normal; }


/* ------- General FooterWrapper ------- */	

	#NameCompany{ float:left; }
	#Address{ float:left; border-left:1px dashed #CCC; }
	#Fly{ float:right; }


/* ------- Products ------- */

	.ZoneActiveArea #Menu{ width:550px; margin:auto; margin-top:10px; margin-bottom:0px; border-bottom:1px dashed #CCC; }
	
	.CTitle .ZProductTitle{ width:300px; height:40px; background:#333; margin-left:10px; 
					 		border:2px solid #CCC; border-bottom:1px solid #CCC;
					 		font-family:Verdana, Helvetica, sans-serif; 
					 		font-size:12px; 
					 		color:#00FFFF;
					 		letter-spacing:1px;
					 		line-height:40px;
					 		text-align:center;
					 		}
							
		
	/* ******* */	
	#ImgArea{ float:left; width:200px; height:200px; }
	#ImgArea .ZoneImg{ width:190px; height:190px; margin-top:5px; margin-left:5px; }
	#DetailsProduct{ float:right; width:310px; height:200px; border-left:1px dashed #FF00FF; }
	
	#DetailsProduct li{ font-family:Verdana, Helvetica, sans-serif; 
						font-size:12px; 
						color:#FF00FF; 
						letter-spacing:1px; 
						margin-bottom:15px; 
						}
	
	#DetailsProduct ul{ margin-top:15px; margin-left:15px; }
	#Menu ul{ margin-top:15px; margin-left:15px; margin-bottom:10px; }
	
	.ZDetailsForm{ font-family:Verdana, Helvetica, sans-serif; 
				   font-size:12px; 
				   color:#FF00FF; 
				   margin-bottom:15px;
				   letter-spacing:1px; 
				   }
	.ZDetailsRegister{ font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#CCC; }


/* ------- Forms ------- */
	
	.InputQuantity{ width:18px; background:#333; border:1px solid #FF00FF;
					font-family:Verdana, Helvetica, sans-serif; 
					font-size:12px; 
					color:#CCC; }

	#TableForm input, select{ width:250px; height:auto; 
							  background-color:#333; border:1px solid #FF00FF; 
							  font-family:Verdana, Helvetica, sans-serif; 
							  font-size:12px; 
							  color:#CCC;
							  }
							  
	#TableForm textarea{ width:250px; height:auto; 
						 background-color:#333; 
						 border:1px solid #FF00FF; 
						 font-family:Verdana, Helvetica, sans-serif; 
						 font-size:12px; 
						 color:#CCC;
						 }
	
	#TableForm #Btn_Send { width:100px; height:30px; border:1px solid #CCCCCC; margin-top:10px; }