/* Style reset  */
* {
	margin: 0px;
	padding: 0px;
	cursor: inherit;
}

label, a {
	cursor: pointer;
}
	img {
		border: none;
	}

	ul {
		list-style: none;
	}

	/* Clear Fix */

		.clearfix:after { /* FF, O, etc. */
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}

		.clearfix {
			display: inline-block; /* IE7xhtml*/
		}

		html[xmlns] .clearfix { /* O */
			display: block;
		}

		* html .clearfix {
			height: 1%; /* IE5-6 */
		}

/* Style main */
html, body {
	height: 100%;
}

	body {
		text-align:center; /* horizontal centering for IE Win quirks */
	}

	body, input, select, textarea, td, th {
		font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}

	.lft {
		float: left;
	}

	.rgt {
		float: right;
	}

	#distance {
		width: 1px;
		height: 50%;
		margin-bottom: -290px; /* half of container's height */
		float: left;
	}

	#container {
		margin: 0 auto;
		position: relative; /* puts container in front of distance */
		text-align: left;
		height: 560px;
		width: 980px;
		clear: left;
		background: transparent url(bg-main.gif) no-repeat center center;
		padding: 10px;
	}

		#head {
			height: 55px;
		}

			#head .lft {
				width: 435px;
			}

				#head h1 a {
					background: transparent url(logo.gif) no-repeat center center;
					display: block;
					width: 129px;
					height: 17px;
					position: relative;
					top: 22px;
					left: 59px;
				}

					#head h1 a span {
						display: none;
					}

			#head .rgt {
				width: 545px;
			}

				#head ul {
					margin-top: 20px;
				}

					#head ul li {
						float: left;
						height: 21px;
						line-height: 21px;
						font-weight: bold;
						padding-left: 35px;
						padding-right: 35px;
						background: transparent url(bg-dot-vertical.gif) repeat-y right top;
					}

					#head ul li.last {
						background: none;
					}

						#head ul li a {
							text-decoration: none;
							color: #56788b;
						}

						#head ul li.active a {
							color: #ff5925;
						}

		#page-title #body {
			height: 468px;
		}

			#page-title #visuals {
				margin-left: 30px;
				margin-right: 30px;
				height: 250px;
			}

				#page-title #flash {
					width: 365px;
					height: 250px;
					background-image: url(title-flash.gif);
				}

				#page-title #image {
					width: 555px;
					height: 250px;
				}

			#page-title #content {
				margin-left: 30px;
				margin-right: 30px;
			}

				#page-title #content h2 {
					background: transparent url(bg-dot-horizontal.gif) repeat-x left bottom;
					height: 21px;
					padding-top: 26px;
				}

				#page-title #content .lft {
					width: 390px;
					padding-left: 5px;
				}

					#page-title #content .lft form {
						margin-top:  25px;
					}

						#page-title #content .lft form input.f-text {
							padding-left: 2px;
							width: 223px;
							height: 15px;
							border-top: 1px solid #333333;
							border-left: 1px solid #333333;
							border-bottom: 1px solid #cccccc;
							border-right: 1px solid #cccccc;
							margin-right: 14px;
						}

						/*#page-title #content .lft form .f-button {
							border: none;
							background: transparent url(button.gif) no-repeat center center;
							width: 83px;
							height: 20px;
							text-align: center;
							font-weight: bold;
							text-transform: uppercase;
							text-decoration: none;
							color: #ffffff;
							padding-bottom: 4px;
						}*/

					#page-title #content .lft .domains {
						margin-top: 20px;
					}

						#page-title #content .lft .selection {
							background: transparent url(bg-dot-vertical.gif) repeat-y right top;
							float: left;
							height: 90px;
						}

						#page-title #content .lft .all {
							float: left;
							padding-top: 37px;
							padding-left: 24px;
						}

					#page-title #content .lft ul {
						width: 250px;
						margin-top: 5px;
						margin-left: 28px;
					}

					#page-title #content > .lft ul {
						margin-top: 2px;
					}

						#page-title #content .lft ul li {
							float: left;
							width: 70px;
							padding-left: 5px;
							height: 28px;
							line-height: 28px;
						}

				#page-title #content .rgt {
					width: 500px;
					padding-left: 10px;
					padding-right: 5px;
					position: relative;
				}

					#page-title #content .rgt ul {
						margin-top: 20px;
						padding-left: 6px;
					}

						#page-title #content .rgt ul li {
							background: transparent url(list-item.gif) no-repeat left center;
							line-height: 18px;
							height: 18px;
							padding-left: 15px;
						}

					#page-title #content .rgt p.order {
						position: absolute;
						top: 135px;
						left: 345px;
					}

						#page-title #content .rgt p.order a {
							background: transparent url(button.gif) no-repeat center center;
							display: block;
							width: 83px;
							height: 20px;
							line-height: 20px;
							text-align: center;
							font-weight: bold;
							text-transform: uppercase;
							text-decoration: none;
							color: #ffffff;
						}

		#page-main #body {
			height: 468px;
		}

			#page-main #body .column-l {
				display: inline;
				margin-left: 30px;
			}

				#page-main #body .lft h2 {
					background: transparent url(bg-dot-horizontal.gif) repeat-x left bottom;
					height: 21px;
					padding-top: 26px;
				}

				#page-main #body .lft #flash {
					background: url(main-flash.gif) no-repeat;
					height: 250px;
					width: 390px;
				}

				#page-main #body .lft #form {
					width: 390px;
					padding-left: 5px;
				}

					#page-main #body .lft #form form {
						padding-top: 25px;
					}

						#page-main #body .lft #form form input.f-text {
							padding-left: 2px;
							width: 223px;
							height: 15px;
							border-top: 1px solid #333333;
							border-left: 1px solid #333333;
							border-bottom: 1px solid #cccccc;
							border-right: 1px solid #cccccc;
							margin-right: 14px;
						}

						/*#page-main #body .lft #form form .f-button {
							border: none;
							background: transparent url(button.gif) no-repeat center center;
							width: 83px;
							height: 20px;
							text-align: center;
							font-weight: bold;
							text-transform: uppercase;
							text-decoration: none;
							color: #ffffff;
							padding-bottom: 4px;
						}*/

					#page-main #body .lft #form .domains {
						margin-top: 20px;
					}

						#page-main #body .lft #form .selection {
							background: transparent url(bg-dot-vertical.gif) repeat-y right top;
							float: left;
							height: 90px;

						}

						#page-main #body .lft #form .all {
							float: left;
							padding-top: 37px;
							padding-left: 24px;
						}

					#page-main #body .lft #form ul {
						margin-left: 28px;
						width: 250px;
						margin-top: 5px;
					}

					#page-main #body .lft > #form ul {
						margin-top: 2px;
					}

						#page-main #body .lft #form ul li {
							float: left;
							width: 70px;
							padding-left: 5px;
							height: 28px;
							line-height: 28px;
						}

			#page-main #body .column-r {
				display: inline;
				margin-right: 30px;
				width: 505px;
			}

				#page-main #content-top {
					background: transparent url(bg-dot-horizontal.gif) repeat-x left bottom;
					padding-bottom: 1px;
					padding-top: 19px;
					height: 25px
				}

				#page-main #content-area {
					margin-top: 20px;
					margin-left: 5px;
					width: 490px;
					height: 380px;
					overflow: auto;
				}

					#page-main #content-area ul {
						list-style: disc;
						margin-bottom: 20px;
						line-height: 18px;
					}

						#page-main #content-area ul li {
							margin-left: 20px;
						}

					#page-main #content-area p {
						text-align: justify;
						line-height: 16px;
						padding-bottom: 10px;
						font-size: 11px;
					}

					#page-main #content-area p.notice {
						font-size: 10px;
						text-align: right;
					}

					#page-main #content-area address {
						font-style: normal;
						width: 200px;
						float:left;
						text-align: justify;
						line-height: 18px;
						padding-bottom: 0px;
						margin-right: 20px;
						font-size: 11px;
					}

					#page-main #content-area a {
						text-decoration: none;
						color: #ff5925;
					}

					#page-main #content-area .OrderFromCheck {
						margin-top: 0px;
					}

						#page-main #content-area .OrderFromCheck li {
							margin-bottom: 0px;
						}

						#page-main #content-area .last {
							margin-top: 20px;
							margin-bottom: 15px;
						}

					#page-main #content-area table.product {
						background-color: #e8edef;
						width: 100%;
						margin-bottom: 15px;
					}

						#page-main #content-area table.product thead td {
							font-weight: bold;
						}

						#page-main #content-area table.product td {
							background-color: #ffffff;
							font-size: 11px;
							padding: 3px 5px 3px 5px;
						}

						#page-main #content-area table.product td.column-service {
							width: 75%;
						}

						#page-main #content-area table.product td.column-price {
							text-align: center;
						}

		/* #content-area.page-domains form */

			#form-order div {
				width: 235px;
			}

			#form-order div.first {
				margin-right: 15px;
			}

			#form-order div {
				margin-right: 0px;
			}


			#form-order label {
				padding-top: 11px;
			}

			#form-order label.first {
				padding-top: 0px;
			}

				#form-order label span {
					float: left;
					display: inline;
					font-size: 11px;
				}

				#form-order label span.button {
					height:4px;
				}

				#form-order label .f-button {
					margin-top: 5px;
				}

			#form-order input.f-input {
				cursor: text;
				float: left;
				clear: left;
				display: inline;
				width: 230px;
				border-top: 1px solid #000000;
				border-left: 1px solid #000000;
				border-right: 1px solid #cccecd;
				border-bottom: 1px solid #cccecd;
				height: 15px;
				padding-left: 2px;
			}

			* > input.f-input {
				width: 263px;
			}

			.f-text {
				cursor: text;
			}

			#form-order label {
				cursor: default;
			}

			.f-button {
				border: none;
				background: transparent url(button.gif) no-repeat center center;
				width: 83px;
				height: 20px;
				text-align: center;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				color: #ffffff;
				padding-bottom: 2px;
				cursor: pointer;
			}

			/*#form-order input.f-button {
				color: #ffffff;
				font-weight: bold;
				background-color: #ff0a14;
				border: 1px solid #000000;
				height: 17px;
				width: 75px;
				padding-bottom: 1px;
			}*/

		#foot {
			margin-left: 35px;
			margin-right: 35px;
			background: transparent url(bg-dot-horizontal.gif) repeat-x left top;
			height: 37px;
		}

			#foot p {
				padding-top: 10px;
				color: #7f7f7f;
			}

				#foot p a {
					text-decoration: none;
					color: #ff5925;
				}

			#foot p.lft {
				padding-left: 6px;
			}

			#foot p.rgt {
				padding-right: 6px;
			}

		#extra-div-a {
			background: transparent url(price.gif) no-repeat left top;
			position: absolute;
			top: 259px;
			left: 771px;
			width: 139px;
			height: 139px;
		}
