@charset "utf-8";
/* CSS Document */

.obox {
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	display: block;
	margin-bottom: 15px;
}

.ibox {}

.content-box {
	padding: 10px;
	overflow:hidden;
	color: #333333;
	display: block;
}

.content-box span.header{	
	color: #3F6BB6;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.content-box p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.content-box h3 {
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content-box div {
	display: block;
	min-height: 28px;
	padding-bottom: 5px;
	margin: auto;
}


.content-box label {
	font-weight: bold;
	margin-right: 5px;
}

.content-box div input.required { 
	background-color: #ffcccc;; color: #000000;
}

/*  msg box */
#error-box{ margin: 5px 0 5px 0; }
.errorMsg{ color: #990000; font-weight: bold; font-size: 11px; }
.msg{ color: #000033; font-weight: bold; font-size: 11px; }

/* contact classes */
.name {
	clear: both;
	float: left;
}

.name input {
	width: 150px;
}

.email {
	clear: both;
	float: left;
}
.email input {
	width: 200px;
}
.phone {
	clear: both;
	float: left;
}

.phone input {
	width: 100px;
}

.address {
	clear: both;
	float: left;	
}
.address input {
	width: 200px;
	}

.city {
	clear: both;
	float: left;
}
.city input {
	width: 150px;
}

.state {
	clear: both;
	float: left;	
}

.zip {
	clear: both;
	float: left;	
}
.zip input {
	width: 50px;
}

.contact-type{
	clear: both;
	float: left;
}

.contact-method{
	clear: both;
	float: left;
}

.contact-comment{
	clear: both;
	float: left;
}

.contact-comment textarea{
	height: 100px;
	width: 300px;
}

.submit-button{
	clear: both;
	float: left;
}

.errorLabel {
	border: 1px solid #cc0000;
	padding: 1px;
	margin: 1px;
	color: #cc0000;
}
.errorInput{
	background-color: #ffcccc;

}

.display-none{
	display: none;

}

.customerComment{
	float: left;
	clear: left;
	width: 250px;	
}
#removeBtn {
	float: right;
}

.required{ color: #990000;}

#tableGuide{ width: 350px; margin-top: 50px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }
	#tableGuide ul{}
	#tableGuide ul li{ width: 350px; clear: left; float: left;}	
	#tableGuide ul li.caption{ text-align:left; font-size:14px; font-weight: bold;}		
	#tableGuide ul li.header{ font-weight: bold; border-bottom: 1px solid #333333;}			
	#tableGuide ul li.header span{ min-width: 105px;}				
	#tableGuide ul li.data{ border-bottom: 1px solid #333333;}				
	#tableGuide ul li span{ padding-top: 5px; padding-bottom: 5px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }		
	#tableGuide ul li span.dataLeft{min-width: 100px; border-right: 1px solid #333333;}					
	#tableGuide ul li span.dataRight{min-width: 140px; padding-left: 20px;}						
			
#contactForm{ width: 400px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block;}
	#contactForm ul{}
	#contactForm ul li{ clear: left; float: left; margin-bottom: 5px;}	
	#contactForm ul li.caption{ width: 400px; text-align:left; font-size:14px; font-weight: bold; margin-top: 10px; border-bottom: 1px solid #333333;}		
	#contactForm ul li span{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }		
	#contactForm ul li span.label{ min-width: 150px; font-weight:bold;}					
	#contactForm ul li span.labelRequired{min-width: 150px; font-weight:bold; color: #990000;}						
	#contactForm ul li span input{ padding: 3px;}							
	#contactForm ul li span.input input{ width: 150px;}						
	#contactForm ul li span.inputEmail input{ width: 200px;}							
	#contactForm ul li span.inputPhone input{ width: 100px;}								
	#contactForm ul li span.inputAddress input{ width: 200px;}									
	#contactForm ul li span.inputState input{ width: 100px;}										
	#contactForm ul li span.inputZip input{ width: 75px;}											
	#contactForm ul li span.inputSubmit { width: 210px; margin-top: 20px; }													
	#contactForm ul li span.inputSubmit input{ padding: 3px; font-weight:bold; background-color:#1b6e15; color: #ffffff; float: right; cursor: pointer;}												

#photoBox{ width: 545px; background-color: #333333; margin: 10px 5px 0 5px; padding: 0 5px 0 5px; color: #ffffff; overflow:hidden; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }
	#photoBox h4.header{ text-align: center; background-color: #999999; width: 100% }
	#photoBox a {text-decoration: none;}
	#photoBox img{ border: solid 1px #ffffff; margin: 1px;}
	#photoBox a:hover img{ border: solid 1px #00ff00;}	
	#photoBox span { display:-moz-inline-block; display:-moz-inline-box; display:inline-block;}