body {
background:#DDD;
margin:0;
padding:0;
font-family:Arial,FreeSans,Helvetica;
font-size:12px;
text-align:center;
width:100%;
}
.center {
margin:auto;
}
.frame {
position:relative;
background:#FFF;
width:900px;
text-align:left;
}
img {
border:none;
}
ul {
margin:0;
}
.content {
padding:20px;
margin-bottom:10px;}
.header_c {
position:absolute;
height:7px;
width:7px;
overflow:hidden;
background:url(hp_sprite.gif) 0 -14px no-repeat;
}
.h_tr {
background-position:-4px -14px;
top:0;
right:0;
}
.h_bl {
background-position:0 -18px;
bottom:0;
left:0;
}
.h_br {
background-position:-4px -18px;
bottom:0;
right:0;
}
.header_top {
background:#033B73;
width:860px;
height:85px;
margin:0;
padding:0;
position:relative;
color:#FFF;
}
#logo {
width:209px;
height:51px;
position:absolute;
top:16px;
left:16px;
}
#divider {
position:absolute;
width:1px;
height:50px;
top:18px;
left:229px;
background-color:#1A71B4;
}
#grad_break {
position:absolute;
left:277px;
height:85px;
width:357px;
overflow:hidden;
background-image:url(header_grad.jpg);
}
.header_top h1 {
position:absolute;
top:30px;
left:240px;
font-size:12px;
color:#FFF;
margin:0;
width:170px;
}
.login_container {
position:absolute;
top:17px;
right:35px;
height:28px;
width:140px;
overflow:hidden;
}
.login_button {
position:absolute;
left:0;
}
.login_button:hover {
left:-140px;
}
.header_tag {
height:40px;
line-height:40px;
font-size:24px;
color:#033B73;
text-align:center;
font-weight:400;
margin:0;
}
.header_nav {
width:860px;
position:relative;
}
.header_nav ul {
width:858px;
text-align:center;
height:34px;
background:url(hp_sprite.gif) 0 -25px repeat-x;
border-left:1px solid #C6C6C6;
border-right:1px solid #C6C6C6;
padding:0;
font-size:12px;
margin:0;
}
.header_nav li {
display:inline;
text-align:center;
padding:0 16px;
background:url(hp_sprite.gif) 0 -69px no-repeat;
font-size:12px;
margin:0;
}
.header_nav li.first {
background:transparent;
}
.header_nav a {
color:#515151;
font-size:12px;
text-decoration:none;
line-height:34px;
}
.header_nav a:hover {
text-decoration:underline;
}
.header_nav a.current {
font-weight:700;
color:#008CA7;
}
.hosting_main {
width:860px;
height:240px;
background-image:url(photo_main.jpg);
position:relative;
color:#FFF;
margin-bottom:10px;
}
.custom_hero_wintersale {
background-image:url(custom_hero_wintersale.jpg);
}
.hosting_features {
list-style-image:url(arrow_blue.gif);
font-size:16px;
font-weight:500;
margin:20px 0 0 40px;
padding:0;
position:absolute;
}
.spect {
color:#FE0;
}
#price_container {
left:348px;
position:absolute;
top:15px;
}
.hosting_price {
position:absolute;
left:348px;
top:15px;
font-size:28px;
font-weight:500;
width:350px;
color:#FFF;
margin:0;
}
.signup_link,.btn_signup {
position:absolute;
top:120px;
left:430px;
width:174px;
height:44px;
overflow:hidden;
}
.btn_signup {
background:#ACDA6E;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjZGE2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzgyYWI0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgzYTg0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MmFiNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ACDA6E),color-stop(55%,#82AB43),color-stop(80%,#83A849),color-stop(100%,#82AB43));
background:-webkit-linear-gradient(top,#ACDA6E 0%,#82AB43 55%,#83A849 80%,#82AB43 100%);
background:-moz-linear-gradient(top,#ACDA6E 0%,#82AB43 55%,#83A849 80%,#82AB43 100%);
background:-ms-linear-gradient(top,#ACDA6E 0%,#82AB43 55%,#83A849 80%,#82AB43 100%);
background:-o-linear-gradient(top,#ACDA6E 0%,#82AB43 55%,#83A849 80%,#82AB43 100%);
background:linear-gradient(to bottom,#ACDA6E 0%,#82AB43 55%,#83A849 80%,#82AB43 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ACDA6E',endColorstr='#82AB43',GradientType=0 );
display:inline-block;
*display:inline;
zoom:1;
width:auto;
height:auto;
padding:0 1.5em 0 1em;
border:2px solid #FFF;
box-shadow:2px 2px 3px #444;
text-align:center;
text-decoration:none;
font:200 2.25em/2 'gill-sans',sans-serif;
color:#FFF;
text-shadow:1px 1px 1px #859958;
top:109px;
left:401px;
z-index:10;
}
.btn_signup:hover {
background:#82AB43;
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyYWI0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzgzYTg0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MmFiNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,#82AB43 0%,#83A849 50%,#82AB43 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#82AB43),color-stop(50%,#83A849),color-stop(100%,#82AB43));
background:-webkit-linear-gradient(top,#82AB43 0%,#83A849 50%,#82AB43 100%);
background:-o-linear-gradient(top,#82AB43 0%,#83A849 50%,#82AB43 100%);
background:-ms-linear-gradient(top,#82AB43 0%,#83A849 50%,#82AB43 100%);
background:linear-gradient(to bottom,#82AB43 0%,#83A849 50%,#82AB43 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#82AB43',endColorstr='#82AB43',GradientType=0 );
}
.btn_signup:after {
content:'';
margin:-8px 0 0 0;
border:8px solid transparent;
border-left-color:rgb(255,255,255);
border-left-color:rgba(255,255,255,.5);
position:absolute;
top:50%;
right:0;
}
.signup_button {
position:absolute;
left:0;
}
.signup_button:hover {
left:-174px;
}
.hosting_benefits {
position:absolute;
top:180px;
left:320px;
width:350px;
list-style-image:url(arrow_yellow.gif);
list-style-type:square;
text-align:center;
}
.hosting_benefits li {
display:inline;
background:url(arrow_yellow.gif) center left no-repeat;
line-height:20px;
font-size:16px;
padding:10px;
}
.features_main {
width:100%;
height:208px;
}
div.features {
height:208px;
width:278px;
float:left;
margin-left:13px;
position:relative;
background:#C6C6C6;
}
div.first {
margin-left:0;
}
.inner_content {
background:#FFF;
margin-left:1px;
border-top:none;
width:276px;
height:207px;
position:relative;
}
.feature_header {
height:33px;
line-height:33px;
background:url(hp_sprite.gif) 0 -25px repeat-x;
padding-left:10px;
padding-right:20px;
}
.feature_header h3 {
padding-left:24px;
background:url(hp_sprite.gif) -15px -74px no-repeat;
font-size:16px;
font-weight:400;
color:#033B73;
margin:0;
}
.cservice {
text-align:center;
margin-top:10px;
color:#333;
font-size:11px;
}
.phone_numbers {
color:#033B73;
font-size:18px;
position:relative;
left:110px;
top:10px;
font-weight:500;
}
.hddiv {
display:none;
position:absolute;
top:130px;
left:110px;
width:136px;
overflow:hidden;
}
#hdbtn {
position:relative;
top:0;
left:0;
}
#hdbtn:hover {
left:-136px;
}
#cservice_image {
position:absolute;
bottom:0;
}
form {
border:none;
}
.chatdiv {
position:absolute;
left:85px;
top:125px;
width:170px;
}
.chatdiv #chatbutton {
margin-top:10px;
float:right;
cursor:pointer;
}
#vps_btn {
display:block;
position:absolute;
height: 34px;
width: 122px;
left:18px;
bottom:12px;
overflow:hidden;
z-index:5;
}
#vps_btn img{
position: absolute;
bottom:0;
}
#vps_btn:hover img{
left:-125px;
}
#dedi_btn {
display:block;
position:absolute;
height: 34px;
width: 238px;
left:18px;
bottom:12px;
overflow:hidden;
z-index:5;
}
#dedi_btn img{
position: absolute;
bottom:0;
}
#dedi_btn:hover img{
left:-238px;
}
#demo_image {
position:absolute;
top:78px;
right:10px;
z-index:3;
}
.demo h4 {
font-weight:400;
border-bottom:1px solid #FC3;
font-size:16px;
position:relative;
top:15px;
left:20px;
width:200px;
color:#033B73;
margin:0;
}
#demo_text {
position:relative;
top:30px;
left:20px;
width:130px;
font-size:11px;
}
#demo_link {
position:absolute;
top:54px;
text-align:center;
color:#FFFFFF;
}
.better h4 {
font-weight:400;
border-bottom:1px solid #FC3;
font-size:16px;
position:relative;
top:15px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
width:200px;
color:#033B73;
text-align:center;
}
.features_footer {
margin-top:10px;
background:#C6C6C6;
height:104px;
width:860px;
position:relative;
}
#chatbutton {
width:97px;
height:34px;
background:url(livechat_button.gif);
border:none;
}
#chatbutton:hover {
background-position:-97px 0;
}
#question {
background:#FFC;
width:167px;
height:20px;
font-size:14px;
color:#515151;
border-bottom:2px solid #DDD;
border-right:2px solid #DDD;
}
.footer_content {
height:102px;
width:858px;
background:#FFF;
position:absolute;
top:1px;
left:1px;
overflow:hidden;
}
.ss_text {
position:absolute;
top:25px;
left:20px;
font-size:13px;
width:112px;
text-align:center;
}
.script_images {
position:absolute;
left:150px;
margin:8px 0 0 0;
padding:0 0 0 15px;
width:680px;
text-align:center;
list-style-type:none;
}
.scripts {
width:63px;
height:86px;
padding:68px 0 0 0;
margin:0 6px;
position:relative;
background:url(ss.png) no-repeat;
float:left;
text-align:center;
}
.scripts.joomla {
background-position:-62px 0;
}
.scripts.drupal {
background-position:-124px 0;
}
.scripts.roundcube {
background-position:-186px 0;
}
.scripts.zen_cart {
background-position:-248px 0;
}
.scripts.phpbb {
background-position:-310px 0;
}
.scripts.prestashop {
background-position:-372px 0;
}
.scripts.concrete5 {
background-position:-434px 0;
}
.scripts.more {
background-position:-496px 0;
}
#ss_tagline {
color:#033B73;
font-weight:400;
margin:0 0 3px;
display:inline-block;
width:112px;
}
#ss_link {
font-size:11px;
}
.upper {
text-transform:uppercase;
}
.fbold {
font-weight:700;
}
#footer {
margin-top:50px;
text-align:center;
position:relative;
display:inline;
}
.footer_links {
display:inline;
padding:0;
}
.footer_links li {
display:inline;
padding-left:5px;
vertical-align:top;
}
.footer_links a {
color:#033B73;
font-size:11px;
}
#copyright {
text-align:center;
color:#515151;
font-size:10px;
margin:3px 0 20px;
}
.sec_c {
position:absolute;
height:5px;
width:5px;
overflow:hidden;
background:url(hp_sprite.gif) -11px -14px no-repeat;
}
.sec_tl {
top:0;
}
.sec_tr {
background-position:-16px -14px;
top:0;
right:0;
}
.sec_bl {
background-position:-11px -19px;
bottom:0;
left:0;
}
.sec_br {
background-position:-16px -19px;
bottom:0;
right:0;
}
.frame_c {
position:absolute;
background:url(hp_sprite.gif) no-repeat;
bottom:0;
_bottom:-1px;
height:14px;
width:14px;
overflow:hidden;
}
.frame_br {
background-position:-14px 0;
right:0;
}
.frame_bl {
left:0;
}
.adisc {
margin-bottom:10px;
text-align:center;
line-height:10px;
}
#dedi_image {
display:block;
position:relative;
width:136px;
height:105px;
left:140px;
bottom:44px;
z-index:3;
}
#servers_image {
position:absolute;
right:10px;
top:70px;
}
.better h4 {
text-align:left;
width:225px;
left:20px;
top:15px;
margin:0;
white-space:nowrap;
}
div#rptext {
position:relative;
left:20px;
top:30px;
font-size:11px;
}
.rpcolor {
color:#033A72;
}
.rpbump {
margin-bottom:10px;
}
#learn_more_image {
position:absolute;
top:0;
left:0;
}
#learn_more_image:hover {
left:-112px;
}
#social_media_div {
height:50px;
padding-top:10px;
margin:0px auto;
}
#social_media_div ul {
padding:0;
}
#social_media_div li {
display:inline;
padding:0 5px;
vertical-align:middle;
}
#social_media_div a {
text-decoration:none;
}
del {
display:inline-block;
text-decoration:none;
position:relative;
}
ins {
text-decoration:none;
color:yellow;
}
.diag_strike {
width:90%;
transform:rotate(-8deg);
-moz-transform:rotate(-8deg);
-webkit-transform:rotate(-8deg);
-ms-transform:rotate(-8deg);
border-bottom:3px solid red;
position:absolute;
bottom:.6em;
left:0;
margin:auto;
}
#sale_terms {
font-size:10px;
margin:4px 10px 0 10px;
}
.inline {
display:inline;
border:none;
}
.p_terms_container{
height:28px;
text-align:center;
margin:-15px 0 0;
}
.p_renewal_rate{
font-size:11px;
display:inline;
margin:0 0 0 10px;
}
.p_renewal_term {
border-right:1px solid white;
font-size:11px;
display:inline;
padding:0 6px 0 0;
}
.p_renewal_rate{
font-size:11px;
display:inline;
}
.p_pro_intro{display:none;}
.p_hide{display:none;}
#banner{margin:0 0 10px;}
#dedi_feat{background:url(dedicated_full.jpg);width:860px;height:91px;position:relative;margin-bottom:10px;}
#dedi_feat_btn{position:absolute;top:42px;right:42px;width:107px;overflow:hidden;}
#dedi_feat_btn img{position:relative;}
#dedi_feat_btn:hover img{left:-112px;}
.hosting_benefits a {
color:#fff;
text-decoration:none;
}
.hosting_benefits a:hover {
text-decoration:underline;
}
.signup_subtext {color:#000;}
.signup_subtext a {color:#033A72;}
.unlimited{text-decoration:underline;}