﻿/* ---- FAVORITES STICKY FOOTER ---- */
.sticky-footer { position: fixed; bottom: -40px; left: 0; width: 100%; height: 80px; border-top: 1px solid #d4d5d3; background-color: #d45636; padding-top: 10px; float: left; margin-right: 20px; z-index: 500; }
.sticky-footer.closed { padding-top: 0; }
.sticky-footer .down { display: none; }

.sticky-footer .countdown { color: #FFF; position: relative; float: left; margin-right: 10px; width: auto; /*width: 439px;*/ }
.sticky-footer.logged-in .countdown { width: 449px; }

.countdown.closed { margin-top: 12px; }
.countdown.logged-in { width: 439px; }
.countdown .date-cta { margin-top: 8px; cursor: pointer; }
.countdown .clock { width: 100%; text-align: center; display: none; cursor: pointer; }
.countdown .clock ul { width: 330px; margin: 0 auto; }
.countdown .clock li { display: inline-block; margin-right: 30px; }
.countdown .clock li:last-child { margin-right:0; }
.countdown .clock li h2 { font-size: 25px; color: #FFF; font-family:museo-slab-n7,museo-slab,serif; font-weight:700; }
.countdown .clock li p { width: 100%; text-align: center; font-size: 12px; font-family:museo-slab-n5,museo-slab,serif; font-weight:500; margin-bottom: 0; }
/*.countdown.closed h2.trip-cta { margin-top: 10px; }*/
.countdown h2 { width: 100%; text-align: center; font-size: 19px; font-family:museo-slab-n7,museo-slab,serif; font-weight:700; color: #FFF; }
.countdown .login-share { color: #FFF; position: absolute; left: 0; top: 150px; }
.countdown .login-share.show-share { top: 100%; }
.countdown .login-share h2.social-cta { color: #FFF; display: inline-block; width: 239px; margin-right: 5px; }
.ie8 .countdown .login-share h2.social-cta { display: inline; zoom: 1; }
.countdown .login-share .social-share { border: 1px dashed #a24229; display: inline-block; padding: 4px 6px 2px 6px; width: 180px; position: relative; }
.countdown .login-share .share-btn { width: 16px; height: 16px; cursor: pointer; position: absolute; }
.countdown .login-share .share-btn.fBook { margin: 0 5px -2px 5px; top: 3px; left: 140px; }
.ie8 .countdown .login-share .share-btn.fBook { margin: 0 5px -2px 5px; top: 3px; right: 22px; }
.countdown .login-share .share-btn.twit { background: transparent url(../../images/socialLogin_sprites.png) no-repeat; background-position: 0 -21px; background-size: 14px 35px; margin-bottom: -4px; top: 3px; right: 6px; }
.ie8 .countdown .login-share .share-btn.twit { background-position: 0 -25px; }

.sticky-footer.logged-in.closed .countdown.closed { margin-top: 0; }
.sticky-footer.logged-in.closed .countdown.closed .clock li { vertical-align: top; }
.sticky-footer.logged-in.closed .countdown.closed .clock li p { margin-bottom: -4px; }

.login-cta, .favorites-cta { display: block; outline: none; text-decoration: none; width: 290px; border: 1px dashed #a24229; float: left; margin: 7px 10px 0 0; padding: 4px 19px; cursor: pointer; }
.login-cta p, .favorites-cta p { font-family:museo-slab-n5,museo-slab,serif; font-weight:500; font-size: 14px; color: #FFF; width: 100%; text-align: center; margin-bottom: 0; }
.login-cta p span { width:100%; text-align: center; }

.favorites-cta { display: none; width: auto; min-width: 189px; text-align: center; margin: 5px 15px 0 15px; border: none; }
.favorites-cta p { text-transform: uppercase; font-family:museo-slab-n7,museo-slab,serif; font-weight:700; font-size: 20px; line-height: 18px; }
.sticky-footer.logged-in.closed .favorites-cta { margin: 8px 15px 0 15px; }
.sticky-footer.logged-in.closed .favorites-cta p { display: none; }
.sticky-footer.logged-in.closed .favorites-cta p.favs { display: block; }

.guide-cta { width: 200px; float: left; cursor: pointer; position: relative; }
.guide-cta .text { width: 135px; text-align: center; color: #FFF; }
.guide-cta .text.closed { margin-top: 8px; }
.guide-cta .text div { text-align: right; width: 100%; font-family:museo-slab-n8, museo-slab, serif; font-weight:800; font-size: 12px; color: #FFF; text-transform: uppercase; line-height: 14px; }
.guide-cta .text div span { font-family:museo-slab-n7,museo-slab,serif; font-weight:700; font-size: 14px; }
.guide-cta .text div span.center-dash { display: block; width: 100%; text-align: center; }
.guide-cta .guide { position: absolute; top:0; right: 0; margin-top: -15px; }
.guide-cta .guide img { width: 57px; height: auto; }

.show-hide { width: 45px; font-family:museo-slab-n5,museo-slab,serif; font-weight:500; color: #FFF; cursor: pointer; float: right; }
.show-hide .prompt { font-size: 12px; display: inline-block; }
.show-hide .icon { width: 7px; height: 8px; background: transparent url(../../images/showHide_sprites.png) no-repeat; display: inline-block; }
.show-hide .icon.arrowUp { background-position: 0 -23px; }
.show-hide .icon.arrowDown { background-position: 0 0; }

#fav-login { background: #443630; width: 630px; padding: 20px; display:none; }
#fav-login h2 { font-family:museo-slab-n7,museo-slab,serif; font-weight:700; color: #FFF; text-transform: uppercase; width: 100%; text-align: center; font-size: 20px; }
#fav-login .column { width: 261px; position: relative; margin-top: 25px; }
#fav-login .column.left { float: left; }
#fav-login .column.right { float: right; }
#fav-login .social-login { display: block; width: 213px; height: 41px; line-height: 41px; border:1px solid #000; text-align: center; outline: none; text-decoration: none; margin-bottom: 30px; }
#fav-login .social-login.twitter-login { margin-right: 15px; }
#fav-login .column.left .social-login { float: right; }
#fav-login .social-login h3 { display: inline-block; width: auto; font-family:museo-slab-n5,museo-slab,serif; font-weight:500; font-size: 14px; color: #FFF; text-transform: none; line-height: 16px; padding-left: 26px; margin: 0 auto; background: transparent url(../../images/socialLogin_sprites.png) no-repeat; }
#fav-login .social-login h3.fBook { background-position: 0 0; }
#fav-login .social-login h3.twit { background-position: 0 -24px; }
#fav-login .login-form { width: 100%; margin-top: 30px; }
#fav-login .login-form p { font-family:museo-slab-n7,museo-slab,serif; font-weight:700; font-size: 16px; color: #FFF; margin-bottom: 6px; }
#fav-login .login-form .row { width: 100%; position: relative; margin-bottom: 10px; }
#fav-login .login-form .row input[type=text], #fav-login .login-form .row input[type=password] { width: 251px; height: 39px; line-height: 39px; border: 1px solid #362b26; background: #FFF; padding-left: 10px; -webkit-box-shadow: inset 0 1px 3px 0 #a9a9a9; -moz-box-shadow: inset 0 1px 3px 0 #a9a9a9; box-shadow: inset 0 1px 3px 0 #a9a9a9; }
#fav-login .login-form .row .half { width: 50%; height: 40px; padding: 0; font-size: 12px; line-height: 12px; float: left; }
#fav-login .login-form .row .half .no-btn { width: 100%; height: 40px; text-align: center; line-height: 40px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; text-decoration: none; border: none; outline: none; color: #FFF; }
#fav-login .login-form .row .half .btn { width: 100%; height: 40px; line-height: 40px; border: none; outline: none; text-decoration: none; text-transform: none; background-image: none; color: #FFF; font-family:museo-slab-n7,museo-slab,serif; font-weight:700; font-size: 16px; text-align: center; }
#fav-login .login-form .row .half .btn.login-btn { background-color: #d45636; }
#fav-login .login-form .row .half .btn.login-btn:hover { background-color: #e47f61; }
#fav-login .login-form .row .half .btn.next-btn { background-color: #9a98a5; }
#fav-login .login-form .row .half .btn.next-btn:hover { background-color: #b9b6c6; }

#fav-login .account-link { display: none; }
#fav-login .account-link h3 { text-align: center; }
#fav-login .account-link .login-form { margin-top: 0; }
#fav-login .account-link .column { margin-top: 10px; }
#fav-login .account-link .column.left { width: 215px; height: 154px; padding: 10px 20px 10px 0; border-right: 1px solid #cf4b24; }
#fav-login .account-link .column.right { width: 325px; }