@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      01/03/08
author:    Brooke Fitness
email:     brooke@nzwebhost.co.nz
website:   www.nzwebhost.co.nz
version history: N/A

Primary Colours Used
1.	#000000
2.	#000000
3.	#000000
4.	#000000


Table of contents:
1.	Import other stylesheets
2.	Fundamental styles
3.	Header
4.	Footer
5.	Navigation
6.	Template
7.	Typography
8. 	Tables
9.	Forms
10.	Miscellaneous
11.	Fixes


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

/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); /* Clear default styles */

	
/* Fundamental styles
-----------------------------------------------------------------------------*/	
body
	{font: 62.5%/1.5em  Arial, Verdana, sans-serif;
	background: #0E1720 url('../images/body_bg.gif') top center repeat-x;   
	text-align:center;}	
	
div#wrapper {
	background: #fff;
	color: #000000;
	font-size: 1.2em;
	text-align: left;
	width: 905px;
	margin: 25px auto;
}

.clear {
  clear:both;
}


/* Header
-----------------------------------------------------------------------------*/
div#header {
    background: url(../images/header.jpg) no-repeat top left;
	height: 113px;
}

div#header span {
	position: relative;
	left: 240px;
	top: 74px;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
}
	
	
/* Footer
-----------------------------------------------------------------------------*/
div#footer {
	background: url(../images/footer.jpg) no-repeat top left;
	height: 63px;
	clear: both;
	padding-top: 10px;
	margin: 0 0;
	font-size: 0.9em;
	color: #676666;
}

div#footer p {
	padding: 10px 20px;
}


/* Navigation
-----------------------------------------------------------------------------*/
div#nav {
	background: url('../images/navBg.jpg') no-repeat top left;
	color: #345376;
	height: 40px;
	line-height: 20px;
	font-size: 12px;
	padding-top: 4px;
	padding-left: 25px;
}
	
div#nav a {
   	margin: 0 18px 0 18px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
	
div#nav a.active,
div#nav a:hover {
    color: #f6ac76;
	font-weight: bold;
}

.subheading {
	color: #0084ff;	
	text-transform: uppercase;
	font-size: 1.3em;
	margin-top: 15px;
	margin-bottom: 4px;
}

div#sideMenu .subheading a {
	color: #0084ff;
}

/* Template
-----------------------------------------------------------------------------*/
div#page{
  background: #fff;
  clear: none;
}

.standard {
	padding: 30px;
}

/* Typography
-----------------------------------------------------------------------------*/	
	h1, h2, h3, h4, h5, h6
	{}
	
	h1
	{font-size: 2.0em;
	line-height: 1.6em;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	color: #3F3F3F;
	}
	
	h2
	{font-size: 1.4em;
	line-height: 1.1em;
	margin: 15px 0 0 0;
	padding-bottom: 10px;
	color: #3F3F3F;
	}
	
	h3
	{font-size: 1.3em;
	line-height: 1.4em;
	margin: 10px 0 0 0;
	padding-bottom: 5px;}
	
	h4
	{font-size: 0.8em;
	line-height: 1.2em;
	margin: 15px 0 0 0;
	padding-bottom: 10px;}
	
	h5
	{font-size: 0.7em;
	line-height: 1.0em;}
	
	table td
	{
		margin: 5px 0;
		line-height: 1.75em;
	}
	
	p {		
		margin-top: 5px;
		padding-bottom: 5px;
	}
	
	ul
	{margin: 10px 0 10px 30px;}
	
	a, a:active, a:visited
	{color: #125fa3;}
	
	a:hover
	{color: #000;
	text-decoration: underline;}
	
		
		
/* Tables
-----------------------------------------------------------------------------*/
	
	
/* Forms
-----------------------------------------------------------------------------*/

fieldset {
	border: none;	
}

.form { 
  margin-bottom: 10px; 
  /*padding: 8px;*/
}
	
.form legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

.form ol {
	margin: 0;
	padding: 0;
}
	
.form label {
  width: 180px;
	line-height: 1.8;
	vertical-align: top;
	display: inline-block;
	margin-right: 20px;
}
	
.form li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form li input {
  width: 200px;
}

.form ol input.check {
  width: 20px;
  position: relative;
  top: 3px;
}

.form ol input.radio{
  width: 20px;
  position: relative;
  top: 4px;
}

.form .next{
	float: right;
}
	
.form .prev {
	float: left;
}

.form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	padding-left: 4pt;
}
	
	
/* Miscellaneous
-----------------------------------------------------------------------------*/	

#domainSearchHome {
	background: url(../images/domainSearchHome.png) no-repeat;
	width: 825px;
	height: 148px;
	padding: 15px 40px;
	color: #84afdf;
}

#domainSearchHome h1 {
	color: #fff;
	font-size: 27px;
}

#domainSearchHome h2 {
	color: #f6ac76;
	font-weight: normal;
}

#dfwww {
	font-size: 18px;
	color: #fff;
}

#check_button {
	position: relative;
	top: 13px;
	left: 5px;
	display: inline;
	width: 54px;
}

.domains h2 {
	margin-bottom: 0px;
}

.domains input {
	color: #479601;
	font-size:18px;
	height:24px;
	margin-bottom:8px;
	width:600px;
}

#domainSearchHome p {
	
}

#plansLayer {
	background: url(../images/plansLayer.png) no-repeat;
	width: 905px;
	height: 148px;
}

#plansLayer a {
	display: block;
}

#plansLayer #div1 {
	width: 202px;
	height: 54px;
	float: left;
	clear: none;
	padding: 48px;
	margin-left: 6px;
}
#plansLayer #div2 {
	width: 198px;
	height: 54px;
	float: left;
	clear: none;
	padding: 48px;
}
#plansLayer #div3 {
	width: 180px;
	height: 54px;
	float: left;
	clear: none;
	padding: 48px;
}
#plansLayer p {
	line-height: 16px;
}
#plansLayer span {
	display: inline;
	color: #224a00;
	font-weight: bold;
	font-size: 11px;
}

#contentArea {
	background: url(../images/contentArea.png) no-repeat top left;
	height: 473px;
	width: 905px;
	clear: both;
	float: left;
	color: #676666;
	line-height: 12px;
}

#contentArea table {
	padding: 0px;
	margin: 0px;
}

#contentArea table td {
	padding: 10px;
}

#contentArea h2 {
	margin-left: 40px;
	margin-top: 9px;
	margin-bottom: 20px;
	color: #000;
	font-size: 13px;
}

h2.white {
	color: #fff !important;
}

#contentArea ul {
	margin-left: 25px;
}

#contentArea ul li {
	color: #c27001;
	width: 220px;
	list-style: none;
	background: url(../images/dot.png) no-repeat left 7px;
	padding-left: 18px;
}

#contentArea p {
	margin-left: 25px;
	width: 220px;
	line-height: 17px !important;
}

#contentArea strong {
	color: #144b86;
}

table.domainPrices {
	font-size: 11px;
	width: 160px;
	margin-left: 30px !important;
}

table.domainPrices tr {
	padding: 0px;
	margin: 0px;
}

table.domainPrices td {
	padding: 2px !important;
	margin: 0px;
	background: #f0f2f6;
}

.cHtd1
{
	font-size: 11px;
	font-family: arial,helvetica;
	border-bottom: solid 1px #f0f0f0;
	border-right: solid 1px #cccccc;
}

#homeLeft p {
	padding: 10px;	
}

#homeLeft ul {
	list-type: square !important;	
}

#homeRight {
	width: 280px;
	float: right;
	text-align: center;
}

.hostingPlan {
	background: url('../images/sideBox.png') no-repeat;
	color: #C2D0DD;
	float: right;
	width: 240px;
	height: 95px;
	padding: 7px 20px 10px 20px;
	text-align: left;
	line-height: 1.4em;
}

.hostingPlan a {
	color: #C2D0DD;
	line-height: 1.5em;
	margin-bottom: 5px !important;
	text-decoration: underline;
	font-weight: bold;
}

.hostingPlan h1 {
	color: #C2D0DD;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 5px !important;
	font-weight: bold;	
}

.hostingPlan a:hover {
	text-decoration: none;	
}

.orderPage td {
	border: 1px solid #eee;
	padding: 2px;
}



/* "Fixes"
-----------------------------------------------------------------------------*/		
	.clearfix:after
	{content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



#userlogin{
	padding:15px 10px 0px 10px;
	float:right;
	/*width:320px;*/
}

.logininputboxes{
	float:left;
	width:190px;
}
.loginbutton{
	padding-top:10px;
	float:right;
	width:90px;
}

#userlogin input#username, 
#userlogin input#password, 
#userlogin input#usernamecp, 
#userlogin input#passwordcp, 
#userlogin input#webmail_user, 
#userlogin input#webmail_pw, 
#userlogin input#whmcs_user, 
#userlogin input#whmcs_pw{
      border:1px solid #D5D9DB;
      color:#B4B4B4;
      font-weight:bold;
      padding:4px;
      width:168px;
      background:#FFFFFF none repeat scroll 0 0;
      margin:0px 0px 2px 0px;
}
#userlogin select {
      margin-bottom:5px;
      width:179px;
}
#userlogin p.forgotPW {
	  margin:0px;
	  padding:0px;	
}
#userlogin p.forgotPW a {
      color: #1c4200;
	  font-size:8px;
	  text-decoration:none;
}