body {
    background: #fff;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

img {
    border : none;
}

a {
    color: #C30E55;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

h3 {
    position: absolute;
    left: -3000px;
}

/* Grid Page */

div#instructions_panel {
    float: left;
    width: 270px;
    height: 405px;
}

div#card_container {
    float: left;
    width: 630px;
    height: 405px;
    background: url(/images/lc2/grid_bg.jpg) no-repeat top left;
}

div#terms_and_conditions {
    float: right;
}

div#terms_and_conditions a {
    font-size: 11px;
}

/*  The cards list */

ul#cardlist {
 margin-top: 19px;
padding-left: 36px;
margin-left: 0;

}

ul#cardlist li {
   display: inline;
}

ul#cardlist li a {
    display: block;
    float: left;
    width: 160px;
    height: 97px;
}

ul#cardlist li a:hover {
    background: url(/images/lc2/grid_overlay.png) no-repeat;
}
ul#cardlist li.movie a:hover {
    background: url(/images/lc2/grid_overlay_movie.png) no-repeat;
}
ul#cardlist li a span {
    position: absolute;
    left: -3000px;
}

ul#cardlist li div {
    float: left;
    width: 160px;
    height: 97px;
}

ul#cardlist li.rowfirst {
    clear: left;
}

ul#cardlist li.card1 div {
    background: url(/images/lc2/postcards/card_1s.jpg) no-repeat 8px 3px;
}

ul#cardlist li.card2 div {
    margin-left: 35px;
    background: url(/images/lc2/postcards/card_2s.jpg) no-repeat 8px 3px;
}

ul#cardlist li.card3 div {
    margin-left: 35px;
    background: url(/images/lc2/postcards/card_3s.jpg) no-repeat 8px 3px; 
}

ul#cardlist li.card4 div {
    margin-top: 20px;
    background: url(/images/lc2/postcards/card_4s.jpg) no-repeat 8px 3px;
}

ul#cardlist li.card5 div {
    margin-top: 20px;
    margin-left: 35px;
    background: url(/images/lc2/postcards/card_5s.jpg) no-repeat 8px 3px;
}

ul#cardlist li.card6 div {
    margin-top: 20px;
    margin-left: 35px;
    background: url(/images/lc2/postcards/card_6s.jpg) no-repeat 8px 3px;
}

ul#cardlist li.card7 div {
    margin-top: 20px;
    background: url(/images/lc2/postcards/card_7s.jpg) no-repeat 8px 3px;
}

ul#cardlist li.card8 div {
    margin-top: 20px;
    margin-left: 35px;
    background: url(/images/lc2/postcards/card_8s.jpg) no-repeat 8px 3px;
}

ul#cardlist li.card9 div {
    margin-top: 20px;
    margin-left: 35px;
    background: url(/images/lc2/postcards/card_9s.jpg) no-repeat 8px 3px;
}

/* The Send Page */

div#send_preview {
    float: left;
    width: 386px;
    height: 386px;
}

div#send_preview_back {
    width: 110px;
    padding-top: 55px;
    float: left;
    
}
div#send_preview_back .preview{
    margin: 0 0 213px 29px ;
    float: left;
    
}
div#send_preview_back .back{
    margin: 0 0 0 16px ;
}
div#send_preview_flap {
    width: 40px;
    height: 386px;
    float: right;
}

.preview_1 {
    background: url(/images/lc2/postcards/card_1p.jpg) no-repeat top left;
}

.preview_2 {
    background: url(/images/lc2/postcards/card_2p.jpg) no-repeat top left;
}

.preview_3 {
    background: url(/images/lc2/postcards/card_3p.jpg) no-repeat top left;
}

.preview_4 {
    background: url(/images/lc2/postcards/card_4p.jpg) no-repeat top left;
}

.preview_5 {
    background: url(/images/lc2/postcards/card_5p.jpg) no-repeat top left;
}

.preview_6 {
    background: url(/images/lc2/postcards/card_6p.jpg) no-repeat top left;
}

.preview_7 {
    background: url(/images/lc2/postcards/card_7p.jpg) no-repeat top left;
}

.preview_8 {
    background: url(/images/lc2/postcards/card_8p.jpg) no-repeat top left;
}

.preview_9 {
    background: url(/images/lc2/postcards/card_9p.jpg) no-repeat top left;
}

div#send_form {
    float: left;
    width: 520px;
    height: 386px;
    background: url(/images/lc2/send_right.jpg) no-repeat top left;
}

div#send_form_error {
    position: relative;
    left: 8px;
    top: 40px;
    background: #ffffba url(/images/lc2/alert.gif) no-repeat 0 2px;
    height: 30px;
    border: 1px solid #ffff16;
    padding-left: 32px;
    padding-top: 2px;
    width: 315px;
    font-size: 0.95em;
    float:left
}

div#send_form_error_block {
    position: relative;
    left: 8px;
    top: 40px;
    height: 30px;
    width:315px;
    float: left;
}

div#send_form_left {
    float: left;
}

div#send_form_right {
    float: left;
    padding-top:73px;
    margin-left: 26px;
    width: 252px;
}

/* Form elements */

div#send_form h2 {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #c30e55;
    padding: 0;
    margin: 0;
}
div#send_form p.gray_text{
    font-family: Arial;
    font-size: 11px;
    color: #9a9a9a;
       line-height: 14px;

}
div#send_form_message {
    position: relative;
    top: 65px;
    left: 10px;
}

div#send_form_message textarea {
    background-color: transparent;
    width: 220px;
    height: 175px;
    border: 0px;
    font-family: "Comic Sans MS", Arial;
    font-size: 14px;
    line-height: 22px;
    overflow:hidden
}

div#form_sender_email h2, div#form_sender_name h2, div#send_form_right input {
    float: left;
}
div#form_sender_name h2{
    margin-left: 60px;
    display: inline;
}
div#send_form_right input {
    border: 0px;
    font-family: Arial;
    color:#515151;
    font-size: 12px;
    margin-left: 10px;
    background-color: transparent;
}
div#form_sender_name input{
    width: 135px;
}
div#form_recipient_email {
    padding-top: 6px;
}

div#form_recipient_email textarea {
    background-color: transparent;
    height: 118px;
    border: 0px;
    color:#000;
    font-family: "Comic Sans MS", Arial;
    margin-bottom: 20px;
    
    width: 254px;
    font-size: 14px;
    line-height: 19px;
    overflow-y: scroll;
    
    /*font-size: 10px;
    width: 260px;
    line-height: 12px;
    overflow: hidden;*/
}

div#form_sender_email {
    padding-top: 6px;
}

div#form_submit {
    padding-left: 134px;
    padding-top: 14px;
}

/*
#msg_submit {
    border: 0px;
    width: 115px;
    height: 82px;
    background: transparent url(/images/lc2/send_button.png) no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    cursor: hand;
}
*/

#msg_submit {
    border: 0px;
    height: 82px;
    width: 115px;
    text-indent: -9999px;
    cursor: pointer;
    cursor: hand;
}

/* Success Page */

div#sent_form {
    float: left;
    width: 520px;
    height: 386px;
    background: url(/images/lc2/sent_right.jpg) no-repeat top left;
}

div#sent_form_left {
    float: left;
}

div#sent_form_right {
    float: left;
    padding-top: 125px;
    padding-left: 26px;
}

div#sent_form_right h2, div#sent_form_right a {
    color: #cb0d53;
}

div#sent_form_right h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

div#sent_form_right a {
    background: url(/images/lc2/arrow.png) no-repeat top left;
    font-size: 18px;
    font-weight: bold;
    padding-left: 24px;
}

div#sent_form_right a:Hover {
    color: #000;
}

div#sent_form_right p {
    padding-bottom: 12px;
}

/*  Terms and Conditions */

div#terms_back {
    float: left;
    text-align: center;
    width: 250px;
    padding-top: 300px;
}

div#terms_content {
    float: left;
    width: 550px;
}

div#terms_content img {
    padding: 12px 0px;
}

div#terms_content p {
    margin: 8px;
    color: #590038;
}

/* Preview page */
#preview_pane{
    width: 534px;
    height:414px;
    background: url(/images/lc2/preview_pane.jpg) no-repeat;
    margin-left: 177px;
}

#flashcontent, #screen{
    padding: 37px 0 6px 29px;
}

#flashcontent2, #screen2 {
    padding: 38px 0 0 39px;
}

.noflash{
    width: 470px;
    height: 286px;
}
.noflash.preview_1 {
    background: url(/images/lc2/postcards/card_1f.jpg) no-repeat top left;
}
.noflash.preview_3 {
    background: url(/images/lc2/postcards/card_3f.jpg) no-repeat top left;
}
.noflash.preview_5 {
    background: url(/images/lc2/postcards/card_5f.jpg) no-repeat top left;
}
.noflash.preview_7 {
    background: url(/images/lc2/postcards/card_7f.jpg) no-repeat top left;
}
.noflash.preview_9 {
    background: url(/images/lc2/postcards/card_9f.jpg) no-repeat top left;
}

#flashcontent p{
    padding: 10px 10px 0px 10px;
    background: #ffffff;
    height: 60px;
    font-size: 1.2em;
    line-height: 1.4em;
    border: 1px solid #838383;
}

#preview_pane a.controls{
    display: block;
    float: left;
    text-indent: -10000px;
    outline: none;
}

#preview_pane a.back_btn{
    display:inline;
    margin: 0 0 0 30px;
    width: 112px;
    height: 37px;
    background: url(/images/lc2/preview_close.jpg) no-repeat 0 -37px;
    outline: none;
}

#preview_pane a.back_btn:hover {
    background: url(/images/lc2/preview_close.jpg) no-repeat;
    }

#preview_pane a.send_btn{
    display:inline;
    margin: 0 0 0 258px;
    width: 90px;
    height: 45px;
    background: url(/images/lc2/preview_select.jpg) no-repeat 0 -45px;
    outline: none;
}

#preview_pane a.send_btn:hover{
    background: url(/images/lc2/preview_select.jpg) no-repeat;
}

/* Display page */
#display{
    background: url(/images/lc2/display_background.jpg) no-repeat right top;
    width: 910px;
    height: 414px;
}

#display #preview_pane{
    margin-left: 0px;
    background: none;
    float: left;
    }
#display .message{
    color:#5b003a;
    font-size: 14px;
    font-family: Arial;
    width: 290px;
    height:175px;
    float:left;
    margin: 70px 0 10px 12px;
}
#display .message span{
    display: block;
    margin-top:20px
}
#display .attitude{
    float:left;
    width:290px;
    margin: 0 0 10px 12px;
    color:#5b003a;
    font-size: 14px;
    font-family: Arial;
}
#display .send_ecard_btn,#display .getinvolved_btn{
    display:block;
    float:left;
    width:290px;
    height: 32px;
    margin: 0 0 10px 12px;
    text-indent: -10000px;
    
}
#display .send_ecard_btn{
    background: url(/images/lc2/display_btn_send.jpg) no-repeat right;
}
#display .getinvolved_btn{
        background: url(/images/lc2/display_btn_involved.jpg) no-repeat right;
}/* Clearfix */

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Safari specific hack - thank you very much Apple
div#form_sender_name { padding-top: 0px; }
div#form_sender_name { padding-top: 0px;# } */