.line { border-top-width: 1px; border-top-style: solid; border-color: #c0c0c0; background-image:url(/img/horizontalline.gif); background-repeat: no-repeat; background-position: center -3px;
margin: 8px auto;
height: 7px;
width: 95%;
clear: both;
}

.line2 { border-bottom-width: 1px; border-bottom-style: solid; border-color: #c0c0c0; background-image:url(/img/horizontalline.gif); background-repeat: no-repeat; background-position: center 3px;
margin: 8px auto;
height: 7px;
width: 95%;
clear: both;
}

ul, ol {
	margin: 0px;
	padding: 0px;
}

#logo img, #footer img, #bubbleleft, #bubbleright, #topnavigation, .collapse3 img,  { behavior: url(../js/iepngfix/iepngfix.htc) }

.hotspot { cursor:pointer }
.explanation { padding-left: 5px; cursor:help; }

#tt {position:absolute; display:block; background:url(/img/tt_left.gif) top left no-repeat; font-size: 80%; z-index: 10000}
#tttop {display:block; height:5px; margin-left:5px; background:url(/img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/img/tt_bottom.gif) top right no-repeat; overflow:hidden}

#content img {
	padding: 0px 0px 0px 0px;
	display:block;
	margin: 0 auto;
	text-align: center;
}



.submit input
{
margin-left: 6.5em;
} 

html	{
	margin:0;
	padding:0;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

.lucida { font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif; color: #8b8b8b; }

body	{
	margin:0;
	padding:0;
	background-repeat: repeat-x;
	background-position:top;
	height: 100%;
	min-height: 100%;
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	background-color: #Fafafa;
}

#container p {
	color: #454545;
	font-family:  inherit;
	font-size: 12px;
	line-height: 175%;
	text-align: justify;
	padding: 0px 20px 0px 20px;
}


#terms {
	color: #454545;
	font-size: 12px;
}

#address p  {
margin-left: 30px;
line-height: 125%;
}



.bestvalue	{
	padding: 0px 0px 0px 5px;
	color: #ff0000;
	font-size: 75%;
}

.smallcontent {
	width: 850px;
	padding: 0px 0px 0px 80px;
}

#indent {
	padding: 15px 20px 15px 20px;
	height: 100px;
}



#indent p {
	padding: 0px;
	line-height: 1.4em;

}

.resellerfeatures, .dedicateddecider {
	padding-left: 70px;
	margin: 10px 5px 10px 10px;
	width: 220px;
	float: left;
	position: relative;
	height: 65px;
}


.dedicateddecider {
	width: 260px;
	padding: 20px 50px 0px 90px;
	margin-bottom: 60px;
}

.resellerfeatures p, .dedicateddecider p {
	margin: 0px;
	padding: 0px;
}

.resellerfeatures h4, .dedicateddecider h4 {
	color: #000000;
	font-size: 85%;
	margin: 0px;
}

#wheel {
	margin: 20px 0px 20px 0px;
	width: 286px;
	height: 257px;
	float: left;
}

#wheeldef {
	margin: 20px 0px 20px 0px;
	background-image:url(/img/advanced_processwheel2.png);
	background-repeat:no-repeat;
	width: 290px;
	height: 197px;
	padding: 30px 30px 30px 0px;
	float: left;
}

#div0 {position:absolute; top: 100; left: 200; width:300px; visibility:visible}
#div1, #div2, #div3 {position:absolute; top: 100; left: 200; width:300px; background-color: #fdecd3; height: 200px; visibility:hidden}
#div0 p, #div1 p, #div2 p, #div3 p {padding: 0px; margin: 5px 0px 0px 0px; line-height: 1.4em;}
#div0 h2, #div1 h2, #div2 h2, #div3 h2 {padding: 0px; margin: 0px;}

#standalone {
        background-image:url(/img/dedicated_icons-standalone.gif);
        background-repeat:no-repeat;
        background-position: left 25px;
	height: 100px;
	padding-bottom: 50px;
}



#standalone p {
	line-height: 1.4em;
	padding: 0px;
	font-weight: normal;
}

#managed p {
	line-height: 1.4em;
	padding: 0px;
	font-weight: normal;
}

#managed {
        background-image:url(/img/dedicated_icons-managed.gif);
        background-repeat:no-repeat;
        background-position: left bottom;
	height: 100px;
}

#firewall {
        background-image:url(/img/managed_firewall.gif);
        background-repeat:no-repeat;
        background-position: left 0px;
}

#database {
        background-image:url(/img/managed_database.gif);
        background-repeat:no-repeat;
        background-position: 13px top;
}

#backup {
        background-image:url(/img/managed_backup.gif);
        background-repeat:no-repeat;
        background-position: 4px 5px;
}

#loadbalance {
        background-image:url(/img/managed_loadbalancer.gif);
        background-repeat:no-repeat;
        background-position: 4px 6px;
}


#unlimited {
        background-image:url(/img/resellers_icons-unlimited.gif);
        background-repeat:no-repeat;
        background-position: left center;
}

#brandable {
        background-image:url(/img/resellers_icons-brandable.gif);
        background-repeat:no-repeat;
        background-position: 13px top;
}

#anonymous {
        background-image:url(/img/resellers_icons-anonymous.gif);
        background-repeat:no-repeat;
        background-position: 10px top;
}

#support {
        background-image:url(/img/resellers_icons-support.gif);
        background-repeat:no-repeat;
        background-position: 10px top;
}

#ownplans {
        background-image:url(/img/resellers_icons-plans.gif);
        background-repeat:no-repeat;
        background-position: 10px top;
}

#money {
        background-image:url(/img/resellers_icons-moneyusd.gif);
        background-repeat:no-repeat;
        background-position: 13px top;
}

body.blue {
	background-image:url(/img/bg_top-blue.png);
}

body.teal {
	background-image:url(/img/bg_top-teal.png);

}

body.lime {
	background-image:url(/img/bg_top-lime.png);
}

body.gold {
	background-image:url(/img/bg_top-gold.png);
}

body.orange {
	background-image:url(/img/bg_top-orange.png);
}

body.purple {
	background-image:url(/img/bg_top-purple.png);
}

body.red {
        background-image:url(/img/bg_top-red.png);
}

body.realteal {
        background-image:url(/img/bg_top-realteal.png);
}




img	{
	border-style: none;
}

h1	{
	margin: 8px 0px 15px 0px;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 125%;
	padding: 0px 20px 0px 20px;
}

h2	{
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 100%;
	padding: 10px 20px 0px 20px;
	clear: both;
}

h3	{
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 90%;
	padding: 10px 20px 0px 20px;
	clear: both;
}

.cleardiv {
	clear: both;
}

h2.mainheading {
	float: left;
	text-transform: uppercase;
	margin: 20px 0px 0px 10px;
	letter-spacing:-1px;
	font-size: 115%;
	color: #333333;
}

h4	{
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 12pt;
	color: #2aa3f2;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


a:link, a:visited, a:active {
	text-decoration:none;
	color: #454545;
	cursor: pointer;
	font-weight: bold;

}

.raiseup {
	position: relative;
	top: -30px;
}

table#plans {
	font-family: "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	margin: 10px 20px 0px 20px;
	width: 615px;
	font-size: 85%;

}

table#news {
	font-family: "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	margin: 10px 20px 0px 20px;
	width: 615px;
	font-size: 85%;

}

table#plans tr {
	text-align: center;
}

news#plans tr {
	text-align: left;
}

table#plans td {
	text-align: center;
	border-top: dashed;
	border-top-width: 1px;
	border-top-color: #cbcbcb;
}

table#news td {
        text-align: center;
        border-top: dashed;
        border-top-width: 1px;
        border-top-color: #cbcbcb;
}
 

table#plans td.noborder {
	border: none;
}

table#news td.noborder {
	border: none;
}

table#plans td.order {
        border-top: dashed;
        border-top-width: 1px;
        border-top-color: #cbcbcb;
	padding: 20px 0px 20px 0px;
}

table#plans td.leftcol {
	text-align: left;
	padding: 10px;
	font-size: 1em;
	font-weight: bold;
	width: 200px;
}

table#news td.newscol {
	text-align: left;
	padding: 10px;
	font-size: 1em;
	font-weight: bold;
	width: 615px;
}

table#plans td.leftcol3 {
	text-align: left;
	padding: 10px;
	font-size: 1em;
	font-weight: bold;
	width: 115px;
}


table#plans h3	{
	margin: 0px;
	padding: 0px 15px 0px 3px;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	color: #000000;
}

table#news h3	{
	margin: 0px;
	padding: 0px 15px 0px 3px;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	color: #000000;
}

.plus {
	background-image:url(/img/plus.gif);
        background-repeat:no-repeat;
        background-position: 95% center;

}

.minus	{
	background-image:url(/img/minus.gif);
        background-repeat:no-repeat;
        background-position: 95% center;

}

table#management {
	font-family: "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	margin: 40px 20px 0px 20px;
	width: 615px;
	font-size: 85%;

}

table#management tr {
	text-align: center;
}

table#management td {
	text-align: center;
	border-top: dashed;
	border-top-width: 1px;
	border-top-color: #cbcbcb;
}

table#management td.noborder {
	border: none;
}

table#management td.order {
        border-top: dashed;
        border-top-width: 1px;
        border-top-color: #cbcbcb;
	color: #ffffff;
	font-weight: bold;
	background-image:url(/img/order.gif);
        background-repeat:no-repeat;
        background-position: center center;
}

table#management td.leftcol {
	text-align: left;
	padding: 10px;
	font-size: 1em;
	font-weight: bold;
	width: 200px;
}

table#management td.leftcol3 {
	text-align: left;
	padding: 10px;
	font-size: 1em;
	font-weight: bold;
	width: 115px;
}


table#management h3	{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 3px;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	color: #000000;
}



th	{
	padding: 10px;
}

table#management th	{
	padding: 0px;
}


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

tr.even {
	background-color: #f3f3f3;
}

.collapse {
	width: 590px;
	text-align: justify;
	font-size: 90%;
	padding: 20px 10px 20px 10px;
	background-image:url(/img/speech-blue.gif);
        background-repeat:no-repeat;
	background-position: 40px 5px;

}

.collapseopen {
	width: 590px;
	text-align: justify;
	font-size: 90%;
	padding: 20px 10px 20px 10px;
	background-image:url(/img/speech-blue.gif);
        background-repeat:no-repeat;
	background-position: 40px 5px;

}

.testimonial {
	font-size: 80%;
	padding: 20px 10px 20px 10px;
}


.company {
	padding: 5px 0px 0px 35px;
	font-weight: bold;
	font-size: 100%;
	background-image:url(/img/testimonial-blue.gif);
        background-repeat:no-repeat;
	background-position: 30px top;
	background-color: #ffffff;
}


.collapse2 {
	
	background-color: #DCEFFC;
}



.collapse3 {
	text-align: justify;
	padding: 15px;
	position: inherit;
}

.tl	{
	background-image:url(/img/tl-blue.gif);
        background-repeat:no-repeat;
        background-position: 0px 0px;
}

.tr	{
	background-image:url(/img/tr-blue.gif);
        background-repeat:no-repeat;
        background-position: 100% 0%;
}

.br	{
	background-image:url(/img/br-blue.gif);
        background-repeat:no-repeat;
        background-position: 100% 100%;
}


.limetext	{
	color:#719501;
}

.bluetext	{
	color:#0391ee;
}



.phone1	{
	color:#ffffff;
	font-size:125%;
	font-weight: bold;
}

.phone2	{
	color:#ffffff;
	font-size:115%;
	font-weight: normal;
}

#wrapper {
	min-height: 100%;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
	align: center;
}

#header {
	margin: 0px auto;
	padding: 15px 0px 0px 15px;
	height: 92px;
	width: 957px;
	
	
}

#logo {
	height: 88px;
	width: 167px;
	float: left;
	position: relative;
}

#bubbleleft {
	
	height: 29px;
	width: 9px;
	position: relative;
	float: right;
	background-image:url(/img/bubble_left.png);
	background-repeat:no-repeat;
}

#bubbleright {
	
	height: 29px;
	width: 9px;
	position: relative;
	float: right;
	background-image:url(/img/bubble_right.png);
	background-repeat:no-repeat;
}


#slogan {

	line-height: 58px;	
	height: 58px;
	clear: right;
	float: right;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 125%;
	font-weight:bold;
	color: #FFFFFF;
}

#country {
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	color: #ffffff;	
	position: relative;
	float: left;
	left: 35px;
    	z-index:1000;
	height: 22px;
	
}

#country img {
padding: 0px 6px 0px 10px;
float: left;
}

/*
DROPDOWN
*/    
    
.dropdown-menu {
    width:153px;
    position:relative;
    font-size:11px;
    color:#FFF;
    cursor:pointer;
    z-index:100000 !important;
}

.dropdown-menu a:link, .dropdown-menu a:visited {
    color:#FFF !important;
    display:block !important;
    text-decoration:none !important; 
    margin:0 !important;
	padding: 0px;
	font-weight: normal;
}

.dropdown-menu a:hover {
    color:#FFF !important;
    text-decoration:underline !important;
}

.dropdown-menu .slide-down {

}

.menu-first {
background:url(/img/country-arrowdown.gif);
background-repeat: no-repeat;
background-position: 93% 14px;

    padding:5px 30px 4px 0px;
	margin: 0px;
height: 10px;
line-height: 20px;
}

.down-list {
    background:transparent url(/img/dropdown/drop-down-bottom.png) no-repeat bottom;
    padding:0px 0px 0px 0px;
    margin: 10px 0px 0px 1px;

}
.down-list li {
    padding:5px 5px 5px 0px;
    background:#000000 url(/img/country-seprator.gif) no-repeat bottom;
	display: block;
line-height: 20px;
}
.down-list .lastLI { 
    background:#000000 url(/img/country-bottom.gif) no-repeat bottom right; padding-bottom:7px; }

/*
END DROPDOWN
*/   

#topnavigation {
	
	height: 29px;
	line-height: 29px;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 70%;
	position: relative;
	float: right;
	text-align:right;
	background-image:url(/img/bubble_mid.png);
	background-repeat:repeat-x;
	
	
}

#topnavigation ul {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#topnavigation ul li {
	padding-left: 0;
	margin-left: 0;
	display: inline;
}

#topnavigation ul li a {
	color:#ffffff;
	padding: 0px 3px 1px 3px;
	font-weight:normal;
}

#topnavigation ul li a:hover {
	border-bottom:solid;
	border-bottom-color:#ffffff;
	border-bottom-width:1px;
}


#requestquote {
	
	height: 42px;
	width: 143px;
	background-image:url(../images/whitebutton.png);
	background-repeat:no-repeat;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 75%;
	position: relative;
	float: right;
	text-align:center;
	margin-top: 2px;
	line-height:37px;
	
	
	
}


#navigation {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px 20px 0px 15px;
	height: 30px;
	width: 790px;
	font-family:  "century gothic", trebuchet, helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 75%;
	font-weight: bold;
	
}

#navigation ul {
	padding: 0px;
	margin: 0px;
}

#navigation ul li {
	float: left;
	clear: none;
	padding: 0px 2px 0px 0px;
	overflow: hidden;
	display: inline; /* fix IE double width margin bug*/

}

#navigation ul li a {
	display: block;
	position: relative;
	line-height: 30px;
	height: 30px;
	color: #ffffff;
	text-align: center;
	padding: 0px 15px 0px 15px;
}

#navigation ul li.blue a {
	padding: 0px 15px 0px 15px;
}

#navigation ul li.blueon a {
	background-image:url(/img/triangle-blue.png);
	background-repeat: no-repeat;
	background-position: center 21px;	
}

#navigation ul li.tealon a {
	background-image:url(/img/triangle-teal.png);
	background-repeat: no-repeat;
	background-position: center 21px;	
}

#navigation ul li.realtealon a {
	background-image:url(/img/triangle-realteal.png);
	background-repeat: no-repeat;
	background-position: center 21px;	
}

#navigation ul li.limeon a {
	background-image:url(/img/triangle-lime.png);
	background-repeat: no-repeat;
	background-position: center 21px;	
}

#navigation ul li.goldon a {
	background-image:url(/img/triangle-gold.png);
	background-repeat: no-repeat;
	background-position: center 21px;	
}

#navigation ul li.orangeon a {
	background-image:url(/img/triangle-orange.png);
	background-repeat: no-repeat;
	background-position: center 21px;	
}

#navigation ul li.purpleon a {
	background-image:url(/img/triangle-purple.png);
	background-repeat: no-repeat;
	background-position: center 21px;	
}


#navigation ul li.blue a:hover {
	background-image:url(/img/roll_mainnav-blue.png);
	background-repeat: repeat-x;
	background-position: center 0px;
}

#navigation ul li.teal a:hover {
	background-image:url(/img/roll_mainnav-teal.png);
	background-repeat: repeat-x;
	background-position: center 0px;
}

#navigation ul li.realteal a:hover {
	background-image:url(/img/roll_mainnav-realteal.png);
	background-repeat: repeat-x;
	background-position: center 0px;
}

#navigation ul li.lime a:hover {
	background-image:url(/img/roll_mainnav-lime.png);
	background-repeat: repeat-x;
	background-position: center 0px;
}

#navigation ul li.orange a:hover {
	background-image:url(/img/roll_mainnav-orange.png);
	background-repeat: repeat-x;
	background-position: center 0px;
}

#navigation ul li.purple a:hover {
	background-image:url(/img/roll_mainnav-purple.png);
	background-repeat: repeat-x;
	background-position: center 0px;
}

#navigation ul li.gold a:hover {
	background-image:url(/img/roll_mainnav-gold.png);
	background-repeat: repeat-x;
	background-position: center 0px;
}


#subnavigation {
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 75%;
	font-weight: bold;	
	float: right;
	margin: 30px 0px 20px 0px;
	padding-right: 10px;
}


#subnavigation ul {
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

#subnavigation ul li {
	padding-left:0;
	margin-left: 0;
	display: inline;

}

#subnavigation ul li a {
	color:#4d4d4d;
	margin: 0px 3px 0px 3px;
	height: 20px;
	padding: 6px 10px 6px 10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;	
	border-radius: 20px;
}

#subnavigation ul li a.active {
	background-color: #e8e8e8;
}


#subnavigation ul li a:hover {
	color:#7A7A7A;
}

	
	


#titlearea {
	clear: both;
	margin: 0px auto;
	padding: 10px 15px 10px 15px;
	height: 42px;
	background-image:url(../images/title-lime.gif);
	background-repeat: no-repeat;
	background-position:top;
	width: 942px;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	line-height: 42px;
	letter-spacing: 1px;
	font-size: 175%;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: #729601 3px 3px 2px;

}

#location {
	float: left;
	margin: 0px auto;
	padding: 8px 15px 2px 29px;
	height: 19px;
	background-color:#FFFFFF;
	background-image:url(../images/diaglinesbg.gif);
	background-repeat: repeat-x;
	background-position:top;
	width: 555px;
	font-size: 75%;
	font-weight: bold;
	color: #C0C0C0;
	text-transform: lowercase;
	
	

}

#location a {
	color: #C0C0C0;
}

#location a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
}


#locationright {
	float: left;
	margin: 0px auto;
	padding: 8px 15px 2px 15px;
	height: 19px;
	background-color: #FFFFFF;
	background-image:url(../images/diaglinesbg.gif);
	background-repeat: repeat-x;
	background-position:top;
	width: 274px;
		border-left-style:dotted;
	border-left-width:1px;
	border-left-color:#C0C0C0;
	

}

	
	


#rightbuttons { 
       float: right;
        width: 274px;
        height: 100%;
	margin: 0px 13px 0px 0px;
        padding: 15px 15px 10px 15px;
        position: relative;
	z-index: 20;
	top: -15px;
}

#rightbuttons.domains { 
       float: right;
        width: 307px;
        height: 100%;
	margin: 0px 13px 0px 0px;
        padding: 15px 0px 10px 0px;
        position: relative;
	z-index: 20;
	top: -10px;
	right: -1px;
}

#rightbuttons img {
        display:block;
        margin: 0 auto;
	padding: 0px 0px 20px 0px;
	width: 271px;
	height: 76px;
}

#bottomdiv {
	margin: 15px 0px 0px 0px;
	width: 942px;
}

#includedfree {
	width: 940px;
	margin-left: 15px;
}

#includedfree th {
        width: 235px;
	font-size: 100%;
}

#includedfree td {
 	vertical-align: top;
        padding: 0px 3px 0px 10px;
        font-size: 80%;
}

#includedfree ul {
	padding: 0px;	
	margin: 0px;	
}	

#includedfree ul li {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 32px;	
	background-image:url(/img/tick.gif);
        background-repeat: no-repeat;
        background-position:left;
	line-height: 25px;
}	

#container { 
	float: left;
	width: 1000px;
	position: relative;
	overflow:visible;
	background-color: #ffffff;
	background-image:url(/img/bg_container-mid.gif);
        background-repeat: repeat-y;
        background-position:center;
	position: relative;
	z-index: 1;	
}

#container.rightside {
	background-image:url(https://images.kualo.com/site_images/bg_container-mid-rightside.gif);
}

#containertop{
	background-image:url(/img/bg_container-top.gif);
        background-repeat: no-repeat;
        background-position:center;
	height: 23px;
	position: relative;
	z-index: -5;	
	float: left;
	width: 1000px;
	margin: 0 auto;
}

#containertop.rightside {
        background-image:url(https://images.kualo.com/site_images/bg_container-top-rightside.gif);
}


#containerbottom {
	background-image:url(/img/bg_container-bottom.gif);
        background-repeat: no-repeat;
        background-position: center top;
	height: 23px;
	width: 1000px;
	padding-bottom: 300px;
	overflow: auto;
	margin-bottom: 40px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}



#contenthome { 
	float: left;
	width: 972px;
	height: 100%;
	padding: 0px 14px 0px 14px;
	position:relative;
	z-index:2;	
	top: -10px;
}

#contenthome p.cartheading      {
        margin: 8px 0px 15px 0px;
        font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
        font-size: 125%;
        padding: 0px 20px 0px 20px;
        color: #000000;
} 

#contenthome form {
        margin: 0px 20px 5px 20px;
        color: #454545;
        font-family:  inherit;
        font-size: 12px;
}

form h3, h3.cartsubheading {
        margin: 25px 0px 5px 0px;
        font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
        font-size: 115%;
        padding: 0px 0px 0px 0px;
        color: #000000;

}

#homewrap {
	margin: 15px 15px 15px 15px;
}



#content { 
	float: left;
	width: 668px;
	height: 100%;
	padding: 15px 0px 30px 12px;
	position:relative;
	z-index: 3;
	top: -15px;
}




#centerimage img {
	padding: 0px 0px 0px 0px;
        display:block;
        margin: 0 auto;
}

#rightcontent-mid {
        background-image:url(../img/rightcontent-mid.gif);
        background-repeat: repeat-y;
        font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
        font-size: 14px;
        line-height: 135%;
	padding: 0px 20px 0px 35px;	
}

#rightcontent-mid li {
	padding-top: 20px;
}

#rightcontent-top {
	width: 270px;
	height: 112px;
        background-image:url(../img/rightcontent-top.gif);
        background-repeat: no-repeat;
}

#rightcontent-bottom {
	width: 270px;
	height: 17px;
        background-image:url(../img/rightcontent-bottom.gif);
        background-repeat: no-repeat;
}

#keyfeatures-webhosting {
	background-image:url(../img/webhosting-woman.png);
	background-repeat: no-repeat;
	width: 668px;
	height: 313px;
	top: -41px;
	position: relative;
}

#keyfeatures-whatishosting {
	background-image:url(../img/webhosting-whatishosting.png);
	background-repeat: no-repeat;
	width: 668px;
	height: 275px;
}

#keyfeatures-sitebuilder {
	background-image:url(../img/webhosting-sitebuilder.png);
	background-repeat: no-repeat;
	width: 668px;
	height: 313px;
}
#keyfeatures-cptour {
	background-image:url(../img/webhosting-cpanel.png);
	background-repeat: no-repeat;
	width: 668px;
	height: 290px;
	top: -27px;
	position: relative;
}

.steps img {
	float: left;
	position: relative;
}

.steps p {
	position: absolute;
	left: 140px;
	margin-top: 25px;
}

.steps {
	margin: 40px 20px 40px 20px;
	clear: both;
	min-height: 50px;
	padding-bottom: 50px; 
}

.webhostingcountdown {
	position: relative;
	left: 357px;
	top: 222px;
}

.minutes {
	padding-left: 24px;
}
.seconds {
	padding-left: 25px;
}

a.buynow {
	display: block;
	height: 40px;
	width: 105px;
        background-image:url(../img/btn_buynow.gif);
        background-repeat: no-repeat;
	margin: 0 auto;
}

input.btn {
	display: block;
	height: 40px;
	width: 105px;
        background-image:url(https://images.kualo.com/site_images/btn_blank.gif);
        background-repeat: no-repeat;
	border: none;
	position: relative;
	float: right;
	right: 33px;
	background-color: transparent;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	cursor: pointer;
	outline: none;
}

a.buynow:hover {
	background-position: 0 -38px;
}

input.btn:hover {
	background-position: 0 -38px;
}

a.reviewandbuynow {
	display: block;
	height: 57px;
	width: 486px;
        background-image:url(../img/btn_reviewplansandorder.gif);
        background-repeat: no-repeat;
	margin: 30px auto 10px auto;
}

a.reviewandbuynow:hover {
	background-position: 0 -58px;
}


#showfulltable {
		color: #4D4D4D; display: block; height: 56px; width: 618px; background-image:url(../img/showfulltable.gif); background-repeat: no-repeat; position: relative; top: -30px; line-height: 56px; font-size: 16px; margin: 0 auto; text-align: center; font-weight: bold;  font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif"; cursor: pointer;
}

#showfulltable:hover {
	background-position: 0 -59px;
	color: #000000;
}


table.plantable {
	width: 618px;
	padding: 0;
	border-collapse : collapse; 
	margin: 0 auto;
	position: relative;
	top: -41px;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 80%;
}

table.plantable td {
	padding: 7px;
	text-align: center;
}

table.plantable tr.head {
	background-image:url(../img/bg_plantable-head.gif);
        background-repeat: no-repeat;
	height: 14px;
	padding: 0px;
	background-position: center;

}

table.plantable tr.mid1 {
	background-image:url(../img/bg_plantable-light.gif);
        background-repeat: repeat-y;
	background-position: center;
}

table.plantable tr.mid2 {
	background-image:url(../img/bg_plantable-dark.gif);
        background-repeat: repeat-y;
	background-position: center;
}

table.plantable td.feature {
	padding-left: 10px;
	line-height: 18px;
	text-align: left;
	font-weight: bold;
}


table.plantable td.activation {
	font-size: 120%;
	padding: 15px 0px 15px 10px;
}

table.plantable td.tick {
	padding: 2px 0px 2px 0px;
}

table.plantable tr.foot {
	background-image:url(../img/bg_plantable-foot.gif);
        background-repeat: no-repeat;
	height: 15px;
	background-position: center top;
}


.infobox {
	position: relative;
	padding: 10px;
	border-style: dashed;
	border-color: red;
	background: #fad3ce;
	border-width: 1px;
	margin: 0px 40px 0px 40px;
	top: -8px;
	color: #454545;
        font-family:  inherit;
        font-size: 12px;
	text-align: center;
	clear: both;
}

.couponbox {
	position: relative;
	padding: 10px;
	border-style: dashed;
	border-color: red;
	background: #fad3ce;
	border-width: 2px;
	margin: 0px 60px 0px 60px;
	color: #000000;
        font-family:  inherit;
        font-size: 13px;
	text-align: center;
	clear: both;
}

.twentyimg {
	margin: 20px 0px 20px 0px;
}

.tenimg {
	margin: 10px 0px 10px 0px;
}

#imageheader img {
	display: block;
	 margin: 10px 0px 30px 20px;
}

#imagespacer img {
	display: block;
	padding: 30px 0px 30px 0px;
}



#container p em {
	font-style: normal;
	font-weight: bold;
	background-color:#DCEFFC;
	padding: 0px 2px 0px 2px;
}

#container p.intro {
	font-weight: bold;
	font-size: 85%;
        line-height: 145%;
	padding: 10px 20px 0px 20px;
}










#button-row {
	margin: 40px 0px 0px 0px;
}

#button-row img {
	padding: 8px 0px 8px 0px;
}

#button-row img.button-row-right {
	padding: 8px 0px 8px 0px;
}



#bottomleft {
	float: left;
	height: 72px;
	width: 14px;
	background-image:url(../images/border_bottomleft.gif);
	background-repeat: no-repeat;
	background-position:right;
	position: relative;
	
}

#bottomright {
	float: left;
	height: 72px;
	width: 14px;
	background-image:url(../images/border_bottomright.gif);
	background-repeat: no-repeat;
	background-position:left;
	position: relative;
	
}

#footer {
	float: left;
	height: 50px;
	width: 942px;
	padding: 10px 15px 12px 15px;
	background-repeat: repeat-x;
	background-position:top;
	position:relative;
	
}

#footer span {
position: relative;
float: right;
right: 6px;
top: 4px;
}

.limefoot {
	background-image:url(/img/bg_bottom-lime.png);
}

.bluefoot {
	background-image:url(/img/bg_bottom-blue.png);
}

.tealfoot {
	background-image:url(/img/bg_bottom-teal.png);
}


.goldfoot {
	background-image:url(/img/bg_bottom-gold.png);
	behavior: none;
}

.orangefoot {
	background-image:url(/img/bg_bottom-orange.png);
	behavior: none;
}

.purplefoot {
	background-image:url(/img/bg_bottom-purple.png);
}

#wheelcontainer { 
	padding: 0px 20px 0px 20px;
}

#copyright {
	clear: both;
	margin: 0px auto;
	padding: 20px 0px 30px 0px;
	text-align: center;	
	font-size: 65%;
	align: center;
	color: #C0C0C0;
}

#numberedlist {
	margin-top: 25px;
}

#numberedlist ul {
	margin: 0px;
}

#numberedlist li {
	margin: 0px 0px 15px 0px;
	color: #454545;
        font-family:  inherit;
        font-size: 12px;
        line-height: 175%;

}

#whatsnew {
	float: left;
	margin-left: 18px;
	margin-bottom: 10px;
	padding: 15px;
	width: 425px;
	height: 127px;
	background-image:url(/img/whatsnew.gif);
	background-repeat: no-repeat;
}

#whatsnew ul {
	padding: 15px 0px 0px 25px;
	margin: 0px;
	list-style-image: url(/img/bullet_home.gif);
}

.bulletlist ul {
	padding: 0px 0px 0px 25px;
	margin: 10px 0px 0px 30px;
	list-style-image: url(/img/bullet_home.gif);
	font-size: 12px;
	color: #454545;
}

#whatsnew li {
	color: #454545;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family:  inherit;
        font-size: 12px;
        line-height: 120%;
        text-align: justify;
	
}

#clienttest {
	color: #454545;
	float: left;
	padding: 15px;
	width: 425px;
	height: 127px;
	margin-left: 20px;
	background-image:url(/img/whatsnew.gif);
	background-repeat: no-repeat;
        font-size: 12px;
        line-height: 120%;
        text-align: justify;
}

#clienttest h4 {
	padding-bottom: 10px;
}

blockquote {
	background: transparent url(/img/blockquote-left.gif) left top no-repeat;
  	padding: 0px;
	margin: 10px;
}

blockquote div {
  	padding: 0 48px;
  	background: transparent url(/img/blockquote-right.gif) right bottom no-repeat;
}

#clientname {
	font-weight: bold;
	text-align: right;
	padding: 10px 45px 0px 0px;
}


.sale_leftthumb {
	float: left;
	margin: 3px 0px 10px 15px;
	width: 331px;
}

.sale_description {
	float: left;
	width: 300px;
}

.sale_description h4 {
	color: #000000;
	margin-left: 20px;
}

.sale_description p {
	margin-top: 0px;
}

.sale_terms {
	clear: both;
	color: #dedede;

}

.sale_terms p {
	font-size: 50%;
	margin: 0px;
}

.coupon {
	color: #ff0000;
	font-size: 125%;
}


#cloudeasy {
	margin: 0px 0px 0px 90px;
	float: left;
	width: 300px;
	height: 230px;
}

#txteasy {
	float: left;
	width: 100px;
	left: 60px;
	position: relative;
}

#paraeasy {
	float: left;
	width: 400px;
	position: relative;
	left: -22px;
	top: 30px;
}

#cloudscale {
	margin: 0px 0px 0px 90px;
	float: left;
	top: -50px;
	width: 300px;
	height: 275px;
	position: relative;
}

#txtscale {
	float: left;
	width: 100px;
	left: 60px;
	top: 0px;
	position: relative;
}

#parascale {
	float: left;
	width: 400px;
	position: relative;
	left: -22px;
	top: 30px;
}


#clouduptime {
	float: left;
	width: 300px;
	left: 60px;
	position: relative; 
	top: -40px;	
	height: 270px;
}

#txtuptime {
	float: left;
	clear: left;
	width: 100px;
	left: 60px;
	top: 0px;
	position: relative;
}

#parauptime {
	float: left;
	width: 400px;
	position: relative;
	left: -22px;
	top: 30px;
}

#cloudeco {
	float: left;
	width: 300px;
	top: -40px;
	left: 60px;
	position: relative; 
	height: 250px;
}

#txteco {
	float: left;
	clear: left;
	width: 100px;
	left: 60px;
	position: relative;
}

#paraeco {
	float: left;
	width: 400px;
	position: relative;
	left: -22px;
	top: 30px;
}

.cloudbuttons {
	width: 303px;
	height: 80px;
	float: left;
	position: relative;
	margin: 0px 0px 19px 15px;
}

.cloudbuttonsdescription {
        width: 299px;
        float: left;
        position: relative;
        margin: 0px 6px 30px 15px;

}

#cloudbuttonsdescription p {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;

}

#cloudtitle {
	position: relative;
	margin: 70px 0px 70px 250px;	
}

#cloudtitlewhat {
	position: relative;
	margin: 70px 0px 70px 0px;	
}

#cloudwhat {
	background-image: url(/img/cloud_what.gif);
	background-repeat: no-repeat;

}

#cloudwhat:hover {
	background-position: 0pt -79px;
}

#cloudwhylove {
	background-image: url(/img/cloud_whylove.gif);
	background-repeat: no-repeat;
}

#cloudwhylove:hover {
	background-position: 0pt -84px;
}

#cloudhowmuch {
	background-image: url(/img/cloud_configureyours.gif);
	background-repeat: no-repeat;

}

#cloudhowmuch:hover {
	background-position: 0pt -86px;
}

#slidecontain {
	width: 430px;
	height: 200px;
	background-image: url(/img/cloud_scaler-left.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 25px 25px;
	padding: 45px 0px 0px 60px;
	float: left;
}

#slidecontain span {
	height:12px;
	width: 360px;
	float: left;
	margin: 25px 20px 15px 30px;
}

#slideresults {
	width: 115px;
	height: 249px;
	background-image: url(/img/cloud_scaler-right.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 25px 0px;
	float: left;
}

#slideresults span {
	height:30px;
	width: 30px;
}

.slideresultsoutput {
	font-weight: bold;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 100%;
	text-align: center;
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.slideresultsprice {
	font-weight: bold;
	font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
	font-size: 140%;
	text-align: center;
	margin: 14px 0px 0px 0px;
	color: #ffffff;
}

#cloudconfused {
	position: absolute;
	top: 308px;
	left: 30px;
	filter:alpha(opacity=0);
	opacity:0;
}

#confusedimage{
display:inline-block;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/confused.png', sizingMethod='scale');
height:94px; /* what ever width the image is */
width:94px; /* what ever height the image is */
}

.half {
	width: 48%;
	float: left;
}

.half img {
	float: left;
	position: relative;
	left: 20px;
}

.half a {
	padding-top: 10px;
	display: block;
}

.half h2 {
	clear: none;
	line-height: 52px;
	position: absolute;
	left: 110px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.righthalf h2 {
	left: 432px;
}

.half p {
	clear: both;
	position: relative;
	left: 80px;
	margin: 0px 55px 30px 0px;
	padding: 0px;
}

.half ul {
	margin: 20px 0px 25px 35px;
	padding: 0px;
}

.half li {
	background-image:url(/img/smalltick.png); 
	background-repeat: no-repeat;	
	display: block;
	padding: 0px 0px 5px 25px;	
	color: #454545;
        font-family:  inherit;
        font-size: 12px;
        line-height: 175%;
	list-style: none;

	}

ul.tosbullet {
	margin: 0px 0px 25px 35px;
	padding: 0px 0px 0px 15px;
	list-style-type: circle;
}

ul.tosbullet li {
	background-repeat: no-repeat;	
	padding: 0px 0px 0px 5px;	
	color: #454545;
        font-family:  inherit;
        font-size: 12px;
        line-height: 175%;
	}

.half2 li {
	background-image:url(/img/smallcross.png); 
}

ul.rightfeatures {
	margin: 0px;
	padding: 0px;
}

ul.rightfeatures li {
	background-image:url(/img/tick-new.gif); 
	background-repeat: no-repeat;	
	display: block;
	padding: 0px 0px 5px 40px;	
	color: #454545;
        font-family:  "century gothic", helvetica, arial, tahoma, geneva, "sans serif";
        font-size: 14px;
        line-height: 175%;
	list-style: none;
	font-weight: bold;

	}



#homebuttoncontainer {
	margin: 45px 0px 0px 18px;
}

.third {
	width: 33%;
	padding-right: 3px;
	float: left;
	margin-bottom: 10px;
}


#cloudorder {
	display: block;
	width: 111px;
	height: 44px;
	position: relative;
	top: 10px;
	cursor: pointer;
}

#cloudexp_left {
	float: left;
	width: 380px;
}

#cloudexp_left p {
	text-align: left;
}

#cloudexp_right {
	padding: 0px 20px 0px 0px;	
	width: 235px;
	height: 290px;
	top: -20px;
	position: relative;
}

ul.faq {
list-style-type: none;
width: 627px;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
}

#faqdiv {
 	float: left;
        width: 608px;
        text-align: justify;
        font-size: 80%;
	margin: 10px 20px 20px 20px;
        padding: 10px 10px 10px 10px;
        background-color: #DCEFFC;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;

}

h2.faqanswer {
	width: 600px;
}

span.faqanswer {
	font-size: 70%;
	right: 0%;
	position: absolute;
	font-weight: normal;
	color: #cccccc;
}

ul.faq li {
float: left;
width: 43%;
margin: 3px;
padding: 5px;
text-align: left;
}

#key img {
 margin: 3px 0px 0px 0px;
 float: left;

}

#key p {
 margin: 0px 30px 0px 6px;
         font-family:  inherit;
float: left;
padding: 0px;
}

#key {
margin-left: 30px;
}

#partners p {
font-size: 11px;
line-height: 17px;
}



#stickyfooter {position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 300px;
	background-image:url(/img/bg_stickyfooter.gif);
	background-repeat: repeat-x;
	background-color: #e8e8e8;
	clear:both;} 



/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


http://www.kualo.co.uk/css/jqModal.css

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmConfused {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 535px;
    height: 275px;
    padding: 115px 20px 35px 25px;
    background-image:url(/img/jargonbuster.png); 
    background-repeat: no-repeat;
    color: #333;
}

.jqmConfused p {
        color: #454545;
        font-family:  inherit;
        font-size: 12px;
        line-height: 175%;
        text-align: justify;
        padding: 0px 20px 0px 0px;
}

.jqmConfused h2 {
	padding: 0px;
}

.jqmOrder {
    display: none;
    
    position: fixed;
    left: 50%;
	top: 50%;
    
    margin-left: -350px;
    margin-top: -210px;
    width: 680px;
    height: 390px;
    padding: 20px 20px 20px 20px;
    background-image:url(/img/orderpopup.png);
    background-repeat: no-repeat;
    color: #333;
}

.jqmOrder p {
        color: #454545;
        font-family:  inherit;
        font-size: 12px;
        line-height: 175%;
        text-align: justify;
        padding: 0px 0px 0px 0px;
}

.jqmOrder h2 {
	padding: 0px;
}


#jqmContentboxOrder {
height: 350px;
width: 650px;
padding: 65px 0px 0px 10px;
overflow: auto;
}

#jqmContentbox {
height: 260px;
width: 520px;
padding: 0px 0px 0px 10px;
margin: 10px;
overflow: auto;
}

#jqmClosebox {
top: 0px;
right: 0px;
height: 50px;
width: 45px;
position: absolute;
cursor:pointer;
}

 .jqmOverlay { background-color: #000;}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmConfused {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

* html .jqmOrder {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(50 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

http://www.kualo.co.uk/css/homeslider.css

	

/*
	SLIDER
*/
.slider-wrap								{ width: 942px; position: relative; top: 0px; left: 0px; border:dotted; border-color:#CCCCCC; border-width:0px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 942px; height: 270px; behavior: none;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 942px; behavior: none; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -40px 25px 0 0px; }
#movers-row div								{ width: 20px; float: right; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 75%; }
.cross-link									{ display: block; width: 15px; margin-top: -15px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.wrapper img { behavior: none; }
/* .active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }
*/






http://www.kualo.co.uk/css/lightbox.css

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 8000;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}	

.domaincheckeravailable {
        font-weight: bold;
        color: green !important;
}

.domaincheckerunavailable {
        color: red !important;
}




.clientareatable {
	width: 90%;
	background-color: #cccccc;
	font-family: helvetica, arial;
 	font-size: 13px;
	margin: 0 auto;
}

tr.clientareatableheading td {
	background-color: #efefef;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

.clientareatable td, tr.clientareatableactive td {
	background-color: #ffffff;
	text-align: left;
    	padding: 8px 2px 8px 2px;
	border-bottom: solid 1px #efefef;
}

tr.clientareatablepending td {
	background-color: #FFFFE2;
	text-align: center;
    padding: 2px;
}

tr.clientareatablesuspended td {
	background-color: #E9FFD2;
	text-align: center;
    padding: 2px;
}

tr.clientareatableterminated td {
	background-color: #FFE1E1;
	text-align: center;
    padding: 2px;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}

span.floatleft {

	float: left;
	line-height: 90px;
	font-weight: bold;
}


a.dnsmailforwarding {
        border: 3px solid #ffffff;
        display: block;
        width: 42%;
	height: 45px;
	padding: 15px 15px 5px 15px;
	margin: 11px;
	background-color: #e7ffda;
	text-align: left;
	float: left;
	position: relative;	
}

a.hostingplan {
	width: 94%;
}


a.dnsmailforwarding:hover {
        border-color: #9CF0A3;
}

a.dnsmailforwarding p {
	font-weight: normal;
	margin: 5px 0px 10px 0px!important;
	padding: 0px!important;
	line-height: 13px!important;
	display: none;
}

a.dnsmailforwarding h2 {
	color: #67af64;
	margin: 0px 0px 5px 0px!important;
	padding: 0px 0px 5px 0px!important;
	font-size: 17px;
}

a.dnsmailforwarding p.price {
	font-size: 14px!important;
	font-weight: bold!important;
	text-align: right!important;
	position: absolute;
	right: 10px;
	bottom: 0;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

#livechatright {
        display: block;
        position: fixed;
        right: -3px;
        top: 370px;
        height: 142px;
        width: 44px;
        z-index: 20;
}

#livechatright:hover {
        right: 0px;
}

#twitterright {
        display: block;
        position: fixed;
        right: -6px;
        top: 200px;
        height: 170px;
        width: 77px;
        background: url('https://images.kualo.com/site_images/followus.gif') no-repeat;
        z-index: 20;
}

#twitterright a {
        height: 170px;
        width: 77px;
        display: block;
}

#twitterright:hover {
        right: -3px;
}

.nohostingbox {
        border: 3px solid #ffffff;
        font-weight: bold;
        background-color: #FBEEEB;
        text-align: center;
        padding: 10px;
        color: #cc0000!important;
        width: 93%;
        display: block;
        margin: 0 auto;
	font-family: ariel, helvetica, sans-serif;
}

.nohostingbox:hover {
        border: 3px solid #f8c1be;
}