@charset "UTF-8";
/* CSS Document */

body {margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; background-image: url(../img/gradbg.gif); background-repeat:repeat-x;}
h1 {padding: 28px 0 8px 0; margin: 0; font-size: 22px; color: #FFFFFF; font-weight: normal;}
h2 {padding: 7px 0 0 0; margin: 0 0 3px 0; font-size: 15px; color: #FFFFFF; font-weight: bold;}
h3 {padding-bottom: 10px; margin: 0; font-size: 14px; color: #FFFFFF; font-weight: bold; line-height: 20px;}
h4 {padding: 6px 0 6px 0; margin: 0; font-size: 14px; color: #00AFF0; font-weight: bold; line-height: 20px;}
form {padding: 0; margin: 0;}

/* christmas style
#content {width: 100%; height: 630px; background-image:url(../img/footer.gif); background-position: center 359px; background-repeat: no-repeat;}
*/

/* valentine style */
#content {width: 100%; height: 630px; background-image:url(../img/footer.gif); background-position: center 312px; background-repeat: no-repeat;}

#cloud {width: 100%; height: 630px; background-image:url(../img/cloud.gif); background-position: center 42px; background-repeat: no-repeat;}
#logo {width: 100%; height: 630px; background-position: center 62px; background-repeat: no-repeat;}
#main {width: 470px; height: 100%; margin: auto; padding: auto;}
/* #main {width: 462px; height: 100%; margin: auto; padding: auto;} */
/* background-image:url(../img/skype.gif); */
.title { text-decoration: none; color: #FFF; }

#main #steps { padding: 0px 0px 8px; height: 22px; }
#main #steps img { padding: 0px; margin: 0px; border: none; }

#mainNest {width: 343px; margin: auto; padding: auto;}

#box {height: 384px; background-color: transparent;}
#boxClear {height: 418px; font-size: 11px; color: #ffffff; font-weight: bold;}
#boxClear {height: 418px;}
#boxClear h3 {color: #FFFFFF;}
#boxClear a {color: #FFFFFF; text-decoration: underline;}
#boxClear a:hover {color: #FFFFFF; text-decoration: underline;}
#step {height: 64px; padding: 0; margin: 0; font-size: 11px; color: #ffffff;}
#step a {color:#FFFFFF; text-decoration: underline;}
#step a:hover {color:#FFFFFF; text-decoration: underline;}
#step #number {width: 27px; float: left; display: inline; margin-right: 8px;}
#step #intro {width: 308px; float: left; display: inline; line-height: 14px;}
#stepBlank {height: 30px; padding: 0; margin: 0;}
#buttons {height: 32px; margin-top: 20px;}
#buttons #back {width: 92px; float: left; display: inline; text-align: left;}
#buttons #continue {width: 251px; float: left; display: inline; text-align: right;}
#clear {clear: both; height: 1px; overflow: hidden;}
#copyright {text-align: center; font-size: 11px; font-weight: bold; color: #66ccff; line-height: 50px;}
#copyright a {text-decoration: underline; color: #66ccff;}
#copyright a:hover {text-decoration: underline; color: #66ccff;}
.hide {display:none;}


.getting_started {  }
.getting_started #number {width: 27px; float: left; display: inline; margin-right: 8px; margin-bottom: 4px;}
.getting_started #intro {width: 308px; float: left; display: inline; line-height: 14px;}

/* STEP 1 */
#cardSelect {text-align: center; padding-top: 0px;}
#cardSelect a:hover img.rollover {border: solid 2px #00AFF0;}
#cardSelect ul {margin: 0; padding: 0;}
#cardSelect li {margin: 0 10px 10px 0; padding: 0; width: 106px; float: left; display: inline; } 
#cardSelect li.row2 {margin-left: 73px; padding: 0; width: 90px; float: left; display: inline; }

#cardSelect li label a img { width: 100%; cursor: pointer; border: solid 2px transparent; }
#cardSelect li label a { font-size: 11px; color: #FFF; }
#cardSelect li label a span { margin: 0; padding: 0px; line-height: normal; }

/* Step 3 */
#boxNest {width: 307px; padding-top: 18px; margin: 0 0 0 18px; color: #776666;}
#boxNest #left {width: 144px; height: 16px; padding-top: 10px; margin-right: 19px; float: left; display: inline; font-size: 12px;}
#boxNest #right {width: 144px; height: 16px; padding-top: 10px; margin: 0; float: left; display: inline; font-size: 12px;}
#boxNest #whiteLeft {width: 144px; height: 26px; padding: 0; margin-right: 19px; float: left; display: inline; font-size: 12px;}
#boxNest #whiteRight {width: 144px; height: 26px; padding: 0; margin: 0; float: left; display: inline; font-size: 12px;}
#boxNest #whiteLeft_a {width: 144px; height: 26px; padding: 0; margin-right: 19px; margin-bottom: 3px; float: left; display: inline; font-size: 12px;}
#boxNest #whiteRight_a {width: 144px; height: 26px; padding: 0; margin-bottom: 3px; float: left; display: inline; font-size: 12px;}
.smallprint a {font-size: 11px; text-decoration: underline; color: #666666;}
.smallprint a:hover {font-size: 11px; text-decoration: underline; color: #666666;}
.textfield_reg {width: 138px; height: 19px; padding: 3px 0 0 2px; background-color: #FFF; border: solid 1px #999; color: #666; }
.addrecipients {margin-top: 6px; height: 24px; display: block; float: right;}

/* Confirmation */
#boxNest #whiteAll {width: 307px; height: 26px; padding: 0; margin: 0 0 22px 0; float: left; display: inline; font-size: 12px;}
.textfield_lrg {width: 301px; height: 19px; padding: 3px 0 0 2px; background-color: #FFF; border: solid 1px #999; color: #666; }
#boxNest #whiteBlock {width: 307px; height: 152px; background-color: #FFFFFF; padding: 0; margin: 0 0 0 0; float: left; display: inline; font-size: 12px; text-align: center;}
#buttons #view {width: 113px; float: left; display: inline; text-align: left;}
#buttons #another {width: 230px; float: left; display: inline; text-align: right;}

/* View */
#embed_sml { width: 343px; padding-top: 18px; margin: 0 0 0 0; font-size: 11px; color: #666666; }
#embed_sml h3 { color: #525252; text-align: right; }
#embed_sml h3 a { color: #525252; }
#embed_sml h3 a img { border: none; }
.textfield_sml {width: 301px; height: 18px; padding: 3px 0 0 2px; background-color: #FFF; border: solid 1px #999; font-size: 11px; color: #666; }

/* Step 3 */

#step3 {height: 34px; padding: 0; margin: 0; font-size: 11px; color: #ffffff;}
#step3 a {color:#FFFFFF; text-decoration: underline;}
#step3 a:hover {color:#FFFFFF; text-decoration: underline;}
#step3 #number {width: 27px; float: left; display: inline; margin-right: 8px;}
#step3 #intro {width: 308px; float: left; display: inline; line-height: 14px;}

#boxNest3 {width: 307px; padding-top: 8px; margin: 0 0 0 18px; color: #FFF;}
#boxNest3 #left {width: 144px; height: 16px; padding-top: 5px; margin-right: 19px; float: left; display: inline; font-size: 12px;}
#boxNest3 #right {width: 144px; height: 16px; padding-top: 5px; margin: 0; float: left; display: inline; font-size: 12px;}
#boxNest3 #whiteLeft {width: 144px; height: 26px; padding: 0; margin-right: 19px; float: left; display: inline; font-size: 12px;}
#boxNest3 #whiteRight {width: 144px; height: 26px; padding: 0; margin: 0; float: left; display: inline; font-size: 12px;}
#boxNest3 #whiteLeft_a {width: 144px; height: 26px; padding: 0; margin-right: 19px; margin-bottom: 3px; float: left; display: inline; font-size: 12px;}
#boxNest3 #whiteRight_a {width: 144px; height: 26px; padding: 0; margin-bottom: 3px; float: left; display: inline; font-size: 12px;}
#boxNest3 h3 {padding-bottom: 5px; margin: 0; font-size: 14px; color: #FFF; font-weight: bold; line-height: 18px;}
#boxNest3 h3 a {color: #FFF;}

/* Unsubscribe */

#unsubscribe { font-size: 12px; padding: 5px 0 0; color: #FFFFFF; }
#unsubscribe label input { padding: 0px; margin: 0px; vertical-align: bottom; }
#unsubscribe label { cursor: pointer; }

.divider { height: 6px; overflow: hidden; clear: both; }

.share { background-color: #FFFFFF; border: 1px solid #999999; text-align: center; padding: 2px; }
.share a img { border: none; vertical-align: middle; }