a,
a:hover,
a:active,
a:visited { text-decoration:underline; }
body {  text-align:center; font:120% Georgia;  }
body.positive { background:url('../i/pos-bg.png') repeat-x left top; }
body.negative { background:url('../i/neg-bg.png') repeat-x left top; }
div.central-cont { width:90%; text-align:left; margin:0 5%; }
div.add-bg { width:100%; float:left; min-width:1000px; }
.positive div.add-bg { background:url('../i/main-page/pos-clouds.png') no-repeat center 188px; }
.negative div.add-bg { background:url('../i/neg-rain.jpg') no-repeat center top; }

strong {
	font-weignt: bold;
}

p.important {
	font-weight: bold;
}

.call-now {
	background-color: #FFFa9D;
	color: #00923F;
	padding: 0.5em;
	font-size: 150%;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
	margin-top: 1em;
}

.call-now .code {
	font-size: 100%;
	position: relative;
	top: -1em;
}

.call-now .number {
	font-size: 200%;
}

/* Navigation */
	div.central-cont div.navigation {
		width:100%;
		float:left;
		clear:left;
		height:135px;
	}
		div.central-cont div.navigation div.fast-links { width:25%; float:left; display:inline; }
		div.central-cont div.navigation div.fast-links ul {
			float:left;
			display:inline;
			margin:47px 0 0 55px;
		}
		div.central-cont div.navigation div.fast-links ul li { float:left; }
			div.central-cont div.navigation div.fast-links ul li a {
				text-indent:-9999px;
				display:block;
				background:url('../i/fast-links.gif') no-repeat 0 0;
			}
			div.central-cont div.navigation div.fast-links ul li.home a {
				height:10px;
				width:11px;
				background-position:0 0;
				margin:0 26px 0 0;
			}
			div.central-cont div.navigation div.fast-links ul li.search a {
				height:10px;
				width:10px;
				background-position:-11px 0;
				margin:0 27px 0 0;
			}
			div.central-cont div.navigation div.fast-links ul li.mail a {
				height:8px;
				width:12px;
				background-position:-21px -1px;
				margin:1px 0 0 0;
			}
		div.central-cont div.navigation ul.site-menu {
			float:left;
			display:inline;
			margin:37px 11px 0 25%;
			width:50%;
		}
			div.central-cont div.navigation ul.site-menu li {
				float:left;
				display:inline;
				font-size:80%;
				padding:0 0 0 11px;
				line-height:29px;
				margin: 0 30px 0 -11px;
			}
			div.central-cont div.navigation ul.site-menu li  span{
				display:inline;
				float:left;
			}

			div.central-cont div.navigation ul.site-menu li.active span.wr {
				background:url('../i/menu-link.png') no-repeat right top;
					padding-right:11px;
			}
			div.central-cont div.navigation ul.site-menu li.active span.wr span {
				margin-left:-11px;
				background:url('../i/menu-link.png') no-repeat 0 0;
				padding-left:11px;
				height:29px;
			}

			.positive div.navigation ul.site-menu li a { color:#e4820b; }
			.negative div.navigation ul.site-menu li a { color:#474747; }

	div.logo-cont { width:25%; float:left; clear:left; }
	div.central-cont .logo {
		float:left;
		height:100px;
		width:194px;
		text-indent:-9999px;
	}
	div.central-cont .phone {
		float:left;
		font-size:125%;
		padding-top:37px;

	}
	div.central-cont .phone sup { font-size:75%; float:left; margin:-2px 1px 0 0; }
	div.central-cont h1.main-head {
		color:#474747;
		font-size:275%;
		line-height:87%;
		float:left;
		display:inline;
		padding:1px 0 0 0;
	}

/* Main Page Content*/
	div.main-cont { width:100%; float:left; clear:left; height:500px; }
	div.complicated-way-tab {
		float:left;
		display:inline;
		margin:36px 0 0 0;
		padding-left:25%;
		width:25%;
	}
	div.complicated-way-tab div.tab-wr { float:left; display:inline; margin-left:-16px;}
	div.complicated-way-tab div.tab-wr div {
		margin-left:16px;
		display:inline;
		padding:10px 14px 11px 0;
		float:left;
	}
	div.complicated-way-tab a {
		text-decoration:none;
		cursor:pointer;
		float:left;
		display:inline;
		font-size:130%;
		line-height:92%;
	}
	.positive div.complicated-way-tab a { color:#606060; border-bottom:1px dashed #606060; }
	div.complicated-way-tab a.close { height:18px; width:19px; margin:4px 0 0 12px; visibility:hidden; }
	.negative div.complicated-way-tab div.tab-wr {
		float:left;
		display:inline;
		background:url('../i/complicated-tab.png') no-repeat left top;
		line-height:41px;
	}
	.negative div.complicated-way-tab div.tab-wr div {
		background:url('../i/complicated-tab.png') no-repeat right top;
	}
	.negative div.complicated-way-tab a { color:#969696; cursor:default; }
	.negative div.complicated-way-tab a.close { visibility:visible; cursor:pointer; }

	div.freesh-tab { float:left; margin:43px 0 0 0; display:inline; }
	div.freesh-tab a {
		color:#ed6c04;
		text-decoration:none;
		font-size:155%;
		float:left;
		display:inline;
		line-height:87%;
		cursor:default;
	}
	.negative div.freesh-tab a { border-bottom:1px dashed #ed6c04; cursor:pointer; }

	div.points { width:100%; float:left; clear:left; }
	.negative div.pos-points { display:none; }
	.positive div.neg-points { display:none; }
	div.points ul.cols { float:left; display:inline; margin:35px 0 0 0; }
	div.neg-points ul.cols { margin-top:43px; color:#e3e3e3; }
	div.points ul.cols li { float:left; display:inline; width:21%; margin:0 4% 0 0; }
	div.points ul.cols li p { line-height:125%; }
	div.points ul.cols li a { color:#006291; font-weight:bold; }

	div.pos-points ul.cols li h2 { font-weight:bold; }
	div.pos-points ul.cols li.hosting h2 { color:#00923f; }
	div.pos-points ul.cols li.cms h2 { color:#009a8a; }
	div.pos-points ul.cols li.support h2 { color:#005cad; }
	div.pos-points ul.cols li.price h2 { color:#724998; }
	div.pos-points ul.cols li.hosting div.head { width:125px; height:62px; margin:10px 0 14px 0; }
	div.pos-points ul.cols li.cms div.head { width:131px; height:72px; margin:0 0 14px 0; }
	div.pos-points ul.cols li.support div.head { width:141px; height:49px; margin:23px 0 14px 0; }
	div.pos-points ul.cols li.price div.head { width:114px; height:55px; margin:17px 0 14px 0; }

	div.neg-points ul.cols li.hosting div.head { width:205px; height:64px; margin:0 0 37px 0; }
	div.neg-points ul.cols li.cms div.head { width:205px; height:64px; margin:0 0 37px 0; }
	div.neg-points ul.cols li.support div.head { width:205px; height:64px; margin:0 0 37px 0; }
	div.neg-points ul.cols li.price div.head { width:213px; height:64px; margin:0 0 37px 0; }

	div.love { float:left; margin:40px 0 0 25%; display:inline; }
	.negative div.love { display:none; }
	div.love span.red { font-size:120%; color:#e00d24; }
	div.love span.orange { font-size:120%; color:#e75122; }

/* Footer */
	div.footer { float:left; width:100%; clear:both; padding:22px 0 25px; }
		div.footer div.info {
			float:left;
			display:inline;
			margin-left:32px;
			width:50%;
			margin-right:-32px;
		}
		div.footer div.info p { float:left; display:inline; clear:left; }
		div.footer div.info p.copy { font-size:90%; font-weight:bold; }
		div.footer div.info p.copy span { font-size:140%; float:left; margin:-4px 2px 0 0; }
		div.footer div.info p.fantastish { font-size:85%; color:#606060; margin:-3px 0 0 20px; }
		div.footer div.info p.designed { color:#979797; font-size:70%; margin:17px 0 0 20px; }
		div.footer div.info p.designed a { color:#606060; }
		div.footer div.search { float:left; display:inline; margin:26px 0 0 0; width:25%; }
		div.footer div.search span.input {
			line-height:26px;
			padding:0 0 0 4px;
			height:26px;
			float:left;
			background:url('../i/input-bg.png') no-repeat left top;
		}
		div.footer div.search span.input input {
			background: url("../i/input-bg.png") no-repeat scroll right top transparent;
			border: medium none;
			float: left;
			font-size: 80%;
			height: 26px;
			padding: 0;
			width: 190px;
		}
		div.footer div.search button {
			width:12px;
			height:12px;
			text-indent:-9999px;
			float:left;
			display:inline;
			border:none;
			cursor:pointer;
			margin:7px 0 0 6px;
		}
		div.footer a.feedback {
			float:left;
			display:inline;
			text-align:center;
			text-decoration:none;
			border-bottom:1px dashed #006291;
			color:#006291;
			cursor:pointer;
			font-size:80%;
			margin:3px 0 0 0;
		}
		.negative div.footer a.feedback { color:#474747; border-bottom-color:##474747; }
		div.footer a.feedback span { display:block; height:37px; width:58px; margin:0 auto 3px auto; }
	/* Sprites */
	.logo,
	.negative div.complicated-way-tab a.close,
	.positive div.pos-points ul.cols li.hosting div.head,
	.positive div.pos-points ul.cols li.cms div.head,
	.positive div.pos-points ul.cols li.support div.head ,
	.positive div.pos-points ul.cols li.price div.head,
	.negative div.neg-points ul.cols li.hosting div.head,
	.negative div.neg-points ul.cols li.cms div.head,
	.negative div.neg-points ul.cols li.support div.head ,
	.negative div.neg-points ul.cols li.price div.head,
	div.footer div.search button,
	.positive div.footer a.feedback span,
	.negative div.footer a.feedback span { background:url('../i/all.png') no-repeat 0 0; }

	.positive .logo { background-position:0 -136px; }
	.negative .logo { background-position:-194px -136px; }
	.negative div.complicated-way-tab a.close { background-position:-511px -54px; }
	.positive div.pos-points ul.cols li.hosting div.head { background-position:0 0; }
	.positive div.pos-points ul.cols li.cms div.head { background-position:-125px 0;}
	.positive div.pos-points ul.cols li.support div.head { background-position:-256px 0; }
	.positive div.pos-points ul.cols li.price div.head  { background-position:-397px 0; }

	.negative div.complicated-way-tab a.close { background-position:-511px -54px; }

	.negative div.neg-points ul.cols li.hosting div.head { background-position:0 -72px; }
	.negative div.neg-points ul.cols li.cms div.head { background-position:-205px -72px; }
	.negative div.neg-points ul.cols li.support div.head { background-position:-410px -72px; }
	.negative div.neg-points ul.cols li.price div.head  { background-position:-388px -136px; }

	div.footer div.search button { background-position:-530px -54px; }
	.positive div.footer a.feedback  span { background-position:-511px 0; }
	.negative div.footer a.feedback  span { background-position:-569px 0; }

/* Prices Page */
	div.prices { width:100%; float:left; clear:left; }
		div.prices div.prices-wr { padding:17px 0 0 52px; }
		div.prices h1 { color:#2f2f2f; font-size:275%; float:left; display:inline; padding-left:207px; }
		div.prices ul.view-nav { float:left; clear:left; display:inline; margin:7px 0 0 207px; }
			div.prices ul.view-nav  li {
				float:left;
				display:inline;
				margin:0 0 0 0;
				font-size:80%;
				padding:0 0 0 11px;
				line-height:29px;
				margin-right:10px;
			}
			div.prices ul.view-nav li span {
				display:inline;
				float:left;
			}
			div.prices ul.view-nav li.active { overflow:hidden; }
			div.prices ul.view-nav li.active  span.wr {
				background:url('../i/menu-link.png') no-repeat right top;
					padding-right:11px;
			}
			div.prices ul.view-nav li.active span.wr span {
				margin-left:-11px;
				background:url('../i/menu-link.png') no-repeat 0 0;
				padding-left:11px;
				height:29px;
			}
			div.prices ul.view-nav li a {
				color:#724998;
				text-decoration:none;
				border-bottom:1px dashed #724998;
				font-weight:bold;
				font-size:130%;
				cursor:pointer;
			}
			div.prices ul.view-nav li.active  a {
				color:#2f2f2f;
				font-weight:normal;
				border:none;
				cursor:text;
			}
		div.prices div.calculator { float:left; clear:left; margin:53px 0 63px; }
		div.prices div.calculator div.row-info { float:left; clear:left; width:200px; }
		div.prices div.calculator div.row-info-traffic {
			color:#00923f;
			font-weight:bold;
			margin-top:-2px;
		}
		div.prices div.calculator div.row-info-catalog {
			color:#009a8a;
			font-weight:bold;
			margin-top:-2px;
		}
		div.prices div.calculator div.row-info-space { color:#005cad; font-weight:bold; margin-top:-2px; }
		div.prices div.calculator div.row-info div { padding-left:60px; font-size:130%; }
		div.prices div.calculator div.calc-screen div.row-info {
			font-size:90%;
			line-height:135%;
			color:#343434;
			padding-top:21px;
		}

		div.prices  div.calc-screen { float:left; clear:left; width:100%; margin-bottom:18px;  }
		div.prices  div.calc-screen div.calc-result {
			float:left;
			font-size:170%;
			margin:6px 46px 0 0;
			color:#2f2f2f;
		}
		div.prices  div.calc-screen div.calc-result span.tarif { color:#00923f; }
		div.prices  div.calculator div.calc-rows { float:left; clear:left; }
		div.prices  div.calculator div.calc-rows div.row {
			margin-bottom:38px;
			float:left;
			clear:left;
			height:64px;
		}

		div.prices div.bombs {
			float:left;
			clear:left;
			margin:53px 0 63px;

			height:550px;
			margin-left:-53px;
		}
		div.prices-bg-bombs {
			background:url('../i/prices/bombs.png') 100px 305px no-repeat;
			width:100%;
			float:left;
		}
		div.prices div.price-table { float:left; clear:left; margin:53px 0 63px; }

		div.prices div.calculator { display:none; width:100%; }
		div.prices div.bombs { display:none; width:100%; position:relative; }
			div.prices div.bombs div.bomb { position:absolute; }
			div.prices div.bombs div.bomb-0 { left:-5%; top:40px; margin-left:318px; }
				div.prices div.bombs div.bomb-0 div.bomb-cloud { width:250px; margin:-168px 0 0 -235px; }
			div.prices div.bombs div.bomb-1 { left:-5%; top:40px; margin:250px 0 0 220px; }
				div.prices div.bombs div.bomb-1 div.bomb-cloud { width:250px; margin:-168px 0 0 -235px; }
			div.prices div.bombs div.bomb-2 { left:-5%; top:40px; margin:160px 0 0 680px; }
				div.prices div.bombs div.bomb-2 div.bomb-cloud { width:250px; margin:-168px 0 0 -235px; }
			div.prices div.bombs div.bomb-3 { left:-5%; top:40px; margin:210px 0 0 1060px; }
				div.prices div.bombs div.bomb-3 div.bomb-cloud { width:250px; margin:-168px 0 0 -235px; }
			div.prices div.bombs div.bomb-4 { left:-5%; top:40px; margin:410px 0 0 520px; }
				div.prices div.bombs div.bomb-4 div.bomb-cloud { width:250px; margin:-168px 0 0 -235px; }
				div.prices div.bombs div.bomb div.bomb-price { color:#fff; font-size:130%; white-space:nowrap; }
					div.prices div.bombs div.bomb span.price {
						border-bottom:1px dashed #fff;
						cursor:pointer;
						font-weight:bold;
						font-size:120%;
					}
				div.prices div.bombs div.bomb div.bomb-cloud {
					position:absolute;
					overflow:hidden;
					padding:12px 0;
				}

				div.prices div.bombs div.bomb div.bomb-cloud span.cloud-head { font-weight:bold; color:#00923f; }
				div.prices div.bombs div.bomb div.bomb-cloud a.arr-button { float:right; }


				div.prices div.bombs div.bomb div.bomb-cloud .content {
					background:url('../i/prices/bomb-cloud/bg.png') 0 0 repeat;
					padding:0px 15px;
					overflow:hidden;
				}

				div.prices div.bombs div.bomb div.bomb-cloud .cn {
					position:absolute;
					width:24px;
					height:24px;
					left:-12px;
					top:-12px;
					background:url('../i/prices/bomb-cloud/r-star2.png');
					opacity:0.85;
				}

				div.prices div.bombs div.bomb div.bomb-cloud .cn.tr,
				div.prices div.bombs div.bomb div.bomb-cloud .cn.br {
					margin-left:100%;
				}

				div.prices div.bombs div.bomb div.bomb-cloud .cn.bl,
				div.prices div.bombs div.bomb div.bomb-cloud .cn.br {
					top:auto;
				}

				div.prices div.bombs div.bomb div.bomb-cloud .cn.tl,
				div.prices div.bombs div.bomb div.bomb-cloud .cn.bl {
					width:100%;
				}
				div.prices div.bombs div.bomb div.bomb-cloud div.close-button {
					position:absolute;
					height:10px;
					width:9px;
					background:url('../i/prices/bomb-cloud/close.gif');
					right:15px;
					top:13px;
					cursor:pointer;
				}

		div.prices div.price-table { display:none; width:100%; }
		div.prices div.active-tab { display:block; }


		a.arr-button {
			display:block;
			float:left;
			height:58px;
			padding-left:24px;
			font-size:90%;
			text-decoration:none;
			color:#fffcd2;
			line-height:57px;
			cursor:pointer;
		}
		a.arr-button span { display:block; float:left; height:58px; display:inline; }
		a.arr-button span.wr {
			background:url('../i/arr-button.png') no-repeat right top;
			padding:0 33px 0 0;
		}
		a.arr-button span.wr span {
			margin-left:-24px;
			background:url('../i/arr-button.png') no-repeat left top;
			padding-left:24px;
		}
		div.prices div.calculator div.slider-cont {
			float:left;
			width:478px;
			margin-right:20px;
			padding-top:3px;
			position:relative;
		}
			div.prices div.calculator div.slider-cont  div.legends {
				width:100%;
				float:left;
				font-size:70%;
				color:#343434;
				display:none;
			}
			div.prices div.calculator div.slider-cont  div.legends span.l { float:left; }
			div.prices div.calculator div.slider-cont  div.legends span.r { float:right; }
			div.prices div.calculator div.slider-cont  div.slider-line {
				float:left;
				clear:left;
				width:477px;
				height:19px;
				background:url('../i/prices/slider-line.png') no-repeat left top;
			}
			div.prices div.calculator div.slider-cont   div.slider-int { width:472px; margin-left:7px; }
			div.prices div.calculator div.slider-cont a.ui-slider-handle div.slider-cursor {
				background:url('../i/prices/slider.png') no-repeat left top;
				width:21px;
				height:19px;
				margin:11px 0 0 -9px;
				cursor:default;
			}

			div.slider-cloud {
				height:34px;
				overflow:hidden;
				background:url('../i/prices/slider-cloud.png') no-repeat center top;
				font-weight:bold;
				margin-top:0;
				width:40px;
				margin-left:-18px;
			}
			a.ui-slider-handle {
				width:12px;
				overflow:visible;
				margin-top:-37px;
				margin-left:-6px;
				text-decoration:none;
			}
			div.slider-cloud div { float:left; }
			div.slider-cloud div.l {
				width:15px;
				height:34px;
				background:url('../i/prices/slider-cloud.png') no-repeat left top;
			}
			div.slider-cloud div.r {
				width:15px;
				height:34px;
				background:url('../i/prices/slider-cloud.png') no-repeat right top;
			}
			div.slider-cloud div.c { padding-top:3px; }

			div.units { float:left; margin:-1px 0 0 28px; }

	/* Internal content */
	div.internal-cont {
		line-height:125%;
		float:left;
		width:70%;
		max-width: 30em;
		margin-left:25%;
		margin-top:-83px;
		clear:left;
		color:#343434;
	}
	div.internal-cont h1 { font-size:280%; line-height:123%; color:#2f2f2f; }
	div.internal-cont h2 { font-size:170%; line-height:170%; color:#00923f; margin-bottom:-2px; }
	div.internal-cont h3 { font-size:150%; line-height:125%; color:#009a8a; margin-bottom:7px; }
	div.internal-cont h4 { font-weight:bold; line-height:120%; color:#724998; margin-bottom:5px; }
	div.internal-cont p { margin-bottom:9px; }
	div.internal-cont ul { margin:2px 0 3px; }
	div.internal-cont ul li {
		background:url('../i/list-bullet.png') left 11px no-repeat;
		padding-left:21px;
		margin-bottom:6px;
	}
	div.internal-cont ol { margin:2px 0 3px; padding-left:26px; }
	div.internal-cont ol li {
		list-style-type:decimal;

		margin-bottom:6px;
	}
	div.internal-cont ol li ol { padding:4px 0 0 15px; }
	
	
.prices {
	width: 40em;
	font-size: 80%; 
}

.header {
	border-bottom: 1px solid #B3DCBF;
	text-align: left !important;
	font-size: 130%;
}

.column {
	padding: 8px 16px;
}

.column.one {
	color: #007F1F;
	width: 33%;
}

.column.two {
	color: #005AAC;
	width: 33%;
}

.column.three {
	color: #5D2F8A;
}

.column.header.selected {
	font-weight: bold;
}

.column.selected {
	background-color: #FFFA9D;
}

.price .value {
	font-size: 160%;
}

.metric {
	color: gray;
	font-style: italic; 
}

.seporated {
	border-bottom: 1px solid #D1E7D6;
}

.cell-wrapper {
	position: relative;
}

.cell-wrapper .out {
	position: absolute;
	right: 100%;
	width: 80%;
	color: black;
}

li {
	padding-bottom: 0.25em;
}

.invite-me-complete {
	font-size: 80%;
	background-color: #FBF7E1;
	padding: 1em 1.6em;

	display: none;
}

.invite-me {
	font-size: 80%;
	background-color: #FBF7E1;
	padding: 1em 1.6em;
}

.invite-me td {
	padding: 0 0.5em 0.5em 0;
}

.invite-me input {
	width: 20em;
}

.invite-me input.error {
	background-color: red;
}

.invite-me .fqd {
	display: none;
}

.hidden {
	display: none;
}

