


/* Hides the whole contact form until needed */	
#contactForm {
	right:0;
	height:460px;width:358px;
	background:#F6103C ; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	top:20%;
	position:fixed;
	}   




/* This hides the form validation alert messages until needed */
#box span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	right:0;
	top:20%;
	}
	
/* Some styling for the contact button */
.contact {
	
	//background:url(http://www.cartouche.com/templates/001/feedback/images/contact.gif); 
	position:fixed; 
	
	color:white;
	//left:868px; 
	//bottom:-44px; 
	
	top:10%;
	
	
	
	right:0;
	
	
	
	float:right;
	height:400px; width:40px;
	
	cursor:pointer;
	}
			
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	background:#fff; 
	color:#000; 
	border:1px solid #8a8a8a; 
	height:20px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#boxcontent .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:140px; 
	cursor:pointer; 
	float:left; 
	margin-top:10px;
	margin-right:10px;
	}
#boxcontent .submit:active {background:#cacaca; }
#boxcontent label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#boxcontent .input_boxes {float:left; width:204px;}



