﻿/* CSS Document */

.block-holder{
	background-color:#e4e4e4;
	border:1px solid #cccccc;
	padding:5px;
	margin:5px;
}

.block-guts{
	margin:1px;
	padding:5px;
	background-color:white;
	border:1px solid #999999;
}

	.mydiv {
		border: 1px solid #FFFFCC;
		margin: 5px;
		padding: 5px;
	}
	.red {
	border:1px solid #000000;
	margin:10px;
	padding:10px;
	}
	.green {
	border:1px solid #000000;
	margin:10px;
	padding:10px;
	}
	.blue {
	border:1px solid #000000;
	margin:10px;
	padding:10px;
	}
	.yellow {
	border:1px solid #000000;
	margin:10px;
	padding:10px;
	}

div#commentForm
{
  margin: 0px 20px 0px 20px;
  display: none;
}

div#questone
{
  margin: 0px 20px 0px 20px;
  display: none;
}

div#questtwo
{
  margin: 0px 20px 0px 20px;
  display: none;
}

div#questthree
{
  margin: 0px 20px 0px 20px;
  display: none;
}

div#questfour
{
  margin: 0px 20px 0px 20px;
  display: none;
}

div#questfive
{
  margin: 0px 20px 0px 20px;
  display: none;
}

div#questsix
{
  margin: 0px 20px 0px 20px;
  display: none;
}



body{
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
font-size:12px;
}


#arialzone{
font-family:Arial, Helvetica, sans-serif;
}

#container{
width:924px;
margin:auto;
background-color:#FFFFFF;
}

#logo{
width:900px;
margin:auto;
}

#logo h2{
padding:0px;
margin:0px;
font-weight:normal;
}


#logo a{
	font-size:11px;
	text-transform:uppercase;
	color:black;
}

#logo a:hover{
	color:#ff9900;
}



#menu{
width:914px;
margin:auto;
background-image:url(images/menu.jpg);
padding-left:10px;
}

#menu a{
float:left;
display:block;
color:#ffffff;
font-weight:bold;
padding:10px;
text-transform:uppercase;
font-size:15px;
border-right:1px solid black;
font-family:"Arial Narrow";
}

#menu a:hover{
	color:#000000;
	background-image:url('images/main-hover.jpg');
	background-repeat:repeat-x;
	}

#sub-menu{
width:924px;
margin:auto;
background-color:#A9D311;
height:35px;
border-bottom:1px solid #67820B;
}

#sub-menu a{
color:#000000;
padding:11px;
display:block;
float:left;
font-weight:bold;
font-size:11px;
border-right:1px solid #8CB10E;
}

#sub-menu a:hover{
background-color:#C4EE31;
}


#sub-menu-home{
width:924px;
margin:auto;
background-color:#ffffff;
background-color:#A9D311;
height:35px;
border-bottom:1px solid #67820B;
}


#contents{
width:924px;
margin:auto;
background-color:#ffffff;
font-size:12px;
background-image:url(images/limited-time-offer.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

#ssl-alpha{
width:924px;
margin:auto;
background-color:#FFFFFF;
font-size:12px;
background-image:url(images/alphasslbg.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}


#ssl-background{
width:924px;
margin:auto;
background-color:#FFFFFF;
font-size:12px;
background-image:url(images/ssl-background.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

#sslhome{
width:924px;
margin:auto;
background-color:#FFFFFF;
font-size:12px;
background-image:url(images/sslhome.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

#pricebox{
float:right;
margin:10px;
text-align:center;
border-left:2px solid #CCCCCC;
padding:15px;
/* opacity: 0.5;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); */
}

.getitnow{
font-size:10px;
letter-spacing:normal;
font-weight:normal;
color:#000000;
}

.cost{
font-size:50px;
letter-spacing:-5px;
font-weight:bold;
color:#ff0000;
}

.cents{
font-size:38px;
}

.yearly{
font-size:22px;
color:#666666;
letter-spacing:-2px;
}

#wss-offer{
width:924px;
margin:auto;
background-color:#FFFFFF;
font-size:12px;
background-image:url(images/wss-offer.jpg);
background-repeat:no-repeat;
}

#gum-offer{
width:924px;
margin:auto;
background-color:#FFFFFF;
font-size:12px;
background-image:url(images/genuine-unmetered-bg.jpg);
background-repeat:no-repeat;
}

.tabletd{
background-image:url(images/tdbg.jpg);
background-repeat:repeat-x;
}

.tr-border{
border-bottom:1px solid #CCCCCC;
}

.lilock{
	list-style-image:url('images/lock-li.jpg');
	font-size:12px;
}

#alentus-offer{
width:924px;
margin:auto;
background-color:#FFFFFF;
font-size:12px;
background-image:url(images/alentus-offer.jpg);
background-repeat:no-repeat;
}

#limited-time{
width:922px;
margin:auto;
background-color:#ffffff;
font-size:12px;
background-image:url(images/limited-time-offer.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

#homebg{
width:922px;
margin:auto;
background-color:#ffffff;
font-size:12px;
}

#homebg2{
width:922px;
margin:auto;
background-color:#ffffff;
font-size:12px;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

#hostinghome{
width:924px;
margin:auto;
background-color:#F7F3E7;
font-size:12px;
background-image:url(images/hostingbg.jpg);
background-repeat:no-repeat;
}

#about-section{
width:924px;
margin:auto;
background-color:#ffffff;
font-size:12px;
background-image:url(images/limited-time-offer.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

#domain-section{
width:924px;
margin:auto;
background-color:#ffffff;
font-size:12px;
background-image:url(images/limited-time-offer.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

#launch-section{
width:924px;
margin:auto;
background-color:#ffffff;
font-size:12px;
background-image:url(images/limited-time-offer.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}


#left{
width:200px;
float:left;
border-right:1px dotted black;
}

#left-get-domain{
margin:auto;
width:173px;
padding-bottom:20px;
}

#leftlinks{
width:200px;
}

#leftlinks a{
display:block;
padding:4px;
border-bottom:1px solid #DBDBB7;
}

#leftlinks a:hover{
background-color:#F2F2E6;
color:#000000;
}

#home-l{
width:540px;
float:left;
padding:0 10px 0 10px;
}


#home-r{
width:300px;
float:left;
padding:0 10px 0 10px;
margin:0 20px 20px 20px;
}

.largefont{
font-size:22px;
text-decoration:none;
font-weight:bold;
color:#000000;
}

.largefont:hover{
color:#A5D611;
text-decoration:underline;
}

.eighty{
width:96%;
margin:auto;
}

#right{
width:700px;
float:left;
padding:0 10px 0 10px;
}

#breadcrumbs{
	font-size:11px;
	color:#666666;
	text-transform:capitalize;
}

#breadcrumbs a{
color:#666666;
}

.gridheader{
background-image:url(images/gridbg.jpg);
background-repeat:repeat-x;
font-size:16px;
color:#ffffff;
padding:6px;
border-top:2px solid #3B78AE;
font-weight:bold;
}

.gridheader a{
color:#ffffff;
text-decoration:none;
}

.gridheader a:hover{
text-decoration:underline;
}


.fltlft{
float:left;
margin:10px;
padding:5px;
border:1px solid black;
}

#onecolumn{
width:500px;
line-height:20px;
}

#onecolumn2{
width:500px;
line-height:20px;
}

#onecolumn3{
width:650px;
line-height:20px;
}


#ssl-column{
width:750px;
line-height:20px;
}


#home-l h1{
font-weight:normal;
font-size:34px;
letter-spacing:-2px;
width:480px;
}

#home-r h2{
font-weight:normal;
font-size:24px;
letter-spacing:-1px;
}


#sslhome h1{
font-weight:normal;
font-size:34px;
letter-spacing:-2px;
line-height:28px;
width:480px;
text-transform:capitalize;
}

#hostinghome h1{
font-weight:normal;
font-size:34px;
letter-spacing:-2px;
line-height:28px;
width:480px;
text-transform:capitalize;
}

#right h1{
font-weight:normal;
font-size:34px;
letter-spacing:-2px;
line-height:28px;
width:480px;
text-transform:capitalize;
}

#hostinghome h2{
font-weight:normal;
font-size:20px;
letter-spacing:-1px;
}

#sslhome h2{
font-weight:normal;
font-size:20px;
letter-spacing:-1px;
}

#right h2{
font-weight:normal;
font-size:20px;
letter-spacing:-1px;
}

.rightintro{
text-align:justify;
line-height:20px;
width:480px;
}

.gridheaders{
	font-size:14px;
	font-weight:bold;
}

#contents{
width:922px;
margin:auto;
background-color:#ffffff;
font-size:12px;
background-image:url(images/limited-time-offer.jpg);
background-repeat:no-repeat;
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
}

.action{
	width:251px;
	height:70px;
	display:block;
	background-image:url('images/action.jpg');
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:normal;
	padding-top:22px;
	margin:auto;
	text-align:center;
	font-size:20px;
	text-decoration:none;
	letter-spacing:-2px;
}

.action:hover{
text-decoration:underline;
}


.mini-button{
	width:69px;
	height:25px;
	display:block;
	background-image:url(images/mini-button.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;
	padding-top:7px;
	margin:auto;
	text-align:center;
	text-decoration:none;
}

.mini-button:hover{
	background-image:url(images/mini-button-hover.jpg);
	background-repeat:no-repeat;
	}
	
	.button{
	width:113px;
	height:25px;
	display:block;
	background-image:url('images/button.jpg');
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;
	padding-top:7px;
	margin:auto;
	text-align:center;
	text-decoration:none;
}

.button:hover{
	background-image:url('images/button-hover.jpg');
	background-repeat:no-repeat;
	}
	
	.button-left{
	width:113px;
	height:29px;
	display:block;
	background-image:url('images/button.jpg');
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
}

.button-left:hover{
	background-image:url('images/button-hover.jpg');
	background-repeat:no-repeat;
	}
	
	
	.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background-image:url(images/sub-menu.jpg);
}

.openpet{ /*class added to contents of 1st demo when they are open*/
border: 1px solid gray;
background-image:url(images/sub-menu.jpg);
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

/* site border */

.brdr-500{
width:540px;
}

.brdr-400{
width:400px;
}

.brdr-300{
width:320px;
margin-bottom:20px;
}


.t {background: url(images/dot.gif) 0 0 repeat-x; width: 100%;}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {padding:4px} 
/*.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:4px} */

.t2 {background: url(images/dot3.gif) 0 0 repeat-x; width: 100%;}
.b2 {background: url(images/dot3.gif) 0 100% repeat-x;}
.l2 {background: url(images/dot3.gif) 0 0 repeat-y;}
.r2 {background: url(images/dot3.gif) 100% 0 repeat-y;}
.bl2 {background: url(images/bl3.gif) 0 100% no-repeat;}
.br2 {background: url(images/br3.gif) 100% 100% no-repeat;}
.tl2 {background: url(images/tl3.gif) 0 0 no-repeat;}
.tr2 {background: url(images/tr3.gif) 100% 0 no-repeat; padding:4px;}

/* end of site border */

#home-form{
border: 1px solid gray;
background-image:url(images/sub-menu.jpg);
padding:10px;
}


.forms{
font-size:24px;
}

.forms2{
font-size:20px;
}

.fineline{
font-size:10px;
}

#home-se-content{
	
	margin:auto;
	width:800px;
	color:#666666;
}

#footer{
width:924px;
margin:auto;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
height:23px;
font-size:10px;
text-align:center;
padding-top:9px;
color:#F2F2E6;
}

#footer a{
color:#F2F2E6;
}


#bottom{
width:100%;
border-top:1px solid #999999;
background-color:#CCCCCC;
margin-top:20px;
}

#bottom-container{
width:960px;
margin:auto;
font-size:10px;
}

.bottom-container-columns{
width:166px;
height:150px;
float:left;
padding:10px;
margin:2px;
}

.bottom-container-columns h6{
font-size:12px;
margin:1px;
padding:1px;
}

.bottom-container-columns a{
display:block;
padding:4px;
text-decoration:none;
color:#000000;
}

.bottom-container-columns a:hover{
background-color:#e4e4e4;
}

.redprice{
color:#FF0000;
font-weight:bold;
}

.sslnames{
font-weight:bold;
font-size:18px;
letter-spacing:-1px;
line-height:28px;
text-transform:capitalize;
text-decoration:none;
}

.phrase{
font-weight:bold;
font-size:12px;
}

.priceholder2{
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
padding:4px;
font-size:11px;
}

.bigprice{
font-size:22px;
color:#FF0000;
font-weight:bold;
letter-spacing:-3px;
}

/*---------- bubble tooltip -----------*/
a.ttb{
    position:relative;
    z-index:24;
    font-weight:bold;
}
a.ttb span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.ttb:hover{ z-index:25;
}
a.ttb:hover span.tooltip{
font-weight:normal;
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:600px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.ttb:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble2.gif) no-repeat top;
}
a.ttb:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler2.gif) repeat bottom; 
}
a.ttb:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble2.gif) no-repeat bottom;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

ul.tab-headers,
.tab-content {
    width: 100%;
}
ul.tab-headers { 
    height: 20px;      
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;       
}
ul.tab-headers li {
    float: left;
    padding: 3px 10px 3px 10px;
    border: solid 1px #E1E1E1;
    border-bottom: 0;
    margin-left: 3px;
    cursor: pointer;
}
ul.tab-headers li.active {
    color: black;
    background-color:#ffffff;
    font-weight:bold;
    }
    
.tab-content {
    margin: 0;
    padding: 0px;
    border-top: solid 1px #E1E1E1;
    border-left: solid 1px #E1E1E1;
    border-right: solid 1px #E1E1E1;
    border-bottom: solid 0px #E1E1E1;
    visibility: hidden;
    background-color:#ffffff;
}

.clasp {
text-align:left;
padding:10px;
margin:10px;
border:1px solid #CCCCCC;
background-color:#eeeeee;
}

.lunchbox {
display:none;
} 

