@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	background:url(/ui/bg_body.png) #EAEAEA repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a {
	color:#075289;
}

a:focus, a:active {
	outline:none;
}

.wrapper {
	width:705px;	
	margin:0px auto 0px auto;
	background:#FFF;
	border-left:5px solid #F3F3F3;
	border-right:5px solid #F3F3F3;
	position:relative;
	padding-top:54px;
}

h1 {
	width:111px;
	height:70px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
/*	background:url(http://www.sfere.com/ui/bg_h1.png);*/
background:url(/domain/mini%20logo%20anim.gif);
	border:0px;
	margin:0px;
	padding:0px;
	top:3px;
	left:17px;
	position:absolute;
}

.menu.initial {
	text-align:right;
	padding-bottom:3px;
}

form.login	{
	width:200px;
	height:55px;
	position:absolute;
	top:8px;
	left:500px;
	text-align:right;
	background:url(/ui/bg_login.png) no-repeat;
	background-position:85px 7px ;
	z-index:99999;
}

form.login div {
	border:0px;
	padding:0px;
	margin:0px;
	position:relative;
}

form.login h2 {
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#075289;
	position:absolute;
	top:5px;
	left:25px;
}

form.login input {
	border:1px solid #CCCCCC;
	width:99px;
	height:15px;
	padding:0px;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
	color:#666;
	text-indent:5px;
	margin-bottom:6px;
}

form.login input.pass { 
    width:55px; 
    position:relative; 
    top:-2px;
}

form.login input.sub {
    width:39px;
    height:17px;
}

.pageMenu {
	width:149px;
	height:171px;
	float:left;
	background:url(/ui/bg_pageMenu.png) #075289 repeat-x bottom;
}

.pageMenu ul {
	list-style:none;
	margin:3px 3px 0px 3px;
	padding:3px;
	text-indent:0px;
}

.pageMenu ul li {
	height:23px;
	text-indent:17px;
	background:url(/ui/bg_pageMenu_li.png) no-repeat 0px -23px;
}

.pageMenu ul li:last-child {
	height:22px;
}

.pageMenu ul li:hover {
	background-position:top left;
}

.pageMenu ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-family:verdana;
	line-height:22px;
}


.header {
	width:546px;
	height:165px;
background:url(/ui/bg_header.png) #AECBEA;
/*	background:url(http://www.sfere.com/imgheader.cfm) #AECBEA;*/
	text-align:left;
	border:3px solid #5980AA;
	float:right;
}

.header h2 {
	margin:5px 10px 0px 10px;
	padding:0px;
	font-size:45px;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-weight:normal;
}

.header h3 {
	margin:-5px 10px 0px 10px;
	padding:0px;
	font-size:11px;
	color:#333;
	font-family:"Trebuchet MS";
	font-weight:normal;
}

.box1 {
	width:468px;
	height:130px;
	border-top:1px solid #333;
	border-bottom:4px solid #333;
	background:url(/ui/bg_box1.png) #666;
	float:left;
	margin:5px 0px 5px 0px;
}


.box1 .package {
	width:440px;
	height:130px;
	margin:10px auto 0px auto;
	color:#FFFFFF;
	position:relative;
}

.box1 .package h3 {
	font-family:"Arial Black";
	font-weight:normal;
	font-size:17px;
	margin:0px;
	padding:0px;
	letter-spacing:-1px;
}

.box1 .package h4 {
	font-family:"Arial";
	font-weight:normal;
	font-size:23px;
	margin:-5px 0px 0px 0px;
	padding:0px;
	letter-spacing:-1px;
}

.box1 .package .price {
	font-family:Arial;
	font-size:45px;
	position:absolute;
	top:0px;
	right:10px;
}

.box1 .package .price small{
	position:relative;
	top:-15px;
	font-size:23px;
}

.box1 .package .price2 {
	font-family:Arial;
	font-size:145px;
	position:absolute;
	top:-20px;
	right:10px;
	opacity:0.07;
}

.box1 .package .price2 small{
	position:relative;
	top:-40px;
	font-size:90px;
}

.box1 .package .more {
	color:#FFFFFF;
	position:absolute;
	right:0px;
	bottom:15px;
	text-decoration:none;
}

.box1 .package p {
	color:#CCCCCC;
}

.box2 {
	width:231px;
	height:135px;
	background:url(/ui/bg_box2.png) #333;
	float:right;
	margin:5px 0px 5px 0px;
	
}

.box2 .package {
	width:200px;
	height:119px;
	margin:15px auto 0px auto;
	color:#FFFFFF;
	font-size:10px;
	position:relative;
}

.box2 .package .box
{
	position:absolute;
	top:0px;
	left:0px;
	background:#333333;
	display:none;
	height:119px;
	width:200px;
}

.box2 .package h3 {
	font-size:20px;
	letter-spacing:-1px;
	color:#FFF;
	margin:0px 0px 5px 0px;
	padding:0px;
}

.box2 .package p {
	margin:0px;
	padding:0px;
}

.box2 .package .num {
	font-size:136px;
	opacity:0.08;
	position:absolute;
	top:-25px;
	right:0px;
	font-weight:bold;
}

.box2 .package ul {
	list-style:none;
	margin:0px;
	padding:3px;
	text-indent:0px;
	position:absolute;
	bottom:5px;
	left:0px;
}

.box2 .package ul li{
	display:inline;
}

.box2 .package ul li a{
	display:block;
	float:left;
	margin:3px;
	width:17px;
	line-height:16px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	background:url(/ui/bg_box2_a.png);
}

.box2 .package ul li a:hover {
	background-position:bottom;
}

.box2 .package ul li a.selected {
	background-position:bottom;
}

.box2 .package .more {
	color:#FFFFFF;
	position:absolute;
	right:0px;
	bottom:10px;
	text-decoration:none;
}

.box3 {
	width:216px;
	min-height:160px;
	float:left;
	margin:16px 0px 0px 16px;
	background:url(/ui/bg_box3.png) #fff no-repeat top right;
	position:relative;
	font-family:Arial;
	font-size:11px;
	color:#666666;
	line-height:15px;
}

.box3 .more {
	position:absolute;
	bottom:15px;
	right:10px;
}

.box3 p {
	margin:10px 5px 3px 0px;
}

.box3 h3 {
	position:absolute;
	top:-9px;
	left:-6px;
	margin:0px;
	padding:0px 50px 0px 0px;
	font-family:"Arial";
	font-weight:bold;
	color:#075289;
	font-size:17px;
	letter-spacing:-1px;
	background:url(/ui/bg_box3_h3.png) #FFF no-repeat right;
}



.box3  ul {
margin-left:-25px;
list-style-type:square;
line-height:12px;
}


.content {
	width:445px;
	float:left;
	margin:10px 0px 0px 15px;
}

.content img {
	border:0px;
}

.content table.hosting {
	text-align: center;
	margin: 0px;
	width: 98%;
	align: center;
}


.content table.tutorials {
	text-align: left;
	margin: 0px;
	width: 98%;
	align: center;

margin-bottom: 20px;
}



.altrow{
background-color: #DEDCDC;
}

.altrowuk{
background-color: #ebe2ef;
}

.altrowus{
background-color: #d9d9eb;
}

.altrowpro{
background-color: #d3e9d2;
}

.content h2 {
	margin:0px;
	padding:0px;
	font-family:"Arial Black";
	letter-spacing:-2px;
	color:#053C65;
	font-size:22px;
	font-weight:normal;
}

.content h3 {
	margin:-10px 0px 5px 0px;
	padding:0px;
	font-family:"Arial";
	letter-spacing:-1px;
	color:#053C65;
	font-size:16px;
	font-weight:normal;
}

.content h4 {
	margin:0px;
	padding:0px;
	color:#053C65;
	font-family:Arial;
	font-size:11px;
}

.content p {
	margin:0px 10px 10px 0px;
	color:#666666;
}

.content ul.check {
	list-style-image: url(/ui/tick.png);
	list-style-type: none;
	font-size: 12px;
	color:#666666;
}

.sidebar {
	width:223px;
	background:#FAFAFA;
	float:left;
	margin:5px 0px 0px 5px;
}

.sidebar h2 {
	color:#585858;
	margin:5px 0px -5px 0px;
	padding:0px;
	font-family:"Arial black";
	font-size:17px;
	letter-spacing:-2px;
	font-weight:normal;
	border-top:4px solid #5F8FB2;
	text-indent:15px;
	line-height:26px;
}

.sidebar p, .sidebar ul, .sidebar div
{
	margin-left:15px;
	color:#666;
	line-height:13px;
	font-size:11px;
}

.sidebar ul {
margin:10px 0px 10px 30px;
padding:0px;
text-indent:0px;
list-style-type:square;
line-height:12px;
}


.footer
{
	clear:both;
	height:90px;
	background:url(/ui/bg_footer.png) #F3F3F3 no-repeat;
	text-align:center;
	padding-top:15px;
	position:relative;
}

.footer p {
	font-family:"Small Fonts", "verdana";
	font-size:9px;
	color:#999999;
	padding:0px;
	margin:0px;
}

.footer .menu.final {
	margin-bottom:5px;
}

.footer .menu.final a
{
	color:#999999;
	border-color:#999999;
}

.pctag {
	width:92px;
	height:34px;
	display:block;
	text-indent:-3000px;
	overflow:hidden;
	background:url(/ui/bg_pixelcraze.png);
	position:absolute;
	right:0px;
	bottom:0px;
}


/*  Horizontal Link Lists*/

ul.menu {
	list-style:none;
	margin:0px;
	padding:3px;
	text-indent:0px;
}

ul.menu li {
	display:inline;
}

ul.menu li a {
	text-decoration:none;
	padding-right:5px;
	margin-right:5px;
	border-right:1px solid #999999;
	color:#333333;
}

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

ul.menu li:last-child a {
	border-right:0px;
}




form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family: Tahoma;
	font-size: 11px;
}

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}


table.topnavbar {
	width: 705px;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

.clientarealinks a {
	color: #555555;
}

table.frame {
	width: 405px;
	border: 1px solid #8FBCE9;
	padding: 0px;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 405px;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #5F8FB2;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #ffffcc;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #ccff99;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #ff9999;
	text-align: center;
}

tr.supportticketsheading {
	background-color: #efefef;
}

tr.supportticketscontent {
	background-color: #ffffff;
}

.contentbox {
	width: 405px;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto; 
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto; 
	margin-right: auto;
}

.domaincheckeravailable {
	color: #669900;
}

.domaincheckerunavailable {
	color: #cc0000;
}

tr.orderheadingrow {
	background-color: #5F8FB2;
	color: #ffffff;
}

tr.orderrow1 {
	background-color: #FAFAFA;
	color: #000000;
}

tr.orderrow2 {
	background-color: #FAFAFA;
	color: #000000;
}




#topnavbar {
width: 705px;
background-color: #929eaa;
margin:0px; padding:0px;
}