/*----------------------------------------------
	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;
}

/*-------------------------

	SERVICES

*/

#services {
	clear: both;
}

#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;
}


.asterisk {
	font-size:14px;
	padding-left:2px;
	color:#e10000;
}

/*-------------------------------
	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;
}


/*-------------------------------
 
	ARBINSURE FORM
 
-------------------------------*/

/*---------------------
	LAYOUT
*/
        
#arbinsure.form_container{
        width:auto;
}

#arbinsure div.form_text,
#arbinsure div.form_select,
#arbinsure div.form_textarea{
        width:440px !important;
}

#arbinsure h1, #arbinsure h2, #arbinsure h3, #arbinsure h4, #arbinsure h5 { clear:both; }
        

#arbinsure h4{
        margin:20px 0;
}
#arbinsure fieldset{
        display:none;
}

#arbinsure .hidden{
        display:none;
}

#arbinsure h3{
        padding-top:20px;
        border-bottom:1px solid #dedede;
}

#arbinsure div.radio label{
        font-weight:bold;
}
        
/*---------------------
	MAIN FORM ELEMENTS
*/

#arbinsure button{
        background-image:url(/assets/images/contact/button.gif);
        text-indent:0;
        font-weight:bold;
        font-size:14px;
}

#arbinsure button#next, #arbinsure button#submit{ float:right; }

#arbinsure button#back{ float:left; }

#arbinsure .first button#next{ float:left; }

#arbinsure button:hover,
#arbinsure button:focus{
        color:#FFF;
        text-shadow: 1px 1px 2px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1); 
}

#arbinsure .form_text input,
#arbinsure .form_select select,
#arbinsure .form_textarea textarea {
	width:424px;
        height:18px;
        padding:8px 8px;
	background:url(/assets/images/contact/text_large.gif) left top no-repeat;
}

#arbinsure .form_select select{
        padding:8px;
        height:34px;
        width:440px;
}
#arbinsure .form_text input:focus,
#arbinsure .form_select select:focus {
	background-position: left center;
}

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

#arbinsure .insurance_from.form_select select{
	width:120px;
	display:inline;
	background:url(/assets/images/contact/text_small.gif) left top no-repeat;
}

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

#arbinsure textarea{
        font-family:Arial, Helvetica, Sans-Serif;
        font-size:12px;
}

#arbinsure .form_textarea .textarea {
	display:block;
	width:510px;
	background-image:url(/assets/images/contact/textarea.gif);
}

#arbinsure .form_textarea textarea {
        height:118px;
	padding:8px;
	background-image:url(/assets/images/contact/textarea_alt.gif);
}

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

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

/*---------------------
	Employers Liability / Public Liability
*/

#arbinsure select#employers_indemnity_limit,
#arbinsure select#public_indemnity_limit{
	margin-bottom:10px;
}




/*---------------------
	ADDRESS FIELD STYLING
*/
#arbinsure .address input{
        margin-bottom:5px;
}


/*---------------------
	RADIO FIELD STYLING
*/
#arbinsure .form_text.radio span.label {
        float:left;
        clear:both;
        margin-bottom:5px;
        width:150px;
} 

#arbinsure .form_text.radio input{
        width:auto;
        height:14px;
        float:left;
        position:relative;
        margin-right:200px;
        top:-2px;
        background-image:none;
}


/*---------------------
	TABLE STYLING
*/
#arbinsure table{
        margin:20px 0 0;
        clear:both;
        font-size:12px;
        border:1px solid #dedede;
}

#arbinsure table thead tr th{
        padding:10px 5px;
        font-weight:bold;
}


#arbinsure table thead th{
        border-bottom:1px solid #dedede;
        vertical-align: middle;
}

#arbinsure table thead tr th.center{
        text-align:center;
}

#arbinsure table thead tr th input{
        width:50px;
}

#arbinsure table thead tr th input.annual{
        width:auto;
}

#arbinsure table tbody tr td{
        padding:5px 2px !important;
}

#arbinsure table tbody tr td.col1{
        max-width:300px;
}

#arbinsure table tbody tr td.col2{
        padding:0 10px;
}

#arbinsure table tbody tr td.odd{
        background-color:#ededed;
}


#arbinsure table tbody tr td input { width:95%; }
#arbinsure table tbody tr td input.large{ width:150px; }

#arbinsure table tbody tr td textarea{
        width:500px;
}

#arbinsure table tbody tr td a.add{
        display:block;
        height:16px;
        width:16px;
        text-indent:-5000px;
        background:url('/assets/images/icons/add.png') no-repeat;
}

/*---------------------
	EXPENSES TABLE
*/
#arbinsure table#expenses {
	width:100%;
}

#arbinsure table#expenses .col2 input{
	width:50px;
}

#arbinsure table#expenses .col2,
#arbinsure table#expenses .col3,
#arbinsure table#expenses .col4,
#arbinsure table#expenses .col5{
	width:150px;
	text-align:center;
	vertical-align:middle;
}

#arbinsure table#expenses .col3 input,
#arbinsure table#expenses .col4 input,
#arbinsure table#expenses .col5 input{
	width:125px !important;
}



/*---------------------
	TURNOVER TABLE
*/

#arbinsure table#turnover .col2{ width:150px; }

#arbinsure table#turnover .col2 input{ width:50px; }

#arbinsure table#turnover .col2,
#arbinsure table#turnover .col3{
	text-align:center;
}


/*---------------------
	RADIO BUTTONS (TABLE)
*/

#arbinsure table .checkbox input{
        width:auto;
        text-align:center;
}

#arbinsure table .vertical.checkbox{
        text-align:center;
}


/*---------------------
	ACTIVITIES TABLE
*/
#arbinsure thead tr th{
        padding-left: 5px;
        padding-right: 5px;
}


/*---------------------
	INTRODUCTORY PARAGRAPH
*/

.first{
	/* text-align:center; */
	margin:0 auto;
}

.first button{
	position:relative;
	left:50%;
	margin-left:-50px;
}

/*---------------------
	PROGRESS BAR
*/
#arbinsure #progress{
	margin:0 auto 20px;
}

#arbinsure #progress, #arbinsure #complete {
    width: 520px;

    height: 32px;
    background:url(/assets/images/contact/progress_bar.png);
    position:relative;
}

#arbinsure #progress,
#arbinsure #progress #complete,
#arbinsure #progress #complete #marker{
	padding:0;
}

#arbinsure #progress #complete #marker{ margin:0; }

#arbinsure #complete {
    background-position: 0px 57px;
    margin-top: 0;
}
#arbinsure #complete #marker {
    position: absolute;
    top: 0;
    right: -26px;
    background:url(/assets/images/contact/progress_markers.png);
    width: 26px;
    height: 32px;
}
#arbinsure #progress .s1 {
    width: 19px;
}
#arbinsure #progress .s2 {
    width:111px;
}
#arbinsure #progress .s3 {
    width:203px;
}
#arbinsure #progress .s4 {
    width:295px;
}
#arbinsure #progress .s5 {
    width:386px;
}
#arbinsure #progress .s6 {
    width:478px;
}
#arbinsure #progress .s2 #marker {
    background-position: -26px 0;
}
#arbinsure #progress .s3 #marker {
    background-position: -52px 0;
}
#arbinsure #progress .s4 #marker {
    background-position: -78px 0;
}
#arbinsure #progress .s5 #marker {
    background-position: -104px 0;
}
#arbinsure #progress .s6 #marker {
    background-position: -130px 0;
}