*{
margin:0px;
padding:0px;
}

body{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
}

/********** page layout **********/
#container{
width:950px;
margin:10px auto;
}
#masthead{
background:url(masthead_bg.jpg) no-repeat right 0px;
height:88px;
}
#masthead #logo{
background:url(logo.gif) no-repeat 0px 0px;
display:block;
height:88px;
width:240px;
}
#content{
font-size:12px;
line-height:20px;
}
/** main navigation **/
#navigation{
margin:0 0 20px;
}
#menu{
height:17px;
padding-left:4px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
color:#5a5a5a;
font-size:11px;
font-weight:bold;
line-height:17px;
background:url(menu-bg.gif) repeat-x 0px -1px;
text-transform:uppercase;
position:relative;
}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
height:17px;
position:absolute;
top:0px;
right:0px;
}
#menu li{
list-style:none;
margin:0px;
padding:0px;
height:17px;
float:left;
padding:0px 0px 0px 2px;
background:url(menu-bg.gif) no-repeat 0px -39px;
}
#menu a{
color:#444444;
float:left;
height:17px;
padding:0px 8px;
text-decoration:none;
}
#menu a:hover, #menu li.active a{
color:#000;
background:url(menu-bg.gif) repeat-x 0px -19px;
}
#submenu{
background:#f5f5f5;
padding:5px 10px;
text-align:right;
color:#33cc00;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#submenu a{
color:#333333;
font-size:10px;
padding:0px 5px;
}
#submenu a:hover{
color:#ff6600;
}
/** columns layout **/
.col-main{
/*main column when paired with 1 sidebar*/
width:710px;
float:left;
}
.col-mid{
/*main column when paired with 2 sidebars*/
width:510px;
}
.col-left{
/*left sidebar*/
width:220px;
float:left;
}
.col-right{
/*right sidebar*/
width:220px;
padding:0 0 0 20px;
float:left;
overflow:hidden;
}
.half-width{
width:50%;
float:left;
}
.block{
padding:12px;
}
/** footer **/
#footer{
clear:both;
text-align:center;
margin:30px 0px 20px;
padding:15px 0px 0px;
border-top:1px solid #cccccc;
color:#333333;
font-weight:bold;
}
#footer ul{
margin:0px 0px 10px;
padding:0px;
list-style:none;
}
#footer li{
padding:0px 16px;
border:solid #000;
border-width:0px 0px 0px 1px;
display:inline;
}
#footer li.first{
border-width:0px;
}
#footer p{
clear:both;
}
#footer a{
color:#2481C0;
}
/********** end page layout **********/


/********** link styles **********/
a {
color:#159cdb;
text-decoration:none;
}
a:hover {
color:#6cc3ec;
text-decoration:underline;
cursor:pointer;
}
a.box-link{
background:#ececec;
font-weight:bold;
display:block;
text-align:center;
padding:5px 0px;
}
a.box-link:hover{
background:#2382dc;
color:#fff;
text-decoration:none;
}
a img{
border:none;
text-decoration:none;
}
a.btn{
display:block;
height:40px;
background-repeat:no-repeat;
}
a.btn-green{
background-position:0px 0px;
}
a.btn-blue{
background-position:0px -40px;
}
a.btn-black, a.btn:hover{
background-position:0px -80px;
}
.btn-grey, .btn-grey .left, .btn-grey .right, .btn-grey .divider{
background:url(images_buttons/btn_grey.gif) no-repeat;
height:38px;
line-height:38px;
float:left;
}
.btn-grey{
background-repeat:repeat-x;
background-position:0px -152px;
text-align:center;
}
a.btn-grey, .btn-grey a{
color:#5d5d5d;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
float:left;
}
.btn-grey .left{
background-position:0px 0px;
padding:0 0 0 16px;
}
.btn-grey .right{
background-position:right -76px;
padding:0 16px 0 0;
}
a.btn-grey:hover, .btn-grey a:hover{
color:#56a6d6;
background-position:0px -190px;
}
.btn-grey:hover .left, .btn-grey a:hover .left{
background-position:0px -38px;
}
.btn-grey:hover .right, .btn-grey a:hover .right{
background-position:right -114px;
}
.btn-grey .divider{
background-position:0px -228px;
width:2px;
margin:0px 10px;
}
#sb-gallery-link{
position:relative;
width:290px;
margin:0 auto;
}
#sb-gallery-link a{
position:absolute;
left:5px;
top:10px;
display:block;
width:60px;
height:60px;
}
/********** end link styles **********/


/********** list styles **********/
ul, ol{
margin:0 0 20px;
padding:0 0 0 25px;
}
li{
padding:0 0 3px;
}
ol li{
margin:0 0 7px;
}
ul.green-bullets{
list-style-image:url(images_icons/green-bullet.png);
}
ul.orange-tick{
list-style-image:url(images_icons/tick-white.gif);
margin:0 0 20px 12px;
padding:0 0 0 15px;
}
ul.green-tick{
list-style:none;
margin:0 0 10px;
padding:0px;
}
ul.green-tick li{
background:url(images_icons/tick.png) no-repeat 4px 5px;
padding:0px 0px 0px 35px;
margin:0 0 5px;
}
ul.plus{
list-style-image:url(images_icons/plus.gif);
}
.watch-vid li, li.watch-vid{
list-style-image:url(images_icons/film_go.png);
margin:0 0 5px;
font-weight:bold;
}
.dl-pdf li, li.dl-pdf{
list-style-image:url(images_icons/page_white_acrobat.png);
margin:0 0 5px;
font-weight:bold;
}
/********** end list styles **********/


/********** text styles **********/
p{
font-size:12px;
line-height:20px;
margin:0 0 10px;
}
blockquote{
margin:0px 5% 10px;
}
h1,h2,h3,h4,h5,h6{
font-family:helvetica,arial,verdana;
margin:0 0 0.6em;
}
td h1,td h2,td h3,td h4,td h5,td h6,
th h1,th h2,th h3,th h4,th h5,th h6{
margin:0;
}
h1{
font-size:19px;
clear:both;
color:#111111;
}
h2{
font-family:Georgia, "Times New Roman", serif;
font-size:18px;
font-weight:normal;
}
h3{
font-size:16px;
font-weight:bold;
}
h4{
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
h5{
font-size:16px;
font-weight:normal;
}
h6{
font-size:12px;
font-weight:bold;
}
.blue-text, .txt-blue{
color:#159cdb;
}
.orange-text, .txt-orange{
color:#ff6600;
}
.green-text, .txt-green{
color:#33cc00;
font-size:16px;
font-weight:bold;
}
.txt-grey{
color:#646464;
}
a:hover .txt-grey{
color:#7a7a7a;
}
.large-text, .txt-large{
font-size:18px;
line-height:22px;
}
.box-heading{
text-align:center;
margin:0;
padding:10px;
background:#f8f7f6;
border:1px solid #eeeeee;
}
.hidden-text{
text-indent:-9999px;
font-size:0px!important;
line-height:0px!important;
margin:0;
}
/********** end text styles **********/


hr{
background:#dedede;
border:none;
color:#dedede;
height:1px;
margin:10px auto;
width:90%;
}

img.photo{
border:1px solid #1e1e1e;
}

.info{
background:url(images_icons/icon_info.png) no-repeat right center;
display:block;
margin:0 5px 0 0;
padding:0 20px 0 0;
}

.clearfix{
clear:both;
height:1px;
}


/********** boxes **********/
/** product boxes **/
.pbox{
float:left;
margin:0 0 10px;
}
.pbox a{
display:block;
height:200px;
}
.product-boxes, .product-boxes-v, .product-boxes-h, .product-boxes-2col{
text-align:center;
}
.product-boxes-h{
margin:10px 0px 20px;
float:left;
width:100%;
}
.product-boxes-h .pbox{
width:25%;
}
.product-boxes-2col .pbox{
width:50%;
}
/** grey round corner box **/
.rcbox{
position:relative;
background:url(images_boxes/rcbox_950.gif) repeat-y -1900px 0px;
width:100%;/*for ie6*/
margin:0 0 10px;
}
.rcbox-right{
background:url(images_boxes/rcbox_950.gif) repeat-y right 0px;
padding:20px 6% 30px 0px;
margin:0 0 0 6%;
}
.rcbox-top, .rcbox-bottom{
background:url(images_boxes/rcbox_950.gif) no-repeat 0px 0px;
position:absolute;
left:0px;
top:0px;
height:20px;
width:100%;
}
.rcbox-bottom{
top:auto;
bottom:0px;
background-position:-950px 0px;
}
.rcbox-tr, .rcbox-br{
position:absolute;
top:0px;
right:0px;
height:20px;
width:20px;
background:url(images_boxes/rcbox_950.gif) no-repeat -930px 0px;
}
.rcbox-br{
background-position:-1880px 0px;
}
.rcbox-titlebar{
height:40px;
line-height:40px;
background:url(images_boxes/rcbox_titlebar.gif) no-repeat 0px 0px;
font-weight:bold;
color:#444444;
}
.rcbox-titlebar span, .rcbox-titlebar h4{
padding:0 0 0 5%;
position:relative;
z-index:10;
}
.rcbox-titlebar .rcbox-tr{
background:url(images_boxes/rcbox_titlebar.gif) no-repeat right 0px;
height:40px;
}
.rcbox-right.w-titlebar{
padding-top:60px;
}
#homepage-intro .rcbox-titlebar .rcbox-tr, #domains-intro .rcbox-titlebar .rcbox-tr{background:url(images_boxes/rcbox_crn.gif) no-repeat right 0px; width:65px;}
#rcbox-promote .rcbox-titlebar .rcbox-tr{background:url(images_boxes/rcbox_crn.gif) no-repeat right -160px; width:65px;}
#rcbox-protect .rcbox-titlebar .rcbox-tr{background:url(images_boxes/rcbox_crn.gif) no-repeat right -80px; width:65px;}
#rcbox-backup .rcbox-titlebar .rcbox-tr{background:url(images_boxes/rcbox_crn.gif) no-repeat right -120px; width:65px;}
#rcbox-twitter .rcbox-titlebar .rcbox-tr{background:url(images_boxes/rcbox_crn.gif) no-repeat right -40px; width:65px;}
.grey-tabs{
height:60px;
line-height:55px;
width:100%;
text-align:center;
margin:0;
}
.grey-tabs td{
border:none;
padding:0;
}
.grey-tabs td.first{padding:0 0 0 20px; background:url(images_boxes/grey-tabs.gif) no-repeat 0px -60px;}
.grey-tabs td.last{padding:0 20px 0 0; background:url(images_boxes/grey-tabs.gif) no-repeat right -120px;}
.grey-tabs a{
display:block;
height:55px;
background:url(images_boxes/grey-tabs.gif) repeat-x 0px 0px;
padding:3px 0 2px;
font-size:17px;
text-decoration:none;
text-transform:uppercase;
}
.grey-tabs a .tab-text{
display:block;
border-left:#fff 1px solid;
border-right:#c8c8c8 1px solid;
}
.grey-tabs td.first a .tab-text{border-left:none;}
.grey-tabs td.last a .tab-text{border-right:none;}
.grey-tabs td.first.active{background-position:0px -240px;}
.grey-tabs td.last.active{background-position:right -300px;}
.grey-tabs td.active a{background-position:0px -180px;}

/** green and blue boxes **/
.greenbox, .greenbox-top, .greenbox-bottom{
background-image:url(images_boxes/greenbox_250.gif);
}
.bluebox, .bluebox-top, .bluebox-bottom{
background-image:url(images_boxes/bluebox_250.gif);
}
.greenbox, .bluebox{
position:relative;
width:250px;
background-position:-250px 0px;
background-repeat:repeat-y;
margin:0 auto;
color:#fff;
}
.greenbox-top, .bluebox-top{
height:20px;
width:250px;
background-position:0px 0px;
background-repeat:no-repeat;
}
.greenbox-bottom, .bluebox-bottom{
height:20px;
width:250px;
background-position:-500px 0px;
background-repeat:no-repeat;
}
.greenbox .inner, .bluebox .inner{
padding:0px 22px;
}
/** gradient box **/
.gradbox, .gradbox .left, .gradbox .right{
background-image:url(images_boxes/gradbox.gif);
height:184px;
}
.gradbox{
background-repeat:repeat-x;
background-position:0px -368px;
margin:0 5px 20px;
}
.gradbox .left{
background-repeat:no-repeat;
background-position:left 0px;
}
.gradbox .right{
background-repeat:no-repeat;
background-position:right -184px;
padding:10px 30px;
height:164px;
}
/** support box **/
div.support247{
background:url(images_boxes/p-box_blank.gif) no-repeat;
width:188px;
height:170px;
padding:10px 16px 20px;
font-weight:bold;
}
div.support247 p{
text-align:center;
}
/********** end boxes **********/


/********** tables **********/
table{
clear:both;
border:none;
margin:20px 0px;
border-collapse:collapse;
border-spacing:0px;
width:100%;
text-align:center;
}
tr.t-head{
background:url(grad_up.gif) repeat-x 0px bottom;
font-weight:bold;
}
tr.t-head th, tr.t-head td{
border:solid #e0dddc;
border-width:1px 1px 2px;
padding:14px 6px;
}
td{
padding:6px;
border: 1px solid #fff;
}
tr.odd{
background:#f7f7f7;
}
tr.even{
background:#fff;
}
tr.important{
font-size:14px;
font-weight:bold;
color:#159cdb;
}
table.left, table .left{
text-align:left;
}
td.left, th.left{
font-weight:bold;
color:#464646;
}
/** comapre table **/
.compare-table td{
border: 1px solid #e0dddc;
}
.compare-table .description{
font-size:12px;
font-style:italic;
color:#6b6b6b;
font-weight:normal;
}
/** blue and green table cells **/
td.blue, tr.hover-blue:hover{background:#c9e7f6; border-color:#b1cedb;}
tr.odd td.blue, tr.hover-blue.odd:hover{background:#c4e0ef;}
td.green, tr.hover-green:hover{background:#d4f1cf; border-color:#bbd6b6;}
tr.odd td.green, tr.hover-green.odd:hover{background:#cdebc9;}
/********** end tables **********/


/********** forms **********/
form{
position:relative;
}
.form-item{
float:left;
width:100%;
margin:0 0 10px;

}
.form-item label{
float:left;
width:25%;
text-align:right;
padding:3px 3% 3px 0px;
}
.form-text input, .form-text textarea{
width:70%;
padding:3px 0px;
float:left;
}
.form-captcha, .form-checkboxes, .form-submit{
padding:5px 0px 5px 28%;
}
.form-submit input{
padding:5px;
}

/** account forms **/
#account-renew .form-domain input{
width:380px;
float:none;
}
#account-upgrade label, #account-cancel label{
width:100px;
}
#account-upgrade .form-submit, #account-cancel .form-submit{
padding-left:108px;
width:auto;
}
#account-upgrade .form-text input, #account-cancel .form-text input{
width:172px;
}
#account-upgrade .form-domain input, #account-cancel .form-domain input{
width:105px;
float:none;
}
.form-item .domain-input{
width:70%;
padding:3px 0px;
display:inline;
}
.form-item .domain-input .http{
font-weight:bold;
}
#account-renew form .form-icon{
position:absolute;
top:70px;
left:-20px;
}
#account-upgrade form .form-icon, #account-cancel form .form-icon{
position:absolute;
top:110px;
left:-38px;
}

/** domain quick search form **/
#domain-search{position:relative; background:url(images_boxes/domain-search_bg.jpg) no-repeat 0px 0px; height:400px; width:475px;}
#domaintypeform{position:absolute; top:110px; right:10px; width:260px;}
#domaintypeform label, #domaintypeform p{line-height:14px; font-size:11px; margin:0px;}
#domaintypeform #ludomain{background:#fefea6 url(domain-search_bg_txtfield.gif) repeat-x 0px 0px; border:1px solid #c9bc87; color:#187fc1; font-size:14px; padding:4px; width:200px;}
#domaintypeform #fieldset-wrap{margin:5px 0px 10px; float:left; width:100%;}
#domaintypeform fieldset{float:left; width:33%; border:none;}
#domaintypeform fieldset input{margin:2px;}
#domaintypeform p.reset{padding:2px 0px;}
#domain-search p.ac{clear:both; margin:0px 0px 6px; text-align:center;}
#domain-search .conditions{text-align:center; position:absolute; bottom:20px; width:100%;}
#domain-search .conditions p{color:#b39721; font-size:10px; margin:0px;}
#domain-search ul#domain-options{list-style:none; margin:0; padding:10px 0 0; text-align:center; font-weight:bold;}
#domain-search ul#domain-options li{display:inline; padding:0 5px;}
#domain-search.domain-search-hp{background:url(images_boxes/domain-search_bg_hp.jpg) no-repeat 0px 0px; height:387px; width:270px; float:right;}
#domain-search.domain-search-hp #domaintypeform{top:185px; width:250px;}
#domain-search.domain-search-small{background:url(images_boxes/domain-search_bg_small.jpg) no-repeat 0px 0px; height:200px;}
#domain-search.domain-search-small #domaintypeform{top:55px; left:60px; width:300px;}
#domain-search.domain-search-small #domaintypeform #ludomain{width:140px;}

/** what-today select box **/
select.services{
font-size:14px;
display:block;
width:70%;
margin:20px auto 0px;
}
/********** end forms **********/


/********** jqModal CSS **********/
.jqmWindow {
display: none;
position: fixed;
top: 15%;
left: 50%;
margin-left: -200px;
width: 400px;
height:400px;
overflow:auto;
background-color: #EEE;
color: #333;
border: 1px solid black;
padding: 12px;
}
.jqmOverlay {background-color: #000;}
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #988f6c;
background-color: #f9f7ef;
color:#302d22;
padding: 5px;
opacity: 0.85;
width:200px;
font-family:Helvetica,Arial,sans-serif;
line-height:19px;
font-size:12px;
font-weight:normal;
}
#tooltip h3, #tooltip div {margin: 0; font-weight:normal; font-size:12px;}
a#close-modal {
position:absolute;
top:10px;
right:10px;
}
a#close-modal img {border:0;}
/********** end jqModal CSS **********/


/********** CSS for specific pages **********/

#hp-intro #help-links, #domains-intro #help-links{width:30%; float:left;}
#hp-intro #hp-blurb, #domains-intro #domains-blurb{width:70%; float:left;}
#hp-intro, #domains-intro{margin:0 0 20px;}

/** home page **/
#hp-boxes{
height:400px
}
#hp-boxes #hp-pro1, #hp-boxes #hp-easysite{
width:290px;
height:308px;
padding:50px 20px 30px;
margin:0 10px 0 0;
float:left;
font-size:14px;
}
#hp-boxes #hp-pro1{
background:url(images_boxes/hp_pro1.gif) no-repeat;
}
#hp-boxes #hp-private{
background:url(images_boxes/hp_ps.gif) no-repeat;
}
#hp-boxes #hp-easysite{
background:url(images_boxes/hp_es.gif) no-repeat;
}
#webcity-guide{font-size:11px;}
#webcity-guide .col{width:25%; float:left;}
#webcity-guide dl{padding:5px;}
#webcity-guide dt{font-weight:bold;}
#logos{text-align:center;}
#logos ul{margin:0px; padding:0px; list-style:none;}
#logos li{list-style:none; display:inline;}

/** about pages **/
.reason{clear:both; margin:0 0 20px;}
.reason img{float:left;}
.reason p, .reason h6{padding-left:100px;}
#content.greenfleet{
background:url(tree.jpg) no-repeat right bottom;
}

/** domains pages **/
table#domain-prices td{padding:6px; border: 1px solid #e0dddc;}
table#domain-prices tr.dotau{background:#e3f4e3;}
table#domain-prices tr.dot{background:#edf8ff;}
table#domain-prices tr.dotnz{background:#f5f5f5;}
table#domain-prices td.left{font-weight:bold; font-size:14px; font-family:Georgia, "Times New Roman", serif;}
table#domain-prices tr.dotau td.left{background:#cff5cf;}
table#domain-prices tr.dot td.left{background:#d7efff;}
table#domain-prices tr.dotnz td.left{background:#f4f4f4;}

/** hosting pages **/
.hosting-features ul{list-style:none; margin:0px; padding:0px;}
.hosting-features li{display:block; height:20px; line-height:20px; font-size:10px; margin:0px; padding:0px 0px 0px 40px;}
.hosting-features .main-features li{font-family:Georgia,"Times New Roman",serif; font-size:12px; height:27px; line-height:27px;}
.hosting-features li.space{background:url(images_icons/icon_disk.png) no-repeat 15px center;}
.hosting-features li.traffic{background:url(images_icons/icon_traffic.png) no-repeat 16px center;}
.hosting-features li.email{background:url(images_icons/icon_mail.png) no-repeat 16px center;}
.hosting-features li.sitebuilder{background:url(images_icons/icon_paint.png) no-repeat 16px center;}
.hosting-features li.google-voucher{background:url(images_icons/icon_voucher100.png) no-repeat 7px center;}
.hosting-features li.google-voucher-50{background:url(images_icons/icon_voucher50.png) no-repeat 7px center;}
.hosting-features li.hasa{background:url(images_icons/icon_time.png) no-repeat 16px center;}
.hosting-features li.tick{background:url(images_icons/tick.png) no-repeat 10px center;}
.hosting-payment ul{list-style:none; font-family:Georgia, "Times New Roman", serif; font-size:10px;}
.hosting-payment li{border-top:1px solid #d9d9d9; padding:8px 0px;}
.hosting-payment li .price{font-size:12px; font-weight:bold;}
.hosting-payment li.m12{font-size:12px;}
.hosting-payment li.m12 .price{font-size:18px;}
.hosting-payment li.m12 strong{font-size:14px;}
#hosting-landing-boxes{margin:20px 0 30px;}
#hosting-landing-boxes .hosting-box{position:relative; width:220px; margin:0 0 0 22px; float:left; background:url(images_boxes/hosting-box_bg.gif) repeat-y 0px 0px;}
#hosting-landing-boxes #easysite{background-image:url(images_boxes/hosting-box_bg-blue.gif); margin:0;}
#hosting-landing-boxes .hosting-box .title{display:block; height:38px; width:220px; background:url(images_boxes/hosting-box_title.gif) no-repeat;}
#hosting-landing-boxes #easysite .title{background-position:0px -228px;}
#hosting-landing-boxes #easysite .title:hover{background-position:0px -266px;}
#hosting-landing-boxes #hosting-starter .title{background-position:0px 0px;}
#hosting-landing-boxes #hosting-starter .title:hover{background-position:0px -38px;}
#hosting-landing-boxes #hosting-pro1 .title{background-position:0px -76px;}
#hosting-landing-boxes #hosting-pro1 .title:hover{background-position:0px -114px;}
#hosting-landing-boxes #hosting-pro2 .title{background-position:0px -152px;}
#hosting-landing-boxes #hosting-pro2 .title:hover{background-position:0px -190px;}
#hosting-landing-boxes #hosting-pro5 .title{background-position:0px -304px;}
#hosting-landing-boxes #hosting-pro5 .title:hover{background-position:0px -342px;}
#hosting-landing-boxes a.hasa{display:block; height:27px; width:205px; background:url(images_buttons/hasa.png) no-repeat center 0px;}
#hosting-landing-boxes a.hasa:hover{background-position:center -27px;}
#hosting-landing-boxes #hosting-starter ul.main-features, #hosting-landing-boxes #easysite ul.main-features{padding-top:27px;}
#hosting-landing-boxes .hosting-features, #hosting-landing-boxes .hosting-payment{padding:0 8px; width:204px; position:relative;}
#hosting-landing-boxes .features-text, #hosting-landing-boxes .payment-text{position:absolute; top:42px; left:22px; height:120px; width:9px; background:url(images_boxes/hosting-box_side-text.png) no-repeat 0px 0px;}
#hosting-landing-boxes .payment-text{background-position:0px -120px; top:18px;}
#hosting-landing-boxes .hosting-box ul{padding:0; margin:0px;}
#hosting-landing-boxes li{border-top:1px solid #fff; border-bottom:1px solid #d9d9d9; padding:0 0 0 48px;}
#hosting-landing-boxes #easysite li{border-top:1px solid #dcf0fc; border-bottom:1px solid #b2d0e2;}
#hosting-landing-boxes .hosting-payment li{padding:8px 0px 8px 25px; background:#f4f4f4;}
#hosting-landing-boxes #easysite .hosting-payment li{background:#c7e8fb;}
#hosting-landing-boxes .bottom{background:url(images_boxes/hosting-box_bottom.gif) no-repeat 0px 0px; height:44px; width:220px; margin:-6px 0 0;}
#hosting-landing-boxes .bottom a{padding:16px 0 0; height:28px; width:110px; float:left; text-align:center; text-transform:uppercase; color:#5d5d5d; font-weight:bold; text-decoration:none;}
#hosting-landing-boxes .bottom a:hover{color:#56a6d6;}
#hosting-plan{margin:0 0 30px;}
#hosting-plan .grey-tabs a{width:227px;}
#hosting-plan .grey-tabs .first a, #hosting-plan .grey-tabs .last a{width:228px;}
#hosting-plan .rcbox-right{margin:0 0 0 6px; padding:20px 0 20px;}
#hosting-plan .col-left{float:left; width:180px; padding:10px 25px;}
#hosting-plan .hosting-desc{
float:right;
width:630px;
min-height:190px;
margin:12px 40px 0 0;
padding:15px;
border:1px solid #e9e9e9;
background:#f7f7f7;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#hosting-plan .btn-cont{float:right; padding:20px 0 0;}
#hosting-plan .hosting-payment ul{margin:8px 0 0; padding:0 0 0 10px;}
ul.hosting-inclusions{margin:0 0 30px 0;}
ul.hosting-inclusions li{margin:0 0 1px; padding:5px 0px 5px 35px;}
.hosting-inclusions .odd{background-color:#ebebeb;}
.hosting-inclusions .even{background-color:#f2f2f2;}
table.hosting td{width:88px;}
table.hosting td.left{width:338px;}
a.btn-buynow{background-image:url(images_buttons/btn_buy-now.gif); width:88px; margin:0 auto;}
#ssl-nav{
background:url(ssl.gif) no-repeat right bottom;
padding:0 0 160px;
text-align:right;
font-weight:bold;
}
#ssl-nav ul{
list-style:none;
}

/** Online Storage pages **/
#ols-boxes{
background:url(images_boxes/ols_boxes.jpg) no-repeat;
width:710px;
height:400px;
}
#ols-free, #ols-pro{
float:left;
width:294px;
padding:80px 28px 0;
}
#ols-free{
margin:0 10px 0 0;
}
#ols-free .tryit{
background:url(images_buttons/ols_tryit-free.gif) no-repeat 0px 0px;
display:block;
width:149px;
height:56px;
float:right;
margin:0 0 30px;
}
#ols-free .tryit:hover{
background-position:0px -57px;
}
#ols-pro .tryit{
background:url(images_buttons/ols_tryit-pro.gif) no-repeat 0px 0px;
display:block;
width:209px;
height:39px;
margin:5px auto 48px;
}
#ols-pro .tryit:hover{
background-position:0px -40px;
}
#ols-free #ols-catch{
line-height:20px;
clear:right;
text-align:right;
}
#ols-pro{}
#ols-boxes p{
font-size:16px;
line-height:30px;
}

.ols-box p{font-family:"Myriad Pro", Helvetica, sans-serif; color:#2b2b2b; font-size:18px; margin:0px 0px 12px;}
.ols-box p strong{color:#000;}
#ols-box-free .rcbox-titlebar{background:url(images_boxes/rcbox_titlebar_blue-green.gif) no-repeat 0px -40px;}
#ols-box-free .rcbox-titlebar .rcbox-tr{background:url(images_boxes/rcbox_titlebar_blue-green.gif) no-repeat right -40px;}
#ols-box-pro .rcbox-titlebar{background:url(images_boxes/rcbox_titlebar_blue-green.gif) no-repeat 0px 0px;}
#ols-box-pro .rcbox-titlebar .rcbox-tr{background:url(images_boxes/rcbox_titlebar_blue-green.gif) no-repeat right 0px;}
#ols-box-free p.trynow{text-align:center;}
#ols-box-free p.trynow a{color:#18538f;}
#ols-box-free p.trynow a:hover{color:#3796f7;}
#ols-box-pro p.trynow a{color:#307d19;}
#ols-box-pro p.trynow a:hover{color:#48b527;}
.ols-box p.trynow a{font-weight:bold; text-decoration:none;}
#ols-features-table td.left{color:#1f5470;}

/** web design pages **/
#design-header{
background:url(header_design-landing.jpg) no-repeat 0px 0px;
padding:60px 0 0;
height:80px;
width:950px;
margin:0 0 30px;
}
#design-landing-boxes{padding:0px 75px; width:600px; margin:0 auto;}
#design-landing-boxes #design-sitebuilder, #design-landing-boxes #design-ecommerce{width:300px; float:left;}
#design-landing-boxes .greenbox, #design-landing-boxes .bluebox{height:200px; padding:0 0 157px; font-weight:bold;}
#design-landing-boxes .greenbox-bottom{background:#fff url(images_boxes/greenbox_design-base.jpg) no-repeat 0px 0px; width:250px;}
#design-landing-boxes .bluebox-bottom{background:#fff url(images_boxes/bluebox_design-base.jpg) no-repeat 0px 0px; width:320px;}
#design-landing-boxes .greenbox-bottom, #design-landing-boxes .bluebox-bottom{height:157px; position:absolute; top:200px; left:0px;}
#design-landing-boxes #design-sitebuilder .title{background:url(images_boxes/diy-sitebuilder.gif) no-repeat 0px 0px; width:169px;}
#design-landing-boxes #design-ecommerce .title{background:url(images_boxes/web-commerce.gif) no-repeat 0px 0px; width:183px;}
#design-landing-boxes .title{height:33px; margin:0 auto; margin:20px auto 10px;}
#design-landing-boxes .design-info{text-align:center; width:250px; margin:10px auto 0;}
#design-landing-boxes #design-sitebuilder .design-info h4{color:#62a827;}
#design-landing-boxes #design-ecommerce .design-info h4{color:#3f80be;}
#design-landing-boxes .more{height:46px; width:100px; display:block; background:url(images_buttons/btn_more.png) no-repeat 0px 0px; position:absolute; top:175px; right:20px; z-index:2;}
#design-landing-boxes .more:hover{background-position:0px -46px;}
#design-landing-boxes .learn-more{background-image:url(images_buttons/btn_learn-more.gif); width:140px; margin:0 auto;}
#btn-sb{position:absolute; top:288px; left:-75px; height:80px; width:120px;}
#btn-sb a{background:url(images_buttons/btn_sb.png) no-repeat 0px 0px; height:80px; width:120px; display:block;}
#btn-sb a:hover{background-position:0px -80px;}
.instant-templates h2{clear:both;}
ul.templates{border-top:1px solid #ececec; margin:0 0 10px; padding:10px 0 0; list-style:none; float:left; width:100%;}
ul.templates li{float:left; width:33%;padding:0 0 20px;}
ul.templates li a{width:240px; margin:0 auto; display:block;}
#wc-boxes, #wc-features{margin:0 0 20px;}
.wc-box{width:50%; float:left; padding:200px 0px 0px;}
#wc-instant{background:url(wc-boxes.png) no-repeat center 0px;}
#wc-starter{background:url(wc-boxes.png) no-repeat center -200px;}
.wc-box-inner{width:210px; margin:0 auto; border:1px solid #eeeeee; padding:5px; background:#fff url(grad_down.gif) repeat-x 0px 91px;}
.wc-box .title{height:86px; width:200px; display:block;}
#wc-instant .title{background:url(instant-wc-head.gif) no-repeat center 0px;}
#wc-starter .title{background:url(starter-wc-head.gif) no-repeat center 0px;}
.btn-buy{background-image:url(images_buttons/btn_prices_buynow.gif); width:200px; margin:0 auto;}
#wc-features .left, #wc-features .right{float:left; width:340px; border:solid #eeeeee; border-width:0px 1px 1px; padding:5px;}
#wc-features .right{float:right;}
.wc-step{border:1px solid #eeeeee; padding:5px; margin:0 0 10px;}
a.sb-demo{display:block; height:62px; width:500px; background:url(images_buttons/btn_sb-demo.gif) no-repeat 0px 0px; margin:0 auto;}
a.sb-demo:hover{background-position:0px -62px;}
a.wc-solutions{display:block; height:77px; width:743px; background:url(images_buttons/btn_wc-solutions.jpg) no-repeat 0px 0px; margin:0 auto;}
a.wc-solutions:hover{background-position:0px -77px;}
.gallery-block{
float:left;
width:33%;
text-align:center;
padding:5px 0;
}
.gallery-block img{
background:url(gallery-img_bg.png) no-repeat 0px 0px;
margin:0 0 5px;
padding:1px 5px 7px;
}
.gallery-block .gallery-caption{
font-weight:bold;
}

/** support pages **/