/* Global Reset */
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, strong, 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: baseline;}
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/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:#9BB53D;}
a:hover {color:#AFC85B;}
#container {width: 960px; margin: 0 auto;}
/* Masthead Elements */
#masthead {height: 150px; width: 960px; background: #E6E6E6 url("../images/bg_masthead.png") repeat-x top; border-bottom: 1px solid #5A4A35;}
#masthead_right {position: relative; top: 20px; color: #666; float: right; font-size: 12px; padding: 5px 0 0; width: 260px; height: 79px;}
#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/bg_masthead_buttons.gif") no-repeat 0 -4px;}
#masthead_right p.blog a:hover {background: url("../images/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/bg_masthead_buttons.gif") no-repeat 0 -4px;}
#masthead_right p.affiliates a:hover {background: url("../images/bg_masthead_buttons.gif") no-repeat 0 -28px;}
#masthead_right p.login a {padding-left: 6px; width: 103px; height: 24px; background: url("../images/bg_masthead_buttons.gif") no-repeat -65px 0;}
#masthead_right p.login a:hover {background: url("../images/bg_masthead_buttons.gif") no-repeat -65px -27px;}
#masthead h2 a {float: left; margin: 4px 120px 0 34px; width: 320px; height: 80px; text-indent: -4000px; background-image: url("../images/logo.png");}
/* Main Navigation */
#masthead ul {float: left; margin-top: 26px; width: 500px; height: 30px;}
#masthead li a {float: left; margin-right: 2px; width: 95px; height: 30px; background: #A4BD4C url('../images/bg_navigation.gif') no-repeat top; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; text-align: center; line-height: 2.3em}
#masthead li a:hover {background: #A4BD4C url('../images/bg_navigation.gif') no-repeat 0 -30px;}
#masthead li {float: left;}
#home #masthead li.navhome a {background: #A4BD4C url('../images/bg_navigation.gif') no-repeat 0 -60px;}
#charity #masthead li.navcharity a {background: #A4BD4C url('../images/bg_navigation.gif') no-repeat 0 -60px;}
#charitydonation #masthead li.navcharitydonation a {background: #A4BD4C url('../images/bg_navigation.gif') no-repeat 0 -60px;}
#with_causes #masthead li.navwith_causes a {background: #A4BD4C url('../images/bg_navigation.gif') no-repeat 0 -60px;}
#donationbenefits #masthead li.navdonationbenefits a {background: #A4BD4C url('../images/bg_navigation.gif') no-repeat 0 -60px;}
/* Masthead Domain Search Form */
#masthead form {float: right; width: 300px; height: 40px; margin: 25px 0 0 0;}
#masthead .searchdomains {margin-top: 2px; color: #8D867E; font-size: 11px; float: left; width: 250px; border: 0; outline: none;}
/* Homepage Top Boxes */
.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: #71593B url("../images/bg_domains.png") no-repeat top;}
#fp_hosting {background: #95836C url("../images/bg_hosting.png") no-repeat top;}
#fp_resellers {background: #92946B url("../images/bg_resellers.png") no-repeat top;}
#fp_servers {background: #CDAD75 url("../images/bg_servers.png") no-repeat top;}
/* Homepage Domains Box Search Form */
#fp_domains ul {height: 153px;}
#fp_domains form {float: left; width: 240px; height: 25px; margin: 22px 0 0 0;}
#fp_domains .searchdomains {float: left; margin: 2px 0 0 25px; color: #8D867E; font-size: 11px; float: left; width: 170px; border: 0; outline: none;}
/* Homepage Top Boxes Buttons */
.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: #493C2B url("../images/btn_topboxes.png") no-repeat -5px 0;}
#fp_hosting .more a:hover {background: url("../images/btn_topboxes.png") no-repeat -5px -90px;}
#fp_hosting .buynow a { background: #493C2B url("../images/btn_topboxes.png") no-repeat -140px 0;}
#fp_hosting .buynow a:hover {background: url("../images/btn_topboxes.png") no-repeat -140px -90px;}
#fp_resellers .more a { background: #493C2B url("../images/btn_topboxes.png") no-repeat -5px -30px;}
#fp_resellers .more a:hover {background: url("../images/btn_topboxes.png") no-repeat -5px -120px;}
#fp_resellers .buynow a { background: #493C2B url("../images/btn_topboxes.png") no-repeat -140px -30px;}
#fp_resellers .buynow a:hover {background: url("../images/btn_topboxes.png") no-repeat -140px -120px;}
#fp_servers .more a { background: #493C2B url("../images/btn_topboxes.png") no-repeat -5px -60px;}
#fp_servers .more a:hover {background: url("../images/btn_topboxes.png") no-repeat -5px -150px;}
#fp_servers .buynow a { background: #493C2B url("../images/btn_topboxes.png") no-repeat -140px -60px;}
#fp_servers .buynow a:hover {background: url("../images/btn_topboxes.png") no-repeat -140px -150px;}
.boxlink a{width: 240px; height: 75px; float: left; display: block; text-indent: -5000px;}
/* Homepage Container Elements */
#fpcontent { float: left; width: 920px; margin: 0 auto; padding: 12px 20px 20px 20px; line-height: 1.3em; background-color: #fff;}
#fpcontent h5 {letter-spacing: -1px; float: left; color: #fff; font-size: 18px; line-height: 190%; margin-left: 5px;}
/* Homepage 3 boxes */
ul.promoboxes {float: left; width: 940px; height: 100px; padding-bottom: 18px;}
ul.promoboxes li {display: block; float: left; background: #fff url('../images/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: #68563E; float: left; margin-top: 22px; margin-right: 40px;}
ul.promoboxes li .text {font-weight: normal; color: #666; padding-right: 15px;}
ul.promoboxes li a:hover strong {color: #A0B945;}
ul.promoboxes li em {color: #A0B945;}
.donorwords {font-size: 9px; font-weight: bold;}
.withcausesdonate {float: left; margin-top: 22px;}
ul.promoboxes li.end a {width: 305px;}
ul.promoboxes li .textalt {font-weight: normal; color: #666; font-size: 11px;}
/* Homepage Blog Elements */
#donationsales {float: left; width: 295px; margin-right: 20px;}
#donationsales_heading {width: 295px; height: 35px; background: #5D4D37 url('../images/bg_headings.png') repeat-x top; }
#donationsales_heading .rss {float: right; margin: 9px 2px 0 0;}
#donationsales ul {width: 295px;}
#donationsales li {width: 265px; height: 120px; padding: 15px; color: #666; line-height: 1.35em;}
#donationsales li a{color: #A3BC4A ; font-weight: bold;}
#donationsales li a:hover{color: #BACD7A ;}
#donationsales h4 {font-size: 14px; color: #68563E;}
#donationsales li.right {background: #fff url("../images/bg_blogs_right.png") no-repeat top; margin-bottom: 10px;}
#donationsales li.left {background: #fff url("../images/bg_blogs_left.png") no-repeat top;}
#donationsales p {font-size: 12px;}
#donationsales p.date { float: left; margin: 0 15px 40px 0; width: 40px; height: 54px; background: url("../images/bg_blog_date.gif") no-repeat top; color: #fff; text-align: center; font-weight: bold;}
#donationsales .day {font-size: 22px; line-height: 160%}
#donationsales .month {font-size: 11px;}
/* Homepage Reasons Elements */
#fpreasons_heading {float: left; width: 605px; height: 35px; background: #5D4D37 url('../images/bg_headings.png') repeat-x top;}
#fpreasons {float: left; width: 603px; border: 1px solid #e3e3e3; height: 290px; background: #fff url("../images/bg_reasons.png") repeat-x bottom;}
#fpreasons ul {width: 260px; height: 200px; margin: 20px 20px 0 0; float: left;}
.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: #68563E;}
#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/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/btn_signup.gif") no-repeat 0 -28px;}
/* Content Pages */
/* Page Sub Headings */
#subheading {width: 960px; height: 70px; background: #483B2A url("../images/bg_sub_heading.png") repeat-x top;}
#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: #C0C0C0 url("../images/bg_sub_green.png") repeat-x top; }
#subgreen p.btn_order a { float: right; margin: 23px 10px 0 5px; color: #fff; width: 100px; height: 25px; background: #473A29 url("../images/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: #473A29 url("http://www.withcauses.org/images/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: #473A29 url("../images/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/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/bg_main.png") repeat-y top; overflow: auto;}
#innercontent {width: 690px; float: left; padding: 20px; line-height: 1.7em; color: #666;}
#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/bg_content_top.png") repeat-x top;}
#content-left ul.featboxes { float: left; margin: 20px 0 0 5px; width: 710px; height: 160px;}
#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/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/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;}
#tblheading {float: left; margin-top: 15px; width: 680px; height: 28px; background: #9BB53D url("../images/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: 100%;}
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 */
#charity #subgreen {width: 370px;}
#charity #subgreen ul {display: inline; float: right; margin: 5px 0 0 10px }
#charity #subgreen li {float: left; border-right: 1px solid #333333; padding: 0 15px; letter-spacing: -1px; font-size: 25px; color: #fff; font-weight: bold; line-height: 80%; text-align: center;}
#charity #subgreen .peryear {font-size: 14px;}
#charity #subgreen .end {border:0;}
#charity #subgreen strong {color: #443828;}
#charity #mainpitch #details h2 {width: 300px; margin-top: 38px;}
#charity #mainpitch #details {width: 325px; float: left; color: #fff; margin-left: 35px;}
#charity #mainpitch #suzi {margin-left: 10px; height: 160px; line-height: 1.4em;}
#charity #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 a {display: block; color: #534531; text-decoration: none; cursor: pointer; }
#charity #tblheading {width: 350px; margin-top: 10px;}
#charity #content-left h4 {color: #4C3F2C; font-size: 25px; letter-spacing: -2px; width: 350px;}
#charity th {width: auto; font-weight: normal; font-size: 12px;}
#charity 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;}
#charity .tbl_domprices {clear: both; border-left: 1px solid #ccc; padding: 10px; width: 680px;}
#charity .tbl_domprices td {width: auto;}
#charity .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/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 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/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 .searchdomains {padding: 2px; margin: 10px 0 0 15px; color: #8D867E; font-size: 11px; float: left; width: 200px; border: 0; outline: none;}
#charitydonation #mainpitch #suzi {margin: 0 40px 0 5px; height: 175px; line-height: 1.4em; width: 120px;}
#charitydonation #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;}
#charitydonation #mainpitch #starter {margin-left: 3px;}
#charitydonation #mainpitch #starter h3 {color: #FFD280; letter-spacing: -1px; margin-bottom: 2px;}
#charitydonation #mainpitch #home h3 {color: #A0C7DE; letter-spacing: -1px; margin-bottom: 2px;}
#charitydonation #mainpitch #business h3 {color: #BBCE79; letter-spacing: -1px; margin-bottom: 2px;}
#charitydonation #mainpitch a {margin: 10px auto 0 auto; width: 105px; height: 25px; font-weight: bold; text-decoration: none; color: #fff; display: block; background: #FDA10B url("../images/btn_order.png") no-repeat; line-height: 2em;}
#charitydonation #mainpitch a:hover {background: url("../images/btn_order.png") 0 -25px;}
#charitydonation #mainpitch #home a {margin-top: 10px; background: url("../images/btn_order.png") 210px 0px;}
#charitydonation #mainpitch #home a:hover{background: url("../images/btn_order.png") 210px -25px;}
#charitydonation #mainpitch #business a {margin-top: 10px; background: url("../images/btn_order.png") 105px 0px;}
#charitydonation #mainpitch #business a:hover{background: url("../images/btn_order.png") 105px -25px;}
#charitydonation table h3 {margin:5px; letter-spacing: -1px; color: #666;}
#charitydonation table .starter a{ background:url("../images/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;}
#charitydonation table .starter a:hover{ background:url("../images/btn_tbl_order.gif") 0 -25px;}
#charitydonation table .home a{ background:url("../images/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;}
#charitydonation table .home a:hover{ background:url("../images/btn_tbl_order.gif") 200px -25px;}
#charitydonation table .business a{ background:url("../images/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;}
#charitydonation table .business a:hover{ background:url("../images/btn_tbl_order.gif") 100px -25px;}
#charitydonation #tblheading {width: 690px; margin-top: 0;}
#charitydonation th {font-size: 11px;}
#charitydonation td {width: 100%}
#charitydonation .tbl_compare td {width: 120px;}
#charitydonation .tbl_compare {width: 100%;}
/* Reseller Hosting Page */
#donationbenefits #mainpitch {height: 215px; background: url("../images/bg_pitch.png") no-repeat top; font:Arial, Helvetica, sans-serif}
#donationbenefits #mainpitch #details ul {margin: 6px 0 12px 0; float: left; width: 260px; font-size: 16px; font-weight: bold; padding-left: 0;}
#donationbenefits #mainpitch #details li {font-size: 20px; float: left; margin-top: 5px; width: 265px;}
#donationbenefits #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/btn_pitch.png") no-repeat top; }
#donationbenefits #mainpitch #details a:hover {background: #A0B945 url("../images/btn_pitch.png") no-repeat 0 -30px;}
#donationbenefits th {width: 570px; font-weight: normal; font-size: 12px;}
#donationbenefits td {width: 120px;}
#donationbenefits table .highlight {font-weight: bold; }
#donationbenefits table h3 {margin:5px; letter-spacing: -1px; color: #666;}
#donationbenefits th.order {width: 570px; font-weight: normal; font-size: 12px; background-color: #BBCE79; border: 0; color: #fff; font-size: 13px;}
#donationbenefits 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;}
#donationbenefits 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/btn_table_order.png") 0 0; width: 100px; height: 23px; display: block;}
#donationbenefits td.order a:hover {background: url("../images/btn_table_order.png") 0 -23px;}
#donationbenefits #tblheading {width: 690px; margin-top: 0;}
#donationbenefits table .reseller a { background:url("../images/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;}
#donationbenefits table .reseller a:hover {background:url("../images/btn_tbl_order.gif") 100px -25px;}
/* Reseller Tabs/Switcher Styles */
.tabtable {border-top: 3px solid #A1C249; width: 690px; }
.donationbenefitstabs ul {float: left; width: 690px;}
.donationbenefitstabs li {float: left; margin-right: 1px;}
.donationbenefitstabs ul li a {float: left; color: white; padding: 5px 11px; background: #CCC; text-decoration: none;}
.donationbenefitstabs ul li a:visited{ color: white;}
.donationbenefitstabs ul li a.selected{color: #fff; font-weight: bold; font-size: 14px; background-color: #A1C249;}
.tabcontent {display:none;}
#with_causes #tblheading {width: 690px;}
#with_causes th {width: 290px; font-weight: normal; font-size: 12px;}
#with_causes td {width: 200px; padding: 5px 0 5px 0;}
#with_causes td.rowheading {padding: 5px 10px;}
#with_causes table h3 {margin: 5px 5px 0 5px; color: #666; letter-spacing: -1px;}
#with_causes table .lrg {margin: 5px; letter-spacing: -1px; font-weight: bold; font-size: 14px;}
#with_causes table .lrgsub {margin: 5px 0 0 0 ; letter-spacing: -1px; font-weight: bold; font-size: 15px;}
#with_causes table .lrgunder {margin: 0; letter-spacing: -1px; font-weight: bold; font-size: 15px;}
#contents-left {float: left; width: 680px; padding: 25px; background: #fff url("../images/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/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/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/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 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/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/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 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;}
#donationbenefits .tbl_compare td {width: auto;}
#terms {width: 640px; padding: 20px; border: 1px solid #999; height: 400px; overflow: scroll;}
/* Website Builder Index Page */
#web_builder {width: 335px; float: left; float: left; margin-bottom: 270px;}
#web_builder h4 {color: #7AA91B; font-size: 24px; letter-spacing: -1px;}
#web_builder .content {width: 305px; padding: 0 15px 15px 15px; background: #93BD33 url("../images/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 .content {width: 305px; padding: 0 15px 15px 15px; background: #BA1511 url("../images/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;}
/* Affiliate Index Page */
ul.aff_example {width: 680px; height: 145px; margin: 20px 0;}
ul.aff_example li {width: 180px; height: 145px; background: url("../images/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/aff_arrow.gif") no-repeat left center; float: left;}
.btn_signup a {width: 200px; height: 35px; display: block; background: #7AA91B url("../images/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/btn_aff_signup.png") 0 -35px;}
/* Search Engines */
.searchengines {overflow: auto; background: #fff url("../images/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/btn_order.png") 0 0;}
.brownorder a:hover {background: url("../images/btn_order.png") 0 -25px;}
/* Registration Form Elements */
#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/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("http://www.withcauses.org/images/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 */
.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 Page */
#order_login {float: left; width: 295px; height: 240px; padding: 20px; color: #fff; background: #463B27 url("../images/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/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/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;}
/* Content Right Box Elements */
#content-right {float: left; text-align: center; width: 230px; background: #D6D6D6 url("../images/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/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/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/btn_right_list.png") no-repeat top;}
#content-right li a:hover { background: #EBEBEB url("../images/btn_right_list.png") no-repeat 0 -28px;}
#wp-content {width: 680px;}
#wp-right {float: left; width: 230px; background: #D6D6D6 url("../images/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/bg_fade_reverse.png") repeat-x top; margin-bottom: 10px;}
/* Footer Elements */
#footer {clear: both; width: 100%; height: 284px; background: #CADBEF url("../images/bg_footer.png") repeat-x top; padding-top: 10px;}
#footer_inside {width: 880px; height: 300px; color: #fff; padding: 15px; margin: 0 auto;}
#footer_inside img {padding: 29px 0 0 23px;}
#footer_inside ul {float:left; line-height: 180%; border-right: 1px solid #e4e4e4; }
#footer_inside ul.charitydonation {width: 260px; height: 125px;}
#footer_inside ul.heart {width: 380px; height: 125px; padding-left: 30px;}
#footer_inside ul.charitydonation li {float: left; width: 120px}
#footer_inside ul.heart li {float: left; width: 125px}
#footer_inside ul.charitydonation 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;}
/* Customer Tables */
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/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/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;}
.hostbox {width: 140px; border: 1px solid #E2E2E2; padding: 12px; float: left; margin: 10px 5px 0 0; background: url("../images/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/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/bg_fade_reverse.png") repeat-x top; margin: 10px 0;}
#dual_box h5 {background: #3F3426 url("../images/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/bg_fade_reverse_green.png") repeat-x top;}
#quad_box h5 {background: #3F3426 url("../images/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;}
#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/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/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/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;
}*/