/*@import url("menu.css");*/
@import url("admin.css");

/* ZERO Elements
   ---------------------------------------------- */
   *{
	margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;
	line-height:1.4em; text-indent:0px; list-style:outside; list-style:none;
	border:none; text-decoration:none; border-collapse:collapse; vertical-align:top; behavior: url(/css/iepngfix.htc)
	}
	body{background:#FFFFFF;}
	
/* Main Elements
   ---------------------------------------------- */
	a{}
	a:hover{text-decoration:underline;}
	p{font-size:75%; padding-bottom:15px;}

    iframe#budget, iframe#cals {
        height: 500px;
    }


/* SITE STRUCTURE -- Produces Dropshadow border
   ---------------------------------------------- */
	#top{background:url(../images/gradTop.gif) top left repeat-x; margin:0px auto; width:90%; min-width:900px; max-width:1050px;}
	#left{background:url(../images/gradLeft.gif) top left repeat-y;}
	#right{background:url(../images/gradright.gif) top right repeat-y;}
	#bottom{position:relative; background:url(../images/gradBottom.gif) bottom left repeat-x; height:auto; display:block;}
	
	#cornerTL, 
	#cornerTR, 
	#cornerBL,
	#cornerBR{position:absolute; width:22px; height:22px; font-size:1px;}
	
	#cornerTL{top:0px; left:0px; background:url(../images/cornerTL.gif);}
	#cornerTR{top:0px; right:0px; background:url(../images/cornerTR.gif);}
	#cornerBL{bottom:0px; left:0px; background:url(../images/cornerBL.gif);}
	#cornerBR{bottom:0px; right:0px; background:url(../images/cornerBR.gif);}

/* TOP RIGHT HEADER -- Tel, enquiries and Login Buttons
   ---------------------------------------------- */		
	#header{height:113px; background:url(../images/headerGrad.gif) repeat-x; position:relative; z-index:10;}
	#header a{cursor:pointer;}
	#logo{
		position:absolute;
		top:22px;
		left:32px;
		width:200px;
		height:90px;
		background:url(../images/logoElcc.png) no-repeat;
		}
	#header h1{
		text-transform:uppercase;
		letter-spacing:0.05em;
		font-size:0.95em;
		text-align:justify;
		float:right;
		clear:both;
		}
	#header h2{
		position:absolute;
		font-size:0.9em;
		text-align:right;
		letter-spacing:0.155em;
		color:#999999;
		width:500px;
		top:25px;
		right:0px;		
		}
	.ifa{
		position:absolute;
		width:460px;
		top:58px;
		right:20px;
		}
	#header ul{
		position:absolute;
		top:20px;
		right:31px;
		color:#999798;
		font-size:0.65em;
		font-weight:bold;
		}
	#header ul li{
		float:right;
		padding-left:20px;
		}
	#header ul a{
		color:#999798;
		padding-left:15px;
		background:url(../images/bulletSmall.gif) 0px 2px no-repeat;
		}
	#header ul a:hover{
		color:#8dbb53;
		background:url(../images/bulletSmall.gif) 0px -18px no-repeat;
		}
	
/* TOP NAVIGATION -- Please do not touch!
   ---------------------------------------------- */	
	#topNav *{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:none;
		}
	#topNav{height:39px; z-index:2; position:relative;}
	#topNav ul{padding:7px 7px 0px 0px; height:25px; position:relative; z-index:30;}
	#topNav li{
		display:block;
		float:left;
		margin-left:10px;
		position:relative;
		padding-left:10px;
		background:url(../images/menuDivider.gif) no-repeat left center;
		}
	#topNav li ul li{
		background:none;
		}
	#topNav li ul {
		position:absolute;
		display:none;
		z-index:217;
		right:0px;
		filter: alpha(opacity=94); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=94);
		-moz-opacity: .94; -khtml-opacity: .94; opacity: .94;
		}
	#topNav li>ul { 
		top:auto;
		right:auto;
		}
	#topNav li:hover ul, #topNav li.over ul {
		display:block;
		position:absolute;
		width:250px;
		height:auto;
		top:23px;
		right:-60px;
		margin:0px;
		padding:0px;
		z-index:3;
		}
		   
		#topNav li.home_link ul
        {
        display:none;
        }
		
	#topNav ul li ul li a{
		color:#FFFFFF;
		font-weight:normal;
		font-size:0.85em;
		line-height:1.9em;
		display:block;
		width:150px;
		background:#7eb444;
		border-bottom:#639a24 1px solid;
		padding-left:20px;
		}
	#topNav ul li ul li a:hover{
		color:#FFFFFF;
		background:#2d622a url(../images/arrowSubnav.gif) no-repeat 7px 0.75em;
		border-bottom:#a1cb73 1px solid;
		}
	#topNav ul li a span{
		float:left;
		color:#7eb444;
		padding-left:10px;
		line-height:26px;
		}
	#topNav ul li a span span{
		padding:0px;
		padding-right:10px;
		}
	#topNav ul li a:hover span{
		background:url(../images/menuHoverL.gif) no-repeat #7eb444;
		}
	#topNav ul li a:hover span span{
		color:#FFFFFF;
		background:url(../images/menuHoverR.gif) no-repeat top right;
		}
		
/* FIXES IE6 Link/Hover state + Min width for IE6
   ---------------------------------------------- */
    #top{
	/* IE Dynamic Expression to set the width */
	width:expression(document.body.clientWidth <890 ? "800px" : "90%" );
	}
	#topNav a:hover{cursor:pointer;}
	.width{width:760px;height:0px;font-size:1px;}
	
/* SITE CONTAINER + MASTER TABLE
   ---------------------------------------------- */		
	#container{
		padding:11px;		
		}
	#content{
		background:url(../images/gradGreen.gif) repeat-x top right;	min-height:300px;}
	
	.indent_01, .indent_02, .indent_03{float:right; height:20px; width:25%;}
	.indent_02{clear:right; width:18%;}
	.indent_03{clear:right; width:15%;}
	
	#threeCol {position:relative; width:100%; background:url(../images/acorn_02.jpg) top right no-repeat; z-index:1;}
	#threeColHome {position:relative; width:100%; background:url(../images/acorn_01.jpg) top right no-repeat; z-index:1;}
	#threeCol .LHS, #threeColHome .LHS{width:240px;}
	#threeCol .centre, #threeColHome .centre{padding:28px 23px 0px 17px; height:400px;}
	
	.RHS *{color:#6c6c6c;}
	
	#threeCol .RHS{
		width:177px;
		padding-right:20px;
		padding-top:157px;
		}
	#threeColHome .RHS{
		width:177px;
		padding-right:20px;
		padding-top:207px;
		}
	.centre h1, .centre h2{
		font-size:1.7em;
		color:#2d622a;
		font-weight:normal;
		font-family:'tahoma';
		padding-bottom:10px;
		}
	.centre h2{
		font-size:1em;
		font-weight:bold;
		}
	.centre h6{
		font-size:0.8em;
		font-weight:bold;
		padding-bottom:10px;
		color:#2d622a;
		}
	.centre ul, .centre ol{padding-bottom:15px;}
	
	.centre ul li, .centre ol li{
		padding-left:15px;
		background:url(../images/listBullet.gif) no-repeat 0px 0.6em;
		font-size:0.75em;
		color:#6c6c6c;
		}
	.centre ol li{
		padding-left:0px;
		background:none;
		list-style-type:decimal;
		list-style-position:inside;
		color:#2b5f28;
		}
	.centre ul li a, .centre ol li a{
		color:#6c6c6c;
		border-bottom:#333333 dotted 1px;
		}
	.centre ul li a:hover, .centre ol li a:hover{
		color:#2b5f28;
		text-decoration:none;
		border-bottom:#2b5f28 dotted 1px;
		}
	.centre a{
		color:#2b5f28;
		border-bottom:1px dotted #edffd9;
		}
	.centre p{	
		color:#6c6c6c;
		}
	.headerHome{
		float:left;
		width:100%;
		height:74px;
		background:url(../images/headerFinGrowth.png) no-repeat;
		margin-bottom:17px;
		z-index:1;
		}

/* LEFT Hand Side -- Menu
   ---------------------------------------------- */		
	#menuGrad{
		margin:10px 0px 0px 10px;
		width:227px;
		background:url(../images/menuGrad.png) top right no-repeat;
		behavior: url(/css/iepngfix.htc);
		z-index:5;
		}
	#menu{
		width:221px;
		background:#FFFFFF;
		margin-bottom:20px;
		}
	#menu h1{
		height:27px;
		line-height:27px;
		background:#f4f4f4 url(../images/menuBar.gif) no-repeat 1px 0px;
		border-bottom:1px solid #ececec;
		font-family:'tahoma';
		text-transform:uppercase;
		letter-spacing:normal;
		font-size:0.85em;
		font-weight:bold;
		color:#6a6a6a;
		padding-left:20px;
		}
	#menu ul{padding:5px 0px;}
	#menu ul li{padding:1px 0px;}
	#menu ul li a{
		color:#7f7f7f;
		font-size:0.75em;
		padding-left:45px;
		background:url(../images/bulletSmall.gif) no-repeat 25px 3px;
		}
	#menu ul li a:hover{
		color:#8dbb53;
		background:url(../images/bulletSmall.gif) no-repeat 25px -17px;
		text-decoration:none;
		}
	#menu ul ul{
		}
	#menu ul ul li{
		padding:0px 0px 0px 0px!important;
		margin:0px!important;
		}

			#menu ul ul li a{
		font-size:0.65em;
		line-height:1.25em;
		background:none!important;
		}
		
/* DRIVER Boxes
   ---------------------------------------------- */
	.driverInvest, .driverInheritance{
		float:left;
		position:relative;
		width:85%;
		padding:10px 8px 5px 8px;
		margin-bottom:10px;
		border:2px solid #e0e0e0;
		min-height:100px;
		background:url(../images/iconInvestment.jpg) no-repeat top right;
		}
	.driverInheritance{
		background: url(../images/iconInheritance.jpg) no-repeat top right;
		}
	.drvTL, .drvTR, .drvBL, .drvBR{
		position:absolute;
		font-size:1px;
		width:7px;
		height:7px;
		background-color:#FF0000;
		}
	.drvTL{top:-2px; left:-2px; background:url(../images/driverBoxTL.gif);}
	.drvTR{top:-2px; right:-3px; width:8px; background:url(../images/driverBoxTR.gif) no-repeat;}
	.drvBL{bottom:-2px; left:-2px; background:url(../images/driverBoxBL.gif);}
	.drvBR{bottom:-2px; right:-3px; width:8px; background:url(../images/driverBoxBR.gif) no-repeat;}
	
	.driverInvest h1, .driverInheritance h1{color:#7fb346; font-size:1.4em; margin: 0px; width:120px; float:left;}
	.driverInvest p, .driverInheritance p{font-size:0.7em; padding-top:5px; width:50%; float:left;}
	.driverInvest a, .driverInheritance a{
		position:relative;
		width:100%;
		float:left;
		clear:both;
		color:#999798;
		font-size:0.7em;
		background:url(../images/bulletSmall.gif) 0px 3px no-repeat;
		padding-left:15px;
		font-weight:bold;
		}
	.driverInvest a:hover, .driverInheritance a:hover{
		background:url(../images/bulletSmall.gif) 0px -17px no-repeat;
		color:#7eb243;
		}	
	.rightHeader{
		position:relative;
		background:#7eb243;
		border-top:2px solid #74a43e;
		display:block;
		height:26px;
		}
	.rightHeader h1{
		color:#FFFFFF;
		text-transform:uppercase;
		padding-left:10px;
		font-size:0.7em;
		line-height:22px;
		}
	.rightHeaderTL{
		position:absolute;
		font-size:1px;
		top:-2px;
		left:0px;
		background:url(../images/rightHeaderTL.gif) no-repeat;
		width:5px;
		height:5px;
		}
	.rightHeaderTR{
		position:absolute;
		font-size:1px;
		top:-2px;
		right:0px;
		background:url(../images/rightHeaderTR.gif) no-repeat;
		width:5px;
		height:5px;
		}
	.rightHeader a{
		display:block;
		height:26px;
		line-height:24px;
		color:#FFFFFF;
		font-weight:bold;
		font-size:0.85em;
		font-family:'Tahoma';
		text-transform:uppercase;
		padding-left:10px;
		background:url(../images/button.gif) 0px 3px no-repeat;
		}
	.rightHeader a:hover{
		text-decoration:none;
		background: url(../images/buttonOver.gif) 0px 3px no-repeat;
		}
	.greyBox{
		background:#f3f3f3;
		padding:5px 10px 0px 10px;
		margin-bottom:10px;
		font-size:0.9em;
		}
	.greyBox a{
		font-weight:bold;
		}
	.ftse{
		margin-top:10px;
		}
	#footer{
		font-size:0.75em;
		margin:0px auto; width:90%; min-width:900px; max-width:1050px;		
		}
	#footer p{
		padding-left:10px;
		color:#6c6c6c;
		}
	.sbSite{
		float:right;
		color:#6c6c6c;
		font-size:0.75em;
		padding-right:10px;
		}
	.float-right{ 
		float: right !important;
		}

	.curvedBase{
		position:absolute;
		width:150px;
		bottom:-10px;
		left:20px;
		height:10px;
		background:#7db343;
		margin:0px 10px;
		}
	.curvedBaseL{
		position:absolute;
		bottom:0px;
		left:-10px;
		width:10px;
		height:10px;
		background:url(../images/curvedBaseL.png);
		}
	.curvedBaseR{
		position:absolute;
		bottom:0px;
		right:-10px;
		width:10px;
		height:10px;
		background:url(../images/curvedBaseR.png);
		}
	
/* CALCULATORS 
   ---------------------------------------------- */
	#cals{
		/*border:1px solid red;*/
		padding: 0px;
		width: 99.9%;
		height: 100%;
		}
	a.calc, a.calc b{
		display:block;
		padding:0px 0px 0px 15px;
		background:url(../images/listBullet.gif) no-repeat 0px 0.6em;
		color:#6c6c6c;
		font-weight:normal;
		}
	a.calc2{
		float:left;
		clear:both;
		padding:0px 0px 0px 15px;
		background:url(../images/listBullet.gif) no-repeat 0px 0.6em;
		color:#6c6c6c;
		font-weight:normal;
		font-size:0.85em;
		}
		
/* TAX TABLES 
   ---------------------------------------------- */
	h1.tax{
		font-size:1.7em;
		color:#2d622a;
		font-weight:normal;
		font-family:'tahoma';
		padding-bottom:10px;
		}
	blockquote a.calc{
		background:none;
		padding:0px;
		font-size:1em;
		}
		

			
	table.tax, .tableborders{
		width:95%;
		margin-bottom:20px!important;
		background:#FFFFFF;
		border:#e2e2e2 1px solid;
		}
	.contact_form{
		width:95%;
		margin-bottom:20px!important;
		}
	table.taxintro{
		width:100%;
		margin-bottom:20px!important;
		font-size:0.75em;
		}
	table.tax tr td, #financeData table{
		color:#6c6c6c;
	
		padding:5px;
		border-top:#f4f4f4 1px solid;
		border-right:#f4f4f4 1px solid;
		}
	#financeData{
		padding:0px 0px 10px 0px;}
	table.tax tr td b{
		color:#000000;
		}
	table.tax tr th{
		background:#f4f4f4 url(../images/taxthGrad.gif) bottom left repeat-x;
		font-size:0.75em;
		padding:5px;
		color:#2d622a;
		text-align:left;
		}

	table.taxintro ul li{
		padding-bottom:5px;
		margin:0px!important;
		line-height:1em!important;
		}
	table.tax select, select{
	
		font-size:0.7em;
		}

	select.topic{
		font-size:0.7em;
		}
	form{
		/*font-size:0.7em;*/
		}
	form h1{
		font-size:1.5em;
		}
	form select,  select {
		border-top:#949494 1px solid;
		border-left:#949494 1px solid;
		border-bottom:#dcdcdc 1px solid;
		border-right:#dcdcdc 1px solid;
		margin-bottom:10px;
	
		}

	.goButton{
		border-top:#dcdcdc 1px solid;
		border-left:#dcdcdc 1px solid;
		border-bottom:#949494 1px solid;
		border-right:#949494 1px solid;
		cursor:pointer;
		font-size:0.9em;
		height:22px;
		line-height:17px;
		}
	.topic{
	
		line-height:25px;}
	form h5{
		padding-bottom:5px;
		}
	form select{
		}

/* Contact Forms 
   ---------------------------------------------- */

	table.contact_form tr td p{
		font-size:.75em;
		}
	.txt{
		height:20px;
		width:250px;
		border:1px solid #666666;
		font-size:.75em;
		}
	.txt2{
		height:20px;
		width:250px;
		margin:0px 0px 0px 20px;
		border:1px solid #666666;
		font-size:.75em;
		}
	
	.text_area1{
		height:80px;
		width:250px;
		margin:0px 0px 10px 0px;
		font-size:.75em;
		}
	
	.text_area{
		height:80px;
		width:400px;
		font-size:.75em;
		}
	.form_button
	{
	    font-size:.75em;
		text-align:center;  
		padding:0px 0px 30px 0px; 
		}
		
/* Mortgage
---------------------------------------------- */
	.mortgage{
		font-size:0.75em;
		}
	.mortgage tr td{
		padding-bottom:10px;

		}
	.mortgage input, #forename, #surname, #tel, #email, #offtel, #address, #further_info,
	#oldaddress, #oldtel{
		border-top:#949494 1px solid;
		border-left:#949494 1px solid;
		border-bottom:#dcdcdc 1px solid;
		border-right:#dcdcdc 1px solid;
		}
	input.calButtons, #btnSubmit, #btnReset{
		border-top:#dcdcdc 1px solid;
		border-left:#dcdcdc 1px solid;
		border-bottom:#949494 1px solid;
		border-right:#949494 1px solid;
		margin-bottom:0px;
		cursor:pointer;
		padding:1px;
		}

/* Savings + Mortgages
---------------------------------------------- */
	.savings select{
		font-size:0.75em;
		}
	.savings h5{
		font-size:0.8em;
		}
	.life{
		/*position:relative;
		top:-80px;*/
		clear:both;
		left:0px;
		font-size:0.75em;
		}
		
a.xmas{	width:180px; height:31px; background:url(../images/emeryXmasbutton.gif) no-repeat; display:block; 
		position:absolute; cursor:pointer; top:115px; right:220px; z-index:13; text-decoration:none; outline:none; }
		
		
		
		
		
		
	blockquote p img{
		float: left; clear: both;
	}	
		
blockquote p a b{
			float: left; background: none!important;
				
			}
