/* CSS Document */

html { background:url(../images/backgrounds/main.png) repeat-x #e0f2ff; font-family: Arial, Helvetica, "sans-serif"; font-size:13px; }
html noscript { background:yellow; display:block;}
html noscript p { text-align:center; padding:10px; font-weight:bold; font-size:130%;;}
#full-login-wrap { min-width:900px; background:url(../images/backgrounds/login-main.png) #1c1c1c repeat-x bottom; height:220px; display:none;}
#full-login-wrap .full-login { width:900px; margin:auto;color:#FFFFFF;}
#full-login-wrap .full-login h3 { font-size:145%; letter-spacing:-1px; margin:15px 0px 5px 30px; width:380px; padding-left:30px; background:url(../images/backgrounds/lock.png) no-repeat 0px 6px; line-height:150%;}
#full-login-wrap .full-login h4 { font-size:120%; margin:10px 0px 15px 110px; width:380px; padding-left:30px; line-height:150%; color:#8A8989}
#full-login-wrap .full-login .yellow-text { color:#ffe890;}
#full-login-wrap .full-login dl { margin:0px 0px 0px 65px;}
#full-login-wrap .full-login dl dt { width:65px; float:left; clear:left; color:#8a8989; margin:8px 3px 2px 3px;}
#full-login-wrap .full-login dl dd { float:left; margin:5px 3px; font-size:110%;}
#full-login-wrap .full-login dl dd a { color:#FFFFFF;}
#full-login-wrap .full-login dl dd.username input { border:none; width:220px; padding:5px;}
#full-login-wrap .full-login dl dd.password input { border:none; width:100px; padding:5px; margin-right:5px;}
#full-login-wrap .full-login dl dd.button input { background:url(../images/backgrounds/login-button.png) no-repeat; width:69px; height:26px; border:none; text-indent:-999999px;}
#full-login-wrap .full-login dl dd.button a { margin-left:15px;}
#full-login-wrap .full-login .left { width:450px; float:left; background:url(../images/backgrounds/login-divide.png) right 15px no-repeat;}
#full-login-wrap .full-login .left dl { margin-top:-10px;}
#full-login-wrap .full-login .right { width:450px; float:left;}

#wrap {  border-top:12px #272727 solid; min-width:900px;}

#wrap .orange { color:#f6500f;}
#wrap .grey { color:#7f7f7f;}

#wrap .header { overflow:hidden; width:900px; margin:auto;  margin-bottom:15px;}
#wrap .header .login { background:url(../images/backgrounds/login.png); width:180px; height:20px; margin-left:670px; overflow:hidden; }
#wrap .header .login p { margin-top:1px; margin-left:40px; font-size:85%;}
#wrap .header .login p a { color:#ffffff; text-decoration:none;}
#wrap .header .login p a .grey-text { color:#8d8d8d;}
#wrap .header .login-help a { background:url(../images/backgrounds/login-help.png) no-repeat; display:block; width:209px; height:68px; position:absolute; margin-left:660px; margin-top:-12px; text-indent:-999999px; overflow:hidden;}
#wrap .header .full-login { background:url(../images/backgrounds/login.png) bottom no-repeat; width:182px; height:300px; margin-left:670px; overflow:hidden; }
#wrap .header .full-login p { margin-top:13px; margin-left:40px; font-size:90%;}
#wrap .header .full-login p a { color:#ffffff; text-decoration:none;}
#wrap .header .full-login p a .grey-text { color:#8d8d8d;}

#wrap .header h1 { float:left;}
#wrap .header h1 a { display:block; overflow:hidden; background:url(../images/logo.png) no-repeat; width:159px; height:31px; text-indent:-99999px; margin-top:9px; margin-left:22px; margin-bottom:15px;}
#wrap .header ul { float:left; margin-top:20px;}
#wrap .header ul li { float:left; margin-left:30px;}
#wrap .header ul li a { background-image:url(../images/backgrounds/nav-sprite.png); background-repeat:no-repeat; display:block; height:17px; text-indent:-99999px; overflow:hidden;}
#wrap .header ul li.home a { background-position:-25px -20px; width:76px;}
#wrap .header ul li.home a:hover { background-position:-25px -57px; width:76px;}
#wrap .header ul li.domain-name a { background-position:-133px -20px; width:102px;}
#wrap .header ul li.domain-name a:hover { background-position:-133px -57px;}
#wrap .header ul li.web-hosting a { background-position:-262px -20px; width:88px;}
#wrap .header ul li.web-hosting a:hover { background-position:-262px -57px;}
#wrap .header ul li.help a { background-position:-383px -20px; width:32px;}
#wrap .header ul li.help a:hover { background-position:-383px -57px;}

#wrap .content { overflow:hidden;width:900px; margin:auto;}
#wrap .content h3 { font-size:180%; font-weight:bold; margin:20px; color:#272727;}
#wrap .content ul {margin:20px; color:#272727; font-family: "Lucida Grande" Arial, Helvetica, "sans-serif"; font-size:126%;}
#wrap .content ul li { margin:15px 0px; background:url(../images/backgrounds/tick.png) no-repeat 0px 7px; padding-left:25px; line-height:150%;}
#wrap .content strong { font-weight:bold;}

#wrap .content .home-content { background:url(../images/backgrounds/man.png) no-repeat 418px 20px; overflow:hidden; }
#wrap .content .left { float:left; width:430px;}
#wrap .content .left ul { margin-right:0px;}
#wrap .content .left ul li.short { width:350px;}
#wrap .content .right { float:left; width:305px; padding-left:160px; margin:20px 0px;}
#wrap .content .right .blue-box { background:url(../images/backgrounds/blue-box.png) no-repeat top; width:303px; height:48px; text-indent:-999999px; margin-left:7px;}
#wrap .content .right .grey-box { background:url(../images/backgrounds/grey-box.png) no-repeat top; width:310px; height:144px; margin:10px 0px 20px 0px; text-indent:-99999px;}
#wrap .content .right .grey-box ul { display:none;}

#wrap .content .right ul.features { margin:0px; margin-left:36px; overflow:hidden;}
#wrap .content .right ul.features li { float:left; padding:0px; margin:0px; margin-right:36px;}
#wrap .content .right ul.features li.ican { background:url(../images/backgrounds/ican-logo.png) no-repeat; width:46px; height:46px; display:block;}
#wrap .content .right ul.features li.cpanel { background:url(../images/backgrounds/cpanel-logo.png) no-repeat; width:94px; height:43px; display:block;}
#wrap .content .right ul.features li.linux-penguin { background:url(../images/backgrounds/linux-penguin.png) no-repeat; width:37px; height:44px; display:block; margin-right:0px;}

#wrap .content .inline-logo { background:url(../images/backgrounds/inline-logo.png) no-repeat 0px 0px; width:122px; height:24px; margin-right:2px; text-indent:-99999px; display:inline-block;}
#wrap .content .inline-logo.small { background:url(../images/backgrounds/inline-logo-small.png) no-repeat 0px 0px; width:92px; height:24px; margin-right:2px; text-indent:-99999px; display:inline-block;}
#wrap .content .not-bold { font-weight:normal; font-size:80%;}
#wrap .content .intro-box { background:url(../images/backgrounds/intro-box.png) no-repeat #ffffff top left; min-height:140px; overflow:hidden;}
#wrap .content .intro-box h2 { display:block; background:url(../images/backgrounds/free-web-hosting.png) no-repeat bottom left; text-indent:-999999px; height:33px; font-size:210%; font-weight:bold; margin-left:22px; margin-top:20px;}
#wrap .content .intro-box .any-domain { background:url(../images/backgrounds/any-domain.png) no-repeat; width:77px; height:77px; display:block; text-indent:-999999px; position:absolute; margin-top:-70px; margin-left:505px;}
#wrap .content .intro-box p { margin:7px 24px; font-size:120%;}
#wrap .content .intro-box p a { color:#000000;}
#wrap .content .intro-box p.domain-info { clear:both; margin:0px 20px 0px 20px; padding-top:10px; width:622px; line-height:160%; display:none; color:#565656; }
#wrap .content .intro-box form p { float:left;}
#wrap .content .intro-box form p.input { margin:5px 7px 5px 24px;}
#wrap .content .intro-box form p.input input { border:1px solid #cfcfcf; padding:5px; color:#f5500e; font-size:150%;  font-family: "Lucida Grande", "Myriad Pro", Verdana, Arial, Helvetica, "sans-serif"; width:280px;}
#wrap .content .intro-box form p.option { margin:5px 0px; font-size:248%; font-family: "Lucida Grande", Arial, Helvetica, "sans-serif"; }
#wrap .content .intro-box form p.option select { margin-left:5px;}
#wrap .content .intro-box form p.button { margin:5px 0px 5px 20px;}
#wrap .content .intro-box form p.button input { display:block; border:none; background:url(../images/backgrounds/check-domain.png) no-repeat; width:147px; height:40px; text-indent:-999999px;}
#wrap .content .intro-box .domain-results { clear:both; font-size:120%; font-family: "Lucida Grande", Arial, Helvetica, "sans-serif"; width:622px; margin:10px 0px 10px 24px;}
#wrap .content .intro-box .domain-results td { padding:5px 10px;}
#wrap .content .intro-box .domain-results td.even { background:#f4f4f4;}
#wrap .content .intro-box .domain-results td.domain { text-align:right;}
#wrap .content .intro-box .domain-results td.register { min-width:180px;}
#wrap .content .intro-box .domain-results td.availablity { color:#8ac300; text-align:center; width:30%;}
#wrap .content .intro-box .domain-results td.availablity.checking { color:#737373;}
#wrap .content .intro-box .domain-results td.unavailable { color:#bdbdbd;}
#wrap .content .intro-box .domain-results td.unavailable .orange { color:#bdbdbd;}
#wrap .content .intro-box .domain-results td a { color:#232323; background:url(../images/backgrounds/register-icon.png) no-repeat; padding-left:25px;}
#wrap .content .intro-box-bottom { background:url(../images/backgrounds/intro-box-bottom.png) no-repeat; height:8px; width:900px; display:block;}

#wrap .content .standard-page-content { padding-bottom:20px; margin-top:20px;}

#wrap .content .standard-page-content .white-box { background:#ffffff; overflow:hidden;}
#wrap .content .standard-page-content .white-box-top {background:url(../images/backgrounds/white-box.png) no-repeat #ffffff top left; height:8px; display:block;}
#wrap .content .standard-page-content .white-box-bottom { background:url(../images/backgrounds/white-box-bottom.png) no-repeat; height:8px; width:900px; display:block;}
#wrap .content .standard-page-content .half-width { width:50%; float:left; margin-top:-20px;}
#wrap .content .standard-page-content .half-width p strong { font-size:120%; font-weight:bold;}


#wrap .content .standard-page-content h2 { font-size:320%; margin-bottom:30px; margin-left:17px; color:#6193b7;}
#wrap .content .standard-page-content h4 { font-size:140%; margin:20px; font-weight:bold;}
#wrap .content .standard-page-content p { margin:20px; font-size:110%; line-height:150%; clear:both;}
#wrap .content .standard-page-content ul { font-size:110%; margin-left:40px;}
#wrap .content .standard-page-content ul li { margin:0px; font-size:110%; }
#wrap .content .standard-page-content .yes { background:url(../images/backgrounds/tick.png) no-repeat; width:16px; height:16px; display:block; text-indent:-999999px; margin:auto;}
#wrap .content .standard-page-content .no { background:url(../images/backgrounds/cross.png) no-repeat; width:16px; height:16px; display:block; text-indent:-999999px; margin:auto;}

#wrap .content .standard-page-content table { margin:0px auto 20px auto;}
#wrap .content .standard-page-content table td { padding:5px 10px; text-align:center; width:140px;}
#wrap .content .standard-page-content table td.title { text-align:right; font-weight:bold; border-right:2px solid #6193B7; width:170px; background:#FFFFFF;}
#wrap .content .standard-page-content table thead { font-weight:bold;}
#wrap .content .standard-page-content table thead td { border-bottom:2px solid #6193B7; background:#ffffff}
#wrap .content .standard-page-content table thead td.title { background:none;}

#wrap .content .registration-content h2 { font-size:320%; margin-bottom:30px; margin-left:17px; color:#6193b7;}
#wrap .content .registration-content h2 strong {color:#272727;}
#wrap .content .registration-content h3 {font-size:250%; color:#6193b7; clear:both; margin:10px 20px 5px 20px; }
#wrap .content .registration-content p { margin:5px 0px 5px 22px; color:#272727; font-size:110%; line-height:180%;}
#wrap .content .registration-content p a { color:#272727;}
#wrap .content .registration-content .plan-wrap { overflow:hidden;}

#wrap .content .registration-content .white-box ul { margin:20px 0px 20px 20px; overflow:hidden;}
#wrap .content .registration-content .white-box ul li {margin:2px; font-size:80%;background:url(../images/backgrounds/tick.png) no-repeat 0px 4px; padding-left:20px;}
#wrap .content .registration-content .white-box h3 {  text-indent:-999999px; display:block; }
#wrap .content .registration-content .white-box h4 { margin:0px 0px 0px 24px; font-size:130%;}
#wrap .content .registration-content .white-box p { margin:-32px 20px 0px 20px; overflow:hidden;}
#wrap .content .registration-content .white-box p a.select { float:right; display:block; width:147px; height:34px; background:url(../images/backgrounds/order-package.png) no-repeat; text-indent:-99999px; overflow:hidden;}

#wrap .content .registration-content .white-box.medium { background:url(../images/backgrounds/medium-box-top.png) no-repeat top left; overflow:hidden; width:603px; float:left; padding-top:11px; margin-right:15px; margin-bottom:20px;}
#wrap .content .registration-content .white-box.medium h3 { background:url(../images/backgrounds/advanced-title.png) no-repeat; height:27px; margin-right:0px; }
#wrap .content .registration-content .white-box.medium .content { width:603px; background:#ffffff;}
#wrap .content .registration-content .white-box.medium .bottom { background:url(../images/backgrounds/medium-box-bottom.png) no-repeat bottom left; min-height:16px; width:603px; display:block; overflow:hidden; padding-bottom:11px;}
#wrap .content .registration-content .white-box.medium .vat-included {background:url(../images/backgrounds/vat-included.png) no-repeat; width:77px; height:77px; display:block; text-indent:-999999px; position:absolute; margin-top:-85px; margin-left:555px;}
#wrap .content .registration-content .white-box.medium.advanced-selected { background:url(../images/backgrounds/medium-blue-box-top.png) no-repeat top left; }
#wrap .content .registration-content .white-box.medium.advanced-selected h3 { background:url(../images/backgrounds/advanced-title-selected.png) no-repeat; }
#wrap .content .registration-content .white-box.medium.advanced-selected .content {background:#8bb3cf;}
#wrap .content .registration-content .white-box.medium.advanced-selected .bottom {background:url(../images/backgrounds/medium-blue-box-bottom.png) no-repeat bottom left;}
#wrap .content .registration-content .white-box.medium.advanced-selected p a.select { display:block; width:147px; height:34px; background:url(../images/backgrounds/package-selected.png) no-repeat; text-indent:-99999px; overflow:hidden;}
#wrap .content .registration-content .white-box.medium.advanced-selected ul li { color:#ffffff; background:url(../images/backgrounds/blue-tick.png) no-repeat 0px 4px;}


#wrap .content .registration-content .white-box.small { background:url(../images/backgrounds/small-box-top.png) no-repeat top left; overflow:hidden; width:282px; float:left; padding-top:11px;}
#wrap .content .registration-content .white-box.small h3 { margin:15px 0px 20px 15px; background:url(../images/backgrounds/basic-title.png) no-repeat; height:19px;}
#wrap .content .registration-content .white-box.small p { margin:-10px 15px 0px 15px;}
#wrap .content .registration-content .white-box.small ul { margin:22px 0px 20px 15px;}
#wrap .content .registration-content .white-box.small .content { width:282px; background:#ffffff;}
#wrap .content .registration-content .white-box.small .bottom { background:url(../images/backgrounds/small-box-bottom.png) no-repeat bottom left; min-height:16px; width:282px; display:block; overflow:hidden; padding-bottom:11px;}
#wrap .content .registration-content .white-box.small.basic-selected { background:url(../images/backgrounds/small-blue-box-top.png) no-repeat top left; }
#wrap .content .registration-content .white-box.small.basic-selected h3 { background:url(../images/backgrounds/basic-title-selected.png) no-repeat;}
#wrap .content .registration-content .white-box.small.basic-selected .content {background:#8bb3cf;}
#wrap .content .registration-content .white-box.small.basic-selected .bottom {background:url(../images/backgrounds/small-blue-box-bottom.png) no-repeat bottom left;}
#wrap .content .registration-content .white-box.small.basic-selected p a.select { display:block; width:147px; height:34px; background:url(../images/backgrounds/package-selected.png) no-repeat; text-indent:-99999px; overflow:hidden;}
#wrap .content .registration-content .white-box.small.basic-selected ul li { color:#ffffff; background:url(../images/backgrounds/blue-tick.png) no-repeat 0px 4px;}


#wrap .content .registration-content #registration-form { display:none;}
#wrap .content .registration-content .form { font-size:110%;}
#wrap .content .registration-content .form dl { width:410px; float:left; margin:10px 20px 35px 20px;}
#wrap .content .registration-content .form dl dt { float:left; clear:left; width:120px; margin:10px 0px 5px 0px; text-align:right; padding-right:10px;}
#wrap .content .registration-content .form dl dt.last-name { margin-bottom:92px;}
#wrap .content .registration-content .form dl dd { float:left; margin:5px 0px;}
#wrap .content .registration-content .form dl dd input { padding:4px; width:243px; border:1px solid #b3b3b3; font-size:110%;}
#wrap .content .registration-content .form dl dd textarea { padding:3px; width:243px; height:103px;}
#wrap .content .registration-content .form dl .required_asterisk { color:#ff0000;}
#wrap .content .registration-content .validation { color:#ff0000; margin:20px 20px 15px 20px; padding:20px; background:#b90000;}
#wrap .content .registration-content .validation ul { margin:0px 20px; color:#ffffff;}
#wrap .content .registration-content .validation ul li { list-style:disc; background:none; padding:0px; margin:0px; font-size:90%;}
#wrap .content .registration-content p.submit { clear:both; margin:0px 0px 20px 0px; padding:15px; width:871px; text-align:right; background:url(../images/backgrounds/submit.png) no-repeat;}
#wrap .content .registration-content p.submit input { cursor:pointer; background:url(../images/backgrounds/submit-button.png) no-repeat; width:156px; height:43px; border:none; text-indent:-999999px; margin-left:10px;}

#wrap .content .registration-content .form dl.payment-types dt { width:auto;}
#wrap .content .registration-content .form dl.payment-types dd {}
#wrap .content .registration-content .form dl.payment-types dd input { width:14px; margin-right:5px; border:none;}

#wrap .content .registration-content .form dl.signup-totals { float:right; width:210px;}
#wrap .content .registration-content .form dl.signup-totals dt { margin:10px 0px 5px 0px; font-weight:bold;}
#wrap .content .registration-content .form dl.signup-totals dd { margin:10px 0px 5px 0px;}

#wrap .content .process-content { margin:auto; text-align:center; width:250px; margin-bottom:20px;}
#wrap .content .process-content p { margin:15px 0px; line-height:160%;}
#wrap .content .process-content p br { display:block; margin:15px 0px 0px 0px;}
#wrap .content .process-content table.content { width:150px; margin:15px auto;}
#wrap .content .process-content table.content td.content { width:85px;}

#wrap .content .help-content h2 { font-size:320%; margin-bottom:30px; margin-left:17px; color:#6193b7;}
#wrap .content .help-content h3 {font-size:200%; color:#6193b7; clear:both; margin:20px; }
#wrap .content .help-content p { margin:20px; color:#272727; font-size:110%; line-height:180%;}
#wrap .content .help-content p a { color:#272727}
#wrap .content .help-content p.top { font-size:80%; margin-top:-15px;}
#wrap .content .help-content p.top a { }
#wrap .content .help-content .help-questions { overflow:hidden; margin-bottom:12px; }
#wrap .content .help-content .help-questions li { width:45%; float:left; margin:0px; background:url(../images/backgrounds/orange-blob.png) no-repeat 4px 7px; padding-left:20px;  margin-bottom:8px;}
#wrap .content .help-content .help-questions li a { color:#272727; font-size:90%;}
#wrap .content .help-content hr { margin:20px; border:0px; border-bottom:2px solid #6193B7; }

#wrap .content .help-content .half-width { width:50%; float:left; margin-bottom:10px;}
#wrap .content .help-content .half-width .black-text { color:#fd6906;}
#wrap .content .help-content .half-width h3 { margin:10px 20px 10px 20px; font-size:145%; padding-left:20px; letter-spacing:-1px; background:url(../images/backgrounds/lock.png) no-repeat 0px 3px; color:#272727; width:300px;}
#wrap .content .help-content .half-width h4 { margin:0px 20px 10px 140px; font-size:120%; color:#272727;}
#wrap .content .help-content .half-width dl { margin:0px 0px 0px 65px;}
#wrap .content .help-content .half-width dl dt { width:65px; float:left; clear:left; color:#272727; margin:8px 3px 2px 3px;}
#wrap .content .help-content .half-width dl dd { float:left; margin:5px 3px; font-size:110%;}
#wrap .content .help-content .half-width dl dd a { color:#272727;}
#wrap .content .help-content .half-width dl dd.username input { border:1px solid #cccccc; width:220px; padding:5px;}
#wrap .content .help-content .half-width dl dd.password input { border:1px solid #cccccc; width:100px; padding:5px; margin-right:5px;}
#wrap .content .help-content .half-width dl dd.button input { background:url(../images/backgrounds/support-button.png) no-repeat; width:123px; height:26px; border:none; text-indent:-999999px;}
#wrap .content .help-content .half-width dl dd.button a { margin-left:15px;}

#wrap .content .help-content .white-box { background:#ffffff; overflow:hidden; clear:both;}
#wrap .content .help-content .white-box-top {background:url(../images/backgrounds/white-box.png) no-repeat #ffffff top left; height:8px; display:block; clear:both;}
#wrap .content .help-content .white-box-bottom { background:url(../images/backgrounds/white-box-bottom.png) no-repeat; height:8px; width:900px; display:block; margin-bottom:20px;}

#wrap .content .help-content .intro-box-bottom  { margin-bottom:20px; }

#footer { border-top:4px solid #c5e7ff; padding:10px 0px; margin:10px 0px; min-width:900px;}
#footer p { width:900px; margin:auto; color:#9db2c0; font-size:80%;}


  /* Updates to fix IE's Non Compliancy Issues */

  /* IE 7 */
* + html #full-login-wrap .full-login dl dd { margin-left:-27px;}
* + html #full-login-wrap .full-login .left dl dt.username { margin-top:2px; }
* + html #full-login-wrap .full-login .left dl dt.password { margin-top:11px; }
* + html #full-login-wrap .full-login .left dl dd.username { margin-left:9px;}
* + html #full-login-wrap .full-login dl dd.button input { text-indent:0px; color:#ffffff; background:url(../images/backgrounds/login-button-ie.png) no-repeat;}
* + html #wrap .header .login-help a { }
* + html #wrap .content .intro-box form p.input { margin-left:13px;}
* + html #wrap .content .intro-box form p.button { margin-left:8px;}
* + html #wrap .content .intro-box form p.button input { font-size:-0px; color:#FFFFFF;}
* + html #wrap .content .intro-box .no-hidden-charges { margin-left:525px;}
* + html #wrap .content .registration-content .white-box.medium .no-hidden-charges {margin-left:535px;}
* + html #wrap .content .registration-content p.submit { margin-top:-10px;}
* + html #wrap .content .registration-content p.submit input { font-size:0px;}
* + html #wrap .content .registration-content dd.email-address { margin-top:80px;}
* + #wrap .content .registration-content .form dl.payment-types { width:130px;}
* + #wrap .content .registration-content .form dl.payment-types dt { width:0px;}
* + #wrap .content .registration-content .form dl.payment-types dd { float:right; clear:right; width:130px;}
* + #wrap .content .registration-content .form dl.payment-types dd input { width:14px; margin-right:5px; border:none;}
* + html #wrap .content .registration-content .form dl.signup-totals { width:100px; margin-right:80px;}
* + html #wrap .content .registration-content .form dl.signup-totals dt { clear:left; width:60px;}
* + html #wrap .content .registration-content .form dl.signup-totals dd { margin:10px 0px 5px 0px; width:40px; float:right; clear:right}
* + html #wrap .content .help-content .half-width dl dd.button input { background:url(../images/backgrounds/support-button.png) no-repeat; width:123px; height:26px; border:none; text-indent:0px; font-size:0px;}