*{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica;
}

body{
	background: #999;
	}

ul{
	list-style-type: none;
	}

label{
	font-size: 12px;
	}

/* header */

#header{
	background: #333240 url('/img/u/hbg.png') center center;
	height: 90px;
	border-bottom: 3px solid #a09eb4;
	}

#headerc{
	width: 900px;
	height: 90px;
	margin: 0 auto 0 auto;
	position: relative;
	}

#hcl{
	width: 300px;
	float: left;
	padding-top: 15px;
	}

#hcr{
	width: 400px;
	float: right;
	}


#hcr_t{
	padding-right: 160px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	}

#hcr_t a{
	font-size: 12px;
	color: #fff;
	padding-left: 4px;
}


#hcr_t a.nl, #hcr_t a.fr, #hcr_t a.en{
	
}

#hcr_t a.nl{ background: url('/img/u/l/nl.png') no-repeat 0 50%; padding-left: 32px; }
#hcr_t a.en{ background: url('/img/u/l/en.png') no-repeat 0 50%; padding-left: 22px; }
#hcr_t a.fr{ background: url('/img/u/l/fr.png') no-repeat 0 50%; padding-left: 32px; }


#hcr_b{
	padding-top: 47px;
	text-align: right;
}


	

/* --- menu */

#menu{
	width: 200px;
	margin: 10px 9px 0px 9px;
	float: left;
}

#menu div{
	border: 1px solid #eee;
	margin-bottom: 20px;
	background: #fafafa;
}

#menu ul li a{
	display: block;
	font-size: 12px;
	background: #fafafa;
	padding: 3px 3px 3px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #333240;
	line-height: 24px;
	border-bottom: 1px dotted #eee;
}

#menu ul li a:hover{
	background: #fff;
}

#menu ul ul li a{
	font-weight: normal; 
	background: #fff;
	padding: 0 0 0 30px;
	border-bottom: 1px solid #fff;
	line-height: 22px;
}

#menu ul ul ul li a{
	font-weight: normal; 
	background: #fff;
	padding: 0 0 0 45px;
	border-bottom: 1px solid #fff;
	line-height: 18px;
	font-size: 11px;
}




#menu ul ul li a:hover{
	text-decoration: underline;
}

#menu ul ul{
	discplay: none;
}

#menu #order{
	background: #ededf1;
	border-color: #a09eb4;
}

#menu #order a{
	padding-left: 45px;
	background: url('/img/u/ob.png') #ededf1;
	}

#menu #order a:hover{
	background: url('/img/u/ob.png') 0 -30px #ededf1;
	}

/* white bg mid center */
#container{
	background: #fff;
	overflow: hidden;
}

/* caps menu & content */
#content{
	width: 900px;
	margin: 0 auto 0 auto; 
	overflow: hidden;
}

/* real content */
#text{
	float: left;
	margin: 10px 0 10px 0;
	width: 680px;
}



#text h1{
	font-size: 20px;
	color: #333240;
	letter-spacing: -1px;
	background: url('/img/u/line.gif') repeat-x bottom;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	}

#text h2{
	font-size: 16px;
	color: #5b5973;
	margin: 10px 0 10px 0;
	}

#text p{
	line-height: 150%;
	font-size: 12px;
	margin-bottom: 10px;
	}

#text table{
	margin: 15px 0 15px 0;
	}

#text td, th{
	font-size: 12px;
	padding: 4px;
	}

#text th{
	padding: 6px;
	}

#text th{
	background: #eee;
	}

#text td{
	background: #f8f8f9;
	border-bottom: 1px solid #fff;
	}

#text tr.alt td{
	background: #fafafa;
	}

#text a{ color: #666; }

#text .tal td{
	text-align: center;
	}

#text .tal .al{
	text-align: left;
	}
	
#text tr.packrow th{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #5b5973;
	background: #dad9e1;
	line-height: 19px;
	text-align: left;
	}

#text tr.sh th{	background: #9c6; }
#text tr.sh th a{ color: #fff; }

#text tr.dh th{	background: #fc9; color: #fff; }
#text tr.dh th a{ color: #fff; }

#text tr.co th{	background: #9cf; color: #fff; }
#text tr.co th a{ color: #fff; }

#text .vs tr.packrow th{	background: #f90; color: #fff; }
#text tr.vs th a{ color: #fff; }


#text tr.pricerow td{
	font-weight: bold;
	}

#text tr.packrow th img{
	float: left;
	}

#text .talo td, .talo th{
	font-size: 9px;
	}

#text ul li{
	font-size: 12px;
	line-height: 150%;
	}

#text ul{
	list-style-type: square;
	margin-left: 25px;
	margin-bottom: 10px;
	}

#text .packsummary{
	position: relative;
	padding: 10px;
	}

#text .linux{
	background: #f4faef url('/img/u/linux-bg.jpg') no-repeat top right;
}

#text .windows{
	background: #f4faef url('/img/u/windows-bg.jpg') no-repeat top right;
}

#text .vpslinux{
	background: #fff3e1 url('/img/u/linux-vps-bg.jpg') no-repeat top right;
}

#text .vpswindows{
	background: #fff3e1 url('/img/u/windows-vps-bg.jpg') no-repeat top right;
}

#text .shl th, #text .shl td{ background: #f4faef; }
#text .dhl th, #text .dhl td{ background: #fff2e6; }
#text .col th, #text .col td{ background: #f2f9ff; }
#text .vs th, #text .vs td{ background: #fff3e1; }


#text .packsummary a{
	display: block; 
	width: 120px;
	line-height: 25px;
	height: 25px;
	background: #fff;
	text-decoration: none;
	text-align: center;
	position: absolute;
	top: 165px;
	left: 535px;
	font-size: 16px;
	color: #333240;
	letter-spacing: -1px;
	font-weight: bold;
	border: 1px solid #333240;
	}

#text .packsummary a:hover{
	color: #fcca33;
	border: 1px solid #fcca33;
	}

#text .sh .packsummary a:hover{
	color: #9c6;
	border-color:  #9c6;
	}

#text .packsummary h3{
	font-size: 18px;
	font-weight: bold;
	color: #9c6;
	margin-bottom: 5px;
	}

#text .packsummary p{
	font-size: 16px;
	color: #666;
	margin: 0;
}

#text .packsummary ul li{
	font-size: 14px;
	line-height: 25px;
	}

#text .packsummary ul li ul{
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
}

#text .packsummary ul li ul li{
	font-size: 12px;
	line-height: 16px;
}

/* vps */
#text .vpswindows h3, #text .vpslinux h3{
	color: #f90;
}

#text .vpswindows a, #text .vpslinux a{
	top: 185px;
}


#text .packcol{
	width: 315px;;
	float: left;
	padding: 10px;
	background-repeat: no-repeat;
	background-position: 260px 50%;
}

#text .packcol h4, #text .morecontent h4{
	background: url('/img/u/line.gif') repeat-x bottom;
	font-size: 13px;
	line-height: 18px;
	padding-bottom: 2px;
	margin-bottom: 4px;
	color: #9c6;
	clear: both;
}

#text .packcol a{
	font-weight: bold;
	color: #333240;
}

#text .morecontent{
	padding: 10px 0 0 0;
	}

#text .morecontent p{
	margin-left: 10px;
	}

#text .morecontent p img{
	float: left;
	padding: 1px 5px 2px 0px;
	}

#text .sh h2{
	color: #9c6;
	}

#text .dh h2{
	color: #fc9;
	}

#text .co h2{
	color: #9cf;
	}
	
#text .mh h2{
	color: #fc0;
	}

#text .vs h2{
	color: #f90;
	}
	
#text small{
	font-size: 11px;
	}

/* homepage */
#ticker p{ background: #333240; color: #fff; line-height: 25px; padding: 0 0 0 5px; font-size: 12px; margin: 0 0 0 0; }
#ticker p span{ color: #fcca33; font-weight: bold; }
#ticker p a{ color: #fff; }

#domainsearch{ background: url('/img/u/domainsearch.png') no-repeat; height: 100px; margin-top: 15px; position: relative; }
#domainsearch h2{ font-size: 16px; color: #fff; position: absolute; top: 10px; left: 12px; width: 570px; margin: 0;}
#domainsearch h2 a{ text-decoration: none; color: #fff; } 
#domainsearch h2 a strong{ color: #333240; }
#domainsearch h4{ font-size: 16px; color: #fff; position: absolute; top: 25px; left: 590px; width: 80px; text-align: center; font-weight: normal; }
#domainsearch h4 span{ font-size: 28px; color: #333240; letter-spacing: -2px; font-weight: bold; }
#domainsearch h4 span span{ font-size: 15px; letter-spacing: -1px; padding-left: 1px; }
#domainsearch h4 strong{ color: #6b6a7d; clear:both; display: block; text-align:center; font-size: 15px; letter-spacing: -1px; line-height: 90%; margin-top: -5px;  }
#domainsearch label{ font-size: 14px; color: #fff; position: absolute; top: 47px; left: 12px; font-weight: bold; }
#domainsearch input{ font-size: 14px; color: #666; position: absolute; top: 47px; left: 210px; font-weight: bold; width: 210px; }
#domainsearch a#btn, #domainsearcher a#submit{ 
font-size: 14px; color: #666; position: absolute; top: 40px; left: 425px; font-weight: bold; display: block; width: 104px; height: 30px; background: url('/img/u/button.gif'); text-align: center; line-height: 30px; text-decoration: none; }
#domainsearch a:hover#btn, #domainsearcher a:hover#submit{ background: url('/img/u/button.gif') 0px -30px; }
#domainsearch p{ color: #fff; font-size: 12px; position: absolute; top: 75px; left: 205px; width: 250px; }

#menu #domainsearcher{ border: 0px; background: url('/img/u/dsl.png') no-repeat #fff; position: relative; height: 150px; }
#domainsearcher h2{ padding-top: 12px; font-size: 16px; color: #333240; letter-spacing: -1px; text-align: center; }
#domainsearcher #domain2{ position: absolute; top: 43px; left: 52px; width: 130px; font-size: 12px; }
#domainsearcher a#submit{ top: 70px; left: 86px; background: url('/img/u/buttonl.png'); }
#domainsearcher a:hover#submit{ background: url('/img/u/buttonl.png') 0px -30px; }


/* about & promo */
#abp{ margin-top: 0px; }
#abp h2{ color: #666; font-size: 16px; border-bottom: 1px dotted #ccc; margin-bottom: 5px; padding-bottom: 3px; }
#abp p{ font-size: 12px; line-height: 18px; color: #666; text-align: justify; margin-bottom: 5px;}
#abp a{ color: #666; }
#abp span{ color: #ccc; }
#abp label{ color: #666; }
#abp input{ border: 1px solid #ccc; padding: 2px; font-size: 12px; }
#abp #submit{ padding: 1px; font-size: 12px; }

/* about */
#about{ width: 420px; float: left; padding: 0 10px 0 10px; }


/* footer */
#promo{ width: 220px; float: left; padding: 0 10px 0 10px; }



#footer{
	height: 200px;
	background: #999;
	border-top: 10px solid #fff;
	padding: 20px;
	}

#footer h3{
	color: #ccc;
	font-size: 16px;
	margin: 3px 0 6px 0;
	padding: 0 0 0 3px;
	}

#footer p{
	line-height: 18px;
	color: #eee;
	font-size: 11px;
	text-align: justify;
	}

#footer p a{
	color: #eee;
	}

#fcontent{
	width: 900px;
	margin: 0 auto 0 auto;
	}

#fcontent .c{
	width: 290px;
	float: left;
	margin: 0 0 0 10px;
	}

#fcontent .c ul li{
	padding: 1px;
	border-bottom: 1px solid #ccc;
	}

#fcontent .c ul li a{
	display: block;
	color: #eee;
	text-decoration: none;
	line-height: 28px;
	padding-left: 10px;
	font-size: 12px;
	background: #a2a2a2;
	}

#fcontent .c ul li a:hover{
	background: #a5a5a5;
	color: #fff;
	}



#prodov{
margin: 10px 0 0 0;
}

#prodov .pov{
float: left;
width: 126px;
padding: 0 5px 0 5px;
/*background: url('/img/u/povbg.png') no-repeat top center;*/
background-repeat: no-repeat;
background-position: top center;
}

#prodov .pov h3{
text-align: center;
font-size: 16px;
line-height: 38px;
letter-spacing: -1px;
}

#prodov .pov p{
padding: 3px;
margin: 0;
}

#prodov .pov p.p{
height: 20px;
text-align: center;
color: #676581;
font-size: 12px;
}

#prodov .pov ul{
list-style-type: none;
font-size: 11px;
margin: 0;
}

#prodov .pov ul li{
font-size: 11px;
background: url('../img/u/arr.gif') no-repeat 1px 8px; 
padding-left: 8px;
border-bottom: 1px solid #fff;
line-height: 20px;
}

#prodov .pov p.p span{
font-weight: bold;
font-size: 14px;
}

#prodov .pov h3 a{
color: #333240;
text-decoration: none;
}

#prodov .pov p.inf{ margin: 0; padding: 0; text-align: right; }
#prodov .pov p.inf span{ padding: 2px; font-size: 11px}
#prodov .pov p.inf span a{ color: #fff; font-weight: bold; text-decoration: none; }

#prodov #sh{ background-image: url('/img/u/povbg_sh.png'); background-position: top left;}
#prodov #sh .inf span{ background: #9c6; }
#prodov #sh p.p{ border-bottom: 1px solid #9c6; }

#prodov #co{ background-image: url('/img/u/povbg_co.png'); }
#prodov #co .inf span{ background: #9cf; }
#prodov #co p.p{ border-bottom: 1px solid #9cf; }

#prodov #dh{ background-image: url('/img/u/povbg_dh.png'); }
#prodov #dh .inf span{ background: #fc9; }
#prodov #dh p.p{ border-bottom: 1px solid #fc9; }

#prodov #mh{ background-image: url('/img/u/povbg_mh.png');  background-position: top right;}
#prodov #mh .inf span{ background: #fc0; }
#prodov #mh p.p{ border-bottom: 1px solid #fc0; }

#prodov #vs{ background-image: url('/img/u/povbg_vs.png'); }
#prodov #vs .inf span{ background: #f90; }
#prodov #vs p.p{ border-bottom: 1px solid #f90; }

/* domainfree */
#domainfree, #vpsfree{ width: 240px; float: right; margin-left: 10px; background: url('/img/u/freebg.png') no-repeat; padding: 10px;}
#domainfree h3, #vpsfree h3{ font-size: 16px; color: #333240; padding-left: 4px; }
#domainfree ul li, #vpsfree ul li{ font-size: 13px; color: #666; line-height: 25px; }
#domainfree strong, #vpsfree strong{ color: #0c0; }

#vpsfree{ width: 300px; background: url('/img/u/vpsfreebg.png') no-repeat; }


#cright{ width: 250px; float: right; }
#cleft{ width: 400px; float: left;  }
#cleft .btn{ margin-left: 120px; color: #666; cursor: pointer; padding: 3px; font-weight: bold; background: #eee; border: 1px solid #ccc;  }
#cleft .btn:hover{ background: #fff; border: 1px solid #ccc; }

fieldset{ margin: 10px 5px 5px; 5px; padding: 0 0 5px 0; border: none}
legend{ color: #666; font-weight: bold; float: left; clear:both; font-size: 12px; }
fieldset label{ font-size: 12px; color: #000; } 
form dt{ color: #666; clear: both; width: 100px; float: left; text-align: right; padding: 4px; background: url('/img/u/line.gif') repeat-x bottom; line-height: 30px; height: 30px; }
form dd{ float: left; width: 250px;	padding: 4px; background: url('/img/u/line.gif') repeat-x bottom; line-height: 30px; height: 30px; }
fieldset .field, fieldset .fielderror{ width: 180px; font-size: 12px; border: 1px solid #ccc; padding: 2px; }
fieldset textarea{ border: 1px solid #ccc; padding: 2px; margin-top: 6px; font-size: 12px; }
fieldset select{ font-size: 12px; width: 180px;border: 1px solid #ccc; }
dd input, dt input{ _margin-top: 4px }
dd label, dt label{ _border: 0; }

#feedback div{ border: 1px solid red; padding: 10px;}
#feedback div.ok{ border: 1px solid #3c0; }
#feedback div p{ margin: 0; }
#feedback div ul{ margin: 0 0 0 25px; }

#sitemap li{ font-weight: bold; color: #ffd757; }
#sitemap li li{ font-weight: bold; }
#sitemap li li li{ font-weight: normal; }
#sitemap li li li li{ font-weight: normal; font-size: 11px; }


#sitemap li a{ color: #5b5973; font-size: 14px; text-decoration: none; }
#sitemap li li a{ font-size: 13px; color: #666; }
#sitemap li li li a{ font-size: 12px; }
#sitemap li li li li a{ font-size: 11px; color: #666; }
#sitemap li a:hover{ text-decoration: underline; }

#slideshow{ position: relative; width: 240px; height: 170px; }
#slideshow div { position: absolute; top: 0; left: 0; }
#numbers{ z-index: 100; margin-top: 148px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
#numbers a, #numbers .def{ display: block; width: 15px; height: 15px; line-height: 15px; background: #fff; padding-left: 2px; font-family: Arial; font-size: 11px; text-align: center; text-decoration: none; color: #999; float: left; margin-left: 5px; }
#numbers .act{ background-color: #333240; color: #fff; }
#numbers a:hover{ background-color: #ffd757; color: #333240; }


#frontfr #prodov .pov h3 a{ font-size: 12px; }
#frontfr #prodov .pov p.p{ font-size: 10px; }
#frontfr #prodov .pov p.p span{ font-size: 13px; }
#frontfr .hidefr{ display: none; }


#fronten #prodov .pov p.p{ font-size: 10px; }
#fronten #prodov .pov p.p span{ font-size: 13px; }