opyright 2006 - 200 web hosting
*/

/* SET UP */
.hidden, .hide, .url { display: none; } /* hide skip navigation + print code */
.show { display: inline; }  

a img { border: none; } /* remove annoying borders from images nested in links */
/*body { height: 100%; } /* fix IE quirk (but not Safari) :( */

html { /*min-width: 768px;*/ height: 100%; min-height: 100%; }

body { 
/*	background-color: #E8E5D3;	*/
	background-color: #EEE;
	/*background: url(/images/background.jpg) repeat-x fixed; */ 
	color: #666; 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 76%; 
	text-align : center; 
	/*min-width : 766px;*/ 

	min-height: 90%; 
	margin-top: 0px; 
	margin-bottom: 0px; 
padding-bottom: 0px;

} 

html > body { overflow: visible; }

#container { 
	background-color: #fff;
	position: relative; 
	text-align: left; 
	width: 766px; 
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa; 
	border-right: 1px solid #aaa; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0; 
	padding-top: 5px; 
	height: 100%; 
	min-height: 100%; 
margin-bottom: 0px; 
padding-bottom: 12px;
} 


body > #container { height: auto; }

table { font-size: 100%; }  /* fixes IE5 font-size bug */	

/* reiterate for older browsers */
p, td, a, h1, h2, h3, h4, h5, h6, .textfield, .textarea	{ 
	color: #333; 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0; 
}	

div.clear	{
	clear:both;
	height:0;
	font-size:1px;
}

/* typography =============================================================== */
p, a, ul, li { font-size: 1em; }
p { margin: 0 0 0.9em 0; }
.smallprint { font-size: 0.8em; color: #666; }
.smallprint a { font-size: 1em; }
.thru { text-decoration: line-through; } 

p.right_align	{
	text-align:right;
	padding:0 10px;
}

p.centre_align	{
	text-align:center;
}

/* headings */ 
h2, h3, h4, h5, h6 { margin: 0 0 0.8em 0; padding: 0 0 0 0px; } 

h2 { font-size: 1.8em; color: #666; font-weight: bold; margin-top: 2px; border-bottom: 3px solid #D6D3B5; padding-left: 5px;  }  /* page title */
 
#mainColumn h2, h2.comparison { margin-top: 36px; padding: 0; }

/* mutli purpose sub-titles */
h3 { font-size: 1.1em; margin-bottom: 0; }
h3 a { font-size: 1em; text-decoration: underline; }
h3 a:hover { text-decoration: none; } 
h3 span { margin: 0; padding: 0; } /* so can position image if want to */

h4 { font-size: 1.1em;  }

/* linkology */
a { font-size: 1em; color: #7F4807; text-decoration: underline; }
a:hover { color: #D4D0B3; text-decoration: none; }

a:link	{ text-decoration: underline; }
a:visited	{ text-decoration: underline; }
a:visited:hover	{ text-decoration: none; }

ul { list-style: disc inside; margin-left: 0; padding-left: 1em; text-indent: -1em; }
li { margin-bottom: 0.3em; color: #D4D0B3; } 
li span { color: #666; }

/* framework ================================================================ */


#header { margin: 0; padding: 0; }
#wrapper { width: 766px; padding: 0; } /* colors side bar - color set in separate section */

#sidenav { float: left; width: 155px; background-color: #D4D0B3;
	height: 500px;
} /* left sidebar */

#mainColumn { display: inline; float: left; width: 601px; margin: 0; padding: 0 0 0 10px; background-color: #fff; } /* middle and right column wrapper */
* html #mainColumn { width: 611px; w\idth: 601px; }

/* navigation =============================================================== */

/* primary site navigation ----- */
#navRowMain .contact { color: #333; font-weight: normal; float: right; margin-right: 3px; text-indent: 0; }

/* set defaults for alpha effect */
.subNav { display : none; } 
#navRowSub { height: 2em; padding: 0; opacity: 1; filter: alpha(opacity = 100); }

/* style mini-nav (contact, site map etc ) */
#mininav { float: right; width: auto; margin: 0; color: #ccc; padding: 1px; }
#mininav li { display: inline; list-style-type: none; color: #ccc; text-indent: 0; }
#mininav a { text-decoration: none;  margin: 1px; color: #7F4807; font-weight: normal; }
#mininav a:hover { background-color: #f7f3f7; border: 1px solid #d9e6dc; margin: 0; }


/* style top nav */
/* add the bar background to the container */
#navRowMain {  background: url(/images/nav_back.jpg) #fff repeat-x; height: 2em; display: block; border-top: 1px solid #999; border-bottom: 0px solid #999; margin: 0 0 0px 0; padding: 0;  } 

/* style the list */
#navRowMain ul { list-style-type: none; margin-top: 0; margin-bottom: 0; } 
#navRowMain li { float: left; display: block; text-align: left; margin-top: 4px; margin-bottom: 4px; color: #999999; text-indent: 0; }

/* styles the links */
#navRowMain a { text-decoration: none; font-weight: normal; color: #333333; margin: 0 0px 0 0px; } /* margin compensates for hover border */ 
#navRowMain a:hover { background-color: #fff; border: 1px 1px 1px 1px solid #d9dbdd; margin: 0; }  
#navRowMain span { color: #fff; text-align: right; width: 500px;}

/* style bottom nav */
#navRowSub { clear: left; margin-bottom: 0px; }
#navRowSub ul { list-style-type: none; }
#navRowSub li { height: 2em; float: left; display: block; margin: 0; padding: 0px; color: #999; font-weight: normal; text-indent: 0; }
#navRowSub a { margin: 0 1px 0 1px; text-decoration: none; font-weight: normal !important; font-weight: normal; }
#navRowSub a:hover { margin: 0px 0px  0px 0px; font-weight: normal !important; }

/* funky new side bar nav ----- */

/* styles rounded side pods that sit in the left bar */
.v4sidepod { float: none; width: 150px; border-right: 1px solid #fff; margin-left: 4px; background-color: #fff; font-size: 0.9em; } /* default left pod styles */

/* .sidepod { display: inline; } - uncomment if float .sidepod left - IE double margin bug fix */
.navtop, .navbot { width: 10px; height: 10px; }

/* rounded corner side-nav */
#mainmenu { margin-top: 1.6em; /*background: url(/images/v4/corner_tl.jpg) no-repeat;*/ background-color: #fff; }
.navbot { /*background: url(/images/v4/corner_bl.jpg) no-repeat left bottom;*/ }
#mainmenu h3, .v4sidepod h3 { margin: 0 0 0px 10px; padding: 7px 0 2px 0; line-height: 0.9em; border-bottom: 2px solid #ccc; }

/* the nav */
#mainmenu ul { margin: 0 0 0 0px; text-indent: 0; }
#mainmenu li { list-style-position: outside; list-style: none; border: 0; border-top: 1px solid #eee; text-indent: 0; }
#mainmenu li.first { border-top: 0; }
#mainmenu a { text-decoration: none; color: #666; display: block; padding: 3px 0 3px 0; margin: 0; }
#mainmenu a { width: 100%; } /* fixes IE whitespace bug */
#mainmenu a:hover { background-color: #EFE7D6; color: #666; }

#mainmenu h3 a, #mainmenu h3 a:hover { color: #333; margin: 0; padding: 2px 0 2px 0; }

/* sub-items */
#mainmenu ul li ul { margin: 0; }
#mainmenu ul li li { color: #63778D; border: 0; }

#mainmenu ul ul a { padding: 1px 0 1px 0; }
#mainmenu ul ul span { margin-left: 15px; }


#mainmenu ul ul a:hover { background-color: #eee; }


/* color code side nav */
/* default */
#mainmenu h3, .v4sidepod h3 { border-bottom: 2px solid #D6D3B5; }
#mainmenu a { color: #7B4900; }

.hosting #mainmenu h3, .hosting .v4sidepod h3 { border-bottom: 2px solid #6bba39; }
.hosting #mainmenu a { color: #6bba39; }


#mainmenu a:hover { color: #666; }

/* side nav bar title */
#mainmenu h3 a, #mainmenu h3 a:hover { color: #7B4900; }


/* side nav pods ----- */

/* little side pod generic rules */
/*#newuser { margin-top: 20px; background: url(/images/v4/corner_tl2.jpg) no-repeat; background-color: #fff; } */
.v4sidepod { margin-top: 30px; }
.v4sidepod h3 { padding: 9px 0 4px 0; }
.v4sidepod a { margin: 0; display: block; text-decoration: none; }
.v4sidepod a:hover { /* color: #6bba39;*/ background-color: #eee; }


/* style mini domain pod */
#domainside h3 { font-size: 1em; }
#domainside p { margin: 5px 0 5px 10px; }
#domainside .textbox { margin-left: 10px; border: 1px solid #ccc; width: 100px; }


/* color code the side bar by section */
/* default color */
#wrapper { background: url(/images/sideback.jpg) repeat-x #D4D0B3; } 
#mainmenu { background: url(/images/corner_tl.jpg) no-repeat #fff; }
.v4sidepod { background: url(/images/corner_tl2.jpg) no-repeat #fff; }
.navbot { background: url(/images/corner_bl.jpg) no-repeat left bottom; }

.hosting #wrapper { background: url(/images/hosting_sideback.jpg) repeat-x #DEEFCE; }
.hosting #mainmenu { background: url(/images/corner_hosting_tl.jpg) no-repeat #D4D0B3; }
.hosting .v4sidepod { background: url(/images/corner_hosting_tl2.jpg) no-repeat #fff; }
.hosting .navbot { background: url(/images/corner_hosting_bl.jpg) no-repeat left bottom; }


/* footer nav ----- */

#footer { clear: both; margin: 0 0 0 0; padding: 0 0 0 0;  }
#notice { clear: both; border-top: 3px solid #65ba3b; /*background-color: #dfdfdf;*/ background-color: #fff; padding: 1px 10px 1px 7px; height: 100px; }
#notice p { float: left; margin-top: 5px; }
#notice img { float: right; display: inline; margin-left: 5px; }

#footer ul { list-style-type: none; margin: 0; height: 1em; padding: 0; }
#footer li { float: left; display: block; color: #ccc; margin: 0; padding: 1px; text-indent: 0; }
#footer li a { text-decoration: none;  margin: 1px; color: #7F4807; }
#footer li a:hover { background-color: #f7f3f7; border: 1px solid #d9e6dc; margin: 0px; } 

#footer #printbutton { float: right; }
#footer #bookmarkpage { float: right; }

/* index page =============================================================== */

/* Focus points */

#prod_area {
	margin-left: 1em;
	margin-top: 1em;
}

.prodbox {
	float: left;
	/*width: 144px;*/
	width: 190px;
	font-size: 0.9em;
}
.prodbox a { 
	margin: 0; 
	padding: 0; 
	text-decoration: none !important; 
}
.prodbox a:hover { 
	cursor: pointer; 
	text-decoration: none !important; 
}
.prodbox h2 {
	border: 0;
	/*width: 138px;*/
	width: 230px;
	margin: 8px 0px 0px 0px;
	color: #FFF;
	font-size: 1.6em;
}
.prodbox h3 {
	margin: 0 20px; padding: 0px;
}
.prodbox ul {
	margin: 0.5em 0em 0em 0.5em; !important;

}
.prodbox li {

}


/* Hosting */
#hosting_box {  
	background: url(/images/hosting_bg.gif) top left repeat-x #3d8cdb; 
	margin-right: 9px; 
	border: 1px #3d8cdb solid;
	min-height: 14em;
	* height: 14em; 
	width: 240px;
}


#hosting_box h3, #hosting_box li {
	color: #094077; 
}

#hosting_bg {background: url(/images/hosting_pricing.gif) bottom right no-repeat ;
	min-height: 10em;
	* height: 10em; 
}

#hosting_box h4 {  height: 85px; padding: 0px; margin: 0px;}
#hosting_box h4 span { display: none;}


/* dedicated */
#dedibox { 
	background: url(/images/dedicated_bg.gif) top left repeat-x #B9D3E4; 
	margin-right: 9px; 
	border: 1px #8494da solid; 
	min-height: 14em; 
	*height: 14em; 
	width: 240px;
} 

#dedicated_bg {
	background: url(/images/dedicated_pricing.gif) bottom right no-repeat ; 
	min-height: 10em;
	* height: 10em; 
}

#dedibox h3, #dedibox li { color: #304071; } 
#dedibox h4 { height: 85px;}
#dedibox h4 span { display: none;}

/* email */

#emailbox { 
	background: url(/images/email_bg.gif) top left repeat-x #8CD4B0; 
	margin-right: 9px; 
	border: 1px #aa8cd4 solid;	
	min-height: 14em; 
	*height: 14em;  
	width: 240px;
} 

#email_bg {
	background: url(/images/email_pricing.gif) bottom right no-repeat; 
	min-height: 10em;
	* height: 10em; 
}

#emailbox h3, #emailbox li { color: #4e3078; }

#emailbox h4 { height: 80px; }
#emailbox h4 span { display: none; }


/* ****************************************************************************************** */

.roundedbutton h4 {
	margin-bottom: 0.2em;
	color:#46712c;
}
.roundedbutton p {
	font-size:0.8em;
	color:#46712c;
}

/* lower half of the homepage =============================================== */
#section2 {
	clear: both;
	padding-top: 0px;
}

.our_points {
	float: right;
	margin-top: 2px;
	margin-right: 9px;
	margin-left: 9px;
	
}
.our_points h4 
{
	font-size: 1.0em;
	color: #7F4807;
	margin-bottom: 0.2em;
	margin-left: 5px;
}
.our_points p
{
	font-size: 0.9em;
	color: #666666;
	margin-bottom: 0.2em;
	margin-left: 5px;
	margin-right: 5px;

}

/* support pod */
.our_points #support {
	float: left;
	margin-top: 0px;
	margin-left: 4px;
	width: 146px;
	background: url(/images/adverts_bg.gif) no-repeat;
	min-height: 89px;
	* height: 89px;
}
.our_points #support h4 {
	padding-top: 10px;
}

.our_points a { cursor: pointer; }

/* product landing pages ==================================================== */

/* hosting landing page */
#hostheader { background: url(/images/hosting_back.jpg) bottom right no-repeat; height: 160px; margin: 0 7px 0 0;  }
#hostheader blockquote { width: 280px; margin: 1em 0;  }
#hostheader p { font-size: 0.9em; font-weight: bold !important; color: #333; }

/* servers landing page */
#servers  { background: url(/images/dedicated_back.jpg) bottom right no-repeat; height: 160px; margin: 0 7px 0 0;  }
#servers  blockquote { width: 280px; margin: 1em 0;  }
#servers  p { font-size: 0.9em; font-weight: bold !important; color: #3d6f24; }

/* servers landing page */
#hostemail  { background: url(/images/email_back.jpg) bottom right no-repeat; height: 160px; margin: 0 7px 0 0;  }
#hostemail  blockquote { width: 280px; margin: 1em 0;  }
#hostemail  p { font-size: 0.9em; font-weight: bold !important; color: #3d6f24; }

/* support landing page */
#hostsupport  { background: url(/images/support_back.jpg) bottom right no-repeat; height: 160px; margin: 0 7px 0 0;  }
#hostsupport  blockquote { width: 280px; margin: 1em 0;  }
#hostsupport  p { font-size: 0.9em; font-weight: bold !important; color: #3d6f24; }

/* webdesign landing page */
#webdesign  { background: url(/images/webdesign_back.jpg) bottom right no-repeat; height: 160px; margin: 0 7px 0 0;  }
#webdesign  blockquote { width: 280px; margin: 1em 0;  }
#webdesign  p { font-size: 0.9em; font-weight: bold !important; color: #3d6f24; }

/* articles landing page */
#articles  { background: url(/images/articles_back.jpg) bottom right no-repeat; height: 160px; margin: 0 7px 0 0;  }
#articles  blockquote { width: 280px; margin: 1em 0;  }
#articles  p { font-size: 0.9em; font-weight: bold !important; color: #3d6f24; }

/* articles landing page */
#hostlinks  { background: url(/images/links_back.jpg) bottom right no-repeat; height: 160px; margin: 0 7px 0 0;  }
#hostlinks  blockquote { width: 280px; margin: 1em 0;  }
#hostlinks  p { font-size: 0.9em; font-weight: bold !important; color: #3d6f24; }


/* Hosting index column sections ==================================================== */

/* generic tombstone rules */
table.tombstone { margin: 0; float: left; }
.tombstone td, .tombstone th { border: 0; text-align: left; padding: 0 0 0 5px; }
.tombstone th { text-align: left; color: #0066cc; font-weight: normal; padding: 3px 0 3px 15px; }
td.pricing { padding-left: 0; }

.pricing td { text-align: center; }
td.price { padding-top: 6px; }

.upgrades ul { list-style-type: none; list-style-position: outside; margin-top: 0 !important; margin-bottom: 0.5em; }
.upgrades li { margin: 0; }
 

/* hosting tombstone rules */
.hosting .tombstone { width: 146px; }
.hosting #developer.tombstone { width: 143px; }
.hosting .tombstone table td { color: #3d6f24; }


.tombstone .platform img, .tombstone .upgrades img { margin: 2px 5px 0 0; }
.tombstone td.platform, .tombstone td.upgrades { padding-bottom: 10px; }

/* colour coded product rules =============================================== */

/* hosting */
.hosting .tombstone .more { font-size: 0.9em; }
table#basic.tombstone { border: 1px solid #fff; margin-right: 4px; }
#basic.tombstone td, #basic.tombstone th { background-color: #F4F2E9; }
#basic.tombstone th { border-bottom: 1px solid #fff; }
#basic.tombstone .trafspace td  { border-top: 1px solid #fff; }
#basic.tombstone td.pricing { border-top: 1px solid #fff; background: #F4F2E9; }
#basic.tombstone .pricing td { background: #F4F2E9; }
#basic.tombstone table { padding: 0; margin: 0; border: 1px solid #fff; }
/* #basic.tombstone .platform { background: url(/images/roundel_getthisfree.gif) no-repeat top right #F8FCF5; } */

table#professional.tombstone { border: 1px solid #fff; margin-right: 4px; }
#professional.tombstone td, #professional.tombstone th { background-color: #E8E5D3; }
#professional.tombstone th { border-bottom: 1px solid #fff; }
#professional.tombstone .trafspace td { border-top: 1px solid #fff; }
#professional.tombstone td.pricing { border-top: 1px solid #fff; background: #E8E5D3; }
#professional.tombstone .pricing td { background: #E8E5D3; }
#professional.tombstone table { padding: 0; margin: 0; border: 1px solid #E8E5D3; }

table#business.tombstone { border: 1px solid #fff; margin-right: 4px; width: 180px;}
#business.tombstone td, #business.tombstone th { background-color: #DCD8C3; }
#business.tombstone th { border-bottom: 1px solid #fff; }
#business.tombstone .trafspace td { border-top: 1px solid #fff; }
#business.tombstone td.pricing { border-top: 1px solid #fff; background: #DCD8C3; }
#business.tombstone .pricing td { background: #DCD8C3; }
#business.tombstone table { padding: 0; margin: 0; border: 1px solid #DCD8C3; }

/* page bottom banners ====================================================== */
.bottompod { float: left; width: 185px; margin: 50px 5px 0 0; }
.bottompod h4 { margin: 5px; font-size: 1em; }
.bottompod p { margin-left: 5px; margin-right: 5px; }


.bottompod div { height: 85px; }
/* section colours */
.hosting .bottompod div { background: url(/images/bottom_pod_background.gif) repeat-x bottom; }
.hosting .bottompod h4 { color: #3D6F24; }


table.blinds { width: 100%; }
/*table.blinds { margin: 20px 0 0 0; padding: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }*/ /*100% width*/
table.blinds { margin: 20px 0 0 0; padding: 0; border: 1px solid #ccc; border-bottom: 0; } /*with usp side bar*/

 
table.data { margin: 0; padding: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
table.data { border-right: 1px solid #ccc; }
table.expand { border-top: 0; margin-top: 0; }
.blinds td, .data td, .data th, .blinds th { text-align: left; border-bottom: 1px solid #ccc; border-right: 0; }
.blinds th, .data th { font-weight: bold; }
.blinds td { text-align: center; }
.blinds td span { font-weight: 800; color: #3d6f24; } /* highlight was/now, May 2006, TC */
.blinds .feature { width: 75%; text-align: left; }

/* resizes spec tables that appear in popups */
#popup #account_feat, #popup .account_feat { width: 100%; border-right: 1px solid #ccc; }
#popup table.blinds, #popup table.data { width: 100%; border-right: 1px solid #ccc; }

/* generic rules for stuff in main-column */
/*#ecohosting, #features, .mainpod { clear: both; margin-top: 12px; padding-top: 12px; border-top: 3px solid #ccc; }

.mainpod table { width: 450px; margin: 0 0 0 20px; }
*/

* html #featurepoints { /* box model */
	width: 186px; /* only IE will see this */
	w\idth: 176px; /* only IE mac will see this */
}
/* IEwin needs a height to clear floats */
/* hide from IEmac \*/
* html #specwrapper, * html #fauxcolumn, * html #fauxcolumn_vps {
	height: 1%;
}
/* end hide from IEmac */



/* buttons ================================================================== */
.gobutton { background: url(/images/go_back.jpg) repeat-x; border: 1px solid #ccc; color: #666; width: 30px; margin: 0; padding: 0; }
.gobutton:hover { cursor: pointer; }

.updatebutton, .orderbutton {  border: 0; color: #fff; height: 1.5em; width: 80px; font-weight: bold; margin: 5px auto; padding: 0; } 
.updatebutton:hover, .orderbutton:hover { cursor: pointer; }

a.orderbutton { display: block; font-size: 1em; text-align: center; text-decoration: none !important; height: 1.5em; valign: middle; color: #fff; }
a.orderbutton span { color: #fff; text-decoration: none; margin-top: 50px; }



/* terms ==================================================================== */
/* terms page - NB entire page is wrapped in div#terms */
#termstable { margin: 25px 0 25px 25px; }
#termstable th { font-weight: normal; padding: 3px 20px 0 0;  }
#termstable img { margin: 0 5px 0 10px; }
#terms ol { margin-top: 1em; margin-bottom: 1em; }
#terms li { margin-top: 1em; }
#terms h3 { font-size: 1.2em; }
#terms dd { margin-bottom: 0.8em; }
#terms .firstlink { float: right; border: 1px solid #7c5ea6; padding: 2px 4px; }
#terms .firstlink img { margin-right: 3px; }
#terms h6 { display: inline; font-size: 1.0em; }
#terms ul { margin-top: 1em; margin-bottom: 1em; margin-left: 2em;}
#terms li { margin-top: 1em; font-weight: normal; list-style-type: disc; }
#terms li span { font-weight: normal; }
#termtable { border: 0; }
#termtable td { border:0; text-align: left; }

#corptable td { background-color: #fff; }

#bbtable { border: 0; }
#bbtable td, #bbtable tr { border: 0; text-align: left; }

/* generic form rules, the world over ======================================= */
.btn { font-size: 11px; border: 1px solid #D6D3B5; color: #666; background-color: #D6D3B5; height: 22px; font-weight: bold; margin: 0; padding: 0; }
.checkbox { }
.textfield, .textarea { border: 1px solid #ccc; font-size: 10pt; color: #666; }
.textarea { margin-bottom: 10px; }
.textfield {  height: 20px; }
select { color: #666; font-weight: normal; }


/* new style contact form */
#contactform input, #contactform textarea { border: 1px solid #D6D3B5; margin-bottom: 7px; }

.contactdetails ul { float: left; list-style-type: none; margin-right: 15px; }
.contactdetails a, .contactdetails a:hover { color: #7B4900; }

.aboutdetails ul { float: left; list-style-type: none; margin-right: 15px; }
.aboutdetails a, .contactdetails a:hover { color: #999; }


/* Contact form */
.boxed { border: 1px solid #ccc; padding: 10px; margin-left: 10px; width: 330px; } 
.boxed2 { padding: 10px; margin: 0 auto 0 auto; width: 340px; height: 300px; }
.boxed2 h4 { margin-bottom: 1em; }
#custdetails { width: 160px; border-right: 1px solid #ccc; margin-right: 10px; float: left; padding: 0; }
#enquiry { margin: 10px 0 0 0; padding: 0; }
form#contactform label {  display: block; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: small; font-size: 0.9em; }
form#contactform .textfield { padding-left: 3px; margin: 2px 0 10px 0;}
form#contactform .textarea { display: block; width: 316px; }
#form #contactform .btn { margin-left: 210px; } 

/* error form */
#errorpage p, #errorform, #errorpage ul { margin-left: 5px; margin-right: 5px; }


/* section colours ========================================================== */
/* Switch class on the container div to applies section colour theme */ 

/* ***************************************** content pane *** */
#mainColumn h2 { margin-top: 24px; margin-right: 0; border-bottom: 2px solid #D6D3B5; color: #666; font-size: 1.3em; }
#mainColumn h3 { margin-top: 24px;margin-bottom: 10px; margin-right: 0; color: #B9B589; font-size: 1.3em; }
#mainColumn h4 { margin-top: 24px;margin-bottom: 10px; margin-right: 0; color: #333; font-size: 1.0em; }

#mainColumn a { text-decoration: underline;}


/* Switch class on the container div to applies section colour theme */ 

/* default color */
table .heading , h2, a:hover, li, h6, dd strong, dd strong a,table td.comheading { color: #333; }
.usertype h5 { color: #65ba3b; }
#header { border-top: 1px solid #ADADAD; }
.usertitle { padding: 3px; margin: 0 0 3px 0;  }
/*.usertitle   { border-top: 6px solid #65ba3b; } */
#divider { background-color: #65ba3b; }
#notice { clear: both; border-top: 1px solid #ccc; }



#divider { background-color: #ccc !important; }

/* reset some of the defaults */
#navRowSub a, .sublink { color: #333; }
#navRowSub a:hover { background-color: #f7f3f7; border: 1px solid #d9e6dc; color: #333; }


/* dev ====================================================================== */
/* Image styles - ReUsed throughout site */

img.float {
	float:right;
	margin:3px;
	border:1px solid black;
}
img.centre	{
	margin:0 auto;
	border:1px solid black;
	display:block;
}

/* hosting configurator ===================================================== */


.newPrice { /* main price point */
    clear:both; display: block;
    vertical-align:-0.1em;
    text-align:center;
    color: #99CC66;
    font-size: 1.7em;
    font-weight:bold;
    font-family: verdana;
    letter-spacing: -0.1em;
    line-height: -0.5em;
}
.hostPrice {
	
    vertical-align:-0.1em;
    text-align:center;
    color: #7B4900;
    font-size: 1.7em;
}


/* generic rules ============================================================ */
.bigtext { 
	font-size: 1.3em; 
	letter-spacing: -0.1em;
}
.bigtextbold {
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.biggertext {
	font-size: 1.6em;
	letter-spacing: -0.1em;
}
.biggertextbold {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.biggesttext {
	font-size: 1.9em;
	letter-spacing: -0.1em;
}
.biggesttext {
	font-size: 1.9em;
	font-weight: bold;
	letter-spacing: -0.1em;
}

/* hosting extras ====================================================== */
/* quota pod rules */
#extraquota {
	width:125px;
	height:60px;
	*height:20px;
	background-color:#E8E5D3;
	border:1px solid #CBC7A8;
	padding:5px;
	*margin-bottom:-5px;
	position:absolute;
	top:240px;
	*top:237px;
	right:10px;
}
#extraquota_img {
	width:125px;
	height:60px;
	*height:20px;
	padding:5px;
	*margin-bottom:-5px;
	position:absolute;
	top:240px;
	*top:237px;
	right:10px;
}
#extraquota ul {
	margin-top:5px;
	/*background:blue;*/
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
#extraquota li {
	background:url(/images/v4/hostingquotatick.gif) center right no-repeat;
	list-style-type:none;
	padding-right:15px;
	*margin-left:-15px;
	line-height:1.5em;
	padding-bottom:0;
}

.bigPrice {
	FONT-SIZE: 1.6em;
	font-weight: bold;
	font-color: #000000;
}

#featureTables {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#featureTables H3 {
	PADDING-RIGHT: 5px! important; 
	DISPLAY: block; 
	PADDING-LEFT: 5px! important; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	PADDING-BOTTOM: 5px! important; 
	MARGIN: 0px 15px 5px; 
	LINE-HEIGHT: 12px; 
	PADDING-TOP: 5px! important; 
	BACKGROUND-COLOR: #E8E5D3
}

#featureTables UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 30px; PADDING-TOP: 0px
}
#featuresummary UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 30px; PADDING-TOP: 0px
}

#featureTables UL {
	WIDTH: 350px
}
#featureTables LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(/images/bullet_tick.gif) no-repeat 5px 40%; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #19194d; LINE-HEIGHT: 15px; PADDING-TOP: 5px; BORDER-BOTTOM: #E8E5D3 1px solid; LIST-STYLE-TYPE: none
}
#featuresummary LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 170px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(/images/bullet_tick.gif) no-repeat 5px 40%; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #19194d; LINE-HEIGHT: 15px; PADDING-TOP: 5px; BORDER-BOTTOM: #E8E5D3 1px solid; LIST-STYLE-TYPE: none
}

.optionPrice {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 11px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 2px
}


#featureTables LI.option {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#featuresummary LI.option {
	BACKGROUND: none transparent scroll repeat 0% 0%
}