
/* ++++++++++++++++++++++++++++++++++++++++++++++ 
   Callout Box Horizontal           
   These rules make a callout box float left.
   They override the default syles in
	/css/content.css. 
++++++++++++++++++++++++++++++++++++++++++++++ */



#CalloutBoxWrapper {
/* This is the very outer div, where you do your positioning. */
	
	
}

#CalloutBox {
/* This is the actual Callout Box, which is inside the wrapper. */
	8padding: 14px 0 30px 0px;
	position:relative; 	
	width:526px; 
	height:123px; 
	background:url(/images/contact-us.png) no-repeat top left;
	8border:1px solid #000000; 
}

#CalloutBoxTitle {
/* This is the title, which is inside the wrapper. */
	position:relative;
	top: 60px;
	left: 26px;
	width: 200px;
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 1;
}

#CalloutBoxContent {
/* This is the content, which is inside the box. */

}

#CalloutBoxCopy {
/* This is the copy, which is inside the content. */
	position:relative;
	top: 62px;
	left: 26px;
	width: 270px;
	height: 40px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: arial;
	line-height: 1.5em;
	color: #FFFFFF;
	z-index: 1;
}

#CalloutForm {
/* This is the form, which is inside the content. */
	position:relative;
	top: -34px;
	left: 290px;
	width: 230px;
	height: 110px;
	padding: 0;
	margin: 0;
	z-index: 1;
}




#CalloutNameFieldset {
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	float: right;
}

#CalloutBoxNameLabel {
/* This is the Name field label, which is inside a fieldset inside the form. */
	font-size: 10px;
	font-family: arial;
	color: #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 4px 0 0;
	
}

#CalloutBoxName {
/* This is the Name field, which is inside a fieldset inside the form. */
	font-size: 11px;
	width: 130px;
	padding: 0;
	margin: 0 0 0 0;
}





#CalloutContactFieldset {
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	float: right;
	
}

#CalloutBoxContactLabel {
/* This is the Contact Info field label, which is inside a fieldset inside the form. */
	font-size: 10px;
	font-family: arial;
	color: #FFFFFF;
	padding: 0;
	margin: 0 4px 0 0;
}

#CalloutBoxContact {
/* This is the Contact Info field, which is inside a fieldset inside the form. */
	font-size: 11px;
	width: 130px;
	padding: 0;
	margin: 0;
}





#CalloutMarketFieldset {
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	float: right;
}
#CalloutBoxMarketLabel {
/* This is the Contact Info field label, which is inside a fieldset inside the form. */
	font-size: 10px;
	font-family: arial;
	color: #FFFFFF;
	padding: 0;
	margin: 0 4px 0 0;
}

#CalloutBoxMarket {
/* This affects the market selection menu */
	width: 135px;
	font-size: 9px;
	padding: 0;
	margin: 0;
}





#CalloutBoxSubmit {
/* This is the Submit Button, which is inside the form. */
	background-color: transparent;
	background-image: url(/images/button_submit_red.gif);
	width: 100px;
	height: 20px;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 2px 0 0 0;
	float: right;
}



