/*LINKS*/

a:visited {color: #009651;
text-decoration: underline;}

a:link {color: #009651;
text-decoration: underline;}

a:hover {color: #ffffff;
background-color: #009651;
text-decoration: none;}

a:hover img {display: block;}

a.print {margin-left: 5px;}

body 
{	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	font-style:normal;
	font-weight:normal;
	color: #666666;}
	
.bold 
{
	color: #666666;
	font-weight:bold;
}
	
.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	height: 30px;
	text-align:left;
}

.small_header_green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #009853;
	text-decoration: none;
}

.main-subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-indent: 5px;
}

.errormessage
{	color:Red;
	padding:0 0 10px 0;
	border:none;}

/* banner styles - main*/
.bannermain 
{	width:900px;
	position:absolute;
	top:0px;
	left:0px;}
	
.bannerright
{	position:absolute;
	left:155px;
	top:0px;}

.bannermenu
{	position:absolute;
	left:155px;
	top:89px;
	width: 745px;
	height: 22px;
background-image: url(../images/pagegraphics/toppanel_small.jpg);
background-position: 100% 0%;
background-repeat: no-repeat;
background-color: #C6E2CC;}

/*admin banner menu*/

.bannermenu ul {
margin-left: -55px;
list-style-type: none;
}

.bannermenu ul li {
float: left;
margin-left: 20px;}

.bannermenu ul li.left {
float: left;
margin-left: -16px;}

.bannermenu ul li a {
float: left;
margin-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #009651;
font-weight: bold;
text-decoration: none;
text-align: left;}

.bannermenu ul li a:hover {
color: #ffffff;
}

.bannerlogin2
{	position:absolute;
	left:155px;
	top:111px;
	width:739px;
	height:23px;
	text-align:right;
	background:black;
	color:white;
	margin:0px;
	padding:2px 4px 2px 2px;}

/*customer banner*/

.bannerbutton2
{	position:absolute;
	left:111px;
	top:0px;}
	
.bannerbutton3
{	position:absolute;
	left:222px;
	top:0px;}

.bannerbutton4
{	position:absolute;
	left:333px;
	top:0px;
}
	
.bannerbutton5
{	position:absolute;
	left:505px;
	top:0px;}
	
.bannerbutton6
{	position:absolute;
	left:616px;
	top:0px;}
	
.bannerlogin
{	position:absolute;
	left:155px;
	top:111px;
	width:739px;
	height:16px;
	text-align:right;
	background:black;
	color:white;
	margin:0px;
	padding:2px 4px 2px 2px;}
	
.bannerlogin a:link, .bannerlogin a:visited
{
	color:white}

	
.bannercorner
{	position:absolute;
	left:155px;
	top:131px;}
	
/* banner styles - progress*/
.bannerprogress
{	width:715px;
	position:absolute;
	top:131px;
	left:188px;
}

.bannerprogress img
{  	float:left}
	
/* banner styles - select*/
.bannerselect span
{  display:inline;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;}
	
a img
{	border:none;}

/* position page content */
.contentbody
{	position:absolute;
	left:187px;
	top:148px;
	width:710px;
	min-height: 800px;
	height: 800px;
	text-align:justify}
	
.contentbodyprogress
{	position:absolute;
	left:188px;
	top:185px;
	width:710px;
	min-height: 800px;
	height: 800px;
	text-align:justify}
	
.admincontentbody
{	position:absolute;
	left:18px;
	top:145px;
	width:880px;}
	
/* Plans page styles */	
TABLE.planForm
{	float:LEFT;
	width:710px;
	border:solid 2px black;}
		
/* Left TD Styles */
TABLE.planForm TD.component	
{	padding:5px;}

TABLE.planForm TD.component	DIV.componentName			
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;}

TABLE.planForm TD.component	DIV.componentExplanation	
{	font-size:0.9em;}

TD.component
{	width:250px;
	background:#E6E6E6;}
	
/* Right TD Styles */
TABLE.planForm TD	
{	vertical-align:top;}

DIV.grp1		
{	border:1px #eee solid;
	margin:5px;
	padding:2px;}
	
DIV.grp1 DIV	
{	margin:3px 0; 
	padding: 5px 5px 5px 20px;
	/* font-size:0.8em; */
	border:1px #ccc solid;}

TABLE.planForm TD INPUT.userDetails	
{	width:200px;
	border: 1px solid #009853;}

TABLE.planForm TD TEXTAREA			
{	width:200px;}

TABLE.planForm TD INPUT.totalCost	
{	width:50px;}

TABLE.planForm TD IMG	
{	margin:5px;border:0;}

DIV.service_ProductTypeName	
{	font-weight:bold;
	background-color: #C7E2CC;
	margin:5px;
	border:1px #ccc solid;
	padding:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;}

TABLE.serviceProductOption 
{	width:400px;
	padding:0;}
	
TABLE.serviceProductOption TD.L		
{	width:100px;}

TD.R DIV
{	background-color: #C7E2CC;}

/* ----- My Plans Page & Summary Page Styles ------ */
TABLE.myPlans, TABLE.planSummaryHeader
{ width:710px;
 }

TABLE.myPlans TH, TABLE.planSummaryHeader TH, TABLE.planSummary TH	
{	background-color: #C7E2CC;
	padding:5px;
	font-size:1em;
	text-align:left;
	border:1px #ccc solid;
	padding:4px 2px 4px 2px;}
					
TABLE.myPlans TD, TABLE.planSummaryHeader TD, TABLE.planSummary TD
{	background-color:White;
	font-size:0.9em;
	border-left:solid 1px white;
	border-right:none;
	border-top:none;
	padding:4px 2px 4px 2px;}
	
TABLE.planSummary TD
{	border-bottom:solid 1px black;}

TABLE.planSummary TD.totals
{	font-weight:bold}

/* Buy Plan Page */

TABLE.buyPlan 
{	width:480px;}

TABLE.buyPlan TH					
{	background:#C7E2CC;text-align:left;
	padding:6px;border-bottom:1px black solid;}

TABLE.buyPlan TH SPAN				
{	font-size:0.8em;font-weight:normal;}

TABLE.buyPlan TD					
{	padding:1px 5px;text-align:left;width:250px;}

TABLE.buyPlan TD SPAN.extraInfo		
{	font-size:0.8em;}

TABLE.buyPlan TD INPUT.textBox		
{	width:250px;}

TABLE.buyPlan TD SELECT				
{	width:250px;}

TABLE.buyPlan TD.useSameDetails			
{	background:#eee;text-align:right;}

TABLE.buyPlan TD.useSameDetails INPUT	
{	font-size:0.9em;width:120px;}

TABLE.buyPlanFooter						
{	width:480px;}

TABLE.buyPlanFooter	TD					
{	padding:3px;text-align:right;border-top:solid 1px black}

SPAN.required							
{	font-weight:bold;}

/* ----- Styles for Payment Options ----- */
.yearheader
{background:#C7E2CC;
 font-weight:bold;
 width:300px;
 padding: 4px;
 }

.paymentCol1
{
 width:210px;
 border-bottom:solid 1px black;
}

.paymentCol2
{
 margin:0 0 0 0;
 width:80px;
 text-align:right;
 border-bottom:solid 1px black;
}

.priceRow
{
 background-color: #E6E6E6;
 width:300px;
}
	
.paymentRow
{
 background-color:white;
 width:300px;
 }

.paymentButton
{
	position:relative;
	left:320px;
	bottom:25px;
}

/* Customer detail */
.customerDetail
{
	border:solid 1px black;
	width:200px;
	padding:10px;
}

/* EXTRA LINKS - 'MORE INFO' SIDE TABLE */

#extra {border: 1px solid #019853;
width: 150px;
margin: 5px 0px 0px 5px;}

#extra #header {
background-color: #019853;
font-family: "trebuchet ms", verdana, hevetica, arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: center;
line-height: 20px;
}

#extra ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#extra ul li {
display: block;
margin: 0 2px 0 2px;
padding: 5px 0 5px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #009853;
	line-height: 17px;
background-image: url(../images/leaf.gif);
background-repeat: no-repeat;
background-position: 0 50%;}

#extra ul li a {
margin: 0 0 0 0px;
}

/*MISC*/

.alignleft {
text-align: left;
margin: 10px 0 10px 0;
}

/*FOOTER*/

.footer {
color: #222222;
border-top: 1px solid #019853;
border-bottom: 1px solid #019853;
margin: 10px 0 10px 0 0px;
padding: 5px 0 0 0;
line-height: 2em;
text-align: center;
background-image: url(../images/footer.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
background-color: #C7E2CC;}

.indent {margin-left: 20px;}

.termstable
{	
width: 90%;
margin: 10px;

font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	font-style:normal;
	font-weight:normal;
	color: #666666;}
	
.planpaymentform {
border: 1px black solid;
}

/**STANDING ORDER FORM**/

.sectionheader {
background-color: #019853;
width: 100%;
color: #ffffff;
font-size: 12px;
line-height: 20px;
height: 20px;
font-weight: bold;
padding-left: 0px;}

.bankdetails {
float: left;
width: 40%;
margin: 10px 10px 0 0;}

input.location, select.location {width: 309px;}