@charset "utf-8";

/*--------------------------------------------

				Defaults
				
---------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0; 
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing="0"‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.left {
float: left;
width: auto;
}
.right {
float: right;
width: auto;
}
.clear {
clear: both;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
a {
color: #6f5454;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #d31145;
}
input, select, textarea {
color: #878684;
}
input.image {
border: none;
}
.hidden {
display: none;
}
.print_page {
display: none;
}
.preload {
position: absolute;
left: -999em;
height: 0px;
width: 0px;
overflow: hidden;
}

/*--------------------------------------------

				Basics
				
---------------------------------------------*/

body {
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
color: #6f5454;
text-align: center;
background: url(../images/bkg.jpg) no-repeat center top;
}

.container {
width: 960px;
text-align: left;
margin: 0 auto;
}

.open-hearts, .footer {
float: left;
width: 980px;
margin: 0 -10px;
display: inline;
}

.open-hearts {
padding: 0 0 8px;
background: url(../images/shadow-bkg.png) repeat-y;
}

.jane-seymour {
position: relative;
width: 960px;
float: left;
padding: 0 0 0 10px;
}

h1 {
float: left;
padding: 0 0 0 27px;
width: 303px;
height: 155px;
z-index: 2;
position: relative;
}

h1 a {
float: left;
width: 100%;
height: 100%;
background: url(../images/logo.png) no-repeat;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}

/*--------------------------------------------

				Navigation
				
---------------------------------------------*/

.navigation {
float: left;
width: 606px;
padding: 0 0 0 24px;
height: 49px;
background: url(../images/nav_full.png);
overflow: hidden;
}

.navigation li {
float: left;
height: 42px;
width: auto;
}

.navigation li a {
float: left;
width: 100%;
height: 100%;
text-indent: -999em;
overflow: hidden;
text-decoration: none;
}

.navigation li a:hover {
background: url(../images/nav_full.png);
}

.navigation li.home {
width: 80px; /*44px;*/
}

.navigation li.share {
width: 145px;
}

.navigation li.view {
width: 120px;
}

.navigation li.prizes {
width: 129px;
}

.navigation li.contact {
width: 120px;
}

.navigation li.collection {
width: 118px;
height: 72px;
float: right;
}

.navigation li.home a:hover {
background-position: -654px 0;
}

.navigation li.share a:hover {
background-position: -734px 0;
}

.navigation li.view a:hover {
background-position: -879px 0;
}

.navigation li.prizes a:hover {
background-position: -850px 0;
}

.navigation li.contact a:hover {
background-position: -999px 0;
}

.navigation li.collection a:hover {
background-position: right 0;
}

/*--------------------------------------------

				Homepage
				
---------------------------------------------*/

.homeflash-bkg {
float: right;
width: 630px;
background: url(../images/homeflash-bkg.gif) repeat-y;
position: relative;
z-index: 2;
}

.homeflash-top {
float: left;
width: 630px;
background: url(../images/homeflash-top.gif) left top no-repeat;
}

.homeflash-bottom {
float: left;
width: 572px;
padding: 16px 23px 14px 35px;
background: url(../images/homeflash-bottom.gif) left bottom no-repeat;
}

.videofeature-2 {
float: right;
margin: 0 5px;
}

.videofeature-set {
float: right;
border: 1px solid #efece6;
padding: 4px;
width: 114px;
margin-top: 10px;
}

.videofeature-set li {
float: left;
width: 102px;
padding: 5px 6px;
background: #f1f1f1;
}

.videofeature-set li img {
position: relative;
display: block;
}

.introduction {
z-index: 1;
position: relative;
float: left;
background: url(../images/home-bkg.gif) no-repeat;
width: 328px;
height: 346px;
margin-top: -55px;
}

.introduction h2 {
font-size: 2.5em;
line-height: 1.4em;
color: #d31145;
font-weight: normal;
padding: 60px 0 15px;
float: right;
width: 255px;
text-align: center;
}

.introduction p {
float: right;
width: 222px;
padding: 0 10px;
font-size: 1.1em;
line-height: 1.5em;
text-align: center;
}

.home-bottom {
position: relative;
float: left;
width: 960px;
margin-top: -38px;
}

.how {
float: left;
width: 592px;
display: inline;
margin: -10px 0 0 10px;
position: relative;
z-index: 1;
}

.how h3 {
font-size: 2em;
line-height: 1.4em;
color: #d31145;
font-weight: normal;
padding: 0 0 0 10px;
width: 345px;
float: left;
}

.how .share-inner h3 {
padding: 0;
float: left;
width: 450px;
margin: -3px 0 -6px;
}

.share-stories {
float: left;
width: 582px;
padding: 3px;
border: 2px solid #efece6;
display: block;
}

.share-inner {
float: left;
width: 582px;
background: url(../images/share-bkg.gif) right bottom repeat-x;
/*padding: 0px 15px 5px;*/
position: relative;
display: block;
margin: 0;
}

.share-inner .stint {
float: left;
width: 1px;
height: 190px;
}

.share-inner h3, .share-inner p {
z-index: 2;
position: relative;
}

.share-inner p {
font-size: 1.1em;
line-height: 1.4em;
}

.share-inner p img {
position: relative;
top: 20px;
display: block;
cursor: pointer;
}

.share_btns{
	position: absolute;
	right: 6px;
	top:20px;
}

.jane-home {
position: absolute;
bottom: 0;
left: 180px;
z-index: 1;
}

.feat-bkg {
background: url(../images/feat-bkg.gif) repeat-y;
width: 260px;
position: absolute;
bottom: 0;
right: 0;
}

.feat-top {
float: left;
background: url(../images/feat-top.gif) left top no-repeat;
width: 260px;
}

.feat-bottom {
float: left;
background: url(../images/feat-bottom.gif) left bottom no-repeat;
width: 225px;
padding: 20px 15px 20px 20px;
position: relative;
}

.feat-bottom .feat-nav {
position: absolute;
bottom: 20px;
left: 30px;
}

.feat-bottom .feat-nav li {
float: left;
padding: 0 5px 0 0;
font-size: 1.1em;
width: auto;
}

.feat-bottom .feat-nav li a {
text-decoration: none;
}

.feat-bottom h4 {
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
line-height: 1.2em;
color: #6f5454;
padding: 0 0 5px;
}

.feat-bottom p {
font-size: 1.1em;
margin: 0 0 0 115px;
}

.feat-bottom p q {
padding-bottom: 5px;
display: block;
}

.feat-bottom p cite {
margin: 0 0 5px;
display: block;
}

.opt-in {
float: left;
width: 164px;
display: inline;
margin-left: 10px;
background: url(../images/optin-bkg.gif) left top repeat-y;
margin-top: 20px;
position: relative;
z-index: 2;
}

.optin-top {
float: left;
width: 164px;
background: url(../images/optin-top.gif) left top no-repeat;
}

.optin-bottom {
float: left;
width: 134px;
background: url(../images/optin-bottom.gif) left bottom no-repeat;
padding: 11px 15px;
}

.optin-bottom img {
display: block;
}

.optin-bottom p, .email-bottom p {
font-size: 1.1em;
line-height: 1.2em;
padding: 10px 0 5px;
clear: both;
width: 134px;
float: left;
}

.optin-bottom input, .email-bottom input, .multi-top input {
width: 32px;
margin: 3px 3px 5px;
border: 1px inset;
font-size: 1.1em;
padding: 1px;
}

.opt-in input.submit, .multi-top input.submit {
width: auto;
float: right;
margin: 0;
border: none;
}

.email-bottom {
float: left;
width: 134px;
background: url(../images/email-bottom.gif) left bottom no-repeat;
padding: 8px 15px 10px;
}

.email-bottom input, .multi-2 input {
width: 125px;
}

.opt-in h4, .ecard h4 {
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.2em;
line-height: 1.2em;
color: #6f5454;
padding: 0 0 5px;
}

.opt-in h4 {
background: url(../images/optin-off.gif) no-repeat top right;
border: none;
float: left;
width: 113px;
margin-right: -5px;
display: inline;
cursor: pointer;
}

.opt-in .active h4 {
cursor: default;
}

.opt-in .active h4 {
background: url(../images/optin-active.gif) no-repeat top right;
}

.optin-body, .email-body {
float: left;
width: 134px;
margin-bottom: -9px;
}

.opt-in .submit {
margin-top: -5px !important;
}

.ecard h4 {
float: right;
width: 50%;
display: inline;
margin: 0 -5px 0 0;
position: relative;
z-index: 2;
}

.ecard .card {
margin: 0 -3px 0 -13px;
float: left;
width: auto;
display: inline;
position: relative;
z-index: 1;
}

.ecard-bottom a {
position: relative;
text-align: center;
display: block;
}

.active .optin-body, .active .email-body {
height: auto;
}

.ecard {
float: left;
width: 164px;
display: inline;
margin-left: 10px;
margin-top: 20px;
position: relative;
z-index: 2;
}

.ecard-bkg {
float: left;
width: 164px;
background: url(../images/ecard-bkg.gif) left top repeat-y;
}

.ecard-top {
float: left;
width: 164px;
background: url(../images/ecard-top.gif) left top no-repeat;
}

.ecard-bottom {
float: left;
width: 135px;
background: url(../images/ecard-bottom.gif) left bottom no-repeat;
padding: 10px 14px 5px 15px;
}

.ecard-bottom .stint {
float: right;
width: 1px;
height: 150px;
}

.kay-bkg {
float: left;
width: 164px;
background: #d31145;
margin-top: 5px;
}

.kay-top {
float: left;
width: 164px;
background: url(../images/kay-top.gif) left top no-repeat;
}

.kay-bottom {
float: left;
width: 164px;
background: url(../images/kay-bottom.gif) left bottom no-repeat;
}

.kay-bottom a {
color: white;
text-decoration: none;
float: left;
width: 154px;
text-align: center;
padding: 9px 5px;
font-size: 1.2em;
line-height: 1.3em;
}

.kay-bottom a:hover {
color: white;
}

.kay-bottom a span {
text-decoration: underline;
}

.kay-bottom a:hover span {
text-decoration: none !important;
}

/*--------------------------------------------

				Inner
				
---------------------------------------------*/

.content {
float: right;
width: 485px;
padding: 0 125px 10px 0;
}

.content h2 {
border-bottom: 2px solid #d9d2c5;
font-size: 2em;
line-height: 1.5em;
color: #d31145;
font-weight: normal;
margin-bottom: 10px;
}

.content p {
padding: 0 0 15px 15px;
font-size: 1.2em;
line-height: 1.5em;
}
.content li{
padding: 0 0 15px 5px;
font-size: 1.2em;
line-height: 1.5em;
}
.content ol{
list-style: decimal;
margin: 0px 0 0 15px;
padding: 0 0 0 15px;
}

.content a {
color: #d31145;
}

.stories-bkg {
float: left;
width: 960px;
background: url(../images/stories-bkg.gif) repeat-y;
}

.stories-top {
float: left;
width: 960px;
background: url(../images/stories-top.gif) left top no-repeat;
}

.stories-bottom {
float: left;
width: 900px;
background: url(../images/stories-bottom.gif) left bottom no-repeat;
padding: 20px 30px;
}

.video-storypanel {
float: left;
width: 430px;
background: url(../images/icon-video.gif) no-repeat;
overflow: hidden;
position: relative;
}

.written-storypanel {
float: right;
width: 430px;
background: url(../images/icon-written.gif) no-repeat;
overflow: hidden;
position: relative;
}

.stories-bottom h3 {
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
color: #6f5454;
padding: 5px 0 10px;
border-bottom: 1px solid #d31145;
margin: 0 0 25px 55px;
}

.story-holder {
float: left;
width: 20000px;
position: relative;
left: 0px;
}

.story-holder li {
cursor: pointer;
}

.stories-bottom ul {
float: left;
width: 430px;
}

.stories-bottom ul li {
float: left;
width: 205px;
border-top: 1px solid #d9d2c5;
padding: 10px 0;
margin: 0 5px;
display: inline;
position: relative;
}

.story-holder ul li{
height:84px;
overflow: hidden;
}

.stories-bottom ul li.winner {
background: url(../images/winner-bkg.gif) left bottom repeat-x;
}

.stories-bottom ul li img {
float: left;
}

.stories-bottom ul li p {
font-size: 1.1em;
line-height: 1.1em;
margin: 0 0 0 105px;
}

.stories-bottom ul li p cite, .stories-bottom ul li p q {
display: block;
}

.written-storypanel .writtenimg {
padding: 4px;
border: 1px solid #d9d2c5;
width: 85px;
height: 74px;
overflow: hidden;
float: left;
}

.written-storypanel .writtenimg .crop {
float: left;
width: 85px;
height: 74px;
overflow: hidden;
}

.written-storypanel .writtenimg img{
width: 85px;
}
.key {
line-height: 32px;
padding: 15px 0 0 35px;
clear: both;
font-size: 1.1em;
display: none;
}

.key img {
float: left;
width: auto;
padding: 0 5px 0 0;
}

.stories-bottom .paginate {
float: right;
position: absolute;
left: -999em;
width: 195px;
margin: 0 5px;
display: inline;
text-align: right;
padding: 10px 5px;
border-top: 1px solid #d9d2c5;
}

.stories-bottom .paginate li {
float: left;
width: auto;
padding: 0 0 0 5px;
margin: 0;
border: none;
cursor: pointer;
}

.stories-bottom .paginate li.current {
color: #D31145 !important;
text-decoration: underline;
}

/*--------------------------------------------

				Prizes
				
---------------------------------------------*/

.prize-bkg {
float: right;
width: 467px;
background: url(../images/prize-bkg.gif);
margin-bottom: 15px;
}

.prize-top {
float: left;
width: 467px;
background: url(../images/prize-top.gif) left top no-repeat;
}

.prize-bottom {
float: left;
width: 330px;
background: url(../images/prize-bottom.gif) left bottom no-repeat;
padding: 25px 30px 10px 107px;
position: relative;
}

.prize-bottom .firstprize, .prize-bottom .grandprize {
position: absolute;
top: 0;
left: 15px;
}

.prize-bottom h3 {
font-size: 2em;
line-height: 1.4em;
color: #d31145;
font-weight: normal;
padding: 0 0 0 10px;
background: url(../images/icon-prize.gif) no-repeat 135px 9px;
}

.prize-bottom h4 {
font-size: 1.4em;
line-height: 1.3em;
font-weight: bold;
padding: 0 0 0 15px;
}

/*--------------------------------------------

				FAQ
				
---------------------------------------------*/

.faq {
border-top: 1px solid #CDAC5B;
float: left;
width: 485px;
position: relative;
padding-bottom: 75px;
}

.faq dt {
padding: 5px 0 5px 25px;
background: url(../images/faq.gif) no-repeat 0 9px;
font-size: 1.2em;
line-height: 1.5em;
float: left;
width: 460px;
}

.faq dt.script {
border-bottom: 1px solid #cdac5b;
cursor: pointer;
display: block;
}

.faq dt.active {
background: url(../images/faq-active.gif) no-repeat 0 9px;
}

.faq dd {
padding: 0 0 5px 25px;
border-bottom: 1px solid #cdac5b;
float: left;
width: 460px;
}

.faq dd div {
width: 435px;
padding: 5px 10px 5px 10px;
background: #f9f5eb;
float: left;
}

.faq dd div p {
padding: 0 0 5px;
}

/*--------------------------------------------

				Contact
				
---------------------------------------------*/

.contact-form {
width: 366px;
border: 2px solid #dedede;
padding: 10px 50px 20px 65px;
background: url(../images/contact-bkg.gif) 15px 25px no-repeat;
}

.contact-form p {
padding: 0;
}

.contact-form label {
font-size: 1.1em;
line-height: 1.2em;
width: 345px;
clear: both;
float: left;
margin: 15px 0 5px;
padding: 0 0 0 5px;
}

.contact-form input, .contact-form textarea {
border: 2px solid #dedede;
width: 350px;
padding: 0;
}

.contact-form input {
padding: 3px 5px;
width: 340px;
}

.contact-form input, .contact-form textarea, .contact-form select {
line-height: 1.2em;
color: #6F5454;
}

.contact-form textarea {
height: 150px;
}

.contact-form select {
padding: 0;
width: 354px;
border: 1px solid #dedede;
}

.contact-form .submit {
border: none;
width: auto;
padding: 0;
margin: 15px 0 0;
}

p.center {
text-align: center;
}

/*--------------------------------------------

				Light Box Wide
				
---------------------------------------------*/

.mask {
position: absolute;
bottom: 0;
left: -999em;
width: 100%;
height: 100%;
margin-top: -100%;
padding-top: 100%;
background: white;
z-index: 100;
}

.lightbox {
height: 100px;
overflow: hidden;
}

.lightbox-wide {
float: left;
position: absolute;
top: 0px;
left: -999em;
z-index: 100;
width: 832px;
margin-left: -416px;
text-align: left;
}

.light-wide-top {
float: left;
width: 832px;
height: 40px;
background: url(../images/light-wide-top.png) no-repeat;
}

.light-wide-bottom {
float: left;
width: 832px;
height: 40px;
background: url(../images/light-wide-bottom.png) no-repeat;
clear: both;
}

.light-wide-bkg {
float: left;
width: 832px;
background: url(../images/light-wide-bkg.png) repeat-y;
clear: both;
}

.light-wide-bkg .box-content {
float: left;
padding: 0 40px;
width: 752px;
position: relative;
z-index: 101;
}

.box-content p {
font-size: 1.2em;
line-height: 1.4em;
}

.box-content .close {
float: right;
padding: 0 30px 0 0;
line-height: 24px;
font-size: 1.1em;
background: url(../images/icon-close.gif) right top no-repeat;
cursor: pointer;
position: relative;
z-index: 200;
display: block;
}

.box-content h2 {
background: url(../images/icon-lightbox.gif) no-repeat;
padding: 0 0 0 55px;
font-size: 2.2em;
line-height: 61px;
color: #d31145;
font-weight: normal;
position: relative;
z-index: 100;
float: left;
width: 300px;
}

.box-content h3 {
font-size: 1.4em;
font-weight: bold;
line-height: 1.4em;
color: #d31145;
}

.box-content .sweepstakes-info h3 {
padding: 10px 0 0 60px;
background: url(../images/icon-sweeps.gif) no-repeat;
}

.box-content .share-form {
float: left;
width: 752px;
background: #f6f6f6;
padding: 0 0 15px;
}

.box-content .sweepstakes-info {
float: right;
background: #f1f1f1;
border-left: 1px solid white;
border-bottom: 1px solid white;
width: 205px;
padding: 15px 35px 25px 25px;
}

.box-content .sweepstakes-info p {
font-size: 1.1em;
padding: 10px 0 0 25px;
}

.basics {
float: left;
width: 470px;
padding: 15px 0 15px 16px;
overflow: hidden;
}

.basics p {
clear: both;
padding: 0 0 5px;
float: left;
width: 100%;
}

.basics p.intro {
width: 95%;
padding: 0 0 25px;
}

.basics label {
float: left;
width: 200px;
text-align: right;
padding: 0 10px 0 0;
line-height: 26px;
}

.box-content .basics input, .box-content .basics select {
float: left;
width: 200px;
display: inline;
border: 2px solid #dedede;
}
.box-content .basics select{
padding: 3px;
}
.box-content .basics select {
margin: 3px 0;
}

.box-content .basics input.zip {
width: 100px;
margin-right: 5px;
}

.box-content .basics input.zip2 {
width: 75px;
}

.box-content .basics input.phone {
width: 40px;
margin-right: 5px;
}

.box-content .basics .sms {
width: 100px;
float: right;
text-align: left;
line-height: 1.2em;
}

.box-content .basics .sms input {
width: auto;
height: 16px;
width: 16px;
margin: 0 5px 30px 0;
display: inline;
border: none;
}

.basics span {
width: 200px;
float: left;
padding: 5px 0 0 210px;
}

.basics input {
padding: 3px 0;
}

.basics select {
float: left;
margin: 0;
}

.box-content h3.clear {
padding: 0 0 0 16px;
}

.type-nav {
float: left;
width: 640px;
margin-left: 45px;
display: inline;
margin-bottom: -10px;
padding: 15px 0 0;
}

.type-nav li {
float: left;
margin: 0 20px 0 0;
display: inline;
background: url(../images/type-bkg.gif) no-repeat;
width: 193px;
padding: 3px 2px 0;
color: #9a8787;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
}

.type-nav li.active {
background: url(../images/type-bkg-active.gif) no-repeat;
color: #d31145;
cursor: pointer;
position: relative;
z-index:2;
}

.type-nav li h4 {
padding: 0 0 12px;
width: 193px;
text-align: center;
float: left;
height: 27px;

}
.type-nav li h4 span{
position: relative;
top: -3px;
}

.type-nav li.active h4 {
background: white;
}

.type-nav li h4 img {
position: relative;
top: 3px;
margin: 0 0 0 2px;
}

.type-nav li.written h4 img {
margin: 0 0 -7px 2px;
}

.type-fields {
float: left;
width: 640px;
margin-left: 45px;
display: inline;
position: relative;
z-index:1;
}

.type-fields li {
float: left;
width: 606px;
padding: 22px;
border: 2px solid #dedede;
background: white;
}

.type-fields li .right-col {
float: right;
width: 220px;
padding: 10px;
background: #fafafa;
}

.type-fields li .right-col p {
padding: 5px 0 0;
}

.left-col {
float: left;
width: 365px;
}

.left-col p {
padding: 0 11px 5px 0;
float: left;
width: 354px;
}

.left-col label {
float: left;
width: 90px;
padding: 2px 5px 6px 0;
text-align: right;
line-height: 18px;
}

.left-col input {
float: left;
width: 250px;
padding: 3px 0;
border: 2px solid #dedede;
}

.left-col input.permission {
width: 16px;
height: 16px;
margin: 1px 0 0 74px;
}

.left-col label.permission {
width: 250px;
text-align: left;
float: right;
padding: 0 8px 0 0;
}

.left-col textarea {
float: left;
width: 250px;
border: 2px solid #dedede;
}

.left-col span.counter {
padding: 5px 0 0 100px;
}
.left-col span.error {
padding: 5px 0 0 100px;
float: left;
width: 245px;
}

.box-content p.clear {
padding: 10px 10px 10px 60px;
}

.right-col input {
width: 220px;
}

.right-col label {
padding: 10px 0 0;
float: left;
width: 100%;
}

/*--------------------------------------------

				Thank you page.
				
---------------------------------------------*/

.thank-you {
clear: both;
float: left;
width: 752px;
clear: both;
padding-top: 50px;
position: relative;
z-index:300;
}

.thank-you-copy {
color: #D31145;
padding: 0 0 0 200px;
float: left;
width: 425px;
}

.thank-you-copy p {
clear: both;
padding: 0 0 10px 60px;
font-size: 1.3em;
}

.thank-you-copy p strong {
font-size: 1.2em;
}

.more-ways {
float: left;
width: 622px;
background: url(../images/moreways-bkg.gif) left bottom repeat-x;
padding: 30px;
margin: 30px 35px 20px;
display: inline;
}

.thankyou-bkg {
float: left;
width: 167px;
background: url(../images/thankyou-box-bkg.gif) left top repeat-y;
margin: 0 20px;
display: inline;
}

.thankyou-top {
float: left;
width: 167px;
background: url(../images/thankyou-box-top.gif) left top no-repeat;
}

.thankyou-bottom {
float: left;
width: 138px;
background: url(../images/thankyou-box-bottom.gif) left bottom no-repeat;
padding: 15px 14px 0 15px;
text-align: center;
}

.thankyou-bottom .stint {
float: right;
width: 1px;
height: 170px;
}

.more-ways h3 {
border-bottom: 1px solid #e8e4dc;
padding: 0 0 5px 2px;
margin-bottom: 30px;
}

.thankyou-bottom h4 {
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.3em;
line-height: 1.2em;
color: #6f5454;
padding: 0 0 5px;
border-bottom: 1px solid #d31145;
}

.thankyou-bottom .social {
margin-top: 20px;
display: block;
}

.multi-bkg {
float: left;
width: 167px;
background: url(../images/multi-bkg.gif) left top repeat-y;
margin: 0 20px;
display: inline;
}

.multi-top {
float: left;
width: 167px;
background: url(../images/multi-top.gif) left top no-repeat;
position: relative;
}

.multi-stint {
float: left;
width: 167px;
height: 60px;
}

.multi-1 {
float: left;
width: 167px;
background: url(../images/multi-1.gif) left bottom no-repeat;
z-index: 2;
position: relative;
padding: 11px 0 16px 0;
}

.multi-top h4 {
font-size: 1.2em;
line-height: 1.2em;
font-weight: bold;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
color: #6f5454;
padding: 0 5px 0 43px;
margin-right: 15px;
background: url(../images/multi-arrow.gif) right center no-repeat;
}

.multi-top .active h4 {
background: url(../images/optin-active.gif) right center no-repeat;
cursor: pointer;
}

.multi-1 h4 {
position: relative;
top: 7px;
}

.multi-1 .optin-body, .multi-2 .email-body {
padding: 0 15px;
margin-bottom: -10px;
display: none;
width: auto;
}

.multi-top input.submit {
margin: -3px 0 0;
}

.multi-top label {
padding: 6px 0 5px;
font-size: 1.1em;
float: left;
width: 134px
}

.email_error {
display:block;
padding:2px 0 7px;
}

.multi-2 .left, .multi-1 .left {
padding: 0 0 0 10px;
}

.multi-1, .multi-2 {
cursor: pointer;
}

.multi-top .active {
cursor: auto;
}

.multi-2 .left {
margin-top: -2px;
}

.multi-top .active .optin-body, .multi-top .active .email-body {
display: block;
}

.multi-1 p, .multi-2 p {
font-size: 1.1em;
line-height: 1em;
padding: 5px 0 5px;
clear: both;
width: 134px;
float: left;
}

.multi-2 {
float: left;
width: 167px;
background: url(../images/multi-2.gif) left bottom no-repeat;
z-index: 2;
position: relative;
padding: 12px 0 17px 0;
}

.multi-3 {
float: left;
width: 167px;
background: url(../images/multi-3.gif) left bottom no-repeat;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
height: 60px;
}

.multi-3 h4 {
padding: 16px 0 0 43px;
background: url(../images/kay-arrow.gif) right bottom no-repeat;
}

/*--------------------------------------------

				Storyies Light Box
				
---------------------------------------------*/

.story-box, .video-story, .written-story {
float: left;
width: 745px;
clear: both;
padding: 0 0 5px;
}

.video-story .view-story {
float: left;
width: 433px;
clear: both;
padding: 10px 0 0;
}

.video-story .read-story {
float: right;
width: 260px;
background: #fafafa;
padding: 20px 20px 5px;
margin: 10px 0 0;
}

.video-story .story-links {
float: right;
width: 260px;
padding: 20px 20px 5px;
}

.read-story p, .story-links {
padding: 0 0 15px;
}

.written-story .view-story {
float: left;
width: 225px;
clear: both;
padding: 10px 0 0;
}

.written-story .view-story img {
float: left;
width: 211px;
padding: 6px;
border: 1px solid #dad3c7;
}

.written-story .read-story {
float: right;
width: 465px;
background: #fafafa;
padding: 20px 20px 5px;
margin: 10px 0 0;
}

.written-story .story-links {
float: left;
width: 185px;
padding: 20px 20px 5px;
}

.share-box-content{
	float: left;
	width: 450px;
	margin-left: 10px;
}

.p190{
	width: 315px;
}

/*--------------------------------------------

				Footer
				
---------------------------------------------*/

.footer {
padding: 15px 20px 20px;
width: 940px;
background: url(../images/shadow-bottom.png) no-repeat;
font-size: 1em;
line-height: 1.3em;
color: #9a8787;
}

.footer li {
display: inline;
padding: 0 0 0 0;
}

.footer li a {
color: #9a8787;
}

.footer li.social {
float: right;
width: 188px;
color: #7e6967;
text-align: right;
display: block;
}

.footer li.social p {
position: relative;
left: -5px;
z-index: 1;
}

.footer li.social a {
float: left;
width: auto;
padding: 0 3px 0;
position: relative;
z-index: 2;
}

.footer li.social a img {
width: auto;
}

/*--------------------------------------------

				Form Processing Extras
				
---------------------------------------------*/

.error, .email_error {
color: #d31145;
font-weight: bold;
}
#loader{
display: none;
padding: 84px 0 84px 0px;
text-align: center;
}
#signup_ty{
display:none;
}
#videoArea{
float: left;	
width: 433px;
height: 349px;
overflow: hidden;
}	
.ytImg{
position: relative;
float: left;
height: 84px;
width: 95px;
overflow: hidden;
}
.ytImg img{
margin-left: -12px;
}
.playButton{
background-image: url(../images/playbutton.png);
height:19px;
left:68px;
position:absolute;
top:72px;
width:24px;
}
.optin-bottom img.smsLoader, .optin-body img.smsLoaderlight{
display: none;
padding: 9px 15px;
}

/*--------------------------------------------

				Social Box Home
			
---------------------------------------------*/

.social-box {
float: right;
width: 184px;
padding: 7px 10px 2px;
background: #f5f4f0 url(../images/social-top.gif) no-repeat;
margin-top: 10px;
}

.social-box p {
float: left;
width: 100px;
text-align: right;
padding: 0 10px 5px 0 !important;
display: inline;
margin: 0;
background: none;
border: none;
line-height: 2em;
}

.social-box a {
float: left;
width: auto;
margin: 2px 5px 0 0;
display: inline;
}

.social-box a img {
display: block;
}
.wordover{
color: red;
font-weight: bold;
font-size: 1.4em;
}






