/*----------------------------------------------
	CONTACT.CSS
	Author:		Engage Interactive
	Requires:	reset.css
				    global.css
----------------------------------------------*/

/*---------------------------------------------
	OFFICES PAGE
----------------------------------------------*/

#contact_form {
	display:none;
}

#cboxLoadedContent #contact_form {
	display:block;
}

.office {
	float:left;
	width:210px;
}

.middle {
	margin:0 35px;
}

.office h4 {
	color:#005684;
	font-size:18px;
	border-bottom:none !important;
}

.office span {
	display:block;
}

span.phone {
	border-top:1px solid #e2e2e2;
	padding:10px 0 0 20px;
	margin:10px 0 3px 0;
	font-weight:bold;
	background:url(/assets/images/icons/phone.gif) 0 10px no-repeat;
}

span.email {
	margin:3px 0 3px 0;
}
span.fax
{
	font-weight:bold;
}

address {
	border:1px solid #e2e2e2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
	margin-bottom:10px;
}

#thankyou_message {
	text-align:center;
}

#left_column h3 {
	padding:10px;
	border:solid 1px #e4e4e4;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#left_column h3 em.big_phone {
	padding:10px 0 0 38px;
	margin-top:10px;
	font-size:24px;
	background:url(/assets/images/icons/phone.gif) 15px 15px no-repeat;
}

/*---------------------------------------------
	FORM PAGE
----------------------------------------------*/

.form_container p {
	padding:0 5px;
	margin-bottom:10px;
	font-size:14px;
	font-style:italic;
}

#double_column div.left {
	width:420px;
}

#double_column div.right {
	width:260px;
}

/*-------------------------------
	GENERIC CONTAINER
-------------------------------*/

.form_container {
	width:538px;
	overflow:hidden;
}

.form_container div {
	padding:8px 6px 6px 6px;
	margin:0 10px 6px 0;
	clear:both;
}

.form_container div.split_left,
.form_container div.split_right {
	float:left;
	width:252px;
	margin-right:10px;
	clear:none;
}

.form_container div.split_left {
	clear:both;
}

.form_container div.split_right {
	margin-right:0;
}


/*---------------------
	ERROR
*/

.form_container .error {
	background:#f5d6d6;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


/*-------------------------------
	LABELS
-------------------------------*/

.form_container label {
	display:block;
	margin-bottom:6px;
	font-size: 14px;
	color: #676869;
	cursor:pointer;
}

.form_container label em {
	display:block;
	font-size: 11px;
	font-style: italic;
	color:#888;
}

.form_container .error label em {
	color:#892121;
}

.form_container .error label {
	color:#5f1313;
}


/*-------------------------------
	FORM ELEMENTS
-------------------------------*/

/*---------------------
	TEXT FIELD
	& GENERIC
---------------------*/

.form_text input,
.form_select select,
.form_textarea textarea {
	display:block;
	width:236px;
	height:26px;
	padding:8px 8px 0 8px;
	border:none;
	background:url(/assets/images/contact/text.gif) left top no-repeat;
	font-size:14px;
	color:#333;
}

.form_text input:focus,
.form_select select:focus {
	background-position: left center;
}

.error input,
.error select,
.error input:focus,
.error select:focus {
	background-position: left bottom;
	color:#980000;
}


/*---------------------
	SELECT BOX
---------------------*/

.form_select select {
	width:252px;
	height:34px;
	padding:8px;
}


/*---------------------
	TEXTAREA
---------------------*/

.form_textarea .textarea {
	display:block;
	width:510px;
	height:118px;
	padding:8px;
	background-image:url(/assets/images/contact/textarea.gif);
}

.form_textarea textarea {
	width:510px;
	height:118px;
	padding:0;
	margin:0;
	background:none;
	font:14px Helvetica, Arial, sans-serif;
	resize:none;
}

.form_textarea .textarea:hover {
	background-position:left center;
}

.error .textarea,
.error .textarea:focus {
	background-position:left bottom;
}


/*---------------------
	BUTTON
---------------------*/

.form_container .form_button {
	margin-bottom:0;
}

.form_button button {
	display:block;
	width:120px;
	height:34px;
	border:none;
	background:url(/assets/images/contact/send.gif) left top;
	text-indent:-5000px;
	cursor:pointer;
}

.form_button button:hover {
	background-position:left center;
}

.form_button button:focus {
	background-position:left bottom;
	outline:none;
}
p.copy {
	clear:both;
	margin-bottom:10px;
}