html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
background-repeat: no-repeat;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
body {background: #E6E6E6 url(../images/generic/bg_main.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.left {float: left;}
.right {float: right;}
.highlight { color: #A6BE50;}
.center {text-align: center;}
.online {color: #9ABD22; font-size: 13px; letter-spacing: normal;}
.offline {color: #FF6600; font-size: 13px; letter-spacing: normal;}
a {
text-decoration: underline;
color:#225498;
}
a:hover {color:#3276D1;}
#container {width: 960px; margin: 0 auto;}
#masthead {
height: 150px;
width: 960px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #2D2D2D;
background-color: #E6E6E6;
background-repeat: repeat-x;
background-position: top;
}
#masthead_right {
position: relative;
top: 7px;
color: #666;
float: right;
font-size: 12px;
width: 270px;
height: 71px;
padding-top: 5px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#masthead_right p.contact {width: 270px;}
#masthead_right p.contact a { float:none; font-weight: bold; color: #8D867E; text-decoration: underline;}
#masthead_right p.contact a:hover {color: #666;}
#masthead_right p a { float: left; color: #fff; text-align: center; line-height: 2.5em; text-decoration: none; font-size: 11px; }
#masthead_right p.blog a { margin-right: 10px; width: 65px; height: 24px; background: url(../images/generic/bg_masthead_buttons.gif) no-repeat 0 -4px;}
#masthead_right p.blog a:hover {background: url(../images/generic/bg_masthead_buttons.gif) no-repeat 0 -28px;}
#masthead_right p.affiliates a {margin-right: 10px; width: 64px; padding-left: 1px; height: 24px; background: url(../images/generic/bg_masthead_buttons.gif) no-repeat 0 -4px;}
#masthead_right p.affiliates a:hover {background: url(../images/generic/bg_masthead_buttons.gif) no-repeat 0 -28px;}
#masthead_right p.login a {padding-left: 6px; width: 103px; height: 24px; background: url(../images/generic/bg_masthead_buttons.gif) no-repeat -65px 0;}
#masthead_right p.login a:hover {background: url(../images/generic/bg_masthead_buttons.gif) no-repeat -65px -27px;}
#masthead_right p.logout a {display: inline; line-height: 2.7em; margin-left: 150px; padding-left: 4px; width: 102px; height: 25px; background: url(../images/generic/bg_masthead_button_logout.gif) no-repeat -3px 0;}
#masthead_right p.logout a:hover {background: url(../images/generic/bg_masthead_button_logout.gif) no-repeat -3px -29px;}
#masthead h2 a {float: left; margin: 34px 120px 0 5px; width: 276px; height: 50px; text-indent: -4000px; background-image: url(../images/fp/logo_easy-clics.png);}
#masthead ul {
float: left;
margin-top: 26px;
width: 600px;
height: 30px;
}
#masthead li.normale {float:left; margin-right:2px; height:30px; color:#FFF;}
#masthead li.normale a,#actif {color:#FFF; float:left; text-decoration:none; padding-left:7px; background:url(../coin-gauche.png) 0 -250px no-repeat}
#masthead span,#actif span {height:24px;float:left; padding:3px 5px 3px 0; background:url(../coin-droit.png) 100% -250px no-repeat;}
#actif {background-position:0 0}
#actif span {background-position:100% 0; color:#FFF}
#masthead li.normale a:hover,#masthead li.normale a:focus {background-position:0 -500px}
#masthead li.normale a:hover span,#masthead li.normale a:focus span {background-position:100% -500px}
#masthead form {float: right; width: 300px; height: 40px; margin: 25px 0 0 0;}
#masthead .searchdomains {margin-left:18px; margin-top: 2px; color: #8D867E; font-size: 11px; float: left; width: 102px; border: 0; outline: none;}
#masthead .search {width: 23px; background: url(../images/generic/btn_search.png); margin-left:10px;}
#masthead .search:hover {background: #fff url(../images/generic/btn_search.png) no-repeat 0 -21px;}
.fpboxes {width: 240px; height: 305px; float: left; color: #fff; font-size: 12px;}
.fpboxes ul {float: left; width: 180px; height: 170px; margin: 20px 0 0 0; padding-left: 45px; display: inline; list-style-position: outside;}
.fpboxes li {margin-bottom: 13px;}
#fp_domains {
background-color: #C50000;
background-image: url(../images/fp/bg_domains.png);
background-repeat: no-repeat;
background-position: top;
}
#fp_hosting {
background-color: #0C6;
background-image: url(../images/fp/bg_hosting.png);
background-repeat: no-repeat;
background-position: top;
}
#fp_resellers {
background-color: #06F;
background-image: url(../images/fp/bg_resellers.png);
background-repeat: no-repeat;
background-position: top;
}
#fp_servers {
background-color: #FE64CA;
background-image: url(../images/fp/bg_servers.png);
background-repeat: no-repeat;
background-position: top;
}
#fp_domains ul {height: 153px;}
#fp_domains form {float: left; width: 240px; height: 25px; margin: 22px 0 0 0;}
#fp_domains .searchdomains2 {
float: left;
color: #8D867E;
font-size: 11px;
float: left;
width: 110px;
border: 0;
outline: none;
margin-top: 2px;
margin-right: 0;
margin-bottom: 0;
margin-left: 25px;
}
#fp_domains .searchdomains3 {float: left; margin: 2px 0 0 2px; color: #8D867E; font-size: 11px; float: left; width: 60px; border: 0; outline: none;}
#fp_domains .search {text-indent: -8000px; background: url(../images/fp/btn_search_domains.png) no-repeat top; float: right; width: 23px; height: 21px; margin: 0 17px 0 0;}
#fp_domains .search:hover {background: #fff url(../images/fp/btn_search_domains.png) no-repeat 0 -21px;}
.fpboxes .more a { float: left; width: 112px; text-decoration: none; color: #fff; line-height: 250%; height: 30px; text-align: center; margin: 10px 0 0 15px; }
.fpboxes .buynow a {float: left; width: 80px; font-weight: bold; text-decoration: none; color: #fff; line-height: 250%; text-align: center; margin: 10px 0 0 15px; }
* html .fpboxes .more a {margin: 5px 0 0 15px; line-height: 2.5em;}
* html .fpboxes .buynow a {margin: 5px 0 0 15px; line-height: 2.5em;}
#fp_hosting .more a { background: #2D2D2D url(../images/fp/btn_topboxes.png) no-repeat -5px 0;}
#fp_hosting .more a:hover {background: url(../images/fp/btn_topboxes.png) no-repeat -5px -90px;}
#fp_hosting .buynow a { background: #2D2D2D url(../images/fp/btn_topboxes.png) no-repeat -140px 0;}
#fp_hosting .buynow a:hover {background: url(../images/fp/btn_topboxes.png) no-repeat -140px -90px;}
#fp_resellers .more a { background: #2D2D2D url(../images/fp/btn_topboxes.png) no-repeat -5px -30px;}
#fp_resellers .more a:hover {background: url(../images/fp/btn_topboxes.png) no-repeat -5px -120px;}
#fp_resellers .buynow a { background: #2D2D2D url(../images/fp/btn_topboxes.png) no-repeat -140px -30px;}
#fp_resellers .buynow a:hover {background: url(../images/fp/btn_topboxes.png) no-repeat -140px -120px;}
#fp_servers .more a { background: #2D2D2D url(../images/fp/btn_topboxes.png) no-repeat -5px -60px;}
#fp_servers .more a:hover {background: url(../images/fp/btn_topboxes.png) no-repeat -5px -150px;}
#fp_servers .buynow a { background: #2D2D2D url(../images/fp/btn_topboxes.png) no-repeat -140px -60px;}
#fp_servers .buynow a:hover {background: url(../images/fp/btn_topboxes.png) no-repeat -140px -150px;}
.boxlink a{width: 240px; height: 75px; float: left; display: block; text-indent: -5000px;}
#fpcontent {
float: left;
width: 960px;
line-height: normal;
background-color: #fff;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#fpcontent_membre {
float: left;
width: 940px;
margin: 0 auto;
padding: 0px 10px 20px 10px;
line-height: normal;
background-color: #fff;
}
#fpcontent h5 {
letter-spacing: -1px;
float: left;
color: #fff;
font-size: 17px;
line-height: 190%;
margin-left: 5px;
}
ul.promoboxes {float: left; width: 940px; height: 100px; padding-bottom: 18px;}
ul.promoboxes li {display: block; float: left; background: #fff url(../images/fp/bg_3boxes.png) no-repeat top; width: 297px; height: 100px; margin-right: 16px}
ul.promoboxes li img {float: left; margin-top: 8px;}
ul.promoboxes .end {margin: 0;}
ul.promoboxes li .spill {margin: 0;}
ul.promoboxes li a {display: block; color: #666; width: 297px; font-weight: bold; height: 100px; text-decoration: none;}
ul.promoboxes li .heading {
letter-spacing: -1px;
font-size: 16px;
color: #2D2D2D;
float: left;
margin-top: 22px;
margin-right: 30px;
}
ul.promoboxes li .text {font-weight: normal; color: #666; padding-right: 10px;}
ul.promoboxes li a:hover strong {color: #A0B945;}
ul.promoboxes li em {color: #A0B945;}
.suzi_sml {font-size: 9px; font-weight: bold;}
.suzi_words {float: left; margin-top: 22px;}
ul.promoboxes li.end a {width: 305px;}
ul.promoboxes li .textalt {font-weight: normal; color: #666; font-size: 11px;}
#fpblogs {float: left; width: 295px; margin-right: 20px;}
#fpblogs_heading {
width: 295px;
height: 30px;
background: #5D4D37 url(../images/fp/bg_headings.png) repeat-x top;
}
#fpblogs_heading .rss {float: right; margin: 9px 2px 0 0;}
#fpblogs ul {width: 295px;}
#fpblogs li {
width: 265px;
height: 200px;
padding: 15px;
color: #666;
line-height: 1.35em;
}
#fpblogs li a{color: #A3BC4A ; font-weight: bold;}
#fpblogs li a:hover{color: #BACD7A ;}
#fpblogs h4 {font-size: 14px; color: #68563E;}
#fpblogs li.right {
background: #fff url(../images/fp/bg_blogs_right.png) no-repeat top;
margin-bottom: 10px;
}
#fpblogs li.left {background: #fff url(../images/fp/bg_blogs_left.png) no-repeat top;}
#fpblogs p {font-size: 12px;}
#fpblogs p.date { float: left; margin: 0 15px 40px 0; width: 40px; height: 54px; background: url(../images/fp/bg_blog_date.gif) no-repeat top; color: #fff; text-align: center; font-weight: bold;}
#fpblogs .day {font-size: 22px; line-height: 160%}
#fpblogs .month {font-size: 11px;}
#fpreasons_heading {
float: left;
width: 500px;
height: 30px;
background-color: #2D2D2D;
background-image: url(../images/fp/bg_headings.png);
background-repeat: repeat-x;
background-position: top;
}
#fpreasons_heading_manager {
float: left;
width: 200px;
height: 30px;
background-color: #2D2D2D;
background-image: url(../images/fp/bg_headings.png);
background-repeat: repeat-x;
background-position: top;
}
#windows-news {
margin-top:2px;
float:left;
width:400px;
height:252px;
margin-left:20px;
background: #fff url(../images/fp/bg_blogs_right.png) no-repeat bottom;
}
#windows-news ul {float: left; color: #666; font-size: 11px; line-height: 1.8em;}
#boxout ul {float:left; color: #666; font-size: 11px; height:150px;}
.boxout ul.title {float:left; color: #458; font-size: 11px;}
#fpreasons {
float: left;
width: 498px;
border: 1px solid #e3e3e3;
height: 250px;
background: #fff url(../images/fp/bg_reasons.png) repeat-x bottom;
}
#fpreasons ul {
width: 190px;
height: 70px;
float: left;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0;
margin-left: 0;
}
.reasonborder {padding: 0 15px 0 20px; border-right: 1px solid #e3e3e3;}
#fpreasons li {float: left; color: #666; margin-bottom: 20px; line-height: 1.4em;}
#fpreasons li img {float: left; margin: 0 12px 40px 0;}
#fpreasons li h3 {
font-size: 15px;
color: #2D2D2D;
}
#fpreasons li h3 a {color: #68563E; text-decoration: none;}
#fpreasons_finish {width: 563px; height: 35px; float: left; margin: 20px 0 0 20px; border-top: 1px solid #e3e3e3;}
* html #fpreasons_finish {margin-left: 10px;}
#fpreasons_finish h6 {float: left; font-size: 15px; color: #68563E; line-height: 330%;}
#fpreasons_finish p a {width: 140px; height: 28px; text-align: center; color: #fff; background:url(../images/fp/btn_signup.gif) no-repeat top; line-height: 240%; float: right; margin-top: 10px; text-decoration: none;}
#fpreasons_finish p a:hover {background:url(../images/fp/btn_signup.gif) no-repeat 0 -28px;}
#subheading {
width: 960px;
height: 70px;
background-image: url(../images/content/bg_sub_heading.png);
background-repeat: repeat-x;
background-position: top;
background-color: #03F;
}
#subheading h1 {float: left; padding-left: 22px; letter-spacing: -1px; line-height: 2.2em; color: #fff; font-size: 30px;}
#subheading_sml {width: 960px; height: 15px; background-color: #433727}
#subgreen {
float: right;
height: 70px;
width: 430px;
background-color: #00C;
background-image: url(../images/content/bg_sub_green.png);
background-repeat: repeat-x;
background-position: top;
}
#subgreen p.btn_order a {
float: right;
margin: 23px 10px 0 5px;
color: #2D2D2D;
width: 100px;
height: 25px;
background: url(../images/content/btn_order_sub.png) no-repeat top;
text-decoration: none;
font-weight: bold;
line-height: 2em;
text-align: center;
display: block;
}
#subgreen p.btn_order a:hover {background: url(../images/content/btn_order_sub.png) no-repeat 0 -25px;}
#subgreen p.btn_sub a { float: right; margin: 23px 10px 0 5px; color: #fff; width: 100px; height: 25px; background:url(../images/content/btn_sub_head.png) no-repeat top; text-decoration: none; font-weight: bold; line-height: 2em; text-align: center; display: block;}
#subgreen p.btn_sub a:hover {background: url(../images/content/btn_sub_head.png) no-repeat 0 -25px;}
#subgreen.double {width: 300px;}
#subgreen.single {width: 180px;}
Content Page
#content {width: 960px; margin-top: 20px; background: url(../images/content/bg_main.png) repeat-y top; overflow: auto;}
#innercontent {
width: 690px;
float: left;
padding: 20px;
line-height: 1.7em;
}
#content h3 {font-size: 20px; color: #534531; margin-bottom: 5px; letter-spacing: -1px;}
#content h3.exagerate {margin: 20px 0;}
Content Left Box Elements
#content-left {float: left; width: 730px; background: #fff url(../images/content/bg_content_top.png) repeat-x top;}
#content-left ul.featboxes { float: left; margin: 20px 0 0 5px; width: 710px; height: 80px;}
#content-left ul.featboxes li { display: inline; line-height: 1.3em; color:#666; margin-right: 12px; float: left; width: 222px; height: 78px; background: url(/images/content/bg_feat_box.png) no-repeat top;}
#content-left ul.featboxes li img {float: left; margin: 3px 3px 0 3px; }
#content-left ul.featboxes li a{display: block; color: #534531; text-decoration: none; cursor: pointer; }
.featboxes h5 {letter-spacing: -1px; font-size: 16px; margin: 13px 0 3px 0; font-weight: bold; color: #534531; float: left; width: 140px;}
.featboxes p {float: left; width: 140px; }
#mainpitch {width:730px; float: left; background:#544531 url(../images/content/bg_mainpitch.png) repeat-x bottom;}
#mainpitch img {float: left;}
#mainpitch #suzi {color: #fff; float: left; width: 185px; height: 215px; line-height: 1.4em;}
#mainpitch #suzi h3 {letter-spacing: -1px; float: left; margin: 50px 0 5px 0; color: #fff; font-size: 20px;}
#mainpitch #suzi p {float: left; margin-bottom: 10px; line-height: 1.6em; font-size: 13px; font-weight: bold;}
#mainpitch #suzi em {color: #534531; font-size: 17px; font-weight: bold;}
#mainpitch #details {width: 295px; float: right; color: #fff;}
#mainpitch #details h2 {width: 245px; float: left; color: #fff; font-size: 25px; margin-top: 17px; letter-spacing: -1px;}
#mainpitch #details p {float: left;}
#mainpitch #details ul {margin: 2px 0 12px 0; float: left; width: 260px; font-size: 16px; font-weight: bold; padding-left: 30px;}
#mainpitch #details li {float: left; margin-top: 11px; width: 265px;}
#mainpitch #details p.price { font-size: 18px; font-weight: bold;}
#mainpitch #details form {width: 325px; float: left; height: 30px;}
#mainpitch #details .searchbox {margin: 15px 5px 0 10px; padding-top: 3px; height: 20px; color: #8D867E; font-size: 11px; float: left; width: 264px; border: 0; outline: none;}
#mainpitch .searchbtn {width: 30px; height: 27px; background: url(../images/domains/btn_search.png) no-repeat top; float: right; margin: 13px 14px 0 0;}
#mainpitch .searchbtn:hover {background: #fff url(../images/domains/btn_search.png) no-repeat 0 -27px;}
#tblheading {float: left; margin-top: 15px; width: 680px; height: 28px; background: #9BB53D url(../images/content/bg_tbl_headings.png) repeat-x top; color: #fff;}
#tblheading p {float: left; color: #fff; line-height: 2.4em; padding-left: 5px;}
table {float: left; border-collapse: collapse; line-height: 1.5em;}
th { width: 245px; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; border-top: 0; text-align: left; padding-left: 10px; font-size: 12px; vertical-align: middle; font-weight: normal;}
th.featalt {border-left: 1px solid #DBDBDB; border-top: 0; background: #F0F0EE;}
th.feat{border-left: 1px solid #DBDBDB; border-top: 0; vertical-align: middle; font-size: 12px;}
td {width: auto; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; background: #fff; padding: 4px 5px; text-align: center; vertical-align: middle; }
td.alt {background: #F0F0EE; color: #666;}
td.rowheading {background: #A0A0A0; border-right: #A0A0A0; padding: 5px 10px; text-align: left; vertical-align: middle; color: #fff; border: 0;}
td.rowheading p {float: left; width: 400px;}
td.rowheading p.right {float: right; font-size: 10px; color: #fff; width: 75px;}
td.rowheading a {color: #fff;}
.link {text-decoration: underline;}
.link:hover {text-decoration: underline; color: #333; cursor: pointer;}
th.domalt {background: #F0F0EE;}
#domains th.domhead {text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
#domains th.domfeat {background: #B4C86C; color: #fff; text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
td.domfeatalt {background: #9EB845; letter-spacing: -1px; color: #fff; text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
td.domfeat {letter-spacing: -1px; background: #B4C86C; color: #fff; text-align: center; font-size: 25px; font-weight: bold; padding: 15px 0;}
table p.small {font-size: 12px; letter-spacing: normal;}
table p.domprice {font-size: 18px; letter-spacing: -1px; font-weight: bold;}
Domain Names Page
#domains #subgreen {width: 370px;}
#domains #subgreen ul {display: inline; float: right; margin: 5px 0 0 10px }
#domains #subgreen li {float: left; border-right: 1px solid #C4D48A; padding: 0 15px; letter-spacing: -1px; font-size: 25px; color: #fff; font-weight: bold; line-height: 80%; text-align: center;}
#domains #subgreen .peryear {font-size: 14px;}
#domains #subgreen .end {border:0;}
#domains #subgreen strong {color: #443828;}
#domains #mainpitch {height: 160px; background: url(../images/domains/bg_pitch.png) no-repeat top;}
#domains #mainpitch #details h2 {width: 300px; margin-top: 38px;}
#domains #mainpitch #details {width: 325px; float: left; color: #fff; margin-left: 35px;}
#domains #mainpitch #suzi {margin-left: 10px; height: 160px; line-height: 1.4em;}
#domains #mainpitch #suzi h3 {margin-top: 40px; padding-bottom:5px; margin-bottom: 0; width: 180px;}
ul.points {margin: 0 0 20px 20px; float: left; width: 320px;}
ul.points h5 { font-size:18px; letter-spacing: -1px; font-weight: bold; margin-left: 13px; color: #4C3F2C}
ul.points p {font-size: 12px; line-height: 1.3em;}
ul.points img {float: left; margin: 0 10px 10px 0;}
ul.points li {float: left; width: 280px; padding: 20px; background:url(../images/domains/bg_fade.png) repeat-x bottom; }
ul.points li a {display: block; color: #534531; text-decoration: none; cursor: pointer; }
#domains #tblheading {width: 350px; margin-top: 10px;}
#domains #content-left h4 {color: #4C3F2C; font-size: 25px; letter-spacing: -2px; width: 350px;}
#domains th {width: auto; font-weight: normal; font-size: 12px;}
#domains td {}
#domainprices {width: 320px; float: right;}
#domainfeatures {width: 350px; float: left;}
#domainprices h6 {font-size: 22px; color: #4C3F2C; letter-spacing: -1px;}
#domainprices table {background-color: #f5f5f5; border: 1px solid #ddd; margin: 10px 0;}
#domainprices th {font-weight: bold; font-size: 19px; letter-spacing: -1px; padding: 5px 0 5px 10px; width: auto;}
#domainprices td p {padding: 10px;}
#domainprices td {width: auto; background-color: #f5f5f5; text-align: left; height: 10px; padding: 0px;}
#domainprices td.domprice {width: auto; font-weight: bold; color: #9BB53D; font-size: 30px; letter-spacing: -1px;}
#domains .tbl_domprices {clear: both; border-left: 1px solid #ccc; padding: 10px; width: 680px;}
#domains .tbl_domprices td {width: auto;}
#domains .tbl_domprices td.alt {background: #F0F0EE; color: #666; text-align: center; width: auto;}
Domain Search Results Page
h3.results {font-size: 25px; color: #534531; margin: 0; letter-spacing: -1px;}
h3.suggestions {float: left; font-size: 25px; color: #534531; margin: 15px 0 0 0; letter-spacing: -1px; padding: 1px;}
.explain {float: right; padding: 17px 10px 0 0;}
table.tbl_results {width: 100%; border: 1px solid #ccc; color: #666; margin-top: 10px;}
.tbl_results label {position: absolute; width: 200px;}
.tbl_results select {color: #666; font-size: 12px; padding: 2px; position: absolute; margin-left: 4px;}
table.tbl_results th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff url(/images/content/bg_fade_reverse.png) repeat-x top; height: 40px;}
table.tbl_results th p {font-weight: bold; font-size: 13px;}
.available {font-weight: bold; font-size: 12px; color: #9AB43D; width: 90px;}
.available p {width: 75px;}
.available img {float: left; width: 15px;}
.taken{font-weight: bold; font-size: 12px; color: #D94444; width: 90px;}
.taken p {width: 65px;}
.taken img {float: left; width: 15px; height: 15px; margin-right: 5px;}
table.tbl_results th.heading {border: none; background-color: #E8E8E8; background-image: none; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.tbl_results td {padding: 10px 15px; border-top: 1px solid #EFEFEF; border-right: 0 solid #EFEFEF; text-align: left;}
table.tbl_results td.alt {background: #FBFBFB;}
.dom_total {width: 400px; float: left; margin-top: 5px;}
.dom_total p {float: left; width: auto;}
.dom_total img {float: left;}
.dom_add {position: relative; left: 40px; width: 145px;}
.adv_box {overflow: auto; width: 640px; padding: 20px; margin-top: 20px; background: #493C2A url(../images/domains/bg_adv_domains.png) repeat-x bottom; color: #fff; -moz-border-radius: 8px;}
.adv_box h5 {font-size: 25px; letter-spacing: -2px; padding-bottom: 5px;}
.adv_box p {line-height: 1.4em;}
.adv_box_left {float: left; width: 280px;}
.adv_box_right {float: right; width: 340px;}
.adv_box_right textarea {padding: 10px; float: right; width: 300px; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; border: none; height: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
.adv_box_right input {float: right; margin-top: 10px; display: inline;}
#adv_search {margin-top: 17px; width: 324px; float: right; height: 39px; background: url(../images/domains/bg_adv_search.png) no-repeat top;}
#adv_search .searchdomains {padding: 2px; margin: 10px 0 0 15px; color: #8D867E; font-size: 11px; float: left; width: 200px; border: 0; outline: none;}
#adv_search .search {width: 30px; height: 27px; background: url(../images/domains/btn_search.png) no-repeat top; float: right; margin: 6px 6px 0 0;}
#adv_search .search:hover {background: url(../images/domains/btn_search.png) no-repeat 0 -27px;}
#hosting #mainpitch {height: 175px; margin-top: 10px; background: url(../images/hosting/bg_pitch.png) no-repeat top;}
#hosting #mainpitch #suzi {margin: 0 40px 0 5px; height: 175px; line-height: 1.4em; width: 120px;}
#hosting #mainpitch #suzi h3 {margin-top: 40px;}
#mainpitch .options {width: 135px; margin: 20px 0 0 17px; height: 150px; text-align: center; color: #fff; float: left; font-size: 11px;}
#mainpitch .options h6 {color: #fff; font-size: 12px; line-height: 1.7em;}
#mainpitch .options p{margin-bottom: 5px;}
#mainpitch .orange {color: #FF9E00; }
#mainpitch .blue {color: #60A0C8; }
#mainpitch .green {color: #9EB842;}
#hosting #mainpitch #starter {margin-left: 3px;}
#hosting #mainpitch #starter h3 {color: #FFD280; letter-spacing: -1px; margin-bottom: 2px;}
#hosting #mainpitch #home h3 {color: #A0C7DE; letter-spacing: -1px; margin-bottom: 2px;}
#hosting #mainpitch #business h3 {color: #BBCE79; letter-spacing: -1px; margin-bottom: 2px;}
#hosting #mainpitch a {margin: 10px auto 0 auto; width: 105px; height: 25px; font-weight: bold; text-decoration: none; color: #fff; display: block; background: url(../images/hosting/btn_order.png) no-repeat; line-height: 2em;}
#hosting #mainpitch a:hover {background: url(../images/hosting/btn_order.png) 0 -25px;}
#hosting #mainpitch #home a {margin-top: 10px; background: url(../images/hosting/btn_order.png) 210px 0px;}
#hosting #mainpitch #home a:hover{background: url(../images/hosting/btn_order.png) 210px -25px;}
#hosting #mainpitch #business a {margin-top: 10px; background: url(../images/hosting/btn_order.png) 105px 0px;}
#hosting #mainpitch #business a:hover{background: url(../images/hosting/btn_order.png) 105px -25px;}
#hosting table h3 {margin:5px; letter-spacing: -1px; color: #666;}
#hosting table .starter a{ background:url(../images/hosting/btn_tbl_order.gif) 0 0; display: block; width: 100px; height: 22px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; margin: 3px auto; padding-top: 3px;}
#hosting table .starter a:hover{ background:url(../images/hosting/btn_tbl_order.gif) 0 -25px;}
#hosting table .home a{ background:url(../images/hosting/btn_tbl_order.gif) 200px 0; display: block; width: 100px; height: 22px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; margin: 0 auto; padding-top: 3px;}
#hosting table .home a:hover{ background:url(../images/hosting/btn_tbl_order.gif) 200px -25px;}
#hosting table .business a{ background:url(../images/hosting/btn_tbl_order.gif) 100px 0; display: block; width: 100px; height: 22px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; margin: 0 auto; padding-top: 3px;}
#hosting table .business a:hover{ background:url(../images/hosting/btn_tbl_order.gif) 100px -25px;}
#hosting #tblheading {width: 690px; margin-top: 0;}
#hosting th {font-size: 11px;}
#hosting td {width: 100%}
#hosting .tbl_compare td {width: 120px;}
#hosting .tbl_compare {width: 100%;}
Reseller Hosting Page
#reseller #mainpitch {height: 215px; background: url(../images/reseller/bg_pitch.png) no-repeat top; font:Arial, Helvetica, sans-serif}
#reseller #mainpitch #details ul {margin: 6px 0 12px 0; float: left; width: 260px; font-size: 16px; font-weight: bold; padding-left: 0;}
#reseller #mainpitch #details li {font-size: 20px; float: left; margin-top: 5px; width: 265px;}
#reseller #mainpitch #details a {margin: 10px 5px 0 0 ; line-height: 180%; width: 105px; height: 30px; color: #fff; display: block; text-align: center; font-size: 13px; font-weight: bold; padding-right: 5px; text-decoration: none; background: #A0B945 url(../images/reseller/btn_pitch.png) no-repeat top; }
#reseller #mainpitch #details a:hover {background: #A0B945 url(../images/reseller/btn_pitch.png) no-repeat 0 -30px;}
#reseller th {width: 570px; font-weight: normal; font-size: 12px;}
#reseller td {width: 120px;}
#reseller table .highlight {font-weight: bold; }
#reseller table h3 {margin:5px; letter-spacing: -1px; color: #666;}
#reseller th.order {width: 570px; font-weight: normal; font-size: 12px; background-color: #BBCE79; border: 0; color: #fff; font-size: 13px;}
#reseller td.order {width: 120px; height: 40px; text-align: left; padding-right: 10px; background-color: #BBCE79; vertical-align: middle; color: #fff; border: 0; #BBCE79; border-right: #BBCE79;}
#reseller td.order a {float: right; font-size: 10px; color: #fff; text-align: center; line-height: 2.1em; text-decoration: none; font-weight: bold; background: url(../images/reseller/btn_table_order.png) 0 0; width: 100px; height: 23px; display: block;}
#reseller td.order a:hover {background: url(../images/reseller/btn_table_order.png) 0 -23px;}
#reseller #tblheading {width: 690px; margin-top: 0;}
#reseller table .reseller a { background:url(../images/hosting/btn_tbl_order.gif) 100px 0; display: block; width: 100px; height: 22px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; margin: 10px auto; padding-top: 3px;}
#reseller table .reseller a:hover {background:url(../images/hosting/btn_tbl_order.gif) 100px -25px;}
.tabtable {border-top: 3px solid #A1C249; width: 690px; }
.resellertabs ul {float: left; width: 690px;}
.resellertabs li {float: left; margin-right: 1px;}
.resellertabs ul li a {float: left; color: white; padding: 5px 11px; background: #CCC; text-decoration: none;}
.resellertabs ul li a:visited{ color: white;}
.resellertabs ul li a.selected{color: #fff; font-weight: bold; font-size: 14px; background-color: #A1C249;}
.tabcontent {display:none;}
#servers #mainpitch {height: 215px; background: url(../images/servers/bg_pitch.png) no-repeat top;}
#servers #tblheading {width: 690px;}
#servers th {width: 290px; font-weight: normal; font-size: 12px;}
#servers td {width: 200px; padding: 5px 0 5px 0;}
#servers td.rowheading {padding: 5px 10px;}
#servers table h3 {margin: 5px 5px 0 5px; color: #666; letter-spacing: -1px;}
#servers table .lrg {margin: 5px; letter-spacing: -1px; font-weight: bold; font-size: 14px;}
#servers table .lrgsub {margin: 5px 0 0 0 ; letter-spacing: -1px; font-weight: bold; font-size: 15px;}
#servers table .lrgunder {margin: 0; letter-spacing: -1px; font-weight: bold; font-size: 15px;}
#servers .order a {width: 100px; height: 25px; color: #fff; font-weight: bold; text-decoration: none; margin: 3px auto 0 auto; text-align: center; display: block; line-height: 2em; background: url(../images/servers/btn_order.png) 0 0;}
#servers .order a:hover {background: url(../images/servers/btn_order.png) 0 -25px;}
Inner content pages
#contents-left {float: left; width: 680px; padding: 25px; background: #fff url(../images/content/end_left_content.png) no-repeat top left; line-height: 1.8em;}
#contents-left h3.title {font-size: 35px; letter-spacing: -2px; color: #534531; margin: 10px 0;}
#contents-left h4 {font-size: 16px; letter-spacing: -1px; color: #534531; margin: 0;}
#half {width: 320px; float: left; margin-right: 20px;}
#contents-left #tblheading{width: 680px; }
#noticebox {overflow: auto; clear: both; width: 648px; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px; margin: 15px 0 5px 0;}
#noticebox span {font-size: 16px; font-weight: bold; }
.noticebox {overflow: auto; clear: both; width: 648px; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px; margin: 15px 0 10px 0;}
.noticebox span {font-size: 16px; font-weight: bold; }
.ptitle {padding: 5px 10px; background-color: #A1BA47; color: #fff; margin: 20px 0 5px 0; font-weight: bold; font-size: 16px; letter-spacing: -1px; clear: both;}
.ptitlesub {padding: 5px 10px; background-color: #d1d1d1; color: #fff; margin: 20px 0 5px 0; font-weight: bold; font-size: 16px; letter-spacing: -1px; clear: both;}
.subtitle {color: #8BA33D ; margin-top: 10px; font-size: 15px; font-weight: bold;}
.num {-moz-border-radius: 10%; -webkit-border-radius: 10%; width: 35px; height: 30px; padding: 10px 0 0 0; margin: 15px 10px 5px 0;color: #fff; font-weight: bold; text-align: center; float: left; font-size: 30px; background: #8BA33D;}
ul.qanda {width: 680px; float: left; margin-bottom: 20px;}
ul.qanda li {background: url(../images/content/bg_fade_gen.png) repeat-x bottom; width: 670px;}
ul.qanda li.question {background: none; padding: 0 0 0 0; float: left;}
ul.qanda li.answer {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
ul.qanda li.answersml {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
ul.qanda li.question p {padding-top: 12px; }
ul.qanda li.answer p {padding-top: 5px; float: left; width: 600px;}
ul.qanda li.answersml p {padding-top: 12px; float: left; width: 600px;}
ul.qanda li p.q {padding: 3px; background-color: #A1BA47; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 0 10px; float: left; font-size: 14px; -moz-border-radius: 10%;}
ul.qanda li p.a {padding: 3px; background-color: #433727; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 10px 10px; font-size: 14px; -moz-border-radius: 10%;}
ul.reviews {width: 680px; float: left; margin-bottom: 15px;}
ul.reviews li {float: left; color: #fff; width: 640px; padding: 20px; font-size: 13px; -moz-border-radius: 1%; background-color: #B1C866; margin-top: 20px;}
ul.reviews li.green_end {font-style: italic; margin: 0; padding: 0; background: #fff url(../images/content/bg_review_green.gif) no-repeat 10px 0;}
ul.reviews li.green_end p {color: #4D402D; padding: 3px 0 0 20px; font-weight: bold; font-size: 16px; letter-spacing: -1px;}
ul.reviews li.alt {background-color: #4D402D;}
ul.reviews li.brown_end {font-style: italic; margin: 0; padding: 0; background: #fff url(../images/content/bg_review_brown.gif) no-repeat 10px 0;}
ul.reviews li.brown_end p {color: #4D402D; padding: 3px 0 0 20px; font-weight: bold; font-size: 16px; letter-spacing: -1px;}
.screenshot {float: left; border: 1px solid #dadada; padding: 4px; background: #f9f9f9; margin: 10px 10px 10px 0;}
.screenshot:hover {background: #efefef;}
ul.feat_list {margin-bottom: 10px; clear: both; float: left;}
ul.feat_list h5 {font-size:18px; letter-spacing: -1px; font-weight: bold; margin: 0 0 0 13px; color: #4C3F2C; padding: 0;}
ul.feat_list li {width: 665px; background:url(../images/domains/bg_fade.png) repeat-x bottom; padding-left: 15px; float: left; padding-top: 15px;}
ul.feat_list img {float: left; padding: 0 10px 10px 0; }
ul.feat_list p {float: left; width: 545px; padding: 0 0 15px 0;}
#hp_demo {width: 638px; border: 1px solid #CCC; padding: 20px; line-height: 1.3em; overflow: auto; margin-top: 15px; background: url(/images/content/bg_fade_tb.png) repeat-x top;}
#hp_demo h6 {font-size: 25px; color: #96AC41; letter-spacing: -1px; padding: 1px 1px 5px 0;}
#hp_demo h5 {font-size: 15px; color: #68563E; letter-spacing: -1px; padding-top: 15px;}
#hp_left {width: 300px; float: left;}
#hp_left a {font-size: 15px; font-weight: bold; margin-bottom: 5px;}
#hp_right {width: 280px; float: right; border: 1px solid #E3EBC5; background-color: #F1F5E2; padding: 15px;}
.promote_brown {-moz-border-radius: 1%; -webkit-border-radius: 1%; margin-top: 20px; width: 640px; padding: 20px; background: #534531 url(../images/content/bg_brown_promote.png) repeat-x bottom; overflow: auto; color: #fff; clear: both;}
.promote_brown h6 {font-size: 25px; color: #fff; letter-spacing: -1px; padding: 1px 1px 5px 0;}
.promote_left {width: 355px; float: left; line-height: 1.3em;}
.promote_right {width: 265px; float: right; font-size: 14px; font-weight: bold; text-align: right; vertical-align: middle; padding: 17px 5px 0 0 ;}
.promote_right a.alt {color: #fff; }
.promote_right a.alt:hover {color: #90897E; }
.promote_brown .spacer {color: #746145; font-weight: normal; }
ul.hp_features {margin-bottom: 10px; clear: both; float: left;}
ul.hp_features li {width: 665px; background:url(../images/domains/bg_fade.png) repeat-x bottom; padding-left: 15px; float: left; padding-top: 10px;}
ul.hp_features img {float: left; padding-bottom: 10px; }
ul.hp_features p {float: left; width: 590px; padding: 10px 0 10px 12px;}
ul.qanda li.answer {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
ul.qanda li.answersml {padding: 5px 0 10px 0; float: left; border-bottom: 1px solid #eee;}
ul.qanda li.question p {padding-top: 12px; }
ul.qanda li.answer p {padding-top: 5px; float: left; width: 600px;}
ul.qanda li.answersml p {padding-top: 12px; float: left; width: 600px;}
ul.qanda li p.q {padding: 3px; background-color: #A1BA47; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 0 10px; float: left; font-size: 14px; -moz-border-radius: 10%;}
ul.qanda li p.a {padding: 3px; background-color: #433727; width: 22px; color: #fff; text-align: center; font-weight: bold; margin: 10px 8px 10px 10px; font-size: 14px; -moz-border-radius: 10%;}
table.tbl_inner {margin-bottom: 10px; clear: both;}
table.tbl_inner th {width:590px}
table.tbl_inner td {width:90px}
table.tbl_compare {margin-bottom: 10px; clear: both; width: 680px;}
table.tbl_compare th {text-align: center;}
table.tbl_compare th.feat {text-align: left; padding:5px;}
table.tbl_compare th.featalt {text-align: left; padding: 5px;}
table.tbl_compare th.heading {background-color: #ECF2D9; border-left: 1px solid #ccc; padding: 5px 0; font-weight: bold; text-align: center;}
table.tbl_compare th.headingalt {background-color: #9BB53D; color: #fff; font-weight: bold;}
table.tbl_compare th.headingsml {background-color: #ECF2D9; border-left: 1px solid #ccc; padding: 5px 0; font-weight: bold;}
table.tbl_compare td.highlight {background-color: #9BB53D; text-align: center; color: #fff; font-weight: bold; font-size: 18px; letter-spacing: -1px;}
table.tbl_compare td.highlightalt {background-color: #AFC85B; text-align: center; color: #fff; font-weight: bold; font-size: 18px; letter-spacing: -1px;}
table.tbl_compare td.heading {border-left: 1px solid #ccc; text-align: left; font-weight: bold;}
table.tbl_compare td {width: 114px;}
#reseller .tbl_compare td {width: auto;}
#terms {width: 640px; padding: 20px; border: 1px solid #999; height: 400px; overflow: scroll;}
#web_builder {width: 335px; float: left; float: left; margin-bottom: 270px;}
#web_builder h4 {color: #7AA91B; font-size: 24px; letter-spacing: -1px;}
#web_builder .header {width: 315px; height: 62px; padding: 28px 0 0 20px;background: url(../images/hosting/heading_web_builder.png) no-repeat top;}
#web_builder .content {width: 305px; padding: 0 15px 15px 15px; background: #93BD33 url(../images/hosting/bg_web_builder.png) repeat-x top; color: #fff; -moz-border-radius: 0 0 3% 3%;}
#web_builder .content h6 {font-size: 16px; letter-spacing: -1px; color: #fff; padding-top: 15px;}
#web_builder .content h6 a{color: #fff;}
#web_builder .content h6 a:hover {color: #E0ECC6;}
#web_builder_plus {width: 335px; float: right;}
#web_builder_plus h4 {color: #8C0E0B; font-size: 24px; letter-spacing: -1px;}
#web_builder_plus .header {width: 315px; height: 62px; padding: 28px 0 0 20px;background: url(../images/hosting/heading_web_builder_plus.png) no-repeat top;}
#web_builder_plus .content {width: 305px; padding: 0 15px 15px 15px; background: #BA1511 url(../images/hosting/bg_web_builder_plus.png) repeat-x top; color: #fff; -moz-border-radius: 0 0 3% 3%;}
#web_builder_plus .content h6 {font-size: 16px; letter-spacing: -1px; color: #fff; padding-top: 15px;}
#web_builder_plus .content h6 a{color: #fff;}
#web_builder_plus .content h6 a:hover {color: #ECC0BF;}
ul.aff_example {width: 680px; height: 145px; margin: 20px 0;}
ul.aff_example li {width: 180px; height: 145px; background: url(../images/hosting/bg_affiliate_box.png) no-repeat bottom; float: left; text-align: center; line-height: 1.5em;}
ul.aff_example li h5 {font-size: 24px; color: #79A91A; letter-spacing: -1px; padding: 10px 0 5px 0;}
ul.aff_example li.arrow {width: 63px; height: 145px; background: url(../images/hosting/aff_arrow.gif) no-repeat left center; float: left;}
.btn_signup a {width: 200px; height: 35px; display: block; background: #7AA91B url(/images/hosting/btn_aff_signup.png) no-repeat top; text-align: center; color: #fff; font-weight: bold; text-decoration: none; line-height: 2.7em; margin: 15px 0;}
.btn_signup a:hover {background: #87BB1D url(../images/hosting/btn_aff_signup.png) 0 -35px;}
.searchengines {overflow: auto; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; border: 1px solid #ccc; padding: 20px; width: 638px; margin: 15px 0}
.searchengines h5 {font-size: 22px; letter-spacing: -1px; margin-bottom: 15px;}
.searchengines ul { list-style-type: disc; list-style-position: inside; margin-bottom: 20px; float: left; width: 638px;}
.searchengines li {width: 200px; float: left; border-bottom: 1px solid #ccc; padding: 4px;}
.brownorder a {width: 100px; height: 25px; color: #fff; font-weight: bold; text-decoration: none; margin: 3px auto 0 auto; text-align: center; display: block; line-height: 2em; background: url(../images/content/btn_order.png) 0 0;}
.brownorder a:hover {background: url(../images/content/btn_order.png) 0 -25px;}
#regform {width: 680px;}
#regform table {margin: 10px 0;}
#regform th {width: 205px; font-size: 13px; font-weight: bold; border: 0;}
#regform th.alt {background-color: #FCFBFB; font-weight: bold; border: 1px solid #F5F1F1; border-right: 0;}
#regform td {border: 0; width: 230px; text-align: left;}
#regform td.alt {background-color: #FCFBFB; border: 1px solid #F5F1F1; border-left: 0; border-right: 0;}
#regform td.altend {border: 1px solid #F5F1F1; border-left: 0; background-color: #FCFBFB;}
#regform input {border: 2px solid #BEBEBE; padding: 1px 5px; width: 200px;}
#regform img {float: left; margin-right: 10px; }
#regform tr {padding: 3px;}
#regform select {border: 2px solid #BEBEBE; float:left; margin-right: 5px; padding: 3px; }
#regform select {padding: 3px; border: 1px solid #fff;}
#regform td.correct input {border: 2px solid #9CB640;}
#regform td.error input {border: 2px solid #CC0033;}
#regform td.altcorrect input {border: 2px solid #9CB640;}
#regform td.altcorrect {background-color: #FCFBFB; border: 1px solid #F5F1F1; border-left: 0; border-right: 0;}
#regform td.alterror input {border: 2px solid #CC0033;}
#regform td.alterror {background-color: #FCFBFB; border: 1px solid #F5F1F1; border-left: 0; border-right: 0;}
#regform th p.smltxt {font-size: 10px; font-weight: normal; line-height: 1em;}
#regsecurity {float: left; width: 680px;}
#regsecurity td.date input {width: 40px; float: left; margin-right: 5px;}
.star {color:#C00;}
.errortxt {color: #CC0033; font-size: 11px;}
.signup a {float: left; width: 185px; height: 40px; font-size: 14px; background: #433727 url(../images/content/btn_signup.png) no-repeat top; text-decoration: none; line-height: 2.7em; margin-top: 20px; color: #fff; font-weight: bold; text-align: center; display: block;}
.signup a:hover {background: #433727 url(../images/content/btn_signup.png) 0 -40px;}
#genericform {width: 680px; float: left;}
#genericform .input {border: 2px solid #BEBEBE; padding: 2px 5px;}
#genericform select {border: 2px solid #BEBEBE;}
#genericform textarea {border: 2px solid #BEBEBE; padding: 5px;}
#genericform .button {-moz-border-radius: 5%; letter-spacing: -1px; cursor: pointer; padding: 6px 10px; font-size: 12px; background-color: #433727; color: #fff; font-weight: bold; border: none;}
#genericform .button:hover {background-color: #51422F; cursor: pointer;}
Data Centre
.dc_pics { float: right; padding: 5px; border: 1px solid #efefef; margin: 10px 0 10px 20px;}
.blog_btn {-moz-border-radius: 5%; letter-spacing: -1px; cursor: pointer; padding: 3px 8px; font-size: 12px; background-color: #433727; color: #fff; font-weight: bold; border: none; }
.blog_btn:hover {background-color: #51422F; cursor: pointer;}
#order_login {float: left; width: 295px; height: 240px; padding: 20px; color: #fff; background: #463B27 url(../images/content/bg_login_user.png) repeat-x bottom; -moz-border-radius: 5px;}
#order_login h5 {font-size: 22px; letter-spacing: -1px; margin-bottom: 15px;}
#order_login .details {padding: 7px; width: 283px; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; border: none; font-size: 12px; color: #666;}
#order_login p { margin-top: 10px;}
#order_login a { color: #fff; float: left; margin-bottom: 10px;}
#order_register {float: right; width: 295px; margin-bottom: 300px; height: 240px; padding: 20px; color: #fff; background: #463B27 url(../images/content/bg_login_register.png) repeat-x bottom; -moz-border-radius: 5px;}
#order_register h5 {font-size: 22px; letter-spacing: -1px; margin-bottom: 5px;}
#order_register img {margin-top: 10px;}
.guidebox {background: url(../images/content/bg_fade_reverse.png) repeat-x top; width: 638px; border: 1px solid #E3E3E3; color: #666; margin: 10px 0; padding: 20px; clear: both; overflow: auto;}
a .guide {float: left; padding: 5px; border: 1px solid #efefef; margin: 0 15px 0 0; background-color: #F6F6F6;}
a:hover .guide {background-color: #FBFBFB;}
.guidedetails {float: right; width: 125px; padding: 15px; background-color: #FBFEF8; border: 1px solid #E8FAD8; font-size: 11px; margin-left: 15px;}
.getguide a {float: left; width: 130px; height: 30px; font-size: 13px; background: #433727 url(/..images/content/btn_download_guide.png) no-repeat top; text-decoration: none; line-height: 2.3em; margin-top: 10px; color: #fff; font-weight: bold; text-align: center; display: block;}
.getguide a:hover {background: #433727 url(../images/content/btn_download_guide.png) 0 -30px;}
.book {float: left; border: 1px solid #dadada; padding: 5px; background: #f9f9f9; margin: 10px 5px 10px 0;}
.book:hover {background: #efefef;}
.stplvls {border: 1px solid #dadada; padding: 5px; background: #f9f9f9; margin: 10px auto; display: block;}
#content-right {float: left; text-align: center; width: 230px; background: #D6D6D6 url(../images/content/bg_content_right_top.png) repeat-x top; padding-top: 15px;}
#content-right p.sales a {letter-spacing: -1px; padding: 20px 0 0 50px; line-height: 80%; width: 160px; display: block; height: 40px; margin: 10px 0 10px 9px; background: url(../images/content/btn_contact_sales.png) no-repeat top; color: #666; text-decoration: none; font-weight: bold; font-size: 17px;}
#content-right .subtxt {color: #fff; font-size: 13px; letter-spacing: normal;}
#content-right p.sales a:hover {background: url(/images/content/btn_contact_sales.png) no-repeat 0 -65px;}.
#livechat {text-align: center; width: 230px; height: 65px; float: left;}
#livechat img {margin: 0 auto; text-align: center;}
#livechat a {margin: 0 auto; text-align: center;}
#content-right h4 {color: #4C3F2C; font-size: 20px; padding: 30px 0 10px 17px; text-align: left;}
#content-right ul {padding-left: 15px; width: 208px}
#content-right li {margin-bottom: 5px; text-align: left;}
#content-right li a {padding-left: 32px; width: 176px; display: block; height: 26px; text-decoration: none; line-height: 220%; color: #4C3F2C; background: #EBEBEB url(../images/content/btn_right_list.png) no-repeat top;}
#content-right li a:hover { background: #EBEBEB url(../images/content/btn_right_list.png) no-repeat 0 -28px;}
#wp-content {width: 680px;}
#wp-right {float: left; width: 230px; background: #D6D6D6 url(../images/content/bg_content_right_top.png) repeat-x top;}
#wp-right-box {text-align: left; float: left; width: 200px; margin: 15px}
#wp-right-box h2 {width: 180px; padding: 5px 10px; background-color: #B1C76B; margin: 10px 0; color: #fff; font-size: 20px; letter-spacing: -1px;}
#wp-right-box ul {border-bottom: 1ox solid #999;}
#wp-right-box li {margin: 5px 0; }
#wp-right-box li a {color: #493B28; text-decoration: underline;}
#wp-right-box li a:hover {color: #6A5B3C;}
#wp-right-box form {text-align: center; width: 200px;}
#wp-right-box .search {width: 190px; border: 1px solid #999; padding: 3px; background-image: url(../images/content/bg_fade_reverse.png) repeat-x top; margin-bottom: 10px;}
#footer {
clear: both;
width: 100%;
height: 200px;
background: #E6E6E6 url(../images/generic/bg_footer.png) repeat-x top;
padding-top: 10px;
}
#footer_inside {
width: 880px;
height: 150px;
color: #fff;
padding: 15px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#footer_inside img {padding: 29px 0 0 23px;}
#footer_inside ul {
float:left;
line-height: 180%;
text-decoration: none;
}
#footer_inside ul.hosting {width: 260px; height: 125px;}
#footer_inside ul.heart {width: 380px; height: 125px; padding-left: 30px;}
#footer_inside ul.hosting li {float: left; width: 120px}
#footer_inside ul.heart li {float: left; width: 125px}
#footer_inside ul.hosting li.heading {float: left; width: 250px;}
#footer_inside ul.heart li.heading {float: left; width: 350px;}
#footer_inside h4 {float: left; font-size: 16px; padding-bottom: 15px; color: #fff;}
#footer_inside li a {text-align: left; color: #fff; font-weight: normal; margin-right: 0; float: left; text-decoration: none; font-size: 12px;}
#footer_inside li a:hover {color: #efefef; text-decoration: none;}
#home #footer #footer_inside #footerlink ul a {text-decoration: none;}
#home #footer #footer_inside #footerlink ul a:hover {text-decoration: none;}
table.tbl_customer {width: 100%; border: 1px solid #ccc; border-bottom: 0; color: #666; margin-top: 10px;}
table.tbl_customer th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; font-weight: bold;}
table.tbl_customer th.heading {border: none; background-color: #E8E8E8; background-image: none; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.tbl_customer td {padding: 10px 15px; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; text-align: left;}
table.tbl_customer input { border: 2px solid #ccc; padding: 2px 4px;}
table.tbl_customer input.yes { border: 2px solid #9CB640; padding: 2px 4px;}
table.tbl_customer input.no { border: 2px solid #CC0033; padding: 2px 4px;}
#masthead_right p.logout a {display: inline; line-height: 2.7em; margin-left: 150px; padding-left: 4px; width: 102px; height: 25px; background: url(../images/generic/bg_masthead_button_logout.gif) no-repeat -3px 0;}
#masthead_right p.logout a:hover {background: url(../images/generic/bg_masthead_button_logout.gif) no-repeat -3px -29px;}
input.submit {width: 109px; height: 32px; background: #433727 url(../images/generic/btn_submit.png) no-repeat top; }
input.submit:hover {width: 109px; height: 32px; background: #433727 url(../images/generic/btn_submit.png) 0 -32px; }
.greybox {background: url(../images/content/bg_fade_reverse.png) repeat-x top; width: 640px; border: 1px solid #ccc; color: #666; margin: 10px 0; padding: 20px; }
.greyboxalt {border: 1px solid #ccc; width: 640px; padding: 20px; background-color: #FBFBFB; margin: 10px 0; color: #666;}
#errorbox {width:650px; padding: 15px; border: 1px solid #E9A49C; background: #FEFCFC url(../images/content/bg_error_box.png) repeat-x top; margin: 10px 0; float: left;}
#errorbox img {float: left; margin-right: 15px;}
#errorbox h5 { color: #D24833; font-size: 20px; letter-spacing: -1px;}
#errorbox a {color: #D24833;}
.status_right {float: right; width: 590px; }
#yesbox {width:650px; padding: 15px; border: 1px solid #CADA99; background: #F4F6E9 url(../images/content/bg_success_box.png) repeat-x top; margin: 10px 0; float: left;}
#yesbox img {float: left; margin-right: 15px;}
#yesbox h5 { color: #76AA46; font-size: 20px; letter-spacing: -1px;}
#yesbox a {color: #76AA46;}
Customer Buy Hosting Page
.hostbox {width: 140px; border: 1px solid #E2E2E2; padding: 12px; float: left; margin: 10px 5px 0 0; background: url(../images/content/bg_fade_reverse.png) repeat-x top; text-align: center; color: #666; height: 1320px;}
.resellerbox {width: 140px; border: 1px solid #E5E9D0; padding: 12px; float: left; background: #F5F8EF; margin-top: 10px; text-align: center; color: #666; height: 1320px;}
.hostbox_head {background: #B0C866 url(../images/content/bg_heading_hostbox.png) repeat-x top; border: 1px solid #A0B455; padding: 5px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; -moz-border-radius: 3%;}
.hostbox_sub {font-weight: bold; font-size: 20px; letter-spacing: -1px; color: #584534; line-height: 0.8em; margin-bottom: 7px;}
.hostbox_pricehead {margin-top: 10px; color: #A6BE50; font-weight: bold;}
.hostbox_price {font-size: 10px; line-height: 0.8em;}
.host_features {text-align: left; font-size: 10px; margin-top: 15px;}
.host_feat_head {font-size: 13px; color: #A6BE50;}
.hostbox li{border-bottom: 1px solid #e4e4e4; margin: 3px 0;}
.resellerbox li{border-bottom: 1px solid #e4e4e4; margin: 3px 0;}
.cust_options {height: 135px;}
.cust_options input {padding: 0; margin: 0;}
#dual_box {color: #3B3024; width: 293px; float: left; border: #ccc 1px solid; float: left; padding: 20px; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; margin: 10px 0;}
#dual_box h5 {background: #3F3426 url(../images/content/bg_dual_head.png) repeat-x top; border: 1px solid #4F4230; padding: 6px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 10px; -moz-border-radius: 3%; letter-spacing: -1px;}
#quad_box {width: 293px; float: left; border: #E3EBC5 1px solid; float: right; padding: 20px; margin: 10px 0; background: #fff url(../images/content/bg_fade_reverse_green.png) repeat-x top;}
#quad_box h5 {background: #3F3426 url(../images/content/bg_quad_head.png) repeat-x top; border: 1px solid #A5BC5D; padding: 6px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 10px; -moz-border-radius: 3%; letter-spacing: -1px;}
p.cart a{width: 205px; height: 30px; background: url(../images/content/btn_shopping_cart.png) no-repeat top; display: block; margin: 25px auto 0 auto;}
p.cart a:hover {background: url(../images/content/btn_shopping_cart.png) 0 -30px;}
#support_search {width: 680px; height: 160px; background: url(../images/content/bg_support_pitch.png) no-repeat top; margin: 20px 0;}
#support_search img {float: left;}
#support_search #suzi {color: #fff; float: left; width: 185px; height: 215px; line-height: 1.4em;}
#support_search #suzi .header {letter-spacing: -1px; float: left; margin-top: 21px; padding: 0; color: #fff; font-size: 20px; font-weight: bold; width: 180px; line-height: 1.2em;}
#support_search #suzi p {float: left; margin: 0; padding: 0; line-height: 1.2em; line-height: 1.6em; font-size: 13px; font-weight: normal;}
#support_search #details {width: 260px; float: left; color: #fff; margin-left: 90px;}
#support_search #details h2 {width: 260px; margin-top: 30px; font-size: 20px; letter-spacing: -1px; line-height: normal; height: 20px;}
#support_search #details p {height: 20px; margin:0; padding: 0; line-height: normal;}
#support_search #details form {width: 260px; float: left; margin-top: 14px; display: inline;}
#support_search #details .searchbox {margin: 6px 5px 0 15px; padding: 3px; color: #8D867E; font-size: 11px; float: left; width: 150px; border: 0; outline: none;}
#support_search .searchbtn {width: 30px; height: 27px; background: url(../images/domains/btn_search.png) no-repeat top; float: right; margin: 4px 22px 0 0;}
#support_search .searchbtn:hover {background: #fff url(../images/domains/btn_search.png) no-repeat 0 -27px;}
* html #support_search .searchbtn {margin: 0 22px 0 0;}
#contents-left table {
float: none;
}
#content-right {
padding-bottom: 20px;
}
#contents-left .narrowColumn table {width: 100%; border: 1px solid #ccc; border-bottom: 0; color: #666; margin-top: 10px;}
#contents-left .narrowColumn table th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; color: black; font-weight: bold;}
#contents-left .narrowColumn table th.heading {border: none; background-color: #E8E8E8; background-image: none; color: black; padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#contents-left .narrowColumn table td {padding: 10px 15px; border-bottom: 1px solid #ccc; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; color: black; border-left: 1px solid #ccc; text-align: left;}
#contents-left input[type="password"] {
background: white;
color: black;
border: 2px solid rgb(190,190,190);
}
#contents-left #order_login input[type="password"] {padding: 7px; width: 283px; background: #fff url(../images/content/bg_fade_reverse.png) repeat-x top; border: none; font-size: 12px; color: #666;}
#contents-left th {
text-align: inherit;
}
#contents-left {
text-align: left; We expect the inherited text alignment to be "left".
line-height: 1.2;
}
#contents-left p {
line-height: 1.3em;
}
#fpcontent #fpreasons #boxout ul .titreboxe {
color: #2D2D2D;
font-size:14px;
}
#container #footer #footer_inside div p strong {
color: #225498;
}
#container #footer center {
color: #FFF;
}
#container #footer #footer_inside div p {
color: #FFF;
}
#container #footer #footer_inside div ul {
color: #FFF;
font-size:12px; line-height: 1.6em;
}
#container #footer #footer_inside div ul a {color:#FFF; text-decoration:none;}
#container #footer #footer_inside div ul a:hover {color:#2d2d2d; text-decoration:underline;}
#title_comparatif {color: #666681; font-size:14px;}
.plan_title {color:#FFF; font-size:18px; line-height: 1em; }
.plan_title2 {color:#FFF; font-size:12px; line-height: 1em;}
#home #footer center {
color: #2d2d2d;
}
.vert {
color: #00C600;
}
#home #connexion a {
color: #FFF;
}
#home #footer center {
color: #000;
}