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

	Title: CSS
	Author: www.poppworks.ee
	Date: 2010

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Menu area	
		3.2 Content
			3.2.1 Left
			3.2.2 Center
			3.2.3 Right
		3.3 Footer
		
***********************************************************************************************/

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body, div, span, applet, object, iframe p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}


/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body {
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	/*line-height: 13px;*/
	text-align: left;
	/*color: #272727;*/
	color:#666666;
	line-height:22px;
}
html{
	background: #6ac116 url(img/background.png) top center repeat-x;
	overflow: auto;
	height: 100%;
	width: 100%;
}
body{
	height: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	font-style: normal;
}

input, textarea, select {
	font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
	color:#30899C;
	font-weight:normal;
}

a:hover {
	color: #30899C;
	text-decoration: underline;
}

a:visited {
}

a:active {
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#logoNMenu{
	width: 855px;
	height: 151px;
}
#firstPage{
	width: 855px;
	height: 342px;
}
#domainLookup{
	width: 855px;
	height: 55px;
}
#contentWraper{
	width: 855px;
}
#footer{
	width: 855px;
}
/* 3.1 Logo and Menu
------------------------------------------------------------------------------------------------ */
#logoNMenu{
	position: relative;
	margin: 0px auto;
}
	#logoBox{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#menuArea{
		height: 36px;
		float: right;
		position: absolute;
		top: 104px;
		right: 8px;
		background: url(img/menu_c.png) top left repeat-x;
	}
		#menuArea .left{
			position: absolute;
			top: 0px;
			left: -8px;
		}
		#menuArea .right{
			position: absolute;
			top: 0px;
			right: -8px;
		}
	#menuArea ul li{
		height: 36px;
		line-height: 36px;
		color: #FFFFFF;
		float: left;
	}
		#menuArea ul li a{
			color: #FFFFFF;
			padding: 0px 9px;
		}
		#menuArea ul li a:hover{
			color: #a8ff38;
			text-decoration: none;
		}
		#menuArea ul li .sep{
			display: block;
			float: left;
		}
		#menuArea .act{
			background-image: url(img/menu_c_act.png);
		}
/* 3.2 First page
------------------------------------------------------------------------------------------------ */
#firstPage{
	margin: 0px auto;
	position: relative;
}
	#mainAd{
		width: 666px;
		height: 342px;
		overflow: hidden;
		background: url(img/contentBG.png) top left no-repeat;
	}
	#adWraper{
		width: 666px;
		height: 342px;
		position: relative;
	}
		#poppLuxLogo{
			position: absolute;
			top: 18px;
			left: 34px;
		}
		#adText{
			position: absolute;
			top: 114px;
			left: 34px;
			font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
			color: #3a3a3a;
			font-size: 27px;
			line-height: normal;
		}
			#adText img{
				margin-right: 13px;
			}
			#adText span{
				color: #5ed217;
			}
		#topAdText{
			position: absolute;
			top: 60px;
			left: 34px;
			font-size: 35px;
			line-height: normal;
		}
		.blackBut{
			width: 130px;
			height: 50px;
			line-height: 50px;
			font-size: 19px;
			text-align: center;
			font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
			color: #ecce0d;
			background: url(img/black_but.png) top left no-repeat;
		}
			.blackBut a{
				color: #ecce0d;
			}
			.blackBut a:hover{
				text-decoration: none;
			}
		.yellowBut{
			width: 130px;
			height: 50px;
			line-height: 50px;
			font-size: 19px;
			text-align: center;
			font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
			color: #6d5300;
			background: url(img/yellow_but.png) top left no-repeat;
		}
			.yellowBut a{
				color: #6d5300;
			}
			.yellowBut a:hover{
				text-decoration: none;
			}
		#readMore{
			position: absolute;
			top: 269px;
			left: 37px;
		}
		#joinFree  {
			position: absolute;
			top: 269px;
			left: 178px;
		}
		#oldPrice{
			height: 46px;
			position: absolute;
			top: 275px;
			right: 141px;
			line-height: 56px;
			overflow: visible;
		}
			#oldPrice span{
				color: #e10000;
				font-size: 46px;
				text-decoration: line-through;
			}
			#oldPrice sub{
				color: #3a3a3a;
				font-size: 26px;
				text-decoration: none;
			}
		#redStuff{
			width: 138px;
			height: 100px;
			position: absolute;
			top: 201px;
			right: 5px;
			background: url(img/red_stuff.png) top left no-repeat;
			color: #FFFFFF;
			font-size: 58px;
			line-height: normal;
			padding-top: 38px;
			text-align: center;
		}
	#poppLux{
		position: absolute;
		top: 242px;
		right: 0px;
	}
	#poppStandard{
		position: absolute;
		top: 131px;
		right: 0px;
	}
	#poppMini{
		position: absolute;
		top: 20px;
		right: 0px;
	}
		#poppLux .act, #poppStandard .act, #poppMini .act{
			position: absolute;
			bottom: -2px;
			right: -4px;
		}
/* 3.3 Domain lookup
------------------------------------------------------------------------------------------------ */
#domainLookup{
	margin: 6px auto;
	background: url(img/domain_bg.png) top left no-repeat;
	position: relative;
}
	#whatDomText{
		height: 55px;
		position: absolute;
		top: 0px;
		left: 21px;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 55px;
	}
	#inputBox{
		width: 163px;
		height: 55px;
		background: url(img/inputBG.png) center left no-repeat;
		font-size: 19px;
		padding: 0px 5px;
		vertical-align: top;
		float:left;
	}
	.whoisBox{
		position: absolute;
		top: 0px;
		font-size: 19px;
		left: 300px;
		width:400px;
		
		height:55px;
	}
		#wwwWI{
			float:left;
			line-height:53px;
			font-size: 23px;
			padding-right: 10px;
			color: #FFFFFF;
		}
		#inputBox input{
			width: 148px;
			font-size: 19px;
			border: 0px;
			margin: 15px 3px;
		}
		.whoisBox select{
			border: 1px solid #6f716f;
			margin:17px 0px 0px 2px;
		}
	#okBut{
		position: absolute;
		top: 14px;
		left: 555px;
	}
	#saadavalBut{
		position: absolute;
		top: 0px;
		left: 584px;
		line-height: 55px;
	}
		#saadavalBut a{
			color: #FFFFFF;
			font-size: 17px;
			font-weight: bold;
		}
		#saadavalBut a:hover{
			text-decoration: none;
		}
	#nextButton{
		position: absolute;
		top: 17px;
		right: 57px;
	}
	#createDom{
		position: absolute;
		top: 0px;
		right: 90px;
		line-height: 55px;
	}
		#createDom a{
			color: #FFFFFF;
			font-size: 18px;
		}
		#createDom a:hover{
			text-decoration: none;
		}
/* 3.4 Content
------------------------------------------------------------------------------------------------ */
#contentWraper{
	margin: 0px auto;
}
	#contentWraper .top, #contentWraper .bot{
		display: block;
	}
	#content{
		min-height: 300px;
		background: #FFFFFF url(img/content_c.png) bottom left no-repeat;
	}
	#leftSubMenu{
		width: 200px;
		min-height: 184px;
		margin-left: 12px;
		float: left;
		background: url(img/sub_menu_bg.png) top left no-repeat;
	}
		#leftSubMenu ul{
			margin: 15px;
		}
		#leftSubMenu ul li a{
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			color: #363a31;
		}
		#leftSubMenu .sub a{
			padding-left: 15px;
			font-size: 13px;
			font-weight: normal;
		}
		#leftSubMenu .act a{
			text-decoration: underline;
		}
	#leftSubMenu .newSubMenu{
		margin: 0px 0px 0px 15px;
	}
		#leftSubMenu h3{
			font-size: 14px;
			padding-left: 15px;
			margin: 0px;
			padding-top: 15px;
		}
		#leftSubMenu .newSubMenu li:first-child{
			border-top: 1px solid #e8e8e8;
		}
		#leftSubMenu .newSubMenu li{
			padding-left: 10px;
			line-height: 28px;
			border-bottom: 1px solid #e8e8e8;
		}
		#leftSubMenu .newSubMenu li a{
			font-size: 12px;
			font-weight: normal;
			color: #30899C;
		}
		#leftSubMenu .newSubMenu li:hover{
			/* background: url(img/sub_menu_bg3.png) top left; */
			background-color: #F7F7F7;
		}
	#rightContent{
		width: 600px;
		float: right;
		padding-right: 20px;
	}
		#rightContent h1{
			color: #363a31;
			font-size: 22px;
			line-height: 22px;
			margin-top: 10px;
			padding-bottom: 5px;
			border-bottom: 1px solid #e8e8e8;
		}
		#rightContent h1 img{
			float: left;
			margin-right: 10px;
		}
		.stepMenu{
			height: 36px;
			position: relative;
			margin: 7px 5px;
			background-color: #e8e8e8;
			text-align: center;
			line-height: 36px;
		}
			.stepMenu .left{
				position: absolute;
				top: 0px;
				left: -5px;
			}
			.stepMenu .right{
				position: absolute;
				top: 0px;
				right: -5px;
			}
			.stepMenu ul li{
				display: inline;
				padding: 0px 10px;
				font-size: 16px;
				color: #999999;
			}
			
			.stepMenu ul{
				margin:0px!Important;
			}
			
			.stepMenu li.act{
				color: #6ac116;
			}
		.formFields{
			line-height: 20px;
			margin-left: 50px;
		}
		.formFields label{
			display: inline-block;
			width: 120px;
			padding-left: 10px;
		}
		.formFields input{
			border: 1px solid #c7c7c7;
			margin: 3px 0px;
		}
		.mainButton{
			margin: 0px;
			padding: 0px;
			background: transparent url(img/next_but.png) center right no-repeat;
			border: 0px;
			font-size: 18px;
			padding-right: 29px;
		}
/* 3.5 Footer
------------------------------------------------------------------------------------------------ */
#footer{
	margin: 0px auto;
	padding: 6px 0px;
	margin-bottom: 15px;
}
	#footer .top, #footer .bot{
		display: block;
	}
	#whiteBigBox{
		background-color: #FFFFFF;
	}
	#whiteBigBox table{
		border: 0px;
		padding: 0px;
		margin: 0px;
		border-spacing: 0px;
	}
	#whiteBigBox table td{
		vertical-align: top;
	}
	table .footerLogins{
		width: 186px;
		border-right: 1px solid #e8e8e8;
		padding: 0px 13px;
		font-size: 20px;
		line-height: 24px;
		color: #272727;
	}
	table .footerLogins .inputBox{
		background: url(img/footer_input.png) top left no-repeat;
		width: 180px;
		height: 37px;
		margin: 5px 0px;
	}
		.inputBox input{
			width: 170px;
			margin: 6px 5px;
			font-size: 17px;
			color: #858585;
			border: 0px;
			background-color: transparent;
		}
		table .footerLogins button{
			margin: 0px;
			padding: 0px;
			background: transparent url(img/next_but.png) center right no-repeat;
			border: 0px;
			font-size: 18px;
			padding-right: 29px;
			cursor:pointer;
		}
		.footerText{
			width: 274px;
			padding: 0px 13px;
		}
			.footerText h2{
				font-size: 20px;
				line-height: 24px;
				color: #272727;
			}
			.footerText p{
				font-size: 13px;
				line-height: 15px;
				margin-top: 10px;
			}
	#contacts{
		height: 45px;
		position: relative;
	}
		#poppworks{
			position: absolute;
			top: 7px;
			left: 3px;
			color: #2f5807;
			font-size: 11px;
			font-weight: bold;
		}
		#poppworks:hover{
			text-decoration: none;
		}
	#contactTable{
		position: absolute;
		top: 0px;
		right: 0px;
		color: #FFFFFF;
	}
		#contactTable td{
			padding: 5px;
		}
		#contactTable .leftBox{
			/*border-right: 1px solid #FFFFFF;*/
		}


.contact_bar{
	color:#FFFFFF!Important;
	text-decoration:none;
}
/*Body alasse*/
h2{
	font-size:26px;
	color:#343F4E;
	padding:0px 0px 7px 0px;
	margin:0px;
	font-weight:normal;
}

h4{
	font-size:14px;
	font-weight:bold;
	color:#343F4E;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.news_details{
	background-color:#F7F7F7;
	font-size:10px;
	padding-left:5px;
	height:20px;
	vertical-align:middle;
}

.blog_search{
	padding-left:15px;
}

.whois{
	padding-top:10px;
}
	.whois_domain{
		float:left;
	}
		.whois_domain strong{
			font-size:20px;
		}
	.whois_ordering{
		float:left;
		margin:10px 0px 0px 10px;
	}
		.whois_ordering a:hover{
			text-decoration:none;
			color:#FFFFFF;
		}
	
	.whois_info_box{
		background-color:#F7F7F7; 
		margin-top:20px;
	}
		.whois_info_box pre{
			padding-left:20px; 
			line-height:normal;
		}
	
	.whois_info_name{
		padding-bottom:0px; 
		font-weight:bold;
	}
	
	
/* 3.6 Top bar
------------------------------------------------------------------------------------------------ */
.topBar ol, .topBar ul, .topBar li, .topBar img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
.topBar ol, .topBar ul {
	list-style: none;
}
#logoNMenu{
	z-index: 5;
}
.topBar{
	width: 100%;
	height: 30px;
	margin-bottom: -30px;
	background: url(../../img/top_bar_bg.png) top left repeat-x;
	position: relative;
	z-index: 10;
}
	.topBar .topLogo{
		float: left;
		padding-right: 10px;
		padding-left: 10px;
	}
		.topBar .topLogo img{
			display: block;
		}
	.topBar .centerBlock{
		height: 30px;
		margin: 0px auto;
		line-height: 30px;
		text-align: center;
	}
	.topBar .centerBlock a{
		color: #FFFFFF;
	}
	.topBar .centerBlock a:hover{
		text-decoration: none;
		color: #A8FF38;
	}
	.topBar .centerBlock li{
		height: 30px;
		line-height: 30px;
		display: inline;
		padding-right: 7px;
		padding-left: 7px;
		vertical-align: middle;
	}
	.topBar .centerBlock .act{
		position: relative;
	}
	.topBar .centerBlock .act .topArrow{
		position: absolute;
		bottom: -6px;
		left: 50%;
		margin-left: -4px;
	}
	.topBar .centerBlock .sep img{
		vertical-align: middle;
	}