/* ==== Main Content - Layout and Styles ==== */

div#content {
	background: url(/images/contact_us/content_bg.jpg) repeat-x left top #f5f5f5;
}
div#content_copy {
	background: url(/images/contact_us/bottles2.jpg) no-repeat right top;
}
div#content_copy h1,
div#content_copy h2 { 	width: 430px; margin-left: 30px; }
div#content_copy h1 { 	padding-top: 40px; }
div#content_copy h2 { 	margin-bottom: 40px; }


/* ==== Contact Us Form Styles ==== */

fieldset#contactUsForm {
	width: 430px;
	padding: 25px;
	background-color: #f5f5f5;
	border: 0px #f5f5f5 solid;
	margin: 0 0 0px 30px;
}
fieldset#contactUsForm legend {
	visibility: hidden;
	display: none;
}

fieldset#contactUsForm h3 {
	font-size: 10px;
	color: #333;
	border-bottom: 1px #ccc solid;
	padding: 0 0 0px 0;
	margin: -10px 0 20px 0;
	width: 430px;
	text-align: right;
}
fieldset#contactUsForm h3 big {
	float: left;
	display: inline;
	font-size: 16px;
}

fieldset#contactUsForm ul {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
fieldset#contactUsForm ul li {
	margin: 0 0 6px 0;
	height: 28px;
	float: left;
}
fieldset#contactUsForm ul label {
	width: 130px;
	height: 18px;
	line-height: 28px;
	display: inline-block;
	float: left;
	display: inline;
	text-align: right;
	font-size: 14px;
	color: #666;
	padding: 0 10px 0 0;
}

/*fieldset#contactUsForm ul input[type="text"],*/
/* Need to use a class for IE6 support - This attribute selector above works for everyone else*/
fieldset#contactUsForm ul input.textInput {
	width: 270px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	border: 0px #ccc solid;
	background: url(/images/contact_us/input_text_bg.gif) no-repeat left top;
	padding: 5px;
	margin: 0;
	float: right;
	display: inline;
}
/* == Speacial formatting for some inputs ==*/
/* == State ==*/
fieldset#contactUsForm ul li#state input.textInput, fieldset#contactUsForm ul li#ctl00_Body_liState input.textInput 
{
	width: 130px;	
	margin-right: 140px; 
	background-image: url(/images/contact_us/input_text_140px_bg.gif); 
}
/* == Zip ==*/
fieldset#contactUsForm ul li#zip, fieldset#contactUsForm ul li#ctl00_Body_liZip 
{
	width: 220px;	
	*width: 230px; 
}

fieldset#contactUsForm ul li#zip input.textInput, fieldset#contactUsForm ul li#ctl00_Body_liZip input.textInput 
{ 			
	width: 50px; 
	margin-right: 20px;	
	background-image: url(/images/contact_us/input_text_60px_bg.gif); 
}
/* == Country ==*/
fieldset#contactUsForm ul li#country, fieldset#contactUsForm ul li#ctl00_Body_liCountry 
{
	width: 200px; 
}
fieldset#contactUsForm ul li#country label, fieldset#contactUsForm ul li#ctl00_Body_liCountry label 
{ 						
	width: 50px; 
}

fieldset#contactUsForm ul li#country input.textInput, fieldset#contactUsForm ul li#ctl00_Body_liCountry input.textInput 
{ 	
	width: 130px;	
	background-image: url(/images/contact_us/input_text_140px_bg.gif);
}

/* == Phone ==*/
fieldset#contactUsForm ul li#phone input.textInput { 		width: 150px;	margin-right: 120px; background-image: url(/images/contact_us/input_text_160px_bg.gif); }

/* Text Area needs to be formatted seperate AND needs a div wrapper for IE6 and IE7 to both work*/
fieldset#contactUsForm ul div {
	height: 100px;
	width: 275px;
	padding: 5px 0 5px 5px;
	float: right;
	display: inline;
	background: url(/images/contact_us/input_textarea_bg.gif) no-repeat left top;
}
fieldset#contactUsForm ul textarea {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 100px;
	width: 275px;
	border: 0px #ccc solid;
	background: none;
	overflow-x: auto;
	overflow-y: auto;
	padding: 0;
}
fieldset#contactUsForm ul li.comments {
	height: 110px;
}
fieldset#contactUsForm ul li.submit {
	text-align: center;
	width: 270px;
	padding: 10px 0 0 150px;
}


/* Required Fields - backgrounds */
fieldset#contactUsForm ul input.required {									background-image: url(/images/contact_us/input_text_required_bg.gif); }
fieldset#contactUsForm ul input.required:focus {						background-image: url(/images/contact_us/input_text_bg.gif); }
fieldset#contactUsForm ul li#state input.required, fieldset#contactUsForm ul li#ctl00_Body_liState input.required  
{					
	background-image: url(/images/contact_us/input_text_140px_required_bg.gif); 
}
fieldset#contactUsForm ul li#state input.required:focus {		background-image: url(/images/contact_us/input_text_140px_bg.gif); }
fieldset#contactUsForm ul li#zip input.required, fieldset#contactUsForm ul li#ctl00_Body_liZip input.required 
{
	background-image: url(/images/contact_us/input_text_60px_required_bg.gif); 
}
fieldset#contactUsForm ul li#zip input.required:focus { 		background-image: url(/images/contact_us/input_text_60px_bg.gif); }
fieldset#contactUsForm ul li#country input.required, fieldset#contactUsForm ul li#ctl00_Body_liCountry input.required 
{ 			
	background-image: url(/images/contact_us/input_text_140px_required_bg.gif); 
}
fieldset#contactUsForm ul li#country input.required:focus {	background-image: url(/images/contact_us/input_text_140px_bg.gif); }
fieldset#contactUsForm ul li#phone input.required {	background-image: url(/images/contact_us/input_text_160px_required_bg.gif); }
fieldset#contactUsForm ul li#phone input.required:focus {		background-image: url(/images/contact_us/input_text_160px_bg.gif); }



/* Error Classes - label text color & backgrounds for inputs */
fieldset#contactUsForm h3 span.error { 			color: #990000; }
fieldset#contactUsForm ul li.error label { 	color: #990000; }
fieldset#contactUsForm ul li.error input.textInput {								background-image: url(/images/contact_us/input_text_error_bg.gif); }
fieldset#contactUsForm ul li.error input.textInput:focus {					background-image: url(/images/contact_us/input_text_bg.gif); }
fieldset#contactUsForm ul li#state.error input.textInput, fieldset#contactUsForm ul li#ctl00_Body_liState.error input.textInput {					background-image: url(/images/contact_us/input_text_140px_error_bg.gif); }
fieldset#contactUsForm ul li#state.error input.textInput:focus {		background-image: url(/images/contact_us/input_text_140px_bg.gif); }
fieldset#contactUsForm ul li#zip.error input.textInput, fieldset#contactUsForm ul li#ctl00_Body_liZip.error input.textInput {						background-image: url(/images/contact_us/input_text_60px_error_bg.gif); }
fieldset#contactUsForm ul li#zip.error input.textInput:focus {			background-image: url(/images/contact_us/input_text_60px_bg.gif); }
fieldset#contactUsForm ul li#country.error input.textInput, fieldset#contactUsForm ul li#ctl00_Body_liCountry.error input.textInput { 				background-image: url(/images/contact_us/input_text_140px_error_bg.gif); }
fieldset#contactUsForm ul li#country.error input.textInput:focus {	background-image: url(/images/contact_us/input_text_140px_bg.gif); }
fieldset#contactUsForm ul li#phone.error input.textInput {					background-image: url(/images/contact_us/input_text_160px_error_bg.gif); }
fieldset#contactUsForm ul li#phone.error input.textInput:focus {		background-image: url(/images/contact_us/input_text_160px_bg.gif); }

/* For the Tankyou page */
fieldset#contactUsForm p {
	font-size: 12px;
	min-height: 320px;
	_height: 320px;
}

/* Address and Numbers added below form */
#content_copy h4 {
	position: absolute; 
	top: 700px; 
	*top: 715px; 
	left: 30px;
	font-size: 11px;
	font-weight: bold;
	
	color: #8D8C8B;
}