* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #333;
 background: #EEE;
}

p {
 margin: 0;
 padding: 10px;
}

img {
border: 0;
}

a {
 text-decoration: underline;
 color: #0171AF;
}

#wrapper {
 margin: 20px auto;
 width: 760px; /* was800px */
}

#header {
 height: 100px;
 background: #C5DD97 url(images/my_sta/header-shadow.jpg) no-repeat; /* colorwas:EEE, gif 197:221:151 */
}

#header h1 {
 padding: 20px 0 0 10px; /* from 30px to 20px  05-02-2009 */
 font-size: 34px;
 font-style: italic;
 color: #CC0000;
 text-align: center;
}

#tagline {
 font-size: 20px;
 font-weight: bold;
 color: #333;
 text-align: center;
}

ul#checklist {
 list-style-type: none;
 padding: 15px 10px 15px 10px;
 text-align: center;
}

li.checklist {
 background: url(images/my_sta/arrow.gif) no-repeat 76px; /* adjust list item px image spacing if needed */
 margin: 0;
 padding: 4px;
 font-size: 14px;
}

#content {
 padding: 20px;
 background: #C5DD97 url(images/my_sta/content-shadow.jpg) repeat-y; /* colorwas:FFF, gif C5DD97=197:221:151 */
}

#photo-box {
 width: auto;
 height: 250px;
 background: #FFF url(images/my_sta/photo.jpg);
 border: 3px solid #CCC;
}

#photo-box h2 {
 font-size: 26px;
 font-weight: 200;
 color: #FFF;
}

#photo-text {
 float: right;
 padding: 20px 20px 0 0;
 color: #FFF;
}

#form-box {
 float: right;
 margin: 50px 92px 0 200px;
 color: #333;
}

* html #form-box {
  margin: 50px 46px 0 200px;
}

input.zipcode {
 padding-top: 4px;
 padding-left: 10px;
 width: 170px;
 height: 24px;
 font-size: 18px;
 vertical-align: middle;
 border: 3px solid #3366cc;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
} 

input.button {
 margin-top: 6px;
 margin-bottom: 6px;
 width: 186px;
 height: 28px;
 font-weight: bold;
 color: #333;
} 

.main-text {
 padding: 10px;
 font-size: 16px; /* did not have font-size */
}

.main-text h2 {
 padding: 16px 0 10px 0;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
}

p.button {
 padding: 20px 10px 20px 10px;
 text-align: center;
}

#resource-box1 {
 margin: 20px auto;
 padding-bottom: 6px;
 width: 430px;
 background: #FFF;
 border: 2px solid #CCC;
}

#resource-title {
 padding: 10px;
 font-size: 18px;
 font-weight: bold;
 color: #333;
 text-align: center;
 background: #FFF;
}

ul#resource-list {
 padding: 0;
 list-style-type: none;
 text-align: center;
}

a.resource-link {
 display: block;
 padding: 6px;
 color: #333;
 background: #FFF;
}

* html ul#resource-list li {
 display: inline;
 height: 1%;
}

#bottom {
 padding: 10px;
 background: #C5DD97 url(images/my_sta/bottom-shadow.jpg) no-repeat; /* colorwas:EEE, gif 197:221:151 */
}

#footer {
 padding-bottom: 10px;
 text-align: center;
}

 <!--GREEN.CSS: PPC PRODUCT PAGE-->

#leftcolumn {
 float: left; /* was float left - leftcolumn zzz */
 margin: 0;
 padding: 10px;
 width: auto; /* was 667px */
 height: auto;
 color: #333;
 background: #C5DD97; /* C5DD97=197:221:151, was FFF */
}

p.button {
 padding: 20px 10px 20px 10px;
 text-align: center;
}

#rightcolumn {
 float: right; /* was float right - rightcolumn width: 169px  zzz */
 margin: 0;
 padding: 25px 10px 10px 10px;
 width: 164px;
 height: auto; /* 300px increase or decrease the rightcolumn value depending on the finished height of the leftcolumn */
 color: #333;
 border-left: 0px solid #CCC; /* was 1px */
 background: #C5DD97; /* was F2F2E6 */
}

* html #rightcolumn {
  height: auto; /* 300px IE (Internet Explorer): increase or decrease the rightcolumn value depending on the finished height of the leftcolumn - was rightcolumn zzz */
}

#rightcolumn h2 {
 margin-bottom: 10px; /* was rightcolumn zzz */
 padding: 10px 5px 10px 5px;
 font-size: 16px;
 font-style: bold;
 color: #FFF; /* right column h2 text color */
 border-bottom: 4px solid #99CC00; /* right column h2 bottom border color */
 background: #006600; /* right column h2 text background color */
}

#rightcolumn p {
 padding-bottom: 40px; /* was rightcolumn zzz */
}

.quote {
 font-style: italic;
}

.signature {
 float: right;
 font-style: normal;
 font-weight: bold;
}

p.label {
text-align: center;
}

ul#checkmark {
 list-style-type: none;
 padding: 15px 10px 15px 10px;
 text-align: center;
}

li.checkmark {
 background: url(images/my_sta/ppcv2_pack_checkmark36.gif) no-repeat 85px; /* was checkmark.gif - adjust list item px image spacing if needed */
 margin: 0;
 padding: 4px; /* ppcv2_pack2_stars - dark red */
}

 <!--MY CUSTOM STYLES-->

#creditcard-box {
 width: 200px; /* was: auto */
 height: 100px;
 background: #FFF url(images/my_sta/multihorz-sm.gif); /* multihorz-sm.gif */
 border: 3px solid #CCC;
}

#testcolor {
 background: #DAEABC; /* C5DD97=197:221:151,  was FFF */
}