/*-------------------------------------------------
Umbrella Staff CSS and Layout 

Design by IMPL 2008 Copyright IMPL and Umbrella Staff


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



/* -------------    GENERAL    -------------  */

body {font-family: Arial, Helvetica, sans-serif;font-size: 70%;text-align: center;margin: 0px;padding: 0px; background-image:url(image/body.png);background-color:#E6F3F9;}

#contain{width: 900px; margin: 0px auto;padding: 0px;	text-align: left;}

.clear{clear: both;}

a{color: #0099CC;}
p.skip{ display: none;}

p{margin: 1.5em 0; line-height:165%; font-size:110%;}

#footer{ border-top:1px dashed #CCCCCC; padding:0; margin:1em 0; clear:both;}
#f_address{display: block; height:20px; width:460px; font-size:85%; padding:0px; margin:0; float:left;}
a#design_by{display:block; width:75px; height:20px; padding:0; margin:0; text-indent:-9999px; background:url('image/design_by_impl.png') no-repeat;float:left;}

#cform p{ padding: 5px 0px; margin: 5px 0px; border-top: 1px dotted #CCCCCC; clear:left; }
#cform label{ width: 240px; float:left; font-weight:bold;}
.inputs{ width:240px; }

#questions{clear:both; background-color:#E3F4F9; padding:1em;}
.faq_q{ background-color:#E3F4F9; font-weight:bold; color: #003366; padding: 8px; margin:10px 0px;}


/* -------------    PAGE TITLES   -------------  */

h2{font-size:180%; font-weight:normal; color:#003366;margin:1em 0; padding:0;}
h3{font-size:140%; color:#003366;margin:1em 0; padding:0;}
h4{font-size:120%; margin:1em 0;padding:0;}
li{margin:1em 0; padding:0;}

h1#expenses{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/expenses.png') no-repeat;}
h1#expenses_what{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/expenses_what.png') no-repeat;}
h1#guide_to_choosing{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/guide_to_choosing.png') no-repeat;}
h1#simplyfy_accounting{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/simplyfying_your_tax.png') no-repeat;}
h1#refer_friend{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/refer_friend.png') no-repeat;}
h1#expenses_how{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/expenses_how.png') no-repeat;}
h1#insurance{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/insurance.png') no-repeat;}
h1#fees{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/fees.png') no-repeat;}
h1#ir35{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:70px; background:url('image/ir35.png') no-repeat;}
h1#news{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:30px; background:url('image/news.png') no-repeat;}
h1#join_us{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:30px; background:url('image/join_us.png') no-repeat;}
h1#contact_us{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:30px; background:url('image/contact_us.png') no-repeat;}
h1#faq{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:30px; background:url('image/faq.png') no-repeat;}
h1#calculator{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:30px; background:url('image/calculator.png') no-repeat;}
h1#links{margin:1em 0; padding:0; display:block; text-indent:-9999px; width:500px; height:30px; background:url('image/links.png') no-repeat;}

/* -------------    PRE MAIN PAGE    -------------  */
#header{ margin:0;padding: 0px;  height:121px; background: url('image/header_back.png') repeat-x;}
#inner_header{margin:0 auto; width:900px; text-align:left;}
#logo{width:284px; height:121px; background:url('image/logo.png') no-repeat;float:left;}

#top_nav{width:616px; float:right; height:121px;}
#contact_bar{float:right;padding:17px 0 0 0; width:426px; height:32px;}
#contact_bar a{display:block; width:426px; height:32px; text-indent:-9999px; background:url('image/contact_bar.png') no-repeat;}

/* -------------     NAVIGATION    -------------  */
#top_nav ul{float:right; width:616px; height: 25px; list-style:none;margin:0; padding:10px 0 0 0;}

#top_nav li{ height: 25px;  float:left; }
#top_nav li a{display: block; height: 25px; padding: 0px; margin:0px 1px; text-indent:-9999px; width:86px;}

li#home a{ background: url('image/nav/home.png') no-repeat 0px 0px;}
li#expenses a{ background: url('image/nav/expenses.png') no-repeat 0px 0px;}
li#insurance a{ background: url('image/nav/insurance.png') no-repeat 0px 0px;}
li#fees a{ background: url('image/nav/fees.png') no-repeat 0px 0px;}
li#ir35 a{ background: url('image/nav/ir_35.png') no-repeat 0px 0px;}
li#calculator a{ background: url('image/nav/calculator.png') no-repeat 0px 0px;}
li#join a{ background: url('image/nav/join_us.png') no-repeat 0px 0px;}

/* -------------     MAIN PAGE    -------------  */
#mainpage{padding:15px; width:870px; margin:0; background-color:#FFFFFF;}
#left_main{width:610px; padding:0;margin:0;float:left;}
#right_main{width:250px; padding:0; margin:0; float:right;}

h1#welcome{margin:10px 0; padding:0; display:block; text-indent:-9999px; width:330px; height:30px; background:url('image/welcome.png') no-repeat;}

a#expenses_box, a#fees_box, a#calculator_box{width:185px; height:85px; float:left; margin:0 20px 0 0; display:block; text-indent:-9999px;}
a#expenses_box{background:url('image/expenses_explained.png') no-repeat;}
a#fees_box{background:url('image/fees_and_costs.png') no-repeat;}
a#calculator_box{background:url('image/online_calculator.png') no-repeat; margin: 0;}


/* -------------     RIGHT OF PAGE    -------------  */

.blue_box{width:250px; background-image:url(image/right_blue_top.png); background-repeat:no-repeat; background-position:top; background-color:#DAEDF6; margin:0 0 1.5em 0; padding:10px 0 0 0 ;}
.blue_box_footer{width:250px; height:16px; display:block; padding:0; margin:0; background-image:url(image/right_blue_bottom.png); background-repeat:no-repeat;}


.green_box{width:250px; background-image:url(image/right_green_top.png); background-repeat:no-repeat; background-position:top; background-color:#E1F0B5; margin:0 0 1.5em 0; padding:10px 0 0 0 ;}
.green_box_footer{width:250px; height:16px; display:block; padding:0; margin:0; background-image:url(image/right_green_bottom.png); background-repeat:no-repeat;}

#quick_contact h3{ width:120px; height:30px; margin:0; padding:0; background:url('image/talk_to_us.png') no-repeat; text-indent:-9999px; }

#qc_form{padding:0 10px; margin:0;}
#qc_form p{font-size: 90%; margin:3px 0; padding:0; color:#000033; }
p#qc_submit{width:220px; text-align:right;}
.input_background { padding: 5px 7px 7px 7px ; margin:0; width:206px; height:17px; background:url('image/blue_form_input.png') no-repeat;}
input.qc_form_input{ border:1px solid #FFFFFF; height:13px; padding:0; margin:0; font-size:10px; width: 200px }

#why_umbrella{ padding:20px 0 0 0; }
#why_umbrella h3{ margin:0 10px; background:url('image/why_use.png') no-repeat; text-indent:-9999px; width:220px; height:30px;}

#why_umbrella ul{margin:0 35px; padding:0; list-style-position:outside; list-style-image:url(image/icon_accept.gif);}
#why_umbrella li{ margin: 1em 0; padding:0 0 0 5px; font-size: 110%; color: #003300; }

a#ir35_help{background:url('image/ir35_worries.png') no-repeat; margin: 0; width:250px; height:117px; display:block; padding:0; margin:0; text-indent:-9999px;}

/* -------------     FRONT PAGE    -------------  */

#news_and_faq{border-top:1px dashed #CCCCCC; margin:1.5em 0; padding:0;}

#latest_news{float:left; width:280px; margin: 0 20px 0 0; padding:1em 0; }
#faq{float:left; width:280px; margin: 0;  padding:1em 0;}

#latest_news h3{ display:block; width:150px; height:30px; text-indent:-9999px; background: url('image/latest_news.png') no-repeat;}
#latest_news h4{font-weight:normal; font-size:14px; margin:0.4em 0; padding:0;}
#latest_news h4 a{color:#0099CC;}
#latest_news h5{font-weight:normal; font-size:9px; margin:0.4em 0; padding:0; color:#999999;}
#latest_news p{ margin: 0.6em 0; font-size:100%;}
.news_item{margin:1.5em 0;}


#faq h3{ display:block; width:150px; height:30px; text-indent:-9999px; background: url('image/faqs.png') no-repeat;}
#faq a, #faq_headlines a{color:#339900;}

/* -------------    PAGES    -------------  */
#sub_foot, #join_contact_form{border-top:1px dashed #CCCCCC; margin:1.5em 0; padding:0;}
#how_help{width:600px; margin:0; padding:0;}
#news_headlines, #faq_headlines{width:220px; margin:0; padding:15px;}
#news_headlines p, #faq_headlines p{margin:0; padding:7px 0;}
#how_help h3{ display:block; width:250px; height:30px; text-indent:-9999px; background: url('image/how_else.png') no-repeat;}
#news_headlines h3{ display:block; width:220px; height:30px; text-indent:-9999px; background: url('image/news_headlines.png') no-repeat; margin:0; padding:0;}

#faq_headlines h3{ display:block; width:220px; height:30px; text-indent:-9999px; background: url('image/latest_faq.png') no-repeat; margin:0; padding:0;}

a#call_sf, a#email_sf, a#calculator_sf{ float:left;width:200px; height:88px;  margin:0; display:block; text-indent:-9999px;}
a#email_sf{background:url('image/email_b.png') no-repeat;}
a#call_sf{background:url('image/call_b.png') no-repeat;}
a#calculator_sf{background:url('image/calculator_b.png') no-repeat;}

#news_headlines p{ margin: 0.5em 0; padding:0; color:#999999; }
a.spec, #news_headlines a.spec, #faq_headlines a.spec, #faq a.spec { color:#666666;}
#fees_table th{ background-color:#DAEDF6; border-bottom: 1px solid #003366; color:#000033; font-size:12px; text-align:center;}
#fees_table td{ text-align:center; border-bottom:1px solid #CCCCCC; padding:5px 0px;}
.news_entry{ border-top: 1px solid #EFEFEF; }
p.n_read_more{padding: 5px 10px; border-top:1px solid #85CEE7; border-bottom:1px solid #85CEE7; background-color:#E3F2F8; }
p.news_date{ color:#666666; padding: 0; margin:0; }
#cal_table th, #cal_table td{ border-bottom:1px solid #CCCCCC; padding:5px 0px;}
th.cal_h{ background-color:#DAEDF6; border-top: 1px solid #003366; border-bottom: 1px solid #003366; color:#000033; font-size:14px;padding:10px 0px;}

tr.cal_spec td, tr.cal_spec th{ background-color:#EFEFEF; }
td.cal_result{ text-align: left; padding: 0px 0px 0px 20px;}
#ex_dis{ color:#003366; font-weight:bold; }


.moreinfo{padding:5px; border:2px solid #CC9900; background-color:#FFFFCC; width:200px; color:#330000; font-size:11px; font-weight:normal; line-height:140%;}
.ttip{cursor:help;}
/* Hide all help text */
#trate_h, #texp_h, #trate_type_h, #thpw_h, #tgross_con_h, #tgross_umb_h,  #tallow_exp_h, #tgross_umb, #temp_ni_h, #tnet_con_h, #thol_p_h, #tbasic_p_h, #tcomm_h, #ttax_sal_h, #tbr_paye_h, #thr_paye_h, #tup_earn_h, #tup_earn2_h, #ttotal_paye_h, #tnet_an_h, #tann_exp_h, #tnet_amount_h, #tnet_month_h, #trf_fn_h, #trf_emp_h, #trf_post_h, #trf_phone_h, #trf_email_h, #trf_person_h, #trf_person_tel_h, #trf_person_email_h, #trf_bank_acc_h, #trf_bank_sort_h{display:none;}