BODY {margin:0; background-color:#E9E1C7; text-align:center; background : url(../images/bg-page.gif); background-attachment: fixed;}
html { min-height: 100%; margin-bottom: 1px;}
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
p {margin-bottom:7px;}
h1 {/*add appropriate styling information here*/}
h2 {/*add appropriate styling information here*/}
h3 {/*add appropriate styling information here*/}
h4 {/*add appropriate styling information here*/}
h5 {/*add appropriate styling information here*/}

.container {width:794px; margin: 0 auto; text-align:left; position: relative;}
.innerContainer {float:left; background : url(../images/bg-content.png) repeat-y; width:780px; padding:0 7px;}
body#sub .innerContainer {float:left; background : url(../images/bg-content-subs.png) repeat-y; width:780px; padding:0 7px;}

/*header styles, including logo and utility navigation*/
.header {text-align:center;}
body#sub .header {border-bottom:12px solid #fff;}

#main {float:left;}
body#sub #main {padding:0 15px 0 16px;}
.whySend {position: absolute; top:117px; left:577px; width:165px; height:192px; background : url(../images/bg-why-send.jpg) no-repeat top left; color:#656f43; padding:260px 23px 0 22px; font-size:11px;}

.testedTough {background : url(../images/homepage-tested-tough.jpg) no-repeat top left; float:left; width:260px; height:169px; padding:25px 107px 0 30px; color:#bd7671; font-size:11px;}
.testedTough p {padding-right:20px; line-height:12px;}
.testedTough a {color:#bd7671;}

.helpHope {background : url(../images/homepage-help-hope.jpg) no-repeat top left; float:left; width:161px; height:149px; padding:45px 200px 0 22px; color:#bd7671; font-size:11px;}
.helpHope a {color:#bd7671;}


/*postcard page*/
.chooseCard {float:left; width:235px; padding:20px 0 0 25px;}
.chooseCard input {position: relative; top:-105px;}
h2.choose {background : url(../images/1.gif) no-repeat left; padding-left:18px; color:#656f43; font-size:12px; margin:0 0 5px 5px;}

.recipientInfo {float:left; width:460px; padding-top:20px; color:#656f43; font-size:12px; }
.recipientInfo input, .recipientInfo textarea {width:340px; font-size:11px; color:#656f43;}
.recipientInfo td {padding-right:4px;}
.recipientInfo span {font-size:10px;}
h2.personalize {background : url(../images/2.gif) no-repeat left; padding-left:18px; color:#656f43; font-size:11px; margin:0 0 5px 100px;}

.preview {margin:30px 0 0 120px; width:498px; height:349px;}
.preview .data {position: relative; top:120px; left:270px; width:215px; height:210px; color:#cc6a62; font-size:11px; overflow: hidden;}


.thanks {width:425px; color:#656f43; font-size:12px; line-height:17px; margin:100px 0 100px 160px; text-align:center;}
.thanks h2 {margin-bottom:5px; font-size:13px;}
.thanks a {color:#656f43;}

/*footer styles*/
.footer { width:774px; background : url(../images/bg-footer.png) no-repeat top left; float:left; padding:10px 10px 25px 10px;}
.footer .copyright {float:left; width:774px; text-align:center; color:#e89f99; font-size:10px;}
.footer .copyright a {color:#e89f99;}

.clearfloats {clear:both; padding-top:.05px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

textarea { position: relative; } /* this fixes an IE bug where the textarea is unclickable when transparent PNG backgrounds are used - don't ask me how or why - RBJ */