/* webhosting index */

#webHostingImageHeader { width: 940px; }
#buildWebsiteFreeBox { width: 248px; height: 247px; float: left; }
#webHostingSplashImage { width:652px; height: 247px; float: left; }
#bottomContent { background: url('../images/divider-gradient2.gif') repeat-x; clear: both; }
#webHostingCopy { width: 940px; height: 280px; margin-left: auto; margin-right: auto; background: url('../images/free_hosting_box_top.gif') no-repeat; }
.contentWrapHosting { padding-top: 0!important; padding-top: 0; margin-top: 0; }

ul.proDetails { margin: 0px; padding: 0px; width: 360px; float: left; list-style-type: none; padding-top: 20px; }
ul.freeDetails { list-style-type: none; margin: 0px; padding: 20px 0px 0px 20px; float: left; margin-bottom: 20px;}
ul.freeDetails li {background: url(../images/bullet.gif) no-repeat; padding-left: 15px; }
ul.proDetails li {background: url(../images/bullet.gif) no-repeat; padding-left: 15px; float: left; width: 165px;  }
.helperStyles { position:absolute; background:#edf9d4; border:1px solid #000; width:240px; padding:10px; }
.helper_icon { text-decoration: underline; }

#webHostingCopy p { margin: 0px 0px 0px 0px; line-height: 1.3em; }
#webHostingCopy .hostingSignup { float: left; clear: both; background: #fff; width: 250px; padding: 5px 0px 0px 2px; }
#freeHostingBox { width: 250px; float: left; padding: 13px 0px 20px 18px; background: url('../images/free_hosting_box_bot.gif') bottom left no-repeat; }
#freeHostingBox h1 { font-size: 13.5pt; color: #89a91b; margin: 20px 0px 8px 0px; }
#freeHostingBox p { width: 230px; }
#freeHostingColumn { width: 275px; margin-top: 2px; float: left; background: url('../images/free_hosting_box_mid.gif') repeat-y; }
#premiumHostingBox { width: 350px; padding: 22px 0px 0px 20px; float: left; }
#premiumHostingBox h2 { font-size: 13.5pt; color: #ff632f; margin: 11px 0px 8px 0px; }

.registerLinks { font-size: 11pt; clear: both; line-height: normal; padding-top: 30px;}
.registerLinks a, .registerLinks a:visited { font-size: 11pt; }
.regLinkExtraPad { padding-top: 45px; }
#domainBox { width: 250px; padding: 22px 0px 0px 22px; float: left; }
#domainBox h1 { font-size: 13.5pt; color: #89a91b; margin: 8px 0px 4px 0px; }
#domainBox h1.padTop { padding-top: 8px; color: #ff632f;}
#domainBox h2 { font-size: 13.5pt; color: #a8a8a8; margin: 8px 0px 4px 0px; }
#domainBox form { margin: 0px; padding: 0px; }
#domainBox form fieldset { border: 0px; margin: 0px; padding: 0px; }
#domainBox form input { width: 161px; }
#domainBox form input.submit { width: 80px; float: right; margin-top: 3px; padding: 2px; }
#domainBox form select { padding: 0px; }
#compareHostingTitle { float: left; height: 160px; width: 600px; }
#compareHostingTitle h1 { font-size: 20pt; color: #89a91b; margin: 0px 0px 5px 0px; }
#compareHostingTitle img.icon { float: left; margin: 0px 12px 12px 0px; }
#compareHostingTitle img.signUpButton { margin: 10px 0px 0px 48px; }
p.limits {position: relative; top: 20px;}
img.proHosting { padding: 0; margin: 46px 0px 0px 0px; clear: both; }
#compareHostingTitle p { font-size: 10pt;}
#liveHelpHosting { width: 247px; height: 159px; float: right; }

.hostingFootNote { clear: both; font-size: 9pt; color: #aaa; }

/* webhosting pro index */
#proHostingWrapper { background: url('../images/background_pro.jpg') repeat-x; }

#proHostingTop { margin: auto; height: 291px; width: 905px; background: url('../images/web_hosting_pro_photo.jpg') no-repeat 0px 16px; }
#proHostingTop div.sloganText { position: relative; top: 246px; float: right; margin-right: 20px; }
#proHostingTop div.sloganText p { display: block; width: 500px; color: #fff; font-weight: bold; font-size: 24px; text-align: right; margin: 0px; }
#proHostingTop div.proText { position: relative; top: 130px; }
#proHostingTop div.proText p { margin: 0px 0px 0px 35px; width: 190px; color: #555; font-size: 14px; line-height: 16px; }
#proHostingTop strong { margin-bottom: 15px; width: 130px; display: block; color: #555; }

#proHostingBottom { margin: auto; width: 905px; height: 225px; background: url('../images/background_pro_bottom.jpg') no-repeat; }
#proHostingBottom #takeATour { float: left; width: 247px; }
#proHostingBottom #takeATour h2 { padding-top: 12px; text-align: center; margin: 0px 0px 5px 0px; font-size: 20px; }
#proHostingBottom #takeATour img { margin-left: 35px; }
#proHostingBottom #takeATour p { margin: 0px; text-align: center; }
#proHostingBottom #takeATour a, #proHostingBottom #takeATour a:visited { color: #555; text-decoration: none; line-height: 9px; font-size: 12px; }

#proHostingBottom #featureList { float: left; width: 320px; margin-left: 18px; color: #555; }
#proHostingBottom #featureList h2 { padding: 0;padding-top: 12px; margin: 0px 0px 8px 0px; color: #ff5b0a; }
#proHostingBottom #featureList ul { margin: 0px; padding: 0px; list-style-type: none; padding-top: 10px;}
#proHostingBottom #featureList ul li { background: url(../images/bullet.gif) no-repeat; padding-left: 15px; height: 18px; }
#proHostingBottom #featureList p { margin: 0px; padding: 0;}
#proHostingBottom #featureList ul#listLeft {float: left; width: 180px;}
#proHostingBottom #featureList ul#listRight {float: left; width: 125px; margin-left: 3px;}

#proHostingBottom #getProButton { float: right; margin: 0; padding: 0;}
#proHostingBottom div#referral { width: 300px; padding: 0; margin: 0; float: right; color: #555; }
#proHostingBottom div#referral h2 {color: #ff5b0a; margin: 12px 0px 8px 0px;}
#proHostingBottom div#referral p {padding: 0; margin: 0;}
#proHostingBottom div#referral p strong {display: block; text-align: right; margin: 15px 10px 0 0; font-size: 10pt; padding: 0;}
#proHostingBottom div#referral p strong span {font-size: 15pt;}

/*hosting matrix*/
#hostingMatrix { width: 940px; margin-left: auto; margin-right: auto; }
#hostingMatrixCopy { width: 250px; margin: 30px 0px 0px 0px; float: left; }
#hostingMatrixCopy h1 { font-size: 20pt; line-height: 28pt; color: #ff5b0a; margin: 0px 0px 0px 0px; text-align: center;}
#hostingMatrixCopy p { font-size: 12pt; margin: 20px 0px 0px 0px; }
#hostingMatrixCopy p#testimonial, #hostingMatrixCopy p#testimonial cite { font-size: 10pt; font-style: normal; }
#hostingMatrixCopy p#testimonial { background: url(../images/webtools/journal/start-quote.gif) left top no-repeat; padding-left: 35px;}
#hostingMatrixCopy p#testimonial cite { display: block; background: url(../images/webtools/journal/end-quote.gif) right bottom no-repeat; padding-right: 5px;}
#hostingMatrixTable { width: 630px; float: right; margin: 35px 0px 25px 0px; }
#hostingMatrixTable table tr { background: #fff; }
#hostingMatrixTable table tr:hover { background: #eee; }
#hostingMatrixTable table { width: 630px; padding: 0px; border-collapse: collapse; }
#hostingMatrixTable table th { height: 34px; padding-left: 15px; font-size: 13pt; text-align: left; color: #7c951b; border-left: solid 1px #b3b3b3; border-bottom: solid 1px #b3b3b3; background: url('../images/hosting_table_header_back.gif'); }
#hostingMatrixTable table th.col1 { color: #555; border-left: 0px; width: 270px; }
#hostingMatrixTable table th.col2 { width: 150px; padding-left: 0px; text-align: center; }
#hostingMatrixTable table th.col3 { width: 210px; padding-left: 0px; text-align: center; }
#hostingMatrixTable table td.colNum { text-align: right; padding-right: 20px; }
#hostingMatrixTable table th.spanner { border-left: 0px; }
#hostingMatrixTable table td { text-align: center; height: 40px; font-size: 11pt; border-left: solid 1px #b3b3b3; border-bottom: solid 1px #b3b3b3; }
#hostingMatrixTable table td.col1 { padding-left: 15px; text-align: left; border-left: 0px; }
.notice {background-color:#f6f8f1;padding:10px;border:1px solid #ccc;font-size:12pt;}
input.formbutton {text-transform: lowercase;}
#hostingMatrixTable table td.conditions { border-left: 0px; font-size: 9pt; text-align: left; padding-left: 15px; padding-top: 10px; padding-bottom: 10px;}
#hostingMatrixTable table td strong {color: #ff632f;}

/*php matrix*/
#phpMatrix { width: 940px; margin-left: auto; margin-right: auto; }
#phpMatrixCopy { width: 250px; margin: 30px 0px 0px 0px; float: left; }
#phpMatrixCopy h1 { font-size: 20pt; line-height: 28pt; color: #ff5b0a; margin: 0px 0px 0px 0px; }
#phpMatrixCopy p { font-size: 12pt; margin: 0px 0px 0px 0px; }
#phpMatrixTable { width: 630px; float: right; margin: 35px 0px 25px 0px; }
#phpMatrixTable table tr { background: #fff; }
#phpMatrixTable table tr:hover { background: #eee; }
#phpMatrixTable table { width: 630px; padding: 0px; border-collapse: collapse; }
#phpMatrixTable table th { height: 34px; padding-left: 15px; font-size: 13pt; text-align: left; color: #7c951b; border-left: solid 1px #b3b3b3; border-bottom: solid 1px #b3b3b3; background: url('../images/hosting_table_header_back.gif'); }
#phpMatrixTable table th.col1 { color: #555; border-left: 0px; width: 480px; }
#phpMatrixTable table th.col2 { width: 150px; padding-left: 0px; text-align: center; }
#phpMatrixTable table td { text-align: center; font-size: 11pt; border-left: solid 1px #b3b3b3; border-bottom: solid 1px #b3b3b3; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}
#phpMatrixTable table td.col1 { padding-left: 15px; text-align: left; border-left: 0px; }
#phpMatrixTable table td.col2 { width: 150px; padding-left: 0px; text-align: center; }