body.tripplanner:after { content: ""; display: block; height: 45px;}
body.tripplanner { background: #0d3551; font-family: "Palatino LT W01 Roman",Palatino,serif; font-size: 100%; font-style: normal; font-weight: normal; line-height: 1; margin: 0; min-height: calc(100% - 4px); padding: 0; position: relative; min-height: 100%; }
.tripplanner #overlay { background-attachment: fixed; background: url("/sitecore/includes/plugins/tripplanner/images/overlay-blue.png") no-repeat center center transparent; background-size: cover; height: 100%; margin: 0 auto; position: fixed; width: 100%; z-index: 1; }
.tripplanner a { color: #cc0000; text-decoration: none; }
.tripplanner hr { border: none; height: 1px; display: block; background: #FFFFFF; margin-top: 0px; }


/*** HEADER ***/
.tripplanner #headContainer { border-top: 4px solid #cc0000; position: relative; z-index: 3; }
.tripplanner #headContainer .innerContainer { height: 85px; margin: 0 auto; padding: 40px 40px 0; position: relative; width: 688px; z-index: 2; }
.tripplanner #headContainer .innerContainer a.logo { float: left; background: url("/sitecore/includes/plugins/tripplanner/images/logo.png") no-repeat right center transparent; height: 44px; width: 180px; display: block; border: none; }
.tripplanner #headContainer .innerContainer .next { background: url("/sitecore/includes/plugins/tripplanner/images/header-next-arrow.png") no-repeat scroll right center transparent; float: right; font-family: 'Museo Sans W01 700'; font-size: 20px; font-weight: normal; letter-spacing: -0.5px; line-height: 25px; padding: 0 30px 0 0; position: relative; text-decoration: none; top: 10px; display: none; }


/*** BODY ***/
.tripplanner #bodyContainer { margin: 0 auto; padding: 0 30px; position: relative; width: 708px; z-index: 2; }
.tripplanner #bodyContainer .tp-content { font-family:'Museo Sans W01 700'; font-size: 24px; color: #FFFFFF; }
.tripplanner #bodyContainer .tp-content > p { font-size: 24px; line-height: 28px; }


/*** FOOTER ***/
.tripplanner #footContainer { bottom: 0; color: #ffffff; font-size: 14px; height: 17px; position: absolute; width: 100%; z-index: 2; padding: 30px 0px; }
.tripplanner #footContainer.homepage { position: fixed; height: 45px; }
.tripplanner #footContainer footer { width: 708px; margin: 0px auto; }
.tripplanner #headContainer .innerContainer a, .tripplanner #footContainer footer a { color: #FFFFFF; }
.tripplanner #footContainer .copyright { float: left; }
.tripplanner #footContainer .powered { float: right; }
.tripplanner .mask { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 0; }
.mask img { backface-visibility: hidden; left: 0; position: absolute; top: 0; transform: translateZ(0px); transition: transform 0.2s linear 0s; }


/*** INTRO WIDGET ***/
.tripplanner .introwrapper { font-family: 'Museo Slab W01 500',arial,helvetica; font-size: 128px; letter-spacing: -2px; line-height: 125px; position: relative; text-align: center; top: 82px; }
.tripplanner .introwrapper a { outline: 0; color: #FFFFFF; }
.tripplanner .introwrapper .redbutton { display: inline; left: 25px; position: relative; top: 25px; }
.tripplanner .introwrapper .redbutton span { background: none repeat scroll 0 0 #cc0000; border-radius: 50%; color: #ffffff; display: table-cell; font-family: 'Museo Sans W01 700'; font-size: 21px; height: 170px; letter-spacing: 1px; line-height: 30px; position: relative; text-transform: uppercase; vertical-align: middle; width: 170px; }


/*** INTEREST SELECTOR ***/
.interestWrapper { margin: 0 0 60px; }
.interestWrapper .interests .item:nth-child(2n){ margin-left:30px; }
.interestWrapper .interests .item { background: url("/sitecore/includes/plugins/tripplanner/images/interest-bg.jpg") repeat 0 0 #e7e7e7; cursor: pointer; float: left; width: 329px; padding: 5px; height: 302px; margin: 0px 0px 30px 0px; }
.interestWrapper .interests .item .image { border: 0px; display: block; overflow: visible; position: relative; }
.interestWrapper .interests .item img { border: 0px; padding: 0px; margin: 0px; width: 100%; }
.interestWrapper .interests .item .button { background: url("/SiteCore/includes/plugins/tripplanner/images/Check-plus.png") no-repeat scroll left top transparent; bottom: -18px; height: 36px; position: absolute; right: 14px; width: 36px; z-index: 999; }
.interestWrapper .interests .item .content { padding: 15px 0 0 15px; }
.interestWrapper .interests .item .content .title { font-family: 'MuseoSlabW01-500Italic'; font-size: 26px; color: #003366; line-height: 30px; }
.interestWrapper .interests .item.added { background: #cc0000; }
.interestWrapper .interests .item.added .button { background-position: right top; }
.interestWrapper .interests .item.added .content .title { color: #FFFFFF; }
.interestWrapper .resultsButton { background: url("/sitecore/includes/plugins/tripplanner/images/header-next-arrow.png") no-repeat scroll calc(100% - 22px) center #cc0000; color: #ffffff; display: inline-block; float: right; font-family: 'Museo Sans W01 700'; font-size: 21px; line-height: 50px; padding: 0 54px 0 21px; position: relative; }


/*** INTEREST RESULTS ***/
.resultsWrapper { margin: 0 0 60px; }
.resultsWrapper .interests .item { background: url("/sitecore/includes/plugins/tripplanner/images/interest-bg.jpg") repeat scroll 0 0 #e7e7e7; margin: 0 0 30px; padding: 5px; width: calc(100% - 10px); }
.resultsWrapper .interests .item .image { border: 0px; display: block; overflow: visible; position: relative; width: 698px; }
.resultsWrapper .interests .item img { border: 0px; padding: 0px; margin: 0px; width: 100%; }
.resultsWrapper .interests .item .content { padding: 20px 35px 0px 35px; }
.resultsWrapper .interests .item .content .title { color: #003366; font-family: 'MuseoSlabW01-500Italic'; font-size: 50px; line-height: 50px; }
.resultsWrapper .interests .item .content .description { margin: 30px 0px 0px 0px; display: none;}
.resultsWrapper .interests .item .content .teaser { margin: 30px 0px 10px 0px; }
.resultsWrapper .interests .item .content .description, .resultsWrapper .interests .item .content .description p, .resultsWrapper .interests .item .content .teaser { font-family: "Palatino LT W01 Roman",Palatino,serif; font-size: 16px; color: #333333; line-height: 24px; }
.resultsWrapper .top { display: block; margin: 0px 0px 30px 0px; }
.resultsWrapper .top .saveAnchor { background: url("/sitecore/includes/plugins/tripplanner/images/header-next-arrow.png") no-repeat scroll calc(100% - 22px) center #cc0000; color: #ffffff; display: inline-block; font-family: 'Museo Sans W01 700'; font-size: 20px; line-height: 50px; padding: 0 54px 0 21px; position: relative; margin: 0px 30px 0px 0px; }
.resultsWrapper .top .instructions { display: inline-block; font-family: 'Museo Sans W01 700'; font-size: 14px; line-height: 19px; padding: 4px 0px 0px 0px; position: relative; vertical-align: middle; width: 360px; }
.resultsWrapper .bottom { background: url("/sitecore/includes/plugins/tripplanner/images/interest-bg.jpg") repeat 0 0 #e7e7e7; color: #333333; padding: 5px; }
.resultsWrapper .bottom .formtext { font-family: 'Museo Sans W01 700'; font-size: 20px; line-height: 22px; padding: 25px 25px 25px 25px; }
.resultsWrapper .bottom .emailform { margin: 0px; }
.resultsWrapper .bottom #sendemail { float: left; }
.resultsWrapper .bottom .emailform label[for="sendemail"] { color: #333333; float: left; font-family: 'Palatino LT W01 Roman',Palatino,serif; font-size: 13px; line-height: 20px; padding: 0px 0px 0px 10px; width: 668px; margin: 0px 0px 20px 0px; }
.resultsWrapper .bottom .emailform .emailforminput { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; font-family: 'Palatino LT W01 Italic'; font-size: 20px; height: 48px; padding: 0 20px; width: 484px; border-right: none; float: left; }
.resultsWrapper .bottom .emailform .emailsubmit { background: none repeat scroll 0 0 #cc0000; border: medium none; color: #ffffff; cursor: pointer; font-family: 'Museo Sans W01 700'; font-size: 20px; line-height: 48px; padding: 0; text-align: center; width: 173px; height: 50px; }


/*** THANK YOU WIDGET ***/
.thankyouwrapper { text-align: center; margin: 132px auto 45px; width: 500px; }
.thankyouwrapper .title { color: #FFFFFF; font-family: 'Museo Slab W01 500',arial,helvetica; font-size: 135px; letter-spacing: -2px; line-height: 125px; margin: 0px 0px 45px 0px; }
.thankyouwrapper .bodytext { color:#FFFFFF; font-family: 'Museo Sans W01 700'; font-size: 24px; margin: 45px 0px 40px 0px; }
.thankyouwrapper .button { background: url("/SiteCore/includes/plugins/tripplanner/images/tile_red.jpg") repeat 0 0 #cc0000; color: #FFFFFF; font-family: 'Museo Sans W01 700'; font-size: 20px; line-height: 50px; width: 140px; display: inline-block; }

@media only screen and (max-height: 691px) {
	.tripplanner .introwrapper { top: 0; }
}