/*  ppclead_style from /web/assets/templates/v30001 zzzz  */

* { 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: 710px; /* was800px750px760px710px zzzz */
}

#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: 18px; /* was20px */
 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; /* removed #C5DD97 from background zzzz */
 background: #FFF url(images/my_sta/content-shadow.jpg) repeat-y;  /* -colorwas:FFF, gif C5DD97=197:221:151 */
}

#photo-box {
 width: auto; /* widthwas: auto photo_dog_cat.jpg  zzzz */
 /* was:images/my_sta/idg_boutique_nq */
 /* http://designbeep.designbeep.netdna-cdn.com/wp-content/uploads/2011/07/22.dog-love-photos.jpg 10-10-2011 */
 /* http://www.animalsicons.com/wp-content/uploads/2011/09/helmets-for-dogs-with-style_01.jpg 11-24-2011 */
 /* http://www.animalsicons.com/wp-content/uploads/2011/09/helmets-for-dogs-with-style_04.jpg */
 /* http://www.animalsicons.com/wp-content/uploads/2011/09/helmets-for-dogs-with-style_14.jpg */
 /* http://potluckcomics.bamboo.netdna-cdn.com/wp-content/uploads/2011/09/dogs-and-cats.jpg */
 height: 250px;
 background: #C5DD97 url(http://www.animalsicons.com/wp-content/uploads/2011/09/helmets-for-dogs-with-style_04.jpg) no-repeat; /* colorwas:FFF */
 border: 3px solid #CCC;
}

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

#photo-text {
 float: left; /* was:right */
 padding: 20px 20px 0 0;
 color: #C00; /* was:#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: 0px; /* was10px zzzz */
 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 zzzz */
 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: 169px164px  zzzz */
 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 */
 border-right: 5px solid #E2E1E9; /*  6-25-2011 to match header-shadow.jpg zzzz */
 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 zzzz */
}

#rightcolumn h2 {
 margin-bottom: 10px; /* was rightcolumn zzzz */
 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 zzzz */
}

.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 */
}

.googleplus {
 position: absolute; /* new div class googleplus 07-16-2011 zzzz */
 top: 481px; /* was411, 381 zzzz */
 left: 60%; /* was50 zzzz */
 margin-left: 79px;
 z-index:5;
}