@charset "utf-8";
/* CSS FOR CONTENT PAGES */

body {
	background: url(../images/backgroundcontent.jpg) repeat-x #E1E1E1;
	}
a {color: #3272A3;}
h1 {
	border-bottom: 4px solid #3272A3;
	padding: 0 0 6px 0;
	margin: 5px 0 20px 0;
	font-size: 200%;
}	
h2,h3 {
	margin: 0;
	padding: 5px 0;
	}
h3 {
	font-size: 120%;
}
h2 {
	border-bottom: 1px dotted #CCCCCC;
	font-size: 140%;
	}
h2.centre {
	border-bottom: none;
	text-align:center;
	}
#rightcontent {
float: right;
width: 280px;
height: 100%;
padding: 10px;
} 
#leftcontent {
width: 660px;
padding: 0 10px 0 0;
border-right: 1px dotted #CCCCCC;
float: left;
}

ul.rightnav {
	margin: 0;
	padding: 0;
	list-style-position:inside;
	}	
ul.rightnav li {
	list-style: none;
	list-style-position:inside;
	border-bottom: 1px dotted #CCCCCC;
	padding: 4px 0 4px 15px;
	}
ul.rightnav li a{
	color: #3272A3;
	}
ul.rightnav li a:hover {
	color: #CC0000;
	}
.guaranteebox {
	width: 270px;
	margin: 10px 0;
	padding: 5px;
	border-top: 4px solid #3272A3;
	background: url(../images/guaranteebg.jpg) left no-repeat;
	}
.guaranteebox h2 {
	margin: 10px 0;
}
.guaranteebox ul {
	margin: 0;
	padding: 0;
	}	
.guaranteebox li {
	background: url(../images/icon.png) no-repeat;
	list-style: none;
	padding: 0 0 0 25px;
	margin: 0 0 4px 0;
	font-weight: bold;
	line-height: 20px;
	}
.servicebox {
	width: 320px;
	height: 210px;
	margin: 0 6px 10px 0;
	border: 1px solid #999999;
	float: left;
	z-index: 5;
	}
.serviceboxssl {
	width: 320px;
	height: 260px;
	margin: 0 6px 10px 0;
	border: 1px solid #999999;
	float: left;
	z-index: 5;
	}
	
.serviceboxwide {
	width: 650px;
	height: 240px;
	margin: 0 0 10px 0;
	border: 1px solid #999999;
	float: left;
	z-index: 5;
	}
.serviceboxwide h2 {
	display: block;
	font-size: 140%;
	height: 34px; 
	line-height: 32px;
	font-weight: normal;
	width: 625px;
	background: #3C88C3 url(../images/iconblue.jpg) repeat-x left;
	color: #FFFFFF;
	padding: 0 0 0 25px;
	margin: 0;
	}
.servicebox h2, .serviceboxssl h2 {
	display: block;
	font-size: 140%;
	height: 34px; 
	line-height: 32px;
	font-weight: normal;
	width: 295px;
	background: #3C88C3 url(../images/iconblue.jpg) no-repeat left;
	color: #FFFFFF;
	padding: 0 0 0 25px;
	margin: 0;
	}
.servicebox  ul, .serviceboxwide  ul {
	margin: 10px 0 10px 25px;
	padding:0;
}
.servicebox li, .servicebox  li {
	list-style-image: url(../images/iconlist.jpg);
	padding: 0 0 0 10px;
	line-height: 18px;
	margin: 0 10px 0 0;
	}
.serviceboximg {
	float:right;
	margin: 5px 15px 0 0;
	}
.serviceprice {
	font-size: 160%;
	color:#CC0000;
	margin: 6px 0 0 10px;
	}
.moreinfo a{
	width: 123px;
	height: 26px;
	margin: 6px 0 6px 10px;
	background:url(../images/order.jpg) no-repeat;
	display:block;
	}
.moreinfo a:hover { 
	background-position: 0 -26px;
}

.vps a{
	width: 123px;
	height: 26px;
	margin: 6px 0 6px 10px;
	background:url(../images/buttoninfo.jpg) no-repeat;
	display:block;
	}
.vps a:hover { 
	background-position: 0 -26px;
}

/* CSS FOR SERVICE TABLE */
table, td{
	font:100% Arial, Helvetica, sans-serif; 
}
table{
	border-collapse:collapse;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
table#contact {
	width: 45%;
	}
th, td{text-align:left;padding:.5em;border:1px solid #fff;}
th{background:#3679AD url(../images/tr_back.jpg) repeat-x;color:#fff;}
td{
	background-color: #E7EEF6;
}
td.white{background:#fff;}
th.popular {background:#B91A1A url(../images/popular.gif) repeat-x;color:#fff;}
th.popular {background:#B91A1A url(../images/popular.gif) repeat-x;color:#fff;}
th.popular a {color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
/* tablecloth styles */

tr.even td{background:#E7EEF6;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#CCDBEC;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#CCDBEC;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#CCDBEC;color:#000;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

#faq li{
	background: url(../images/iconlist.jpg) no-repeat left;
	list-style: none;
	padding: 3px 0 3px 15px;
	line-height: 18px;
	margin: 0 10px 0 0;
	list-style-position:inside;
	}
#faq h2 {
	padding: 4px 0 0 0;
	}
ul.tick {
list-style-image:url(../images/icontick.png);
	line-height: 18px;
	padding:  0 0 5px 0;
	list-style-position:inside;
	}
ul.tick li{
	padding:  2px 0 2px 0;
	}
.register a {
display:block;
width: 132px;
margin: 5px 10px 0 0;
height: 26px;
background: url(../images/search.jpg) 0 0 no-repeat;
}
.register a:hover { 
background-position: 0 -26px;
}
.ordernow a {
display:block;
width: 280px;
margin: 5px 10px 0 0;
height: 80px;
background: url(../images/ordernow.jpg) 0 0 no-repeat;
}
.ordernow a:hover { 
background-position: 0 -80px;
}	
.demo a {
display:block;
width: 156px;
margin: 10px auto;
height: 33px;
background: url(../images/demo.jpg) 0 0 no-repeat;
}
.demo a:hover { 
background-position: 0 -33px;
}	
#domainbox {
	background: #E6F0F7;;
	margin: 0 auto 10px auto;
	padding: 8px 15px;
	border: 1px solid #75ABD4;
	}
#domainbox p{
	color: #666666;
	font-size: 100%;
	}
.domainsfloat {
	margin: 0 auto;
	width: 460px;
	}
.domains {
	width: 205px;
	float: left;
	height: 110px;
	background:url(../images/domainbg.jpg) no-repeat;
	padding: 5px;
	margin: 15px 2px 15px 0;
	text-align:center;
	}
.domains h2 {
	font-size: 280%;
	margin: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: none;
	}
.domains h3 {
	font-weight: normal;
	font-size: 95%;
	color: #333;
	}
	.domainsearch {
	padding: 5px;
	font-size: 120%;
	font-weight: bold;
	color:#666666;
		}
.left {
	float: left;
	width: 300px;
}
.screenshots {
	float: left;
	border: 4px solid #999999;
	padding: 2px;
	margin: 0 5px 10px 0;
	}
#plesk {
	float: right;
	width: 190px;
	padding: 5px;
	margin: 5px 10px 10px 5px;
	height: auto;
	background: #f1f1f1;
	border: 1px solid #666666;
	}
.code {
	line-heigh: 40px;
	font-size: 90%;
	font-family: "Courier New", Courier, monospace;	
	width: 95%;
	height: auto;
	padding: 5px;
	background: #FFFFCC;
	}
div#starter, div#silver, div#gold, div#platinum, div#vps1, div#vps2, div#vps3, div#vps4
{
  margin: 0px 20px 0px 20px;
  background: #f1f1f1;
  border: 4px solid #333333;
  padding: 5px;
  width: 390px;
  z-index: 10;
  	position: absolute;
  display: none;
}
.os {
	float: left;
	border: 4px solid #999999;
	margin: 0 5px 0 0;
	}
.hide {
	font-size: 85%;
	}
#feedback {
	background:url(../images/bg-comment-content.gif) no-repeat;
	padding: 10px 5px 0 5px;
	margin: 5px 0 0 0;
	width: 270px;
	height: 100px;
	line-height: 24px;
	}
#feedback a{
color: #666666;
line-height: 12px;
border-bottom: none;
float: right;
	}
.stars {
	height: 12px;
	width: 100px;
	}
.share {
		float: right;
		width: 68px;
		padding: 0 3px 10px 3px;
		}
#flash {
		margin: 0 0 0 130px;
		}
.red {
	color: #990000;
	font-weight: bold;
	}
.badges {
	float: left;
	width: 270px;
	padding: 5px;
	border: 1px solid #f1f1f1;
	color: #666666;
	font-size: 90%;
	margin: 10px 5px;
	}
.badges img {
padding: 0 5px 0 0;
}

#special {
text-align: center;
margin: 0 0 15px 0;
font-size: 110%;
}
#special p {
	padding: 0;
	margin: 4px;
}
#special h2 {
border: none;
font-size: 200%;
margin: 0;
padding:0;
}

#special_1 {
text-align: center;
width: 635px;
margin: 10px 0;
font-size: 110%;
padding: 5px;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}
#special_1 p {
	padding: 0;
	margin: 4px;
}
#special_1 h2 {
border: none;
font-size: 160%;
margin: 0;
padding:0;
}
.aff {
	padding: 6px 10px;
	margin: 5px 0;
	border: 1px dotted #75ABD4;
	background: #E6F0F7;
	text-align: center;
}
.aff h3 {
	font-size: 180%;
	font-weight: normal;
}
.aff h4, .code h4{
	font-weight: normal;
	font-size: 140%
	padding:0;
	margin:0;
	background: 
}

p.fail, .code {
border: 1px solid #FC3; 
background: #FFC;
padding: 8px ; 
margin: 4px 0; 
text-align: center;	
font-weight: bold;
}

.specials {
	border: 1px dotted #75ABD4;
	background: #E6F0F7;
	padding: 6px;
	margin: 0 0 7px 0;
}
.specials h2 {
border-bottom: 2px solid #FFFFFF;
}
.twitter_thumb{
float:left;
margin-right:20px;
margin-bottom:0px;
}

.user{
background-color:#efefef;
margin-bottom:10px;
border-bottom:;
padding:10px;}