/*

Evans Accountants

(c)2009 Branches Design

Version 2.1
Last updated 11/06/09

*/


body{
	margin:0;
	font:15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
a{
	color:#333;
	text-decoration:underline;
	border-style: none;
}
a:hover{
	text-decoration:none;
}
a img{

	border-style: none;
}
p{
	margin:0;
	line-height:25px;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
/*img{
	border:0;
	float:left;
}*/
/*main box*/
#main{
	width:797px;
	margin:0 auto;
}
/*header*/
#header{
	width:780px;
	float:left;
	background:url(../images/main-bg.gif) repeat-y 0 0;
	padding:0 0 0 17px;
}
/*logo*/
#header h1{
	margin:24px 0 0 11px;
	padding:0;
	width:392px;
	float:left;
	display:inline;
	text-indent:-9999px;
	padding:0 0 24px 0;
}
#header h1 a{
	background:url(../images/logo.gif) no-repeat 0 0;
	width:392px;
	height:41px;
	float:left;
	overflow:hidden;
}
/*menu on newsletter pages*/
#menu{
	width:  160px;
	float: left;
	margin:  0 8px 0 0px;
	padding: 0 5px 0 5px;
	background-color: #e4f0fe;
}
#menu ul{
	margin:  0px;
	padding:  0px;
	font-size: 12px;
	/*line-height: 17px;*/

}
#menu ul li{
	font-size: 12px;
	padding: 8px 0px 3px;
	list-style-type: none;
}
/*newsletter classes*/
table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white; 
	padding: 5px;}
	 
td.data, td.colheading, td.cdata, td.rdata {
	border-width: 1px;
    border-color: Black; 
    border-collapse: separate;
    border-style: outset; } 
    
td.data {
	text-align: left; }

td.rdata {
	text-align: right; }

td.colheading {
	font-weight: bold; } 

td.cdata, td.colheading {
	text-align: center; } 

#disclaimer h1  {
	font-size: 11px;
    margin-bottom: 0px; }
    
#disclaimer p {
	font-size: 10px;
    color: #AAAAAA;
    margin-top: 0px; } 
                
#comment p, #comment h3 {
	font-style: italic; }

#comment table {
	padding:  15px;
	margin: 15px; 
	border: 0px; }

table.leftintext {
	float: left;
    margin:3px 15px 3px 5px; }
                   
/*.txt-box img {
	float: right; 
    margin: 5px 0px 5px 5px; 
    border: 0px; }*/

img.header {
	margin: 0px; }

table.header, td.header {
	margin: 0;
	padding: 0;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}
/*call us at the top*/
ul.call-us{
	width:300px;
	float:right;
	margin:44px 26px 0 0;
	display:inline;
	color: #002164;
}
ul.call-us li{
	float:right;
	padding:0 9px 0 11px;
	background:url(../images/call-us-split.gif) no-repeat 0 4px;
	font-size:14px;
}
ul.call-us li#first-li{
	padding:0 9px 0 0;
	background:none;
}
ul.call-us li a{
	float:left;
	color: #002164;
}
/*image box*/
.main-img{
	width:780px;
	overflow:hidden;
	float:left;
	background:url(../images/header-bottom.gif) no-repeat 0 100%;
	margin:0 0 0 -17px;
	padding:0 0 18px 17px; 
	position:relative;
	display:inline;
}
/*welcome box*/
.welcome-box{
	width:387px;
	height:145px;
	position:absolute;
	top:34px;
	left:17px;
	background: #163771;
	padding:10px 0 0 38px;
}




/* ==================================== */
/* ==== START of Phill's additions ==== */
/* ==================================== */

.home-box{
	width:250px;
	height:90px;
	position:absolute;
	top:120px;
	left:17px;
	/* removed for trans-block in image */
	/* background: #163771; */
	padding:14px 0 0 20px;
}

.home-box h2{
	font-size:19px;
	font-weight:normal;
	color:#fff;
	padding:0;
	margin:0;
}

.home-box p{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 20px 0 0;
	line-height:17px;
}

/* ==================================== */
/* ==== END of Phill's additions   ==== */
/* ==================================== */





.welcome-box-quotes{
	width:387px;
	height:145px;
	position:absolute;
	top:34px;
	left:17px;
	background: #163771;
	padding:0px;
	/*quote rotater*/
	background-image:url(../rotatingimages/rotate.php);
}
.welcome-box-about{
	width:387px;
	height:145px;
	position:absolute;
	top:34px;
	left:17px;
	background: #bb372c;
	padding:10px 0 0 38px;
}
.welcome-box h2{
	font-size:26px;
	font-weight:normal;
	color:#fff;
	padding:0;
	margin:0;
}
.welcome-box p{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 20px 0 0;
	line-height:27px;
}
/*content box*/
.content{
	width:797px;
	float:left;
	margin:8px 0 0 0;
}
/*center box*/
.center-box{
	width:600px;
	float:left;
	padding-left: 10px;
}
.center-box p{
	padding:0 0 18px 0;
}
.center-box a{
	color:#003399;
}
.txt-box{
	width:560px;
	float:left;
	padding:0 0 0 14px;
}
.txt-box ul{
	padding:0 0 0 44px;
	margin:
; 	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.txt-box li{
	padding:0 0 5 5px;
	margin: 0px;
	list-style-type: disc;
	line-height:  2em;
}

.txt-box p{
	text-align: justify;
}

.news-box{
	width:400px;
	float:left;
	padding:0 0 0 14px;
}
.leftlist{
	width: 200px;
	float:  left;
		
}
.rightlist{
	width: 200px;
	float:  left;
	
}

/*tax submenu*/
.leftmenu{
	width: 170px;
	float: left;
	background-color: #fff;
	padding:  0px;
	margin-right:  20px;
	/*border: 1px solid #e4e4e4;
	background-color: #002164;*/
}
.leftmenu ul{
	padding: 0px;
	margin: 10px 0 0px 0px;
	background-color: #002164;
}
.leftmenu li{
	list-style-type: none;
	font-size: 14px;
	line-height: 17px;
	border-bottom: 1px solid #d5d5d5;
	padding: 5px;
	font-weight: bold;
	background-color: #002164;
}
.leftmenu li a{
	color: #fff;
	text-decoration: none;
}

/*right box*/
.right-box{
	margin:0 0 0 19px;
	float:left;
	display:inline;
	width:168px;
}
a.logos{
	float:left;
	margin: 20px 1px 0 0;
	display:i nline;
}
/*buttons*/
.top-buttons{
	margin:0 0 0 3px;
	float:left;
	display:inline;
	width:597px;
}
.top-buttons ul{
	width:597px;
	float:left;
	padding:0 0 18px 0;
}
.top-buttons ul li{
	float:left;
	width:103px;
	height:112px;
	float:left;
	padding:13px 0 0 16px;
	background:url(../images/button-empty.gif) no-repeat 0 0;
	line-height:  12px;
}
.top-buttons ul li#last-button{
	padding:13px 0 0 16px;
}
.top-buttons ul li a{
	float:left;
	width:93px;
	height:100px;
	text-decoration:none;
	color:#333;
	background:#cbe3ff;
}
.top-buttons ul li a{
	height:99px;
	width:93px;
	background-position:0 -99px;
	background-repeat:no-repeat;
}
.top-buttons ul li a:hover{
	background-position:0 0;
}
.top-buttons ul li a.b1{
	background-image:url(../images/button1.gif);
}
.top-buttons ul li a.b2{
	background-image:url(../images/button2.gif);
}
.top-buttons ul li a.b3{
	background-image:url(../images/button3.gif);
}
.top-buttons ul li a.b4{
	background-image:url(../images/button4.gif);
}
.top-buttons ul li a.b5{
	background-image:url(../images/button5.gif);
}
span.bb1, span.bb2{
	font-size:12px;
	width:90px;
	float:left;
	padding:70px 0 0 3px;
	cursor:pointer;	
}
span.bb2{
	text-align:center;
	padding:70px 0 0 0;
}
/*navigation on the right side*/
ul.right-navigation{
	width:168px;
	float:left;
	margin:4px 0 0 0;
	padding:0 0 14px 0;
}
ul.right-navigation li{
	width:168px;
	float:left;
}
ul.right-navigation a{
	padding:6px 0 6px 4px;
	width:164px;
	float:left;
	font-size:14px;
	text-decoration:none;
}
ul.right-navigation a:hover, ul.right-navigation a.active{
	background:#dff0ff;
	border-bottom:1px solid #666666;
	padding:6px 0 5px 4px;
}
.img-box{
	background:url(../images/img-box-bg.gif) no-repeat 0 0;
	width:127px;
	height:113px;
	padding:25px 0 0 20px;
	float:left;
}
/*footer*/
.footer-box{
	background:#003366 url(../images/footer-box.gif) repeat-x 0 0;
	width:100%;
	float:left;
	min-height:192px;
}
* html .footer-box{
	height:192px;
}
.footer-content{
	width:900px;
	margin:0 auto;
	padding:0 0 0 6px;
}
.footer-l1{
	padding:20px 0 0 60px;
	float:left;
	width:  100%;
	height:62px;
	overflow:hidden;
}
a.footer-logo{
	margin:0 17px 0 0;
	display:inline;
	float:left;
	background:url(../images/footer-logo.gif) no-repeat 0 0;
	width:39px;
	height:48px;
}
.footer-l1 p{
	line-height: 20px;
	font-size:13px;
	padding:5px 0 0 0;     
}
.footer-l2{
	padding:28px 0 0 60px;
	float:left;
}
.footer-l2 ul{
	width:724px;
	float:left;
}
.footer-l2 ul li, .footer-l2 ul li.first-l2{
	float:left;
	padding:0 6px 9px;
	background:url(../images/footer-split.gif) no-repeat 0 0px;
	font-size:10px;
	line-height:8px;
}
.footer-l2 ul li.first-l2{
	background:none;
	padding:0 6px 0 0; 
}
.footer-l2 ul li a{
	font-size:13px;
	color:#fff;
	text-decoration:none;
}
.footer-l2 ul li a:hover{
	color:#ffcc00;
	
}
span.info {
	font-size: 9px;
}
span.copy{
	font-size:11px;
	color:#fff;
	margin:4px 0 0 0;
	float:left;
	width: 700px;
}
span.copy a{
	color:#ffcc00;
}
h1{
	font-size: 1.3em;
	color:#002164;
}
h2{
	font-size: 1.1em;
	color:#003366;
}
h3{
	font-size: 1em;
	color:#003366;
}

h4{
	font-size: 1em;
	color:#003366;
	padding: ;
	padding-left: 20px;
}

h5{
	font-size: 1em;
	color:#003366;
	padding:2px ;
	padding-left: 20px;
	border-bottom: 1px dotted #95a6ba;
	background-color: #f0f0f0;
}
h6{
	margin: 0;
	padding: 0;
	color: #08264d;
	text-transform: uppercase;
}
.comments {
	font-style: italic;
}
.img_left {
	margin: 10px;
	padding: 5px;
	border: 1px solid #92a2b6;
	float: left;
	
}
.img_right {
	margin: 10px;
	padding: 5px;
	border: 1px solid #92a2b6;
	float: right;
}
.news {
	width:  560px;
	padding:  0px;
	/*border:  solid 1px #163771;*/
	background-color: #dff0ff;
	color: #163771;
	margin-bottom:  10px;
}
.news h1{
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	background-color: #555;
	color: white;
	padding:  10px;
	margin:  0px;
	}
.date {

	border-bottom:  1px dashed #163771;
	padding:  3px;
	color: #163771;
	text-transform: uppercase;
	font-weight: bold;
}
.news p {
	margin: 0 10px 10px;
	padding:  3px;
}
/*enquiry form styles*/
.formwrapper {
	width:  500px;
}
.txt-box .form-comments{
	width: 500px;
	/*margin: 0 0 -17px;*/
	padding: 0;
	list-style: none;
	float: left;
}
.txt-box .form-comments li{
	width: 400px;
	float: left;
	padding: 0 0 17px;
	list-style: none;
}
.txt-box .form-comments li label{
	width: 150px;
	float: left;	
	font-size: 120%;
	color: #333;
	margin: 0px;
	font-weight: bold;
	
}
.txt-box .form-comments li .type-text{
	width: 243px;
	height: 15px;
	padding: 0px 0 5px 4px;
	border: 1px solid #666;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	margin: 0;
}
.txt-box .form-comments li textarea{
	float: right;
	width: 237px;
	border: 1px solid #666;
	height: 94px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 2px 0 0;
	padding: 4px;
}
.txt-box .form-comments li .type-img{
	float: right;
	width: 101px;
	height: 30px;
	margin: -3px 2px 0 0;
	position: relative;
	z-index: 100;
}
.justify {
	text-align: justify;
}
.highlight{
	padding: 10px;
	background-color: #fef4de;
	border: 1px solid silver;
}
.new{
	background-color: #163771;
	color: white;
	padding: 1px;
	margin-right:  2px;
	text-transform:  uppercase;
	display:  inline;
}
.grossprofit{
	width:  430px;
	display: block;
	
}
.grossprofit li{
	list-style-type:  none;
	/*display: inline;*/
	border: 1px solid #9191c0;
	margin:  5px;
	padding: 2px;
	background-color: white;
}
.index-ani{
	width: 175px;
	height:  181px;
	background: url(../images/taxguide09.jpg) no-repeat scroll left top;
	margin: 0px 0 0px 5px;
	padding:  0px;
	float:  right;
}
h1.stop {
	font-size: 1.3em;
	color: #fff;
	background-color: #d50000;
	padding:5px;
	margin:0px 0px 5px 0px;
}

#stoppress {
	border: 1px dotted #d50000;
	padding: 5px 5px 0px 5px;
	background-color: #f9ffbc;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/************************************************************************/
/* Main Menu */
/************************************************************************/

#right-nav {
/* 	margin: 0 0 0 18px; */
	padding: 0;
}
#right-nav li {
	width: 156px;
	float: left;
	clear: left;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
}
#right-nav li a {
	display: block;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	font-size: 90%;
/* 	font-weight: bold; */
	color: #000;
}
#right-nav li a:hover {
	background: #dff0ff;
	color: #000;
}
#right-nav li.hover a {
	background: #dff0ff;
	color: #000;
}
#right-nav li.hover ul a,
#right-nav li:hover ul a {
	color: #000;
	background: #fbfbfb;
}
#right-nav li.hover,
#right-nav li:hover {
	position: relative;
	background: #dff0ff;
}
#right-nav li.hover ul,
#right-nav li:hover ul {
	display: block;
}
#right-nav ul li.hover a,
#right-nav ul li:hover a {
	background: #dff0ff;
	color: #000;
}
#right-nav ul {
	width: 150px;
	display: none;
	position: absolute;
	left: -95%;
	margin: 0;
	padding: 0;
	top: 0;
	background: #dff0ff;
	border: 1px solid #ccc;
}
#right-nav ul li {
	width: 150px;
	margin:0px;
	border-bottom: 1px solid #ccc;
}
#right-nav ul li a {
	margin: 0;
	text-align: left;
	font-size: 80%;
	font-weight: normal;
	padding: 5px 0;
	padding-left:5px;
}
#right-nav ul li.end {
	margin: 0;
	border-bottom: 1px solid #ccc;
}


/************************************************************************/
/* Testing new nav */
/************************************************************************/

#info {height:400px;}

.menu {
z-index:1000;
font-size:90%;
float:right;
margin:0 25px 50px 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}

.menu :hover > a{
color:#fff; 
background:#949e7c;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-150px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/************************************************************************/
/* Services List */
/************************************************************************/

.services li {
	font-size: 1.2em;
	list-style: square;
}

/************************************************************************/
/* tax page divider line */
/************************************************************************/
.divider{
	border-bottom: 1px solid #aeaeae;
}