/* -- Framework Beta SETI 1 -- */
/* ======== reset ========== */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b,i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {font-family: arial, helvetica, sans-serif;margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;font-family: arial, helvetica, sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
nav ul, ul {list-style-type: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a {color: #0a84c1;margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-family: arial, helvetica, sans-serif;text-decoration: none;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #60afd7;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}
sub, a sub {font-size: 62.5%;vertical-align: middle;}
.no-margin-right {margin-right: 0;}
.no-margin {margin-right: 0 !important;}
/* ======== H1-H6 Tags ========== */
h1,h2,h3,h4,h5,h6 {color: #333;font-weight: bold;margin: 0;padding: 0;}
h1 {font-size: 23px;line-height: 1;}
h2 {font-size: 20px;}
h3 {font-size: 18px;line-height: 1;}
h4 {font-size: 18px;line-height: 1;}
h5 {font-size: 18px;line-height: 1;}
h6 {font-size: 18px;line-height: 1;}
.group {display: block;overflow: hidden;}
/* ======== button ========== */
.button {position: relative;outline: 0!important;display: inline-block;padding: 5px 10px 6px;border: 0 none;border-bottom: 1px solid rgba(0, 0, 0, 0.25);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #222222 url(/landing/content/graphics/lib/form/alert-overlay.png) repeat-x;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);color: #fff;text-decoration: none;text-shadow: 0 -1px  1px rgba(0, 0, 0, 0.25);font-weight: normal;line-height: 1;cursor: pointer;}
.button:hover {color: #fff;outline: 0!important;}
.button:active {top: 1px;}
.toggle {position: relative;display: inline-block;margin: 0;padding: 5px 10px 6px;background: #222222 url(/landing/content/graphics/lib/form/alert-overlay.png) repeat-x;color: #fff;text-decoration: none;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);font-weight: normal;line-height: 1;cursor: pointer;}
.toggle:hover {color: #fff;}
.button.primary.checkoutbutton {display: inline-block;padding: 5px 5px 5px 25px;}
.button.primary.checkoutbutton:before, .button.primary.checkoutbutton:after {content: " ";display: table;}
.button.primary.checkoutbutton:after {clear: both;}
.button.primary.checkoutbutton {*zoom: 1;}
.button.primary.checkoutbutton:hover {color: #fff;}
.button.primary.checkoutbutton:active {top: 1px;}
.button.primary.checkoutbutton strong {display: block;float: left;padding: 8px 20px 10px 0;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);font-weight: normal;font-size: 26px;}
.button.primary.checkoutbutton div {position: relative;display: block;float: left;width: 15px;height: 38px;}
.button.primary.checkoutbutton div span.top, .button.primary.checkoutbutton div span.btm {position: absolute;width: 0;height: 0;border-right: 15px solid white;}
.button.primary.checkoutbutton div span.top {border-top: 0 solid transparent;border-bottom: 20px solid transparent;}
.button.primary.checkoutbutton div span.btm {bottom: 0;border-top: 20px solid transparent;border-bottom: 0 solid transparent;}
.button.primary.checkoutbutton em {display: block;float: left;padding: 9px 15px;height: 20px;border-radius: 0 3px 3px 0;background: #fff;color: #3c910e;text-shadow: 0 0 0;font-style: normal;}
.button.primary.checkoutbutton em span {display: inline-block;padding-left: 5px;color: #666;}
/* Sizes ---------- */
.xsmall.button {font-size: 13px;}
.small.button {padding: 10px 14px 11px;font-size: 14px;}
.medium.button, .medium.toggle {padding: 14px 25px;font-size: 16px;}
.medium.toggle {float: left;padding: 14px 0px;width: 50%;text-align: center;font-size: 16px;}
.large.button {padding: 13px 25px 15px;font-size: 20px;}
.large.button.dollar {padding: 10px 0px 11px;width: 130px;font-size: 24px;}
.large.button.dollar em {font-style: normal;font-size: 20px;}
/* Colors ---------- */
.primary.button {background-color: #3c910e;}
.primary.button:hover {background: #3c910e;}
.secondary.button {background-color: #0a84c1;}
.secondary.button:hover {background: #0a84c1;}
.tertiary.button, .tertiary.toggle {background-color: #222;}
.tertiary.button:hover, .tertiary.toggle:hover {background: #222;}
.tertiary.button.selected, .tertiary.toggle.selected {background: #777;box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px inset;cursor: default;}
.secondary.disabled, .secondary.disabled:hover {background: #b6b6b6;}
/* --------- Header ---------  */
.header-frame {min-width: 1024px;max-width: 100%;height: 66px;display: block;margin: 0 auto;background: #0a84c1;border-bottom: 1px solid #0870a4;}
.header {width: 996px;margin: 0 auto;padding: 0.625em 0 0;text-decoration: none;}
.header #logo {margin: 0 1.750em 0.625em 0;float: left;}
.navigation h3 {display: none;}
.navigation {float: left;padding-top: 0.250em;}
#primary-nav {width: 420px;}
#secondary-nav {width: 245px;float: right;}
.navigation > a {display: none;}
.navigation ul li a, .navigation ul li {color: #fff;font-size: 0.875em;float: left;line-height: 100%;text-decoration: none;cursor: pointer;display: block;}
.navigation li:hover ul {display: block;}
.navigation ul li a {margin: 0.375em 0.250em 0;padding: 0.625em;font-size: 100%;}
.navigation ul li a:hover, .navigation ul li:hover a, .navigation .activeOn a {color: #333;background: #eee;border-radius: 0.188em;-webkit-border-radius: 0.188em;-moz-border-radius: 0.188em;}
.navigation ul li a.submenu-link:after {content: '\25BC';font-size: 75%;padding-left: 0.375em;}
.navigation li .globe {padding: 0 0.750em 0.063em;width: 16px;height: 15px;background: url(images/globe-icon.png) no-repeat  0 1px;}
.navigation li .globe:hover, .navigation li:hover .globe {background-position: 0 -17px;}
.navigation li ul {display: none;position: absolute;width: 180px;position: absolute;background: #eee;z-index: 9999;margin: 2.50em 0.250em 0;padding: 0.325em 0.625em 0.625em;border-radius: 0 0 0.188em 0.188em;-webkit-border-radius: 0 0 0.188em 0.188em;-moz-border-radius: 0 0 0.188em 0.188em;-webkit-box-shadow: 0 6px 8px -3px #515050;-moz-box-shadow: 0 6px 8px -3px #515050;box-shadow: 0 6px 8px -3px #515050;filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333',direction='190',strength='2');}
.navigation li ul li a {color: #0a84c1!important;padding: 0.625em 0;border: none!important;}
.navigation li ul li a:hover {color: #333!important;text-decoration: underline;}
.navigation li ul li {font-size: 100%;border-bottom: 1px solid #ccc;width: 180px;}
.navigation .last {border: none!important;}
.navigation ul #deals {display: none;}

@media screen and (max-width: 768px) {
.header-frame {min-width: 768px;}
.header {width: 740px;}
#primary-nav {width: 200px;}
#secondary-nav {width: 166px;float: right}
#logo {margin: 0 10px 10px 0;float: left;}
#secondary-nav li:hover #sm-one {margin-left: -109px;display: block;}
#secondary-nav li:hover #sm-two {margin-left: -134px;display: block;}
#primary-nav > ul li {display: none;}
#primary-nav li ul li {display: block!important;}
#primary-nav .more-products {display: block;}
}

@media screen and (min-width: 1024px) {#secondary-nav #sm-two {margin-left: 3px;}}

@media screen and (max-width: 1024px) {
#secondary-nav #sm-one {margin-left: -109px;}
#secondary-nav #sm-two {margin-left: -133px;}}
/* ========= Alerts ========= */
.alerts-wrapper {width: 100%;overflow: hidden;background: #eee;color: #bb0000;line-height: 110%;border-top: 1px dotted #bb0000;border-bottom: 1px dotted #bb0000;}
.alert {max-width: 966px;margin: 0 auto;padding: 20px;}
.alert h2, #panel h2 {font-size: 14px;}
.alert p, #panel p {font-size: 13px;}
#pageslide {display: none;position: absolute;position: fixed;top: 0;height: 100%;z-index: 999999;width: 280px;padding: 20px;background-color: #515050;color: #FFF;-webkit-box-shadow: inset 0 0 5px 5px #3e3e3e;-moz-shadow: inset 0 0 5px 5px #3e3e3e;box-shadow: inset 0 0 5px 5px #3e3e3e;}
#panel {line-height: 100%;}
#panel h2 {padding-bottom: 10px;}
/* ========== Footer ==========  */
footer {min-width: 1024px;max-width: 100%;margin: 10px auto -20px;padding: 14px 0 0 0;font-size: 14px;background: #eee;clear: both;}
footer .inner-footer {margin: 0 auto 14px;display: block;width: 996px;overflow: hidden;}
footer p {clear: both;margin: 0;font-size: 10px!important;line-height: 120%;color: #515050;text-align: left;}
footer a {font-size: 13px;}
footer a:hover {text-decoration: underline;}
footer .inner-footer section {float: left;width: 200px;}
footer .inner-footer section h5 {font-size: 15px;padding-bottom: 14px;}
footer .inner-footer section ul {padding: 0 20px 0 0;}
footer .inner-footer section ul li {line-height: 140%;clear: left;float: left;display: block;width: 180px;}
footer section[role="SocialMedia"] {float: right;width: 190px;}
footer section[role="SocialMedia"] ul {width: 180px;overflow: hidden;}
footer .inner-footer section[role="SocialMedia"] ul li {float: left;display: block;margin: 0 10px 0 0;width: 32px !important;clear: none}
footer .inner-footer section[role="SocialMedia"] ul li a {display: block;background: url(/landing/content/graphics/lib/pcln-framework.png) 0 0 no-repeat;width: 32px;height: 32px;}
footer .inner-footer section[role="SocialMedia"] ul li a.facebook-icon {background-position: -42px -220px;}
footer .inner-footer section[role="SocialMedia"] ul li a.google-plus-icon {background-position: -84px -220px;}
footer .inner-footer section[role="SocialMedia"] ul li a.twitter-icon {background-position: -126px -220px;}
footer .inner-footer section[role="SocialMedia"] ul li a.youtube-icon {background-position: -168px -220px;}
footer .group {clear: both;display: block;margin: 0 auto;border-top: 1px solid #fff;border-bottom: 1px solid #cdcdcd;padding: 6px 0;}
footer .group .inner-group {width: 996px;margin: 0 auto;}
footer .group.end .inner-group {width: 996px;margin: 0 auto;padding: 0 14px;}
footer .group.end p {clear: none;}
footer hr {clear: both;border-top: 1px solid #cdcdcd;margin: 0;}
footer .group ul {float: right;}
footer .group ul li {float: left;}
footer .group ul li a {padding-top: 10px;display: block;border-right: 1px solid #ccc;padding: 10px;}
footer .group ul li a.button {border: none;margin-left: 10px;}
footer .group ul li:last-child {border: none;}
footer .group p {width: 550px;float: left;}
footer .legal-copy {padding: 14px 0 0;}
.barclays-promo {float: left;}
.barclays-promo a {background: #fbfbfb;margin-top: 10px;padding: 8px;float: right;width: 177px;border: 1px solid #ccc;}
.barclays-promo a:hover {background: #333;text-decoration: none;}
.barclays-promo img {float: left;padding: 2px 6px 6px 0;}
.barclays-promo .title {font-size: 13px;color: #333;font-weight: bold;width: 120px;float: left;}
.barclays-promo .title sup {top: -2px;}
.barclays-promo .desc {font-size: 13px;color: #515050;clear: both;display: block;}
.barclays-promo .cta {clear: both;display: block;padding: 6px 0 0;float: right;}
.barclays-promo a:hover .title, .barclays-promo a:hover .cta, .barclays-promo a:hover .desc {color: #fbfbfb;text-decoration: none !important;}
/* functional pieces from Dan */
.pclnLoadError {display: block;}
.pclnFormError {position: absolute;margin: -28px 0 0 0;padding: 4px 6px 0 14px;background: #ffcbcb url(/landing/content/graphics/resp/attention.gif) no-repeat 10px 2px;border: #bb0000 solid 1px;}
.pclnFormError span {color: #bb0000;font-size: 10px;margin-left: 18px;}
.pclnFormInputErrDisp {border-color: #bb0000;}
.showIfNotEmpty {display: block;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#searchform label select {height: 46px;}
}
@media screen and (max-width: 768px) {
footer[role="contentinfo"] {min-width: 768px;}
footer .inner-footer, footer .group.end .inner-group {width: 740px;}
footer .group.end, footer .group.end p {text-align: left;}
footer .group p {width: 500px!important;float: left;}
footer .group ul {width: 428px;float: none;margin: 10px auto 10px;display: block;overflow: hidden;}
footer section[role="SocialMedia"] {float: left;margin-top: 14px;}
footer section[role="PricelineLinks"] {clear: left;margin-top: 14px;}
}
/* Refactoring autocomplete CSS into template */
.acItem_true {font-style: italic;}
.acSaved_true a {font: italic !important;color: #0a84c1 !important;}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
#logo img {display: none;}
#logo {background: url(/landing/content/graphics/resp/priceline-com-logo.svg) no-repeat;width: 231px;height: 40px;}
}