/*
Theme Name: newnairahost
Theme URI: http://wordpress.org/
Description: 
Version: 1.5
Author: kayode muyibi
Tags: 

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/
/* resets */
html, body, ul, li, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }

html {
	overflow-x:hidden;
}

body {
	background: #fff;
	font-family: "Lucida Grande", Arial;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
a { color: #333; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

/* Repetitive Styles ***********************/	

.float-left { float: left; }
.float-right { float: right; }
.align-center { text-align: center; }
.clearfix { clear: both; }
 
h1 { font-size: 23px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

.greentext { color: #60A021; }
.bluetext { color: #1B64AF; }

/* Layout Structure ***********************/	

.container { margin: 0 auto; text-align: left; width: 930px; }
	.wrap { padding: 0 10px; }
		.header { height: 169px; }
			.logo { float: left; width: 407px; }
			.headertext { font-family: Verdana; margin-left: 217px; float: right; width: 276px; }
				.headertext ul { padding-top: 7px; margin-top: 9px; width: 286px; height: 20px; font-size: 10px; }
					.headertext ul li { display: inline; }
					.headertext ul { background: url("images/headerul.jpg") no-repeat; }
					.headertext ul li.home { margin-left: 30px; }
					.headertext ul li.support { margin-left: 30px; }
					.headertext ul li.ticket { margin-left: 30px; }
				.headertext form { padding: 1px 45px 0 10px; }
					.headertext form span { padding: 0 5px 0 4px; font-size: 10px; }
					.headertext form select { font-size: 10px; width: 100px;}
				.headertext h1, .headertext h3, .headertext h4 { color: #63717B; font-weight: bold; }
				.headertext h1 { width: 224px; padding: 0 0 2px 0; margin: 10px 0 0 0; border-bottom: 1px solid #C1BFBF; }
				.headertext h3 { padding: 4px 0;}
				.headertext h4 { float: left; text-transform: uppercase; }
				.livechat { float: right; }
				
		/*.menu { font-family: Verdana; margin: 18px 0 10px 0; background: url("images/menubg.jpg") repeat-x; height: 35px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #E3E3E3; }
			.menu ul li { float: left; border-right: 1px solid #DBDBDB; }
			html > body .menu ul li a { font-weight: bold; color: #5F6667; display: block; height: 25px; padding: 10px 15px 0 15px; }
			* html .menu ul li a { font-weight: bold; color: #5F6667; display: block; text-align: center; height: 25px; padding: 10px 5px 0 8px; width: 85px; }
			.menu ul li a:hover , .menu ul li a.selected{ text-decoration: none; color: #fff; background: url("images/menuhover.jpg"); }*/
		
		.boldtext { position:relative; color: #fff; height: 443px; background: url("images/boldtext.jpg") no-repeat; font-family: Arial; }
			.boldtext h3 { position: absolute; left: 206px; top: 110px; font-weight: normal; font-family: Century Gothic; }
			.boldtext h1 { position: absolute; left: 206px; top: 75px; }
			.boldtext ul.features { position: absolute; left: 344px; top: 160px; }
			.boldtext ul.features strong { color: #D8DFE4; }
			.boldtext ul.features li { padding-bottom: 10px; }
			
			.boldtext ul.special { font-weight: bold; position: absolute; right: 160px; top: 171px; }
			.boldtext ul.special strong { color: #F8C01F; }
			
			.boldtext h4.accountactivate { font-size: 15px; position: absolute; right: 145px; top: 229px;  }
			
			.boldtext a.signup { text-decoration: none; background: url("images/signup-feature.jpg") no-repeat; text-align: center; width: 174px; padding-top: 10px; height: 35px; position: absolute; right: 153px; top: 256px; }
			a.signup span { color: #E7E91F; font-size: 18px; text-transform: uppercase; }
			a:hover.signup span { color: #F0DC01; }
			
			.boldtext h2 { font-weight: normal; position: absolute; top: 410px; left: 17px; color: #1F0E0E; }
			.boldtext h6 { font-weight: normal; position: absolute; bottom: 14px; left: 553px; color: #3E3C3C; }
			.boldtext h4.freetrial { padding: 7px 0 0 38px; position: absolute; height: 20px; bottom: 10px; left: 732px; color: #5252C6; background: url("images/gift.jpg") no-repeat; }
			
		.domaincheck { color: #555A5B; position: relative; margin: 10px 0; height: 46px; background: url("images/domaincheck.jpg") no-repeat; }
			.domaincheck span { color: #7F7F7F; font-size: 9px; position: absolute; top: 17px; right: 25px; }
			.domaincheck form { position: absolute; left: 215px; top: 10px; }
			.domaincheck form input.domainname, .domaincheck form select , .domaincheck form input.searchbtn { color: #555A5B; font-size: 12px; }
			.domaincheck form select { padding: 1px 0; }
			.domaincheck form input.searchbtn { letter-spacing: -1px; font-weight: bold; vertical-align: center; padding: 1px 4px; background: #A1D013; color: #fff; border: 1px solid #9CB941; }
		
		.hostingespresso { float: left; margin-right: 15px; color: #54524F; background: url("images/hosting-espresso.jpg") no-repeat; position: relative; height: 354px; width: 374px; }
			.hostingespresso h2 { text-transform: uppercase; font-family: Verdana; color: #1C51B4; position: absolute; top: 18px; left: 44px; }
			html > body .hostingespresso p { line-height: 1.4em; position: absolute; top: 50px; padding: 0 20px; }
			.hostingespresso p { line-height: 1.4em; position: absolute; top: 65px; padding: 0 20px; }
			.hostingespresso ul { position: absolute; top: 135px; left: 39px; }
			.hostingespresso ul li { padding-bottom: 9px; }
			.hostingespresso img.support { top: 290px; left: 19px; position: absolute; }
			.hostingespresso img.esp-signup { top: 307px; left: 187px; position: absolute; }
			.hostingespresso .espressoprice { background: url("images/espresso-price.jpg") no-repeat; width: 125px; height: 86px; position: absolute; top: 211px; left: 235px; }
				.hostingespresso .nairaprice { display: block; width: 125px; height: 86px; position: relative; }
				.hostingespresso .dollarprice { display: none; width: 125px; height: 86px; position: relative; }
				.hostingespresso .gbpprice { display: none; width: 125px; height: 86px; position: relative; }
					.hostingespresso .currency { position: absolute; left: 5px; color: #BF220E; font-size: 48px; font-family: Tahoma; }
					.hostingespresso .digit1 { position: absolute; left: 40px; color: #6A6A68; font-size: 48px; font-family: Tahoma; }
					.hostingespresso .digit2 { position: absolute; top: 9px; left: 69px; color: #5A5A58; font-size: 18px; font-family: Tahoma; }
			
		.instantdomain { float: left; margin-right: 13px; color: #54524F; background: url("images/instant-domain.jpg") no-repeat; position: relative; height: 354px; width: 374px; }
			.instantdomain h2 { text-transform: uppercase; font-family: Verdana; color: #B41C64; position: absolute; top: 18px; left: 64px; }
			html > body .instantdomain p { line-height: 1.4em; position: absolute; top: 50px; padding: 0 20px; }
			.instantdomain p { line-height: 1.4em; position: absolute; top: 65px; padding: 0 20px; }
			.instantdomain ul { position: absolute; top: 135px; left: 39px; }
			.instantdomain ul li { padding: 0 0 9px 11px; }
			.instantdomain img.esp-signup { top: 307px; left: 187px; position: absolute; }
			.instantdomain .espressoprice { background: url("images/espresso-price.jpg") no-repeat; width: 125px; height: 86px; position: absolute; top: 211px; left: 235px; }
				.instantdomain .nairaprice { display: block; width: 125px; height: 86px; position: relative; }
				.instantdomain .dollarprice { display: none; width: 125px; height: 86px; position: relative; }
				.instantdomain .gbpprice { display: none; width: 125px; height: 86px; position: relative; }
					.instantdomain .currency { position: absolute; left: 5px; color: #BF220E; font-size: 48px; font-family: Tahoma; }
					.instantdomain .digit1 { position: absolute; left: 40px; color: #6A6A68; font-size: 48px; font-family: Tahoma; }
					.instantdomain .digit2 { position: absolute; top: 9px; left: 69px; color: #5A5A58; font-size: 18px; font-family: Tahoma; }
		
	.demobox { color: #453F40; position: relative; background: url("images/demobox.jpg") no-repeat; width: 134px; height: 354px; float: left;}
		.demobox span.demotitle { position: absolute; top: 5px; left: 38px; color: #756EDA; font-weight: bold; }
		html > body .demobox p.demotext { padding: 0 5px 0 0; position: absolute; top: 22px; left: 10px; }
		.demobox p.demotext { line-height: 1.4em; padding: 0 5px 0 0; position: absolute; top: 40px; left: 10px; }
		.demobox a { color: #227BC7; text-decoration: underline; }
		
	.includedfree { position: relative; background: url("images/includedfree.jpg") no-repeat; width: 634px; height: 102px; margin: 10px 0; float: left; }
		.includedfree h3 { font-family: Arial; font-size: 14px; color: #6C6C6C; position: absolute; top: 13px; left: 22px; }	
		.includedfree h4 { color: #6C6C6C; position: absolute; top: 50px; left: 22px; }
		.includedfree h4 span { color: #2299C9; }
		.includedfree .logos { left: 128px; top: 20px; position: absolute; }
	
	.valueadded { position: relative; background: url("images/valueadded.jpg") no-repeat; width: 634px; height: 149px; float: left; }
		.valueadded h3 { font-family: Arial; font-size: 14px; color: #6C6C6C; position: absolute; top: 13px; left: 22px; }	
		.valueadded ul { top: 41px; left: 315px; position: absolute; text-transform: uppercase; color: #54524F; }
		.valueadded ul li { list-style: square url("images/check.gif") outside; padding-bottom: 1px; }
		.valueadded .vas { position: absolute; left: 45px; top: 52px;  }
		.vas a { text-decoration: none; }
		.vas a span { display: none; position: absolute; background: #C8DBEF; padding: 5px;  }
		.vas a:hover span { display: block; }
		
		
	.payment { margin: 0; padding: 0; float: left; }
		.payment img { margin: 0; padding: 0; display: inline; }
	
	.newcustomer { position: relative; background: url("images/newcust.jpg") no-repeat; width: 267px; height: 149px; margin: 10px 0; float: right; }
		.newcustomer h4 { font-size: 15px; font-weight: boldest; font-family: Arial; position: absolute; left: 60px; top: 6px; color: #fff; text-transform: uppercase; }
		.newcustomer .pricing { font-family: Arial; text-transform: uppercase; color: #4192DE; position: absolute; left: 30px; top: 50px; }
			.newcustomer .pricing .nairaprice { position: relative; }
			.newcustomer .pricing .gbpprice { position: relative; display: none;}
			.newcustomer .pricing .dollarprice { position: relative; display: none; }
				.newcustomer span.pricetag { font-size: 30px; }
				.newcustomer span.currency { font-family: Tahoma; font-size: 35px; }
				.newcustomer span.condition { font-weight: bold; }
		.newcustomer ul { padding: 0 10px; color: #666666; position: absolute; left: 30px; top: 100px; }
		.newcustomer ul li { list-style: square outside; padding-bottom: 5px; }
		
	.existcustomer { position: relative; background: url("images/existcust.jpg") no-repeat; width: 267px; height: 149px; float: right; }
		.existcustomer h4 { font-size: 15px; font-weight: boldest; font-family: Arial; position: absolute; left: 60px; top: 6px; color: #fff; text-transform: uppercase; }
		.existcustomer .pricing { font-family: Arial; text-transform: uppercase; color: #4192DE; position: absolute; left: 18px; top: 50px; }
			.existcustomer .pricing .nairaprice { position: relative; }
			.existcustomer .pricing .gbpprice { position: relative; display: none;}
			.existcustomer .pricing .dollarprice { position: relative; display: none; }
				.existcustomer span.only { color: #5D5C5C; font-weight: bold; text-transform: uppercase; font-size: 12px; }
				.existcustomer span.pricetag { font-size: 30px; }
				.existcustomer span.currency { font-family: Tahoma; font-size: 35px; }
				.existcustomer span.condition { font-weight: bold; position: absolute; top: 38px; left: 90px; }
		.existcustomer .discountprice { font-family: Arial; font-weight: bold; position: absolute; top: 62px; left: 182px; }
			.discountprice .oldprice { font-size: 13px; font-weight: bold; text-decoration: line-through; color: #fff; }
			.discountprice .newprice { font-size: 16px; color: #F9C804; }
				.discountprice .nairaprice {}
				.discountprice .gbpprice { display: none;}
				.discountprice .dollarprice { display: none; }
	
	/**** INSIDEPAGE *****************/

	.insidepagetop  { height: 10px; }
	.insidepagebottom { background:  url("images/norepeat-bottom.jpg") no-repeat; height: 14px; }
	.insidepage { color: #4A4A48; background: url("images/repeat-middle.jpg") repeat-y; padding: 10px 15px; }
		.insidepage h1 { color: #61A022; }
		.insidepage h3.question { color: #465967; text-transform: uppercase; font-family: Arial; }
		.insidepage p { line-height: 1.5em; margin: 10px 0; }
		
	.insidepage .pagehead { position: relative; margin: 0 0 10px 0; width: 880px; height: 166px; }
	.insidepage .reseller-head { background: url("images/reseller-head.jpg") no-repeat; }
		.insidepage .pagehead h2 { font-weight: normal; font-family: Arial; color: #DAD8D4; position: absolute; top: 70px; left: 80px; width: 700px; }
		.insidepage .pagehead img { position: absolute; left: 627px; bottom: 16px; }
		
		.insidepage table { width: 100%; }
		.insidepage td.featurestd { width: 200px; }
		.insidepage table tr.titletable { font-weight: bold; background: #000; color: #fff; }
		.insidepage table tr.titletable td { padding: 8px 0; }
		.insidepage table tr { background: #F4F4F4; }
		.insidepage table tr td { padding: 2px 0; }
		.insidepage table tr.ordernow { background: #fff; }
		
		.insidepage table span.currency { font-size: 14px; font-weight: bold; font-family: Tahoma; }

	
	* html .gainlayout { height: 1%; }
	.insidepage .hostdomain a { float: left; }
	.insidepage .hostdomain p { width: 580px; padding-top: 20px; float: right; }
	
	.insidepage .registerdomain  a { float: left; }
	.insidepage .registerdomain p { width: 580px; padding-top: 20px;  float: right; }
	
	.insidepage .orderreseller  a { float: left; }
	.insidepage .orderreseller p { width: 580px; padding-top: 20px;  float: right; }
	
	.stephostdomain, .stepregisterdomain, .steporderreseller { position: relative; border-top: 1px solid #EAE5B2; border-bottom: 1px solid #EAE5B2; margin-left: 50px; width: 700px; background: #FDF9CE; padding: 20px; }
	
	/*** FORMS ****************************/

	.form-default{
	padding:20px;
	}
	
	.form-default label {
	float:left;
	margin-right:10px;
	width:15%;
	}
	
	.textshort {
	border:1px solid #D1D1D1;
	padding:2px;
	width:100px;
	}
	
	.textmedium {
	border:1px solid #D1D1D1;
	padding:2px;
	width:250px;
	}	
	
	.textlong {
	border: 1px solid #D1D1D1;
	padding: 2px;
	width: 300px;
	}

	.inputbtn {
	background: #000 none repeat scroll 0 0;
	border: medium none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	}
	
	.inputbtnalt {
	background: #666 none repeat scroll 0 0;
	border: medium none;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	}	
	
	/** ORDER FORMS ONLY **/
	
	.insidepage form.orderstep blockquote { background: #F5F0BC; padding: 10px; }
	.insidepage form.orderstep {  } 
	.insidepage form.orderstep h4 { color: #F49F0B; }
	.insidepage form.orderstep h5 { color: #596169; }
	.insidepage form.orderstep  p { padding: 0; } 
	form.orderstep ul.steps {}
		form.orderstep ul.steps li { float: left; }
		form.orderstep ul.steps li a { text-decoration: none; display: block;  padding: 5px 4px; font-size: 11px; color: #fff; background: #2488C8; }
		form.orderstep ul.steps li a.selected{ background: #000; color: #fff; font-weight: bold; }
		form.orderstep ul.steps li { margin-right: 5px; }
		* html form.orderstep p.iegapfix { margin: 0; padding: 0; }
	
	/* to hide Order Steps prices 
	form.orderstep span.gbpprice { display: none; }
	form.orderstep span.nairaprice { display: none; }
	form.orderstep span.poundprice { display: none; }
	*/
	
	.stephostdomain, .stepregisterdomain, .steporderreseller {display: none; }
	
	.insidepage form.orderstep div.clearfix { height: 20px; }
	
	.insidepage form.orderstep div.labels {
	float:left;
	margin-right:5px;

	width:40%;
	text-align: right;
	padding: 2px 0 0 0;
	}
	
	.insidepage form.orderstep div.content {
	float:right;
	margin-right:5px;
	width:55%;
	margin: 0;
	padding: 0;
	}
	
	.insidepage form.orderstep div.content input { }
		
	.footer { padding: 15px 5px 0 5px; margin: 20px 0 0 0; height: 100px; border-top: 1px solid #61A022; }
		.footer p { margin: 5px 0; font-weight: bold; }
		.footer a { color: #5E5F5E; }