/* body and defaults */
html { min-height: 100%; height: auto; }
body { background-color: #fff; margin: 0; padding: 0; }
body,div,span,input,textarea,td { color: #333; font: 12.4px/18px Helvetica, Arial, sans-serif; }
p { margin-bottom: -2px; }
p.half { margin-bottom: -6px; }
h1, h2, h3, h4 { color: #fff; font: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0 #000; text-align: center; }
h1 { font-size: 38px; margin-top: 40px; }
#overlay h1 { font-size: 28px; margin: 20px 0 30px -340px; }
h2 { font-size: 18px; margin: 20px 0 40px; }
/* ids */
#fb-root { width: 1px; }
#overlay { background: url(../images/bg-overlay.png) 0 0 repeat; left: 0; position: absolute; top: 0; width: 722px; z-index: 10000000000; }
#container { background: #1e335e; height: 714px; position: relative; overflow: hidden; width: 722px; }
.comp #container { background: url(../images/bg-comp.jpg) 0 0 no-repeat; }
.thanks #container { background: url(../images/bg-thankyou.jpg) 0 0 no-repeat; }
.tab #container { background: url(../images/bg-landing.jpg) 0 0 no-repeat; height: 849px; width: 520px; }
#content { padding: 16px; }
#header { height: 184px; margin: 0 auto; width: 560px; }
#header div { color: #fff; font-size: 16px; }
#footer { bottom: 30px; padding: 0 24px; position: absolute; width: 644px; }
#share-buttons { width: 230px; }
.left-box #share-buttons { margin: 6px 0; width: 314px; }
#banner { background: url(../images/banner-freesky.png) 0 0 no-repeat; height: 176px; top: 510px; left: 24px; position: absolute; width: 763px; }
/* classes */
.overlay-container { background: transparent; margin: 100px auto 0; padding: 40px 16px 23px; position: relative; width: 600px; z-index: 1001; }
.overlay-container, .overlay-container div, .overlay-container span { color: #333; }
.overlay-container .container { color: #fff; font-size: 12px; max-height: 540px; margin: -10px 0 -7px; overflow: auto; width: 600px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.block { display: block; }
.inline { display: inline; }
.b { font-weight: bold; }
.i { font-style: italic; }
.str { text-decoration: line-through; }
.small, .small * { font-size: 10px; letter-spacing: 0.3px; line-height: 14px; }
.smaller { font-size: 9px; }
.normal { font-weight: normal !important; }
.grey { color: #777; }
.yellow { color: #e2e210; }
.no-border { border: 0 !important; }
.input { clear: both; margin-bottom: 6px; }
img.no-hover { border: 0; }
img.hover { border: 0; display: none; }
.box { background: url(../images/bg-slab1.png) 0 0 no-repeat; height: 478px; margin: -28px 0 0 -32px; overflow: hidden; position: relative; width: 523px; }
.comp .box .snow { background: url(../images/bg-slab1-snow.png) 0 0 no-repeat; height: 30px; left: 56px; position: absolute; top: 435px; width: 427px; z-index: 10; }
.day { color: #fff; font-size: 16px; left: 88px; position: absolute; text-transform: uppercase; top: 39px; }
.box-title { color: #fff; font-size: 20px; font-weight: bold; min-height: 20px; margin: 75px 0 0 60px; text-align: center; width: 418px; }
.box .box-content { height: 256px; margin: 27px 0 10px 69px; overflow: auto; width: 400px; }
.quantity { color: #fff; background: url(../images/bg-quantity.gif) 0 0 no-repeat; font-size: 16px; font-weight: bold; height: 24px; margin-right: 10px; padding-top: 10px; text-align: center; width: 37px; }
.locked .quantity { background: url(../images/bg-quantity-locked.gif) 0 0 no-repeat; }
.item-title { color: #d01e90; font-size: 15px; margin: 12px 0 0 18px; width: 310px; }
.locked .item-title { color: #aeaeae; width: 220px; }
.right-box .item-title { width: 156px; }
.right-box .locked .item-title { width: 124px; }
#footer .right { color: #fff; text-transform: uppercase; }
.checks { margin-top: 10px; }
div.error { color: #591E73; font: 12px/16px Georgia, Century, 'Times New Roman', Times, serif; font-style: italic; margin-top: 2px; text-indent: 88px; }
.landing-content { color: #fff; font-size: 16px; margin-top: 230px; }
.boxes { margin: -30px 10px 0; }
.left-box .box-top { background: url(../images/bg-slab2-top.png) 0 0 no-repeat; height: 45px; margin: 0; padding: 6px; text-align: center; width: 343px; }
.left-box .box-body { background: url(../images/bg-slab2-body.png) 0 0 repeat-y; padding: 10px 20px; width: 315px; }
.left-box .box-bottom { background: url(../images/bg-slab2-bottom.png) 0 0 no-repeat; height: 47px; margin: -2px 0 0 -41px; position: absolute; width: 407px; }
.right-box .box-top { background: url(../images/bg-slab3-top.png) 0 0 no-repeat; height: 24px; margin: 0; padding: 12px 6px; text-align: center; width: 272px; }
.right-box .box-body { background: url(../images/bg-slab3-body.png) 0 0 repeat-y; padding: 10px 16px; width: 252px; }
.right-box .box-bottom { background: url(../images/bg-slab3-bottom.png) 0 0 no-repeat; height: 150px; margin: -2px 0 0 -13px; position: absolute; width: 322px; }
.left-box b, .right-box b { color: #ae0071; float: left; letter-spacing: 1px; text-transform: uppercase; }
.divider { border-bottom: 1px solid #f2c4e1; display: block; margin: 14px -18px; }
.right-box .scroll-pane { height: 240px; }
/* forms */
form { margin-top: 8px; }
label { color: #ce128b; float: left; font-size: 14px; padding: 7px 4px; width: 80px; }
.checks label { float: right; font-size: 12px; margin-top: -9px; width: 290px; }
.thanks .checks label { margin-top: -7px; }
.text input { background-color: #f5cfe8; border: 0; border-top: 2px solid #c598c1; border-left: 2px solid #c598c1; color: #5c445a; font-size: 13px; padding: 8px; width: 288px; }
.text input:focus { background-color: #fcbde6; color: #3c293a; }
.text input.error { border-color: #a877a4; }
.thanks .text input { width: 296px; }
.checks .checkbox input { float: left; margin-left: 86px; }
.submit input { background: url(../images/button-submit.gif) 0 0 no-repeat; border: 0; font-size: 1px; height: 38px; margin: 10px 0 0 86px; text-indent: -9999px; width: 188px; }
.submit input:hover { background-position: 0 -38px; cursor: pointer !important; }
.thanks .submit input { background: url(../images/button-sendemail.gif) 0 0 no-repeat; margin: 0; }
.thanks .submit input:hover { background-position: 0 -38px; cursor: pointer !important; }
/* buttons */
.disabled { opacity: 0.3; }
.button { border: 0 !important; display: block; padding: 0 !important; }
.button:hover { cursor: pointer; }
.button span { display: none; }
.button-share { background: url(../images/button-share.gif) no-repeat 0 0; height: 24px; width: 56px; }
.button-share:hover { background-position: 0 -24px; }
.button-tweet { background: url(../images/button-tweet.gif) no-repeat 0 0; height: 24px; width: 55px; }
.button-tweet:hover { background-position: 0 -24px; }
.button-next { background: url(../images/button-next.gif) no-repeat 0 0; height: 38px; width: 188px; }
.button-next:hover { background-position: 0 -38px; }
.button-share-facebook { background: url(../images/button-share-facebook.png) 0 0 no-repeat; height: 20px; width: 120px; }
.button-share-facebook:hover { background-position: 0 -20px; }
.left-box .button-share-facebook { margin-right: 10px; }
.button-share-twitter { background: url(../images/button-share-twitter.png) 0 0 no-repeat; height: 20px; width: 101px; }
.button-share-twitter:hover { background-position: 0 -20px; }
.left-box .button-share-twitter { margin: 0 -20px 0 20px }
.button-enternow { background: url(../images/button-enternow.png) 0 0 no-repeat; height: 138px; margin-top: 300px; width: 381px; }
.button-enternow:hover { background-position: 0 -138px; }
.button-close { background: url(../images/button-close.png) no-repeat 0 0; height: 27px; margin: -58px 0 0 578px; position: absolute; width: 27px; }
.button-close:hover { background-position: 0 -27px; }
/* tables */
/* lists */
.items { margin: 0; padding: 0; }
.items li { background: url(../images/bg-item.gif) 0 0 no-repeat; border-bottom: 1px solid #f2c4e1; padding: 8px 4px; }
.items li.first { background-position: 0 -8px !important; padding-top: 0; }
.items li.locked { background: url(../images/bg-item-locked.gif) 0 0 no-repeat; }
.right-box .items li.locked { background: url(../images/bg-item-locked2.gif) 0 0 no-repeat; }
/* links */
a { color: #444; font-weight: bold; text-decoration: underline; }
a:hover { color: #000; cursor: pointer !important; }
#footer .open-terms { border: 1px dotted transparent; color: #fff; display: block; font-size: 11px; font-weight: bold; padding-top: 18px; text-decoration: none; text-transform: uppercase; }
#footer .open-terms:hover { border-bottom: 1px dotted #fff; }
.checks a { color: #ce128b; font-size: 12px; font-weight: normal; margin: -4px 0 0 5px; }
.checks a div { border-bottom: 1px dotted #ce128b; color: #ce128b; display: inline; }
#banner a { display: block; height: 176px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
#share-buttons { width: 250px; }
.checks .checkbox input { margin-top: 6px; }
}