/* ===== 'tpl.css' ===== */

/* =general styles
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.editor {
	font-size: 1.4em;
	line-height: 1.4;
}
/* --- !!! --- */
.blue {
	color: #44a4df;
}
.yellow {
	color: #e3c000;
}
.red {
	color: #ff7a7a;
}
.pad-400 {
	margin-right: 400px;
}
/* --- !!! --- */
.errors,
.messages {
	padding: 0;
	margin: 0 0 30px 30px;
	font-size: 1.4em;
	list-style-type: none;
}
.errors,
.red-text {
	color: #ff7a7a;
}
.messages {
	color: #59a742;
}
/* --- !!! --- */
.items {
	padding: 1px 0;
	margin: -20px 0 20px 0;
}
	.items:after {
		display: block;
		height: 0;
		clear: both;
		content: "";
		visibility: hidden;
	}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =other styles
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */

	/* --- contacts & faq, order & forms --- */
	.contacts-form,
	.faq-form {
		margin: 30px 35px 0 0;
	}
	.order-form,
	.domain-form {
		margin: 30px 350px 0 0;
	}
		.contacts-form fieldset,
		.faq-form fieldset,
		.order-form fieldset,
		.domain-form fieldset {
			padding: 0;
			border: none;
		}
			/* --- !!! --- */
			.registration {
				margin: 30px 0;
			}
				.registration p {
					margin: 0;
					font-size: 1.8em;
					color: #002a81;
					float: left;
				}
				.registration ul {
					margin: 0 10px;
					padding: 0;
					font-size: 1.8em;
					list-style-type: none;
					float: left;
				}
			/* --- !!! --- */
			.contacts-form fieldset legend,
			.faq-form fieldset legend,
			.order-form fieldset legend,
			.domain-form fieldset legend {
				padding: 0 0 15px 0;	
				font-size: 1.8em;
				color: #002a81;
			}
		/* --- !!! --- */
		.order-girl,
		.domain-girl {
			width: 225px;
			height: 470px;
			background: url(order_girl.png);
			position: absolute;
			right: -189px;
			top: 40px;
			z-index: 1;
		}
		.domain-girl {
			width: 210px;
			background: url(domain_girl.png);
			right: -174px;
			top: 35px;
		}

			/* --- !!! --- */
			.field {
				padding: 0 10px 0 20px;
				margin-bottom: 15px;
			}
			.valid,
			.invalid {
				background: url(ico_validation.gif) no-repeat 0 27px;
			}
			.invalid {
				background-position: 3px -257px;
			}
				/* --- !!! --- */
				.field label {
					margin-bottom: 5px;
					font-size: 1.4em;
					font-weight: bold;
					float: left;
				}
				.field img {
					margin-left: 5px !important;
					margin: 0;
					background: #ff4444;
					font-size: 1.4em;
					vertical-align: top;
				}
				.field input,
				.field textarea,
				.field select {
					width: 510px;	/* - original: 520px; - */
					border: none;
					background: none;
					font-size: 1.4em;
					position: relative;
					z-index: 2;
				}
				.field input,
				.field select {
					height: 17px;	/* - original: 27px; - */
				}
				.field select {
					cursor: pointer;
				}
				.field textarea {
					height: 137px;	/* - original: 147px; - */
					overflow: auto;
					resize: none;
				}
				/* --- !!! --- */
				.field .field-captcha input {
					width: 155px;	/* - original: 165px; - */
				}
				.field .field-captcha img {
					margin: 0;
					background: #fff;
					font-size: 1.4em;
					vertical-align: middle;
					position: absolute;
					top: -5px;
					left: -80px;
				}
				.field input.submit {
					width: 249px;
					height: 39px;
					margin: 0;
					background: #43b2dc url(in_buttons.png) 0 -51px;
					font-size: 1.8em;
					color: #fff;
					text-shadow: #006aa1 -1px -1px 0;
					letter-spacing: -0.5px;
					cursor: pointer;
				}
				/* --- !!! --- */
				.field div {
					padding: 5px;
					background: #f0f4f6 url(form_field_bg.png) no-repeat;
					clear: both;
				}
				.field div.field-select {
					height: 17px;	/* - original: 27px; - */
					overflow: hidden;
				}
				.field div.field-file {
					position: relative;				
				}
				.field p {
					margin: 0;
					font-size: 1.1em;
					color: #828282;
				}	
					/* --- !!! --- */	
					.field div .extra-button-block {
						width: 67px;
						height: 27px;
						padding: 0;
						background: url(in_buttons.png) 0 -18px;
						overflow: hidden;
						cursor: pointer;
						position: absolute;
						right: 0;
						top: 0;
					}
						.field div .extra-button-block input {
							width: 67px;
							height: auto; 
							font-size: 5em;
							opacity: 0;
							filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
							cursor: pointer;
						}
				/* --- !!! --- */
				.field div.input-focus,
				.field div.textarea-focus,
				.field div.captcha-focus {
					background-color: #e9f9ff;
				}			
				.field div.input-valid,
				.field div.textarea-valid,
				.field div.captcha-valid {
					background-color: #e6ffe5;
				}
				.field div.input-invalid,
				.field div.textarea-invalid,
				.field div.captcha-invalid {
					background-color: #ffe5e5;
				}			
				/* --- !!! --- */
				.field div.field-input,
				.field div.field-select,
				.field div.field-file {
					background-position: 0 0;
				}
				.field div.input-focus {
					background-position: 0 -28px;
				}
				.field div.input-valid {
					background-position: 0 -56px;
				}
				.field div.input-invalid {
					background-position: 0 -84px;
				}
				/* --- !!! --- */
				.field div.field-textarea {
					background-position: 0 -112px;
				}
				.field div.textarea-focus {
					background-position: 0 -260px;
				}
				.field div.textarea-valid {
					background-position: 0 -408px;
				}
				.field div.textarea-invalid {
					background-position: 0 -556px;
				}
				/* --- !!! --- */
				.field div.field-captcha {
					width: 155px;
					background-position: 0 -704px;
					position: relative;
					left: 85px;
				}
				.field div.captcha-focus {
					background-position: 0 -732px;
				}
				.field div.captcha-valid {
					background-position: 0 -760px;
				}
				.field div.captcha-invalid {
					background-position: 0 -788px;
				}
	/* --- // contacts & faq, order & forms // --- */

	/* --- information blocks --- */
	.information {
		padding-left: 50px;
		margin-bottom: 20px;
		border-bottom: 1px solid #c1e8ff;
		background: url(ico_information.gif) no-repeat 0 0;
	}
	/* --- !!! --- */
	.address {
		margin-top: 120px;
		background-position: 0 5px;
	}
	.phone {
		background-position: -500px 5px;
	}
	.on-line {
		background-position: -1000px 5px;
	}
	.time {
		background-position: -1500px 5px;
	}
	.scheme {
		border-bottom: none;
		background-position: -2000px 5px;
	}
		/* --- !!! --- */
		.information h5 {
			margin: 0;
			font-size: 1.8em;
			color: #002a81;
			font-weight: normal;
		}
		.information address {
			margin: 10px 0;
			font-size: 1.4em;
			font-style: normal;
		}
			.information address span {
				display: block;
				margin: 10px 0;
			}
			/* --- !!! --- */
			.information address span.pad-50 {
				margin: 0 10px 0 0;
				float: left;
				font-weight: bold;
			}
			.information address span.pad-70 {
				margin: 0 10px 0 0;
				float: left;
			}
			/* --- !!! --- */
			.information img {
				border: none;
				font-size: 1.4em;
			}
	/* --- // information blocks // --- */

	/* --- subitems --- */
	.subitems {
		padding: 0;
		margin: 15px;
	}
		.subitems li {
			margin: 5px 0;
			font-size: 1.4em;
			color: #294E96;
		}
		/* --- !!! --- */
		.subitems li a {
			color: #294E96;
			text-decoration: none;
		}
		.subitems li a:hover {
			text-decoration: underline;
		}
	/* --- subitems --- */

	/* --- site map --- */
	.site-map {
		padding: 0;
		margin: 15px;
	}
		.site-map li {
			margin: 15px 0;
			font-size: 1.8em;
			color: #0182fb;
			line-height: 1;
		}
			/* --- !!! --- */
			.site-map li ul {
				padding: 0;
				margin: 10px 20px 20px 20px;
			}
				.site-map li ul li {
					margin: 5px 0;
					font-size: 0.8em;
				}
					/* --- !!! --- */
					.site-map li ul li ul {
						margin: 10px 15px;
					}
	/* --- // site map // --- */

	/* --- faq --- */
	.faq {
		margin: 15px 5px;
	}
		.faq dt {
			padding: 0 0 10px 40px;
			background: url(ico_information.gif) no-repeat -2500px 0;
			font-size: 1.8em;
			color: #002a81;
		}
		.faq dd {
			margin: -5px 0 25px 40px;
			font-size: 1.4em;
			line-height: 1.4;
		}
	/* --- // faq // --- */

	/* --- pager --- */
	.pager {
		padding: 0;
		margin: 30px 0;
		list-style-type: none;
		text-align: center;
	}
		.pager li {
			display: inline;
			margin: 0 5px;
			font-size: 1.8em;
			color: #002a81;
		}
			/* --- !!! --- */
			.pager li,
			.pager li a,
			.pager li span {
				display: inline-block;
				height: 27px;
				line-height: 27px;
			}
			/* --- !!! --- */
			.pager li a {
				padding-right: 5px;
				color: #002a81;
			}
			/* --- !!! --- */
			.pager li.active,
			.pager li.active span {
				background: url(pager_bg.gif) no-repeat left;
			}
			.pager li.active {
				margin-right: 15px;
			}
			.pager li.active span {
				padding-right: 5px;
				background: url(pager_bg.gif) no-repeat right;
				color: #fff;
				position: relative;
				right: -5px;
			}
	/* --- pager --- */

	/* --- hosting choose --- */
	.host-choose-pay {
		width: 912px;
		height: 67px;
		margin: 15px auto 40px auto;
	}
		.host-choose-pay p {
			width: 50%;
			height: 100%;
			margin: 0;
			font-size: 1.8em;
			text-align: center;
			text-shadow: #fff 1px 1px 0;
			line-height: 67px;
		}
		/* --- !!! --- */
		.host-step-one p.first,
		.host-step-two p.first {
			float: left;
		}
		.host-step-one p.second,
		.host-step-two p.second {
			float: right;
		}
		/* --- !!! --- */	
		.host-step-one p.first {
			background: #b0e9fe url(host_choose_pay_bg.png);
			color: #1e1e1e;
		}
		.host-step-one p.second {
			background: #d9e0e1 url(host_choose_pay_bg.png) right top;
			color: #4d4d4d;
		}
		/* --- !!! --- */
		.host-step-two p.first {
			background: #d9e0e1 url(host_choose_pay_bg.png) 0 -68px;
			color: #4d4d4d;
		}
		.host-step-two p.second {
			background: #b0e9fe url(host_choose_pay_bg.png) right -68px;
			color: #1e1e1e;
		}
	/* --- // hosting choose // --- */

	/* --- domain choose --- */
	.domain-choose-pay {
		width: 912px;
		height: 67px;
		margin: 15px auto 40px auto;
	}
		.domain-choose-pay p {
			height: 52px;	/* - original: 67px; - */
			padding-top: 15px;
			margin: 0;
			font-size: 1.8em;
			text-align: center;
			text-shadow: #fff 1px 1px 0;
			line-height: 1;
			float: left;
		}
		/* --- !!! --- */
		.domain-step-one p.first,
		.domain-step-two p.first,
		.domain-step-three p.first {
			width: 315px;
		}
		.domain-step-one p.second,
		.domain-step-two p.second,
		.domain-step-three p.second {
			width: 320px;
		}
		.domain-step-one p.third,
		.domain-step-two p.third,
		.domain-step-three p.third {
			width: 277px;
		}
		/* --- !!! --- */
		.domain-step-one p.first {
			background: #b0e9fe url(domain_choose_pay_bg.png);
			color: #1e1e1e;
		}
		.domain-step-one p.second {
			background: #d9e0e1 url(domain_choose_pay_bg.png) -315px 0;
			color: #4d4d4d;
		}
		.domain-step-one p.third {
			background: #d9e0e1 url(domain_choose_pay_bg.png) right top;
			color: #4d4d4d;
		}
		/* --- !!! --- */
		.domain-step-two p.first {
			background: #d9e0e1 url(domain_choose_pay_bg.png) 0 -68px;
			color: #4d4d4d;
		}
		.domain-step-two p.second {
			background: #b0e9fe url(domain_choose_pay_bg.png) -315px -68px;
			color: #1e1e1e;
		}
		.domain-step-two p.third {
			background: #d9e0e1 url(domain_choose_pay_bg.png) right -68px;
			color: #4d4d4d;
		}
		/* --- !!! --- */
		.domain-step-three p.first {
			background: #d9e0e1 url(domain_choose_pay_bg.png) 0 -136px;
			color: #4d4d4d;
		}
		.domain-step-three p.second {
			background: #d9e0e1 url(domain_choose_pay_bg.png) -315px -136px;
			color: #4d4d4d;
		}
		.domain-step-three p.third {
			background: #b0e9fe url(domain_choose_pay_bg.png) right -136px;
			color: #1e1e1e;
		}
	/* --- // domain choose // --- */

	/* --- method payment --- */
	.check,
	.dollar {
		width: 50%;
		margin-top: 30px;
		text-align: center;
	}
	.check {
		float: left;
	}
	.dollar {
		float: right;
	}
		/* --- !!! --- */
		.check img,
		.dollar img {
			border: none;
			margin-bottom: 15px;
			font-size: 1.4em;
			vertical-align: text-bottom;
		}
		.dollar img {
			margin: 45px 0 25px 0;
		}
		/* --- !!! --- */
		.check a.button,
		.dollar a.button {
			display: block;
			width: 287px;
			height: 39px;
			margin: 0 auto;
			background: #43b2dc url(in_buttons.png) 0 -225px;
			font-size: 1.8em;
			color: #fff;
			text-decoration: none;
			text-shadow: #006aa1 -1px -1px 0;
			letter-spacing: -0.5px;
			line-height: 39px;
		}
	/* --- // method payment // --- */

	/* --- domain check form --- */
	.domain-check-form {}
		.domain-check-form fieldset {
			padding: 0;
			border: none;
		}
			.domain-check-form fieldset legend {
				padding: 0 0 10px 0;	
				font-size: 1.8em;
				color: #002a81;
			}
		/* --- !!! --- */
		.domain-check-wrap {}
			.domain-check-form .item {
				margin: 40px 85px;
			}
				.domain-check-form .item p {
					margin: 0;
					font-size: 1.2em;
					color: #7c7c7c;
				}
				.domain-check-form .item div {
					display: inline;
					height: 38px;
					margin-right: 20px;
					background: #f0f4f6 url(domain_input_bg.png) left bottom;
					float: left;
				}
					.domain-check-form .item div input {
						width: 450px;
						margin: 7px 5px 5px 5px;
						border: none;
						background: none;
						font-size: 2em;
					}
				.domain-check-form .item .submit {
					width: 247px;
					height: 39px;
					border: none;
					background: #43b2dc url(in_buttons.png) 0 -360px;
					font-size: 1.8em;
					color: #fff;
					text-shadow: #006aa1 -1px -1px 0;
					letter-spacing: -0.5px;
					cursor: pointer;
				}

				.domain-check-form .item ul {
					padding: 0;
					margin: 5px 0;
					list-style-type: none;				
				}
					.domain-check-form .item ul li {
						display: inline;
						margin-right: 20px;
					}
						/* --- !!! --- */
						.domain-check-form .item ul li input {
							vertical-align: middle;
							cursor: pointer;
						}
						.domain-check-form .item ul li label {
							font-size: 1.4em;
							font-weight: bold;
							cursor: pointer;
						}
	/* --- // domain check form // --- */
	
	/* --- domain result form --- */
	.domain-result-form {}
		.domain-result-form input {}
		.domain-result-form label {
			cursor: pointer;
		}
		.domain-result-form .submit {
			width: 464px;
			height: 39px;
			border: none;
			background: #43b2dc url(in_buttons.png) 0 -405px;
			font-size: 1em;
			color: #fff;
			text-shadow: #006aa1 -1px -1px 0;
			letter-spacing: -0.5px;
			cursor: pointer;
		}		
		/* --- !!! --- */
		.domain-result-form fieldset {
			padding: 0;
			margin: 0;
			border: none;
		}
		.domain-result {
			margin: 40px 95px;
			border-collapse: collapse;	
			font-size: 1.4em;		
		}
			/* --- !!! --- */
			.domain-result thead {
				background: #cdefff;
				color: #005285;
			}
			.domain-result tfoot td {
				padding: 5px;
				border-bottom: none;
				text-align: center;		
			}
			/* --- !!! --- */
			.domain-result th,
			.domain-result td {
				padding: 10px;
				text-align: left;
			}
			.domain-result th {
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
			}
			.domain-result td {
				border-bottom: 1px solid #c1e8ff;
				font-size: 1.4em;
			}
			.first-line td {
				border-top: 2px solid #70bae4;
			}
				/* --- !!! --- */
				.domain-result .free,
				.domain-result .occupied {
					font-weight: bold;
					font-size: 1em;
				}
				.free {
					color: #1c7700;
				} 
				.occupied {
					color: #ce0000;
				}
				.disabled{
					color: #8a8a8a;						
				}				
	/* --- // domain result form // --- */

	/* --- hosting rates --- */
	.host-rates {
		width: 100%;
		margin-bottom: 50px;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 1.3em;
		text-align: center; 
	}
	/* --- !!! --- */
	.host-rates col {}
		/* --- !!! --- */
		.host-rates caption {
			padding: 0 0 10px 0;
			font-size: 1.5em;
			color: #002a81;			
			text-align: left;
		}	
		/* --- !!! --- */
		.host-rates thead,
		.host-rates tfoot,
		.host-rates tbody {
			vertical-align: top;
		}
		.host-rates thead {
			background: #cdefff;
			color: #2c519a;
		}
			.host-rates tfoot td {
				border: none;
			}
			/* --- !!! --- */
			.host-rates td,
			.host-rates th {
				padding: 5px 10px;
				border: 1px solid #97cdee;
			}
	/* --- !!! --- */
	.parity {
		background: #cdefff;
	}
	.bolder {
		font-weight: bold;
	}
	.left {
		text-align: left;
	}
	/* --- !!! --- */
	.minus,
	.plus,
	.infinity {
		border: none;
		background: url(ico_tariffs.gif);
		vertical-align: middle;
	}
	.minus {
		background-position: -6px 0;
	}
	.plus {
		background-position: -6px -300px;
	}
	.infinity {
		background-position: center -600px;
	}
			/* --- !!! --- */
			.order-host td {
				padding: 0;
			}
			.order-host a {
				display: block;
				width: 85px;
				height: 37px;
				margin: 5px auto;
				background: #43B2DC url(in_buttons.png) 0 -270px;
				color: #fff;
				text-shadow: #317ab0 -1px -1px 0;
				text-decoration: none;
				line-height: 40px;
			}
	/* --- // hosting rates // --- */

	/* --- domain rates --- */
	.domain-rates {
		margin-bottom: 15px;
		border-collapse: collapse;
		border-spacing: 0;
		font-size: 1.3em;
		text-align: center;
	}
	/* --- !!! --- */
	.domain-rates col {}
		/* --- !!! --- */
		.domain-rates thead {
			background: #cdefff;
			color: #2c519a;
		}
			/* --- !!! --- */
			.domain-rates td,
			.domain-rates th {
				padding: 5px 10px;
				border: 1px solid #97cdee;
			}
		/* --- !!! --- */
		.parity {
			background: #cdefff;
		}
			/* --- !!! --- */
			.domain-rates .order-domain {
				padding: 0 5px;
				border: none;
				background: #fff;
			}
				.order-domain a {
					display: block;
					width: 87px;
					height: 25px;
					margin: 5px auto;
					background: #43B2DC url(in_buttons.png) 0 -315px;
					color: #fff;
					text-shadow: #317ab0 -1px -1px 0;
					text-decoration: none;
					line-height: 23px;
				}
	/* --- // domain rates // --- */
	
	
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* --- © Tarik, 2010 --- */

/* ===== // 'tpl.css' // ===== */