BODY {
	margin: 0;
	background: #000000/* url(/gfx/images/background.jpg) repeat-x */;
}

BODY, P, A, UL, LI, TABLE, TR, TD, DIV, FIELDSET, LEGEND, H1, H2, H3, H4, H5, H6, SPAN, INPUT {
	font-family: Verdana;
	font-size: 12px;
}

DIV.clear {
	clear: both;
}

DIV#layer {
	width: 514px;
	height: 668px;
	background: transparent url(/gfx/images/layer_background.png) no-repeat;
	position: absolute;
	top: 0;
	text-align: center;
}

DIV#layerClose {
	float: right;
	width: 19px;
	height: 19px;
	cursor: pointer;
}

DIV#layerContent {
	width: 465px;
	height: 610px;
	margin: 39px 0 0 24px;
}

DIV.wrapper {
	width: 1100px;
	xmin-height: 1300px;
	margin: 24px auto 24px auto;
	position: relative;
}

INPUT.text {
	background: #cfcac1;
	background: #F9F9FC;
	border: 2px solid #62531d;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	padding: 5px 6px 4px 6px;
	color: #807f52;
}

INPUT.button {
	border: none;
	height: 29px;
	cursor: pointer;
	padding-bottom: 3px;
}
	
	INPUT.button.claret88 {
		background: transparent url(/gfx/images/button-background-claret.png) repeat-x;
		width: 88px;
		color: white;
	}
	
	INPUT.button.claret88:HOVER {
		background: transparent url(/gfx/images/button-background-green.png) repeat-x;
		width: 88px;
		color: black;
	}

	INPUT.button.green_mini41 {
		background: transparent url(/gfx/images/button-background-green-mini.png) repeat-x;
		width: 41px;
		color: black;
		border: none;
		height: 18px;
		cursor: pointer;
		padding-bottom: 1px;
		font-size: 10px;
	}
	
	INPUT.button.green_mini41:HOVER {
		background: transparent url(/gfx/images/button-background-yellow-mini.png) repeat-x;
	}
	
	DIV.header {
		position: relative;
		height: 80px;
		background: transparent url(/gfx/images/header-background.png) center 16px no-repeat;
	}
	
	DIV.header DIV.facebookshare {
		position: absolute;
		top: 65px;
		right: 25px;
	}
	
	DIV.header.webpage {
		padding-bottom: 30px;
		background: transparent url(/gfx/images/header-background-webpage.png) center 58px no-repeat;
	}
	
	DIV.header.preview {
		padding-bottom: 30px;
		background: transparent url(/gfx/images/header-background-preview.png) center 58px no-repeat;
	}
	
	DIV.header.registration {
		padding-bottom: 30px;
		background: transparent url(/gfx/images/header-background-registration.png) center 58px no-repeat;
	}
	
	DIV.header.domain {
		padding-bottom: 30px;
		background: transparent url(/gfx/images/header-background-domain.png) center 58px no-repeat;
	}
	
	DIV.header.summary {
		padding-bottom: 30px;
		background: transparent url(/gfx/images/header-background-summary.png) center 58px no-repeat;
	}
	
	DIV.header.successfull {
		padding-bottom: 30px;
	}
	
		DIV.header A.logo {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 122px;
			height: 87px;
			background: transparent url(/gfx/images/szabaduszo-hu-logo_fish.png) no-repeat;
		}
		
		DIV.header DIV.menu {
			height: 33px;
			position: absolute;
			top: 16px;
			right: 0;
			width: 290px;
		}
		
			DIV.header DIV.menu A {
				display: block;
				float: left;
				padding: 8px 0 0 0;
				color: #a1a1a1;
				text-decoration: none;
				font-size: 11px;
				font-weight: bold;
				margin: 0 17px 0 0;
			}
			
			DIV.header DIV.menu A.last {
			}
			
			DIV.header DIV.menu A:HOVER {
			}
			
			DIV.header DIV.menu DIV.separator {
				float: left;
				height: 33px;
				width: 1px;
				background: transparent url(/gfx/images/top_menu_separator.png) no-repeat;
				margin: 0 17px 0 0;
			}
	
	DIV.login {
		text-align: center;
	}
	
		DIV.login DIV.login_text {
			height: 18px;
			width: 190px;
			background: transparent url(/gfx/images/login_text.png) no-repeat;
			float: left;
			margin: 6px 0 0 214px;
		}
		
		DIV.login DIV.login_username {
			float: left;
			margin: 0 0 0 5px;
		}
		
		DIV.login DIV.login_password {
			float: left;
			margin: 0 0 0 5px;
		}
		
		DIV.login DIV.login_submit {
			float: left;
			margin: 0 0 0 5px;
		}
		
	DIV.slogan {
		height: 102px;
		background: transparent url(/gfx/images/szabaduszo-slogan.png) bottom center no-repeat;
	}

	DIV.content {
		margin: 23px 0 0 0;
	}

	DIV.content.webpage {
		width: 903px;
		height: 505px;
		background: transparent url(/gfx/images/ordering-webpage-box-background.png) no-repeat;
		margin: 6px auto 0 auto;
		position: relative;
	}
	
	DIV.content.preview {
		width: 903px;
		height: 505px;
		background: transparent url(/gfx/images/ordering-preview-box-background.png) no-repeat;
		margin: 6px auto 0 auto;
		position: relative;
	}
	
	DIV.content.registration {
		width: 903px;
		height: 505px;
		background: transparent url(/gfx/images/ordering-registration-box-background.png) no-repeat;
		margin: 6px auto 0 auto;
		position: relative;
	}
	
	DIV.content.domain {
		width: 903px;
		height: 505px;
		background: transparent url(/gfx/images/ordering-domain-box-background.png) no-repeat;
		margin: 6px auto 0 auto;
		position: relative;
	}
	
	DIV.content.summary {
		width: 903px;
		height: 505px;
		background: transparent url(/gfx/images/ordering-summary-box-background.png) no-repeat;
		margin: 6px auto 0 auto;
		position: relative;
	}
	
	DIV.content.successfull {
		width: 903px;
		height: 505px;
		background: transparent url(/gfx/images/ordering-successfull-box-background.png) no-repeat;
		margin: 6px auto 0 auto;
		position: relative;
	}
	
		DIV.content.successfull A {
			color: #1C5695;
			text-decoration: none;
		}
		
		DIV.content.successfull A:hover {
			text-decoration: underline;
		}
	
		DIV.content.domain INPUT.text {
			width: 200px;
		}
		
			DIV.content.domain A,
			DIV.content.domain SPAN.orange {
				color: #ff8c00;
				font-size: 14px;
			}
	
		DIV.content.domain DIV.domaincheck {
			color: #e2e2e2;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			width: 460px;
			margin: 10px 0 0 0;
			line-height: 14px;
		}
		
			DIV.content.domain DIV.domaincheck DIV.domreg-box {
				width: 383px;
				height: 145px;
				margin: 16px 0 0 38px;
				background: transparent url(/gfx/images/domain-reg-box-background.png) no-repeat;
			}
		
			DIV.content.domain DIV.domaincheck SELECT.select {
				width: 60px;
				padding: 1px 0 1px 2px;
				font-weight: bold;
			}
		
				DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg {
					padding: 53px 0 0 0;
				}
				
				DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg_buttons {
					padding: 13px 0 0 0;
				}
				
					DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg_buttons INPUT.domatreg_mostnem {
						width: 111px;
						height: 37px;
						background: transparent url(/gfx/images/domainbox-button-background-mostnem.png) no-repeat;
						cursor: pointer;
						border: none;
					}
					
						DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg_buttons INPUT.domatreg_mostnem:HOVER {
							background: transparent url(/gfx/images/domainbox-button-background-mostnem-hover.png) no-repeat;
						}
			
					DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg_buttons INPUT.domatreg_atregisztralom {
						width: 127px;
						height: 37px;
						background: transparent url(/gfx/images/domainbox-button-background-atregisztralom.png) no-repeat;
						cursor: pointer;
						border: none;
					}
					
						DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg_buttons INPUT.domatreg_atregisztralom:HOVER {
							background: transparent url(/gfx/images/domainbox-button-background-atregisztralom-hover.png) no-repeat;
						}
					
					DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg_buttons INPUT.domatreg_atiranyitom {
						width: 111px;
						height: 37px;
						background: transparent url(/gfx/images/domainbox-button-background-atiranyitom.png) no-repeat;
						cursor: pointer;
						border: none;
					}
					
						DIV.content.domain DIV.domaincheck DIV.domreg-box DIV.domatreg_buttons INPUT.domatreg_atiranyitom:HOVER {
							background: transparent url(/gfx/images/domainbox-button-background-atiranyitom-hover.png) no-repeat;
						}
					
		DIV.content.domain DIV.hosting_info {
			color: #e2e2e2;
			margin: 55px 0 0 9px;
			font-size: 11px;
		}
	
	DIV.content.preview DIV.preview_picture,
	DIV.content.summary DIV.preview_picture {
		position: absolute;
		top: 50px;
		left: 28px;
	}
	
	DIV.content.preview DIV.form {
		position: absolute;
		width: 505px;
		top: 86px;
		right: 13px;
	}
	
	DIV.content.summary DIV.form,
	DIV.content.successfull DIV.form {
		position: absolute;
		width: 710px;
		top: 86px;
		right: 108px;
		color: #cccccc;
	}
	
	DIV.content.preview DIV.password {
		width: 207px;
		height: 9px;
		background: transparent url(/gfx/images/password/pass.png) no-repeat;
		margin: 8px 0 8px 0;
	}
	
	DIV.content.preview DIV.captcha {
		
	}
	
		DIV.content.preview DIV.captcha DIV.image {
			float: left;
			width: 90px;
			height: 25px;
		}
		
		DIV.content.preview DIV.captcha DIV.captcha_input {
			float: left;
			margin: 0 0 0 1px;
		}
		
			DIV.content.preview DIV.captcha DIV.captcha_input INPUT {
				font-weight: bold;
				padding: 4px;
				width: 102px;
			}
		
		DIV.content.preview DIV.captcha DIV.captcha_button {
			float: left;
		}

			DIV.content.preview DIV.captcha DIV.captcha_button INPUT {
				font-size: 10px;
				padding: 3px;
				margin-top: -1px;
			}
		
		DIV.content.preview DIV.form TABLE TR TD.key {
			width: 160px;
			color: #e2e2e2;
			font-size: 14px;
			text-align: right;
			padding: 8px 10px 8px 0;
			vertical-align: top;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.key {
			width: 45%;
			color: #E2E2E2;
			text-align: right;
			padding: 0 20px 0 0;
			font-size: 11px;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.key.yellow,
		DIV.content.summary DIV.form TABLE TR TD.value.yellow {
			color: #dcfd00;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.key.black,
		DIV.content.summary DIV.form TABLE TR TD.value.black {
			color: #000000;
			font-weight: bold;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.value INPUT.code {
			border: none;
			padding: 2px;
			display: block;
			float: left;
			margin: 1px 0 0 0;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.value INPUT.validate {
			font-size: 11px;
			display: block;
			float: left;
			width: 87px;
			height: 22px;
			background: transparent url(/gfx/images/button_validate_inactive.png) no-repeat;
			border: none;
			color: #ffffff;
			margin: 0 0 0 5px;
			padding: 0 0 2px 0;
			cursor: pointer;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.value INPUT.validate:hover {
			background: transparent url(/gfx/images/button_validate_hover.png) no-repeat;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.key span.yellow,
		DIV.content.summary DIV.form TABLE TR TD.value span.yellow {
			color: #dcfd00;
			font-size: 11px;
			font-weight: bold;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.key A {
			color: #e2e2e2;
			font-size: 11px;
		}
		
		DIV.content.summary DIV.form TABLE TR TD.value {
			color: #ffffff;
			font-size: 11px;
		}
		
			DIV.content.preview DIV.form TABLE TR TD.key SPAN {
				font-size: 10px;
			}
		
		DIV.content.preview DIV.form TABLE TR TD.value {
			color: #e2e2e2;
			font-size: 13px;
			text-align: left;
			padding: 5px 10px 8px 0;
		}

			DIV.content.preview DIV.form TABLE TR TD.value SELECT.select {
				width: 298px;
				padding: 1px 0 1px 2px;
				font-weight: bold;
			}
		
			DIV.content.preview DIV.form TABLE TR TD.value INPUT.text__ {
				width: 290px;
				padding: 1px 0 1px 5px;
				font-weight: bold;
			}
			
			DIV.content.preview DIV.form TABLE TR TD.value INPUT.text__1 {
				width: 138px;
				padding: 1px 0 1px 5px;
				font-weight: bold;
			}
			
			DIV.content.preview DIV.form TABLE TR TD.value INPUT.text__2 {
				width: 138px;
				padding: 1px 0 1px 5px;
				font-weight: bold;
			}
			
			DIV.content.preview DIV.form TABLE TR TD.value INPUT.text__3 {
				width: 68px;
				padding: 1px 0 1px 5px;
				font-weight: bold;
			}
			
			DIV.content.preview DIV.form TABLE TR TD.value INPUT.text__4 {
				width: 208px;
				padding: 1px 0 1px 5px;
				font-weight: bold;
			}
			
				DIV.content.preview DIV.form TABLE TR TD.value INPUT.text__email1 {
					width: 76px;
					padding: 1px 0 1px 5px;
					font-weight: bold;
				}
			
				DIV.content.preview DIV.form TABLE TR TD.value INPUT.text__email2 {
					width: 112px;
					padding: 1px 0 1px 5px;
					font-weight: bold;
				}
				
				DIV.content.preview DIV.form TABLE TR TD.value INPUT.text___pass {
					width: 197px;
					padding: 1px 0 1px 5px;
					font-weight: bold;
				}
				
				DIV.content.preview DIV.form TABLE TR TD.value INPUT.text_captcha {
					width: 102px;
					padding: 1px 0 1px 5px;
					font-weight: bold;
				}
				
				DIV.content.preview DIV.form TABLE TR TD.value SELECT.select2 {
					width: 60px;
					padding: 1px 0 1px 2px;
					font-weight: bold;
				}
				
			DIV.content DIV.colors {
				margin: 55px 0 0 14px;
			}
			
				DIV.content DIV.colors IMG {
					cursor: pointer;
					margin: 0;
					border: 3px solid #373737;
				}
				
		DIV.content.webpage DIV.layouts {
			width: 854px;
			height: 360px;
			position: absolute;
			left: 25px;
			top: 84px;
			background: #cccccc;
		}
		
			DIV.content.webpage DIV.search {
				height: 225px;
				width: 198px;
				float: left;
				padding: 10px;
			}
			
				DIV.content.webpage DIV.search H3 {
					font-weight: bold;
					margin: 0;
					font-size: 14px;
					display: block;
					line-height: 22px;
				}
				
				DIV.content.webpage DIV.search SPAN {
					font-style: italic;
					font-size: 13px;
					display: block;
					padding: 8px 5px 4px 5px;
				}
				
				DIV.content.webpage DIV.search SELECT {
					width: 198px;
				}
		
				DIV.content.webpage DIV.search INPUT.submit {
					display: block;
					float: right;
					font-weight: bold;
					margin: 10px 0 0 0;
				}
				
			DIV.content.webpage DIV.layouts DIV.layoutList {
				height: 340px;
				margin: 10px 0 10px 0;
				width: 616px;
				overflow: auto;
				float: left;
				padding: 0 10px 0 10px;
			}
			
				DIV.content.webpage DIV.layouts DIV.layoutList DIV.layout {
					margin: 0 0 12px 7px;
					float: left;
					border: 3px solid #cccccc;
					cursor: pointer;
					height: 195px;
				}
				
				DIV.content.webpage DIV.layouts DIV.layoutList DIV.layout IMG {
					margin: 0;
					padding: 0;
				}
				
				DIV.content.webpage DIV.layouts DIV.layoutList DIV.layout:HOVER {
					border: 3px solid #f23535;
				}
	
		DIV.content.webpage DIV.layout_pictograms {
			position: absolute;
			top: 386px;
			left: 26px;
		}
		
			DIV.content.webpage DIV.layout_pictograms DIV.layout {
				width: 40px;
				height: 54px;
				float: left;
				margin: 0 10px 0 0;
				border: 3px solid #cccccc;
				cursor: pointer;
			}
		
			DIV.content.webpage DIV.layout_pictograms DIV.layout:HOVER {
				border: 3px solid #f23535;
			}
			
			DIV.content.webpage DIV.layout_pictograms DIV.layout.one {
				background: url(/gfx/images/layout_pictogram_1.jpg) no-repeat;
			}
			
			DIV.content.webpage DIV.layout_pictograms DIV.layout.two {
				background: url(/gfx/images/layout_pictogram_2.jpg) no-repeat;
			}
			
			DIV.content.webpage DIV.button_line,
			DIV.content.preview DIV.button_line,
			DIV.content.summary DIV.button_line {
				position: absolute;
				width: 850px;
				left: 26px;
				bottom: 14px;
			}
			
				INPUT.button.next {
					height: 31px;
					width: 64px;
					float: right;
					background: transparent url(/gfx/images/button_background_next.png) no-repeat;
				}
				
				INPUT.button.next:HOVER {
					background: transparent url(/gfx/images/button_background_next_hover.png) no-repeat;
				}
				
				INPUT.button.prev {
					height: 31px;
					width: 64px;
					float: left;
					background: transparent url(/gfx/images/button_background_prev.png) no-repeat;
				}
				
				INPUT.button.prev:HOVER {
					background: transparent url(/gfx/images/button_background_prev_hover.png) no-repeat;
				}
			
		DIV.content DIV.box_container {
			width: 1065px;
			margin: 0 auto;
		}
		
			DIV.content DIV.box_container DIV.box {
				float: left;
				width: 266px;
				height: 385px;
				position: relative;
			}
				
				DIV.content DIV.box_container DIV.box A.hover_1 {
					display: block;
					width: 176px;
					height: 40px;
					position: absolute;
					top: 230px;
					left: 67px;
				}

				DIV.content DIV.box_container DIV.box.domain A.hover_1:hover {
					background: url(/gfx/images/box/box-domain-hover.png) no-repeat;
				}
				
				DIV.content DIV.box_container DIV.box.domain {
					background: transparent url(/gfx/images/box/box-domain.png) no-repeat;
					position: relative;
				}
				
					DIV.content DIV.box_container DIV.box.domain SPAN.text_1 {
						color: #c0c0bf;
						font-size: 10px;
						display: block;
						position: absolute;
						top: 92px;
						left: 22px;
						font-weight: bold;
					}
					
					DIV.content DIV.box_container DIV.box.domain SPAN.text_2 {
						color: #c0c0bf;
						font-size: 10px;
						display: block;
						position: absolute;
						top: 111px;
						left: 22px;
						font-weight: bold;
					}
					
					DIV.content DIV.box_container DIV.box.domain SPAN.domain_input {
						display: block;
						position: absolute;
						top: 109px;
						left: 56px;
					}
					
						DIV.content DIV.box_container DIV.box.domain SPAN.domain_input INPUT {
							border: 1px solid #3F3F3F;
							font-size: 11px;
							color: #191919;
							padding: 1px 2px 2px 2px;
							width: 130px;
						}
					
					DIV.content DIV.box_container DIV.box.domain SPAN.domain_ltd {
						display: block;
						position: absolute;
						top: 109px;
						left: 190px;
					}
					
						DIV.content DIV.box_container DIV.box.domain SPAN.domain_ltd SELECT {
							border: 1px solid #3F3F3F;
							font-size: 11px;
							color: #191919;
							width: 46px;
							padding: 1px 1px 1px 1px;
						}

					DIV.content DIV.box_container DIV.box.domain SPAN.domainCheck {
						display: block;
						position: absolute;
						top: 132px;
						left: 4px;
						font-size: 10px;
						color: #c0c0bf;
						text-align: center;
						width: 236px;
					}
					
						DIV.content DIV.box_container DIV.box.domain SPAN.domainCheck A {
							color: #ff9a00;
							font-size: 10px;
							font-weight: bold;
						}
						
						DIV.content DIV.box_container DIV.box.domain SPAN.domainCheck SPAN#domainCheckResult {
							font-size: 10px;
							font-weight: bold;
							display: none;
							padding: 4px 0 0 0;
						}
						
						DIV.content DIV.box_container DIV.box.domain SPAN.domainCheck SPAN#domainCheckResult STRONG {
							color: #ff9a00;
							font-size: 10px;
						}
				
				DIV.content DIV.box_container DIV.box.weboldal {
					background: transparent url(/gfx/images/box/box-weboldal.png) no-repeat;
				}
				
				DIV.content DIV.box_container DIV.box.weboldal A.hover_1 {
					left: 68px;
				}
				
				DIV.content DIV.box_container DIV.box.weboldal A.hover_1:hover {
					background: url(/gfx/images/box/box-weboldal-hover.png) no-repeat;
				}
				
				DIV.content DIV.box_container DIV.box.domain {
					background: transparent url(/gfx/images/box/box-domain.png) no-repeat;
					position: relative;
				}
				
				DIV.content DIV.box_container DIV.box.webshop {
					background: transparent url(/gfx/images/box/box-webshop.png) no-repeat;
				}

				DIV.content DIV.box_container DIV.box.webshop A.hover_1 {
					left: 68px;
				}
				
				DIV.content DIV.box_container DIV.box.webshop A.hover_1:hover {
					background: url(/gfx/images/box/box-webshop-hover.png) no-repeat;
				}
				
				DIV.content DIV.box_container DIV.box.design {
					background: transparent url(/gfx/images/box/box-design.png) no-repeat;
				}

				DIV.content DIV.box_container DIV.box.design A.hover_1 {
					left: 68px;
				}
				
				DIV.content DIV.box_container DIV.box.design A.hover_1:hover {
					background: url(/gfx/images/box/box-design-hover.png) no-repeat;
				}
				
	/* ITT KEZDŐDIK A FRONTEND EXTRA BOXOK STÍLUSA (és pina) */
	DIV.boxes {
	}
	
		DIV.boxes DIV.box {
			width: 445px;
			padding: 20px 20px 0 17px;
			margin-bottom: 20px;
			color: #072058;
			font-size: 11px;
			position: relative;
		}
				
				DIV.boxes DIV.box DIV.link {
					left: 216px;
					bottom: 12px;
					position: absolute;
					font-size: 10px;
				}
				
					DIV.boxes DIV.box DIV.link span {
						color: #cfd630;
						font-size: 10px;
						font-weight: bold;
					}
				
					DIV.boxes DIV.box DIV.link a {
						color: #fff;
						font-weight: bold;
						font-size: 10px;
					}
					
					DIV.boxes DIV.box DIV.link a:hover {
						text-decoration: none;
					}
			
				DIV.boxes DIV.box H1 {
					margin: 0;
					padding: 0 0 10px 0;
					color: #eb1879;
					font-size: 16px;
				}
			
				DIV.boxes DIV.box IMG {
					margin: 0 12px 5px 0;
				}
		
		DIV.boxes DIV.box.big {
			height: 238px;
			background: transparent url(/gfx/images/Frontend_Extras_Big.png) no-repeat;
		}
		
		DIV.boxes DIV.box.small {
			height: 182px;
			background: transparent url(/gfx/images/Frontend_Extras_Small.png) no-repeat;
		}
	
		/* HOZZÁ NE NYÚJJÁ */
		DIV.boxes DIV.left {
			width: 500px;
			float: left;
			margin: 0 0 0 52px;
		}
		
		DIV.boxes DIV.right {
			width: 500px;
			float: left;
			margin: 0 0 0 22px;
		}