/* modernizr browser compatibility targeting rules

ie 9=
html.no-flexbox.no-flexboxlegacy.no-webgl.no-touch.no-websqldatabase.no-indexeddb.no-history.no-websockets.no-borderimage.no-cssanimations.no-csscolumns.no-cssgradients.no-cssreflections.no-csstransforms3d.no-csstransitions.no-localstorage.no-sessionstorage.no-webworkers.no-applicationcache.no-smil.svgclippaths

ie 10=
html.no-flexboxlegacy.no-webgl.no-touch.no-websqldatabase.no-indexeddb.no-borderimage.no-cssreflections.no-localstorage.webworkers.no-sessionstorage.no-smil

ie 11=
html.no-flexboxlegacy.webgl.no-touch.no-websqldatabase.no-indexeddb.no-cssreflections.no-localstorage.no-sessionstorage.no-smil

Opera=
html.no-flexboxlegacy.no-touch.no-indexeddb.no-cssreflections.no-csstransforms3d.csstransitions

fire fox=
html.no-touch.no-websqldatabase.no-cssreflections.sessionstorage

chrome=
html.no-touch.flexbox.flexboxlegacy.cssreflections

*/

/* moderizr browser test results */
/* ie 11
no-flexboxlegacy
no-touch
no-websqldatabase
no-indexeddb
no-cssreflections
no-localstorage
no-sessionstorage
no-smil
*/

/* ie 10
no-flexboxlegacy
no-webgl
no-touch
no-websqldatabase
no-indexeddb
no-borderimage
no-cssreflections
no-localstorage
no-sessionstorage
no-smil
*/

/* ie 9
no-flexbox
no-flexboxlegacy
no-webgl
no-touch
no-websqldatabase
no-indexeddb
no-history
no-websockets
no-borderimage
no-cssanimations
no-csscolumns
no-cssgradients
no-cssreflections
no-csstransforms3d
no-csstransitions
no-localstorage
no-sessionstorage
no-webworkers
no-applicationcache
no-smil
*/

/* ie 8
no-flexbox
no-flexboxlegacy
no-canvas
no-canvastext
no-webgl
no-touch
no-geolocation
no-websqldatabase
no-indexeddb
no-history
no-websockets
no-rgba
no-hsla
no-multiplebgs
no-backgroundsize
no-borderimage
no-borderradius
no-boxshadow
no-textshadow
no-opacity
no-cssanimations
no-csscolumns
no-cssgradients
no-cssreflections
no-csstransforms
no-csstransforms3d
no-csstransitions
no-video
no-audio
no-localstorage
no-sessionstorage
no-webworkers
no-applicationcache
no-svg
no-inlinesvg
no-smil
no-svgclippaths
 */

/*op
no-flexboxlegacy
no-touch
no-indexeddb
no-cssreflections
no-csstransforms3d
 */
 
/*ff
no-touch
no-websqldatabase
no-cssreflections
 */
 
/*ch
no-touch
*/

/*-----------------------------------------------------------------------
Reset Styles
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
------------------------------------------------------------------------ */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
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;height:100%;margin:0;padding:0;background-color: #E6E6E6;font-size: .9em;}
p {	margin:3px 0 10px 0;line-height: 1.2em;font-size: 1em;}
ul {list-style: none;line-height: 1.2em;font-size: 1em;}
ol {line-height: 1.5em;font-size: 1em;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
tr, th, td {padding: 3px;}
body {background: #fff url(/images/landing_pages/ms/body-bg.gif) repeat-x;}

/*-----------------------------------------------------------------------
 Self Clearing Float
 ------------------------------------------------------------------------ */
.selfclear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.selfclear {
display: inline-block; /* IE 7 */
}

.selfclear {
display: block;
}

* html .selfclear {
height: 1px; /* IE < 7 */
}

/*-----------------------------------------------------------------------
Links and Type
 ------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, p.title{
color: #000; padding: 5px 0; font-weight: bold;}

h1, p.title {font-size: 1.4em}
h2 {font-size: 1.2em}
h3 {font-size: 1.1em}
h4 {font-size: 1em}

p {padding: 2px 0 3px 0;}

.disclaimer {
font-size: 10px;
}

#index-alpha .brand-blurb p {
margin: 0 0 0 10px;}

.brand-blurb h1 {
font-weight: normal;
font-size: 1.5em;}

.brand-blurb p.title {
font: bold 1.6em arial, sans-sarif;
padding: 0; margin: 0;}

.brand-blurb p.sub {
font: bold oblique 1em arial, sans-sarif;}

.brand-blurb .what-is span.brand-highlight {
font-weight: bold;}

.brand-blurb .questions h1 span.help {
font-size: .9em;
color: #999;
font-weight: normal;}

#index-beta .why-choose h1 {
font-size: 1.2em;}

#trips span {
font-weight: bold;
font-size: 13px;
}

#content .highlight {
font-size: 1em;
color: #999;
font-weight: bold;}

a {outline: 0;}

a.button, .submit-btn,
input.button, input.submit,
form.button-to input, input#submit{
display: block;
padding: 5px 10px;
text-decoration: none;
color: #fff;
font-size:12px;
font-weight:bold;
background: url(/images/landing_pages/ms/btn-bg.gif);
border:2px solid #0044A1;
cursor: pointer;
border-radius: 3px;
overflow: visible; /*ie7 fix*/
box-shadow: 1px 1px 1px #888;
-webkit-box-shadow: 1px 1px 1px #888;
-moz-box-shadow: 1px 1px 1px #888;
}

/*search*/
input#submit {
padding: 2px 26px;}

form.button-to input {
font-size: 16px;}

a.button span {
/* Background left image */ 
display: block;
line-height: 28px;
padding: 0 0 0 10px;
} 
a.button:hover span{
text-decoration:underline;
}

a.btn1 {
background: transparent url('/images/landing_pages/ms/btn-right.gif') no-repeat top right; }
a.btn1 span {
background: transparent url('/images/landing_pages/ms/btn-left.gif') no-repeat;}
/*red*/
a.btn2 {
background: transparent url('/images/landing_pages/ms/btn-right-red.gif') no-repeat scroll top right; }
a.btn2 span {
background: transparent url('/images/landing_pages/ms/btn-left-red.gif') no-repeat; }
a.btn2:hover span, a.btn3:hover span {
color: #fff;}
/*grey*/
a.btn3 {
background: transparent url('/images/landing_pages/ms/btn-right-grey.gif') no-repeat scroll top right; }
a.btn3 span {
background: transparent url('/images/landing_pages/ms/btn-left-grey.gif') no-repeat; }

 /*-----------------------------------------------------------------------
Misc
 ------------------------------------------------------------------------ */
.floatright, a.floatright
/*.floatRight, a.floatRight */{
float: right;}

.floatleft, a.floatleft
/*.floatLeft, a.floatLeft*/{
float: left;}

.hide {
display:none;
}

ul.list {
list-style: disc;
padding: 5px 20px;
float: none;}

ol.list {
padding: 5px 20px;
float: none;}

img.shadow {
	background: url(/images/landing_pages/ms/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

table.stripeMe tr.alt td {

}

table.stripeMe tr.over td {
background: #dfeefa;
}

.hidden {
display: none;}

/* delete buttons */
#inline.delete {
padding: 20px;
height: 100px;
text-align: center;
width: 400px;}

#inline.delete a.button {
margin: 10px 0 0 60px;
color: #fff; font-weight: bold;
height: 28px;
cursor: pointer;
overflow: visible; /*ie7 fix*/
padding: 0 18px 0 10px;}

#inline.delete a.red {
background: #004193 url(/images/landing_pages/ms/btn-bg-red.gif) 0 0 repeat-x;
border: 2px solid #990000;
}

#inline.delete a.grey {
background: #004193 url(/images/landing_pages/ms/btn-bg-grey.gif) 0 0 repeat-x;
border: 2px solid #666;
}

/*-----------------------------------------------------------------------
Page templates
 ------------------------------------------------------------------------ */
/*--full pages---*/

/*body.general #main.full .box-body #content*/
body.general #main.full .content-box #content {
width: 860px;}

/*--w/side nav---*/
/*body.general #main .box-body #content*/
#content.account,
#content.benefits,
#content.preferred,
#content.getaways,
#content.about {
width: 708px;
border:3px solid #9da5aa;
float:left;
background-color: #fff;
z-index: -1;
margin-left: -3px;
padding: 10px 15px 100px 15px;
min-height: 200px;
}

/*--blank--*/
#mainContent.one-offs {
padding: 20px 30px;
}

/*--membership--*/
#mainContent .column-half { 
width:455px;
float:left;
padding:10px 0 20px 10px;
}

#mainContent {
width:935px;
margin: 0 auto;
padding:0 10px !important;
padding: 0 0 10px 20px;
}

/*-----------------------------------------------------------------------
Global Navigation
 ------------------------------------------------------------------------ */
#navigation, #nav {
height: 67px;
background: #036 url(/images/landing_pages/nav-grad.png) 0 0 repeat-x;
font-size: 14px;
z-index: 5;}

#navigation ul, #nav ul {
padding: 5px;}

#navigation ul li a, #nav ul li a, #footer ul li a,
#header ul.account-settings li {
text-decoration: none;
padding: 0 10px;
}

#navigation ul li, #nav ul li, #footer ul li, #header ul.account-settings li{
display: inline;
border-left: 1px solid #999;
text-decoration: none;}

#footer ul li.first, #navigation ul li.first, #header ul li.first, #nav ul li.first,
#nav ul li:first-child{
border: none;}

body.general ul.side-nav {
width: 150px;
float:left;
}
body.general ul.side-nav li {
padding-right: 10px;}

body.general ul.side-nav li.current {
font-weight: bold;
font-size: 1.1em;
padding-right: 20px;
background: url(/images/landing_pages/ms/dash-arrow.gif) top right no-repeat;
}

body.general ul.side-nav li a, body.general ul.side-nav li.current {
display: block;
height: 40px;
padding-top: 10px;
position: relative;
}

/*subnav drop down*/

#nav ul li a {
display:block; 
}

#nav li {
float:left; 
display:block; 
position:relative;
z-index:500; }

ul.subnav {
position:absolute;
display: none;
background-color: #fff;
left:0;
padding: 0;}

ul.subnav li{
clear: both;
float: left;
border: none !important;
white-space: nowrap;
}

ul.subnav li a {
display: block;
height: auto !important;
line-height: normal !important;
text-align:left !important;
padding: 5px !important;
min-width: 100px;
}

/*-----------------------------------------------------------------------
Form Elements
 ------------------------------------------------------------------------ */


#personal_info fieldset {
padding: 30px;}

#login fieldset{
width: 238px;
margin: 0 0 0 10px}

#login fieldset label {
font-weight: bold;
}

#content.activation fieldset {
float: left;
width: 400px;
padding-left: 180px;}

.lost-pw fieldset label,
#content.activation fieldset  label{
padding: 0 0 2px 0;
font-weight: bold;
display: block;
width: 150px;
float: left;}

#login fieldset input,
#content.activation fieldset input,
#content.lost-pw fieldset input{
width: 230px;
height: 20px;
padding: 2px;
margin-bottom: 10px;
font-size: 16px;
}

#login fieldset input.submit,
#content.activation fieldset  input.submit {
width: auto;
float: left;
padding: 0 10px;
height: 30px;
}

#content.lost-pw fieldset input.submit,
#personal_info fieldset input.submit {
display: block;
margin: 0 0 0 150px;
height: 30px;
width: 160px;
}

#content.lost-pw  fieldset {
width: 500px;
margin: 0 auto;
padding: 20px;}

#content.lost-pw  fieldset label {
width: 200px;
text-align: left;}

#content.lost-pw  fieldset input.button {
margin: 0 0 0 200px;
}

#login fieldset .acct-actions {
position: relative;
margin: 5px 0 0 0;
top: -5px;
left: 20px;
float: right;
text-align: right;
font-size: .85em;}

/*form.edit {
width: 500px;
margin: 0 auto;}*/

form.edit ul.forms {
width: 255px;
margin: 0 auto;}

form.edit ul.forms li input{
width: 250px;
margin-bottom: 10px;}

form.edit ul.forms li input.submit {
width: auto; margin: 0 auto;
float: right;
}

#personal_info .forms {
width: 460px;
margin: 0 auto;
padding: 10px 0;
}

#personal_info .personal label{
width: 100px;
margin-top: 3px;
}

#personal_info .forms.personal {
width: 400px;
}

#personal_info .certificate label {
width: 150px;
}

#personal_info .certificate {
width: 450px;
}

#personal_info li {
padding: 3px 0;
}

#personal_info label {
display: block;
float:left;
width: 180px;
font-weight:bold;
text-align: right;
margin-right: 20px;
}

#personal_info #submit {
margin: 0 0 0 260px;
}

/*error msgs*/
#priority_alert {
background-color: #ffffcc;
font-weight: bold;
font-size: 14px !important;
text-align: center;
padding: 20px 20px
}

#flash_1 {
color: #000;
font-weight: bold;
text-align: center;
display: block;
background-color: #ffebe8;
margin: 5px 0;
padding: 5px 0;
border:1px solid #990000;}

#errorExplanation ul li {
color: #000;}

#errorExplanation ul {
text-align: left;
margin: 0 auto;
width: 290px;
color: #000;
}

#errorExplanation h2 {
color: red;}

#errorExplanation2 {
font-size: 12px;}

p.errorExplanation{
font-size: 12px;
margin: -10px 0 10px 190px;
}

.auto_complete {
background-color: #fff;}

/*-----------------------------------------------------------------------
	Thank you / Post Enrollment
------------------------------------------------------------------------ */

#post-enrollment {
width: 730px;
float: left;}

#mainContent.confirm {
width: 930px;
margin: 15px;
}

.sidebar-img{
width: 200px;
float: right;}
.sidebar-img img {
margin: 5px;
}


 /*-----------------------------------------------------------------------
Index Layout & Global
 ------------------------------------------------------------------------ */
 
#wrapper {
width: 980px;
margin: 0 auto; 
border:1px solid #ccc;
background-color: #fff;
min-height: 800px;}

#header, #navigation, #nav, #main, #footer {
width: 935px;
margin: 0 auto;}
 
body.index #header {
height: 278px;}

#header {
height: 115px;}

body.index #header h1 a,
#header h1 a {
text-indent: -9999px;
background-color: transparent;
width: 360px;
height: 90px;
float: left;
}

body.index #header h1 a{
margin: 30px 0 0 30px;
}

#header h1 a{
	margin: 15px 0 0 0;
}

#header .partner {
	float:left;
}

#header .welcome {
	width: auto;
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
}

#header .welcome p{
	margin: 0;
}

#header #header-badge.welcome > p {
	display: inline !important;
	border-right: 1px solid #999;
	width: 225px;
	padding-right: 7px;
}

#header ul {
	margin-right: -10px;
}

#header h1{
	font-size: 2.3em;
	padding: 5px 0;
	font-weight: bold;
}

#header p.phone {
	font-weight: bold;
	font-size: 28px;
}

#header p.phone span {
font-size: 12px;
line-height: 14px;}

#header .phone2 {
display: block;}

#brand-img {
background: no-repeat;
z-index: 1000;
height: 294px;
width: 200px;
top: -65px;
left: 755px;
float: left;
position: absolute;}

#main #index-alpha{
position: relative;
}

.index #login {
width: 270px;
background: #F8F8F9 url(/images/landing_pages/ms/login-box-bg.gif) repeat-x;
float: left;
padding: 10px 20px;
}

.index #login h1{
text-indent: -9999px;
background: url(/images/landing_pages/ms/ttl-member-login.png) no-repeat;
height: 27px;
width: 265px;
}

#index-alpha .brand-blurb .what-is,
#index-alpha .brand-blurb .questions  {
width: 420px;
float: left;
margin: 15px 0 5px 18px;
}

#index-alpha .brand-blurb .what-is p {
padding: 15px 0;
float: left;}

#index-alpha .brand-blurb .what-is {
border-bottom: 1px solid #ccc;
}

#index-alpha .brand-blurb p.call {
width: 160px;
float: left;
padding: 10px 0 0 0;
}

#index-alpha .brand-blurb p.phone{
width: 210px;
float: left;
font-size: 30px;
font-weight: bold;
line-height: 20px;
padding: 25px 0 0 0;}

#index-alpha .brand-blurb p.phone span {
font-size: 13px;
font-weight: normal;
text-align: right;
padding: 2px 0;}

#index-alpha .brand-blurb .phone2 {
float: right;}

#index-beta {
position:relative;
min-height: 250px;}

#brand-img2 {
background: no-repeat;
position: absolute;
height: 265px;
width: 230px;
bottom: 0;
z-index: 1000;
left: 0; /*ie7*/}

#index-beta .brand-descr {
width: 725px; 
float: left;
margin: 15px 0 20px 212px;
border:1px solid #ccc;
background-color: #efefef;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 2px 2px #efefef;
-webkit-box-shadow: 0 0 2px 2px #efefef;
box-shadow: 0 0 2px 2px #efefef;
}

#index-beta .brand-descr .why-choose{
width: 210px;
padding: 20px 10px;
float: left;}

#index-beta .brand-descr .first {
margin-left: 30px;}

#footer {
text-align: center;
padding: 10px 0;
font-size: .9em;
width: 980px;}

/*landing page heros background images*/

.landing-page-hero-no-text {
height: 250px;}

.landing-page-hero-no-text-320 {
height: 340px;}

/*-----------------------------------------------------------------------
Transaction Home Layout
 ------------------------------------------------------------------------ */
body.home #wrapper {
background: #fff url(/images/landing_pages/ms/hp-brand-img-2.png) left bottom no-repeat;
}

body.home #main {
padding-bottom: 30px;
}

#main.post-login .hero a{
width: 550px;
height: 250px;
display: block;
float: right;
}

body.home #main #trips {
width: 380px;
margin: 10px 10px 20px 0;
float: left;
}

body.home #main #trips .trip-deals {
width: 190px;
float: left; padding: 10px 0 0 0;
font-size: 12px;
}
body.home #main #trips ul {
min-height: 160px;}

body.home #main #trips ul li {
padding-bottom: 10px;
color: #1f1f1f;
}

/*#newsletter,*/
ul#sidebar-callouts {
width:220px;
font-size: .9em;
color: #333;
float: left;
}

ul#sidebar-callouts li {
padding: 5px 0;}

#wrapper .terms {
font-size: .75em;
color: #666;
padding: 10px 0 10px 30px;}

/*-----------------------------------------------------------------------
Transaction Home Search Box
 ------------------------------------------------------------------------ */
#search {
margin: 10px 10px 0 5px;
float: left;
width: 305px;
font-size: 13px;
}

#search-box h2 {
text-align: left;
padding: 10px;
font-size: 24px;
font-weight: normal;}

#search-box {
padding-bottom: 10px;
width: 295px;
margin: 0 0 20px 5px;
padding: 0 0 10px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 2px 2px 5px #999;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
background: #C8D1D7 url('/images/landing_pages/nav-grad-topdown-wt.png') repeat-x scroll 0 0;
}

#main.air #search-box .sb-body,
#main.hotel #search-box .sb-body {
background: none;
background-color: #fff;
width: 270px;
margin: 0 auto;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#search-box .search-content,
#search-box  #searchbox-trip{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


#search .sb-mktg {
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #fff;
width: 245px;
margin: 5px auto;
}

#search .sb-mktg ul li {
background: url(/images/landing_pages/bl-arrow.png) top left no-repeat;
padding: 4px 0 2px 25px;
}

#search .sb-mktg h1 {
padding: 10px 10px 10px 0;
}

#searchbox-trip, #searchbox-trip-adv{ 
text-align: left;
width:265px;
margin: 0 auto;
padding: 0 0 10px 0;
background-color: #fff;
position:relative;
}

#searchbox-trip #searchbox-content,
#searchbox-trip-adv #searchbox-content {
width: 95%;
margin: 0 auto;
padding: 5px 0 0 0;
}

#searchbox li,
#searchbox-trip li, #searchbox-trip-adv li {
list-style-type:none;
padding: 8px 0;
}

#trip-category-table .inside-box{
background-color: #FCF9F0;
margin: 30px 5px 5px 5px;
padding: 10px;
border: 1px solid #DECE97;
}


#searchbox-trip select,
#searchbox-trip-adv select{
font-size: 12px;
height: 20px;
}

#searchbox-trip ul.searchbox-cruise  select.destination {
width: 240px;
}
#searchbox-trip ul.searchbox-cruise select.cruiseline {
margin-right: 6px;
width: 114px;
}
#searchbox-trip ul.searchbox-cruise select.sail-date {
width: 125px;
}

#searchbox-trip ul.searchbox-air label {
font-weight: bold;
padding-right: 20px;
}

#searchbox-trip .searchbox-cruise,
#searchbox-trip-adv .searchbox-nav,
#trip-category-table .trip-category-nav {
margin: 0 0 0 3px;
}

#searchbox-trip .trip-select-group {
padding-bottom: 10px;
border-bottom:1px solid #ccc;
}

#searchbox-trip .trip-select-group li {
float: left;
width: 50%;
padding: 2px 0;
}

#searchbox-trip .trip-select-group label {
width: 78%;
display: inline-block;
padding-left:5px;
}

#search-box label {
padding-left: 5px;
}

#searchbox ul.searchbox-cruise li,
#searchbox-trip ul.searchbox-nav li,
#trip-category-table ul.trip-category-nav li
.thank-you ul.enrollment-form li{
float: left;
padding: 0;
margin: 0 2px;
}


#trip-category-table a.tab{
display:block;
background-color: #fff;
border-top: 1px solid #ccc ;
border-right: 1px solid #ccc ;
border-left: 1px solid #ccc ;
}

#searchbox ul.searchbox-cruise a.current,
/*#searchbox-trip ul.searchbox-nav a.current,
#searchbox-box ul.searchbox-nav a.current,*/
#trip-category-table ul.trip-category-nav a.current {
color: #990000;
background-color: #ccc;
text-decoration: underline;

}

hr.searchbox {
margin: 0 0 10px 0;
clear:both;
}

ul.searchbox-cruise li label,
ul.searchbox-air li label,
ul.searchbox-car li label,
ul.searchbox-resort li label,
ul.searchbox-hotel li label,
ul.searchbox-hotelair li label{
display: block;
padding: 2px 0;
font-weight: bold;
padding-right:5px;}

#remote-search-box-loader img {
	width: 32px;
	height: 32px;
	margin: 15px 0 0 110px;
}

/*-----------------------------------------------------------------------
Secondary layouts
 ------------------------------------------------------------------------ */
body.general #wrapper {
background: #fff url(/images/landing_pages/ms/hp-brand-img-2.png) bottom left no-repeat;
padding-bottom: 80px;
}

body.general #main {
position: relative;
}

/*------------------------------------------------
 * 				my bookings datagrid
 --------------------------------------------------*/

body.general #main.account-settings {
	width: 955px;
}

body.general #content.account {
	width: 775px;
}

body.general #main.account-settings ul.side-nav {
	width: 135px;
}

body.general #main.account-settings table.sort-list {
	width: 775px;
}

body.general #main .content-box {
	padding: 20px 0 10px 5px;
}

body.general img.hero {
width: 918px;
height: auto;
margin: 0 0 0 8px;
display: block;
}

/*body.general .box-body h1.title*/
body.general .content-box h2.title {
padding: 10px 0 20px 0;
}

body.general #main .content-box {
background: #F4F8FA;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:2px solid #999;
padding-top: 5px;}

#content .body {
border:1px solid #9da5aa;
padding: 15px;
clear:both;
}

#content.lost-pw {
text-align: center;}
#content.lost-pw h2 {
margin: 0 0 20px 0;}


/*-----------------------------------------------------------------------
User Badge
 ------------------------------------------------------------------------ */

#badge {
width: 410px;
position: absolute;
top: 80px;
left: 450px;
background: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:2px solid #999;
padding: 10px 10px 5px 20px;
}

#badge .name {
font-size: 1.4em;
font-weight: bold; 
padding: 0; margin: 0;
height: 30px;
}

#badge .name span#full_name {
float: left; display: inline;}

#badge .name a {
font-size: 12px;
margin: 0 ;
float: right;}

#badge ul {
width: 175px;
float: left;
font-size: 12px;
line-height: 18px;
}
#badge ul.contact {
width: 220px;
margin: 0 10px 0 0;
line-height: 20px;
background: url(/images/landing_pages/ms/div.gif) top right no-repeat;
}

#badge ul li span {
font-weight: bold;
font-size: 12px;}

/*-----------------------------------------------------------------------
Getaway Search Results
 ------------------------------------------------------------------------ */

#content table.sort-list {
border:1px solid #ccc;
font-size: 12px;
width: 100%;
background: url(/images/landing_pages/ms/list-nav-bg.gif) repeat-x;
margin-bottom:10px;
margin-left:-8px;
}

#content table.sort-list tr th.name-loc {
padding-left: 10px;
}
 
#content table.sort-list a{
text-decoration: none;}

#content table.sort-list tr th:first-child {
background: none;}

#content table.sort-list tr th {
padding:15px;
background: url(/images/landing_pages/ms/sort-div.png) 0 0 no-repeat;
font-size: .9em;
border-bottom:1px solid #ccc;
}

#content table.sort-list tr th span,
#content table.sort-list td.savings span,
#content table.sort-list td.nts span{
font-size: 11px; display:block;}

#content table.sort-list tr th.first {
background: none;
}

#content table.sort-list tr td {
padding: 10px;
text-align: center;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e2eeff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2eeff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e2eeff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e2eeff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e2eeff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e2eeff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2eeff',GradientType=0 ); /* IE6-9 */
border-bottom: 2px solid #e3e3e3;
}

#content table.sort-list tr td.name-loc {
font-size: 1em; font-weight: bold;
text-align: left;
}

#content table.sort-list tr td.name-loc span{
display:block;
font-weight: normal;
font-size: 12px;
}

#content table.sort-list td.nts, 
#content table.sort-list td.savings,#content table.sort-list td.price {
font-size: 18px;}


/*-----------------------------------------------------------------------
Preferred Hotels / Resorts
 ------------------------------------------------------------------------ */
body.general #content.preferred .branding {
/*background: url(/images/landing_pages/ms/hero-preferred-resorts.jpg) 0 0 no-repeat;*/
height: 175px;
}

body.general #content.preferred .branding p {
width: 300px;
font-size: 16px;
padding-top: 90px;}

body.general #content.preferred p.call {
margin: 0;
font-weight: bold;
font-size: 16px;}

/*body.general #content.preferred .box-body{
background: url(/images/landing_pages/ms/pref-bg.gif) 0 0 repeat-y;
width: 700px;
}*/
body.general #content.preferred .content-box {
width: 700px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:2px solid #999;
padding: 5px 20px;
}

body.general #content.preferred .content-box{
width: 670px;
margin: 10px 0;}

body.general #content.preferred .content-box .gallery{
width: 300px;
float: left;
}

body.general #content.preferred .content-box .property-info{
width: 360px;
float: left;
}

body.general #content.preferred table.rate,
#gallery.content-box table.rate {
background: url(/images/landing_pages/ms/save.png) 0 0 no-repeat;
width: 340px;
height: 120px;
text-align:center;
}

body.general #content.preferred table.rate tr.header td {
height: 40px; padding: 0; margin:0;
}
body.general #content.preferred  table.rate tr.header td p{
padding:15px 0 0 0;font-size: 1em;height: 20px;}

body.general #content.preferred table.rate tr.price td{
margin:0; padding: 0; 
height: 40px;
}

body.general #content.preferred  table.rate td.save {
vertical-align: middle; padding: 0;
width: 140px;
color: #fff;
}

body.general #content.preferred  table.rate td.save span {
display: block; font-weight: bold;font-size: 30px;}

body.general #content.preferred table.rate tr.price td {
font-size: 12px;}
body.general #content.preferred table.rate tr.price td span {
font-weight: bold; display:block;font-size: 18px;}

body.general #content.preferred .property-info a.button {
float: right;}

/*----------colorbox updates-----------------*/


.cboxSlideshow_off #cboxSlideshow {
    background-position: -125px 0;
}
.cboxSlideshow_on #cboxSlideshow {
    background-position: -150px -25px;
}
#content.preferred .content-box {
    padding: 10px;
}
#content.preferred .content-box .gallery-slide {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 300px;
}
#content .enlarge {
    background: url("/images/landing_pages/ms/enlarge.gif") no-repeat scroll bottom right transparent;
    bottom: 0;
	width: 300px;
    height: 225px;
    position: absolute;
    right: -2px;
	border:1px solid #036;
}
#content .enlarge a {
    display: block;
    height: 32px;
    width: 38px;
}
#content #preferred-product-thumb{
	width:300px;
	height:225px;
	overflow:hidden;
}
#content .gallery-slide img {
	height:225px;

}
#content .click-image {
    bottom: -20px;
    color: #496F94;
    font-size: 14px;
    line-height: 15px;
    position: absolute;
    text-align: center;
	width:300px;
}


/*-----------------------------------------------------------------------
Benefits page
 ------------------------------------------------------------------------ */
#content .branding {
margin: 0 0 10px 0;
}

#content .branding p {
width: 300px;
font-size: 16px;
padding: 110px 0 0 0;}


#content table.reward-savings {
width: 683px;
height: 135px;
margin: 0 0 20px 0;
border:1px solid #ccc;
}

#content table.reward-savings th {
padding: 15px 0;
background: url(/images/landing_pages/ms/tbl-header-bg.gif) repeat-x;}

#content table.reward-savings td {
text-align: center;
padding: 5px;
border-bottom: 1px solid #ccc;}

#content .body img {
margin: 0 10px 0 0;}

#content .body img.floatright {
margin: 10px 0 0 10px;}

#content .body p {
line-height: 20px;}

img.pad-btm {
padding: 0 0 20px 0;}

/*--about---*/



/*-----------------------------------------------------------------------
Member Activation
 ------------------------------------------------------------------------ */

#content.activation .call-out {
width: 205px;float: left;
height: 350px;
}

#content.activation .call-out p {
padding: 3px 0 5px 10px; 
font-size:1em;}

#content.activation span.note {
display: block;
font-size: 12px;}

#content.activation form fieldset {
padding: 20px 0 0 0;
width: 620px;}

#content.activation form label{
width: auto;
width: 180px;
float:left;
text-align: right;
padding: 0 10px 0 0;}

#content.activation form input {
display: block;}

#content.activation form input.submit {
margin: 20px 0 20px 190px;
height: 30px;}

#content.activation form h2 {
padding: 10px 0;
}


/*-----------------------------------------------------------------------
My Account pages
 ------------------------------------------------------------------------ */
#content.account ul.contact,
#content.account ul.member  {
float: left;
width: 300px;
padding: 0 0 10px 50px;}

#content.account ul.contact li {
position: relative; 
padding: 0 0 10px 100px;
margin: 5px 0;
min-height: 10px;
}

#content.account ul.member li {
position: relative; padding: 0 0 0 150px;
margin: 10px 0;
min-height: 10px;
}

#content.account ul.contact li span ,
#content.account ul.member li span {
position:absolute; top: 0; left: 0;
font-weight: bold;}

#content.account ul.contact li a span.edit {
position: static;}

#content.account table.sort-list tr th {
padding-top: 20px;}

.member-edit {
padding:10px; background:#fff;
}

#content.account li.exp {
	line-height: 30px;
}

#content.account li.exp span {
	white-space: normal;
	width: 140px;
	line-height: 14px;
}

/*-----------------------------------------------------------------------
Vacation Styles 
-----------------------------------------------------------------------*/
#tours .group{
float:left;
width: 320px;
margin: 10px;
}
#tours { 
padding: 20px 0;
float:left;
}

#tours ul.tabs,
#tours .tab_content ul {
padding-left: 20px;}

#tours #sub-content-col {
width:210px;
float: left;
}

.imgborder {
margin:3px;}

/*-----------------------------------------------------------------------------
/thank_you
--------------------------------------------------------------------------------*/

.sidebar-img img{
border:1px solid #ccc;
margin:0 5px 0 0;
padding: 3px;
}

.sidebar-img{
width: 200px;
float: right;}
.sidebar-img img {
margin: 5px;
}

.thank-you ul.enrollment-form li{
float: left;
padding: 0;
margin: 0 2px;
}

#mainContent .thank-you {
width: 700px;
float:left;
padding-top: 10px;
}

#mainContent.confirm {
width: 930px;
margin: 15px;
}

ul.enrollment-form li {
margin: 15px 0;
}

ul.enrollment-form label {
font-weight: bold;
display: block;
}
.sidebar-img{
width: 200px;
float: right;}
.sidebar-img img {
margin: 5px;
}

/*-----------------------------------------------------------------------
Transaction Home - Deal pages
------------------------------------------------------------------------ */
#searchboxair, #searchboxcar{
width: 260px; margin: 0 auto;}

#trips.air, #trips.hotel, #trips.car {
float: right;
width: 610px;
margin-top: 275px !important;
font-size: 12px;}

#trips.air em, #trips.hotel em, #trips.car em {
font-style: normal;}

#featured-deals,
#more-deals {
width: 100%;
padding: 0 0 20px 0;}

#featured-deals p,
#more-deals .price p {
padding: 0; margin: 0;
color: #333;}

#featured-deals .item {
width: 140px;
padding: 0 5px;
float: left;
overflow: hidden;}

#trips.air #featured-deals .item img,
#trips.hotel .item img {
width: 145px;
height: 90px;
padding: 0 0 5px 0;}

#search #sidebar-callouts img {
width:290px;
height: 150px;
margin: 10px 5px;}

#sidebar-callouts img{
	border:1px solid #000;
}

#featured-deals h2 {
font-size: 22px;
font-weight: normal;}

#more-deals .deals {
border:1px solid #999;
float:left;
margin: 0 5px 0 0;
width: 100%;}

#more-deals .deals h2 {
background: #c8d1d7 url(/images/landing_pages/nav-grad-topdown-wt.png) repeat-x;
border-bottom: 1px solid #999;
padding: 5px;}

#more-deals a.more {
float: right;
padding: 5px;
}

/*-----------------------------------------------------------------------
Transaction Home - Air 
------------------------------------------------------------------------ */

/* featured deals*/

#more-deals.col225 .deals {
width: 220px;}

#more-deals.col225 .deals .item:last-child {
border: none;}

#featured-deals .destination,
#more-deals.col225 .destination {
width: 50%;
float: left;}

#featured-deals .destination p{
font-size: 12px;
line-height: 12px;}

#featured-deals .destination p em,
#featured-deals .price  p,
#featured-deals p em,
#more-deals.col225 .price p {
font-size: 11px;
display:block;
font-weight: normal;}

#featured-deals .price,
#more-deals .price {
width: 50%;
float: left;
text-align: right;}

#featured-deals .price p em,
#more-deals .price p em{
font-size: 16px;
line-height: normal;}

/*more deails 1 column*/

#more-deals.col225 .item {
width: 94%;
margin: 0 auto;
padding: 5px 0;
border-bottom:1px solid #ccc;}

#more-deals.col225 .item:last-child,
#more-deals.1col .item:last-child {
border: none;}


#more-deals.col225 .deals img.property {
width: 42px;
height: 32px;}

#more-deals.col225 p.title {
font-weight: bold;
font-size: 12px;
padding: 5px 0; margin: 0;}

#more-deals.col225 .price p {
line-height: 18px;}

#more-deals.col225 .price p em {
display: inline;}

#more-deals.col225 .price a:link,
#more-deals.col225 .last-min a:link {
text-decoration: underline;}

#more-deals.col225 .item p.title a:link {
text-decoration: none;}

/*Last Minute Deals Column*/
#more-deals.col225 .last-min {
width: 130px;
float: left;
padding-left: 10px;
font-size: 12px;}

#more-deals.col225 .last-min .item {
border: none;}

#more-deals.col225 .last-min p {
padding: 0; margin: 1px 0;}

#more-deals.col225 .last-min p.title,
#more-deals.col225 .last-min p.sub {
font-size: 14px;
color: #F58D31;}

#more-deals.col225 .last-min p.sub {
font-weight: bold;
color: #333;}

#more-deals.col225 .last-min p em {
font-weight: bold;}

.stars {
background: transparent url(/images/landing_pages/star-ratings.png) 0 0 no-repeat;
width: 70px;
height: 16px;
}

.star-rating-1 {
background-position: 0 0;
}

.star-rating-2 {
background-position: 0 -16px;
}

.star-rating-3 {
background-position: 0 -32px;
}

.star-rating-4 {
background-position: 0 -48px;
}

.star-rating-5 {
background-position: 0 -65px;
}

/*-----------------------------------------------------------------------
Transaction Home - Car  / full columns
------------------------------------------------------------------------ */
/* featured deals*/
#trips.car #featured-deals .item p a {
text-decoration: none;
font-size: 14px;
font-weight: bold;}

#more-deals.col-full .deals {
width: 100%;
margin: 0 0 20px 0;}

#more-deals.col-full .item {
border-bottom: 1px solid #ccc;
width: 98%;
margin: 0 auto;}

#more-deals.col-full .item .savings, 
#more-deals.col-full .item img,
#more-deals.col-full .item a.button {
float:left;}

#more-deals.col-full .item img {
vertical-align: middle;
width: 90px;
height: 50px;
}

#more-deals.col-full .item .savings {
padding: 10px 0 5px 10px;
font-size: 12px;
width: 60%;
height: auto;}

#more-deals.col-full .item a.button {
float: right;
line-height: 18px;
margin: 15px 0 0 0;}

/*-----------------------------------------------------------------------
Transaction Home - Hotel
------------------------------------------------------------------------ */

#main.hotel #trips ul li {
padding-bottom: 0;}

#main.hotel #trips ul {
min-height: 32px;}

/*-----------------------------------------------------------------------
Top Destination Tab layout
------------------------------------------------------------------------ */

#more-deals ul.tabs {
height: 32px;
font-size: 14px;
background: #ccc;
padding-left: 3px;
width: 610px;}

#more-deals ul.tabs li,
#more-deals ul.tabs li a  {
height: 32px;
margin-top: 3px;}

#more-deals .tab_container {
background: #fff;
border:3px solid #ccc;
width: 607px;}

#more-deals ul.tabs li,
#more-deals ul.tabs li a {
border: none;}

#more-deals ul.tabs li a:hover {
background: #336699;
margin:0;
color: #fff;}

#more-deals ul.tabs li.active,
#more-deals ul.tabs li.active a:hover,
#more-deals ul.tabs li.active a {
background:#fff;
border-bottom: 1px solid #fff;
color: #369;
margin-top: 3px;
text-decoration: none;
}

#more-deals ul.tabs li a {
text-decoration: underline;}


table.destinations {
width: 97%;
margin: 10px;
}

table.destinations td.amt {
font-weight: bold;
font-size: 14px;
color:#990000;}

table.destinations tr td {
border-bottom: 1px solid #ccc;
padding:10px;}

table.destinations tfoot {
text-align: right;}

/*-----------------------------------------------------------------------
	jQuery Subnavigation Tabs
------------------------------------------------------------------------ */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height:20px; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 19px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 19px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like its connected with its content--*/
	text-decoration: none;
	}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #ccc;
}
.tab_content {
	padding: 0;
}

#personal_info label {
	width: auto;
	text-align: left;
	margin-top: 10px
}

#personal_info input#activation_code {
	float: left;
}

#personal_info .certificate input#activation_code, #personal_info ul.points input#activation_code {
	float: none;
}

#personal_info #submit {
	margin: 20px 0 0 0;
}

#personal_info fieldset input, #personal_info fieldset label, #personal_info input#password1 {
	clear: both !important;
	width: initial !important;
	float: none !important;
}

#personal_info ul.points label {
	width: 150px;
}

#personal_info form.edit {
	padding-bottom: 30px;
	padding-top: 10px;
}

#account_settings_div #personal_info {
	padding: 30px;
}

.homeResortLabel {
	position: static !important;
	margin-left: -100px;
}

.nameForDisplay {
	margin-left: 42px;
	font-weight: normal !important;
	position: static !important;
}

.homeResortLabel, .nameForDisplay {
	display: none;
}

#content.account table.sort-list tr th {
	padding-top: 15px;
	line-height: 14px;
	min-height: 50px;
	vertical-align: middle;
	font-size: 12px;
}

/*----------------------------------------------------
 * 				cert home
-----------------------------------------------------*/

.certificates {
	border: 1px solid #89a6a7;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 25px;
	width: 900px;
	margin: 0 auto;
}

.certificates_left a.merchButton {
	/*background-color: #f58220;*/
	display: block;
	width: 100px;
	margin: 5px;
	padding: 5px;
	/*color: #fff;*/
	text-decoration: none;
	text-align: center;
	border-radius: 8px 2px;
	text-transform: uppercase !important;
	font-weight: normal !important;
	/*font-family: "ProximaNovaA-Bold";*/
	font-size: 16px;	
}

h1.certs  {
	font-size: 22px;
	/*color: #00a3d3;*/
	margin-left: 40px;
	margin-bottom: 10px;
}

.certificates p {
	margin-bottom: .5em;
}
.certificates_right a{
	text-decoration:none;
}
.certificates_left {
	float: left;
	padding: 15px 0 0 40px;	
	width: 180px
}

.certificates_left_plus {
	float: left;
	padding: 0 0 0 20px;	
	width: 200px
}

.certificates_left_plus p {
	margin-left: 20px;
	margin-top: 3px;
}

.certificates_right {
	float: right;
	padding: 15px 30px 0 0;
	width: 634px;
}

a.manageCerts {
	padding: 10px;
	float: right;
	margin-top: -45px;
	margin-right: 50px;
	border-radius: 8px 2px;
	text-decoration: none;
	/*color: #fff;	
	background-color: #f58220;
	text-transform: uppercase !important;
	font-weight: normal !important;
	font-family: "ProximaNovaA-Bold";*/
	font-size: 16px;

}

.redeem {
	line-height: 1.3em;
	margin: 7px 50px 0 0;
}

.redeem_cruise {
	font-size: 22.5px;
	font-weight: bold;
	margin-right: 43px;
}

.expiration {
	font-size: 10px;
	margin: 12px 235px; 0 0;
	line-height: 1.2em
}

.expiration span {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.certificates_right_plus {
	float: right;
	padding: 0;
	width: 634px;
	position: relative;
}

.certificates_right_plus .certificates_right:nth-child(2) {
margin-top: -35px;
}

.redeem_hotel {
	line-height: 1.3em;
	margin: 7px 65px 0 0;
}

.redeem_hotel_cert {
	font-size: 22.5px;
	font-weight: bold;
	margin-right: 30px;
}

.redeem_resort {
	line-height: 1.3em;
	margin: 7px 55px 0 0;
}

.redeem_resort_cert {
	font-size: 22.5px;
	font-weight: bold;
	margin-right: 71px;
}

#divider {
	background: url(/images/landing_pages/ms/bg_divider.jpg) no-repeat top center;
	height: 25px;	
	margin-top: 9px;
}

.certificates {
	border: 1px solid #333;
	border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 30px;
}

.certificates h2, .certificates label {
	/*color: #8c0c04;*/
	font-size: 19px;
	margin-bottom: 5px;
	font-weight: bold;	
}

.certificate_dbc {
	background: url(/images/landing_pages/ms/dbc_cert-bg.jpg) no-repeat top left;
	border-bottom: none;
	font-size: 15px;
	height: 238px;
	width: 656px;
	text-align: right;
	cursor: pointer;
}

.cert_divider {
	clear: both;
	background: url(/images/landing_pages/ms/cert_divider.jpg) no-repeat top center;	
	height: 21px;   
	margin: 10px 0 0 0;                    
	width: 100%;
}

.divider_or {
	background: url(/images/landing_pages/ms/bg_divider_or.jpg) no-repeat top center;
	margin: 5px 0;
	height: 11px;
	width: 184px;
}

.clear {
	clear: both;
	border: 0;
	padding-top: 20px;
}

.dbcLargePrice {
	/*font-family:"dbcFont";*/
	font-size: 38px;
	font-weight: bold;
	/*color: #8c0c04;*/
	position: relative;
	top: 90px;
	left: -80px;
	text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff,
    0px 1px 0 #fff,
    0px -1px 0 #fff,
    -1px 0px 0 #fff,
    1px 0px 0 #fff,
	4px 4px 4px #999;
}

.activateCert {
	display: inline;
	margin-bottom:-250px;
	margin-left:23px;
}

.redeemedCert {
    margin-bottom: -235px;
    z-index: 999;
    position: absolute;
}

a.button {
	/*background: none #f58220;*/
	border: 0 none;
	box-shadow: none;
	padding: 10px;
	border-radius: 8px 2px;
	text-transform: uppercase !important;
	font-weight: normal !important;
	/*font-family: "ProximaNovaA-Bold";*/
	font-size: 16px;	
}

/* > ICEB-411 */

body.general #content.account ul.member li.exp {
    line-height: 30px;
}

#content.account ul.member li.exp span, body.general #content.account ul.member li.exp span {
    width: 50px;
    line-height: 14px;
}

/* ICEB-411 < */

/*------------------------------------------------------------
 * 				great getaway resort 2014
 -------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic);

body.general #main .great-getaways-list{
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:2px solid #fff;
	padding-top: 5px;
}

body.general #main .great-getaways-list{
	background-color: #fff;
}

.resort-item{
	font-family: 'Roboto', sans-serif;
	background: #f2f2f2;
	color: #333;
	margin-bottom: 15px;
	
}

.resort-pic{
	float: left;
	width: 275px;
	height: 175px;
	margin-right: 15px;
}

.resort-info{
	float: left;
	padding-top: 21px;	
	font-size: 16px;
}

.resort-title{
	font-weight: 700;
	font-size: 22px;
}

li.resort-subtitle {
	margin-top: 4px;
}

ul.package-overview {
	background: #fff;
	border: 3px solid #ebebeb;
	border-radius: 3px;
	width: 234px;
	padding: 6px 1px 6px 1px;
	float: left;
	letter-spacing: .5px;
	margin-top: 20px;
}

ul.package-overview li{
	color: #606060 !important;
}

ul.package-overview li.list-label {
	margin-bottom: 2px;
}

ul.package-overview li.list-data {
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 0;
}

li.package-nights-count.list-data {
	font-size: 28px !important;
	line-height: 22px;
}

li.resort-local {
	position: relative;
	top: 18px;
	font-size: 16px;
	color: #606060;
}

ul.item-list {
	float: left;
	text-align: center;
	width: 32%;
}

ul.savings-overview {
	float: right;
	margin-top: 22px;
	margin-right: 16px;
}

ul.savings-data li {
	display: inline;
	font-weight: 700;
	font-size: 32px;
}

li.market-rate {
	text-decoration: line-through;
	color: #606060;
	padding-right: 10px;
}

span.savings-increment {
	font-size: 13px;
	font-weight: 300;
	margin-left: 4px;
}

li.savings-book {
	text-align: right;
	margin-top: 60px;
}

li.savings-total {
	text-align: right;
}

a.savings-book-button {
	background: #fff;
	padding: 6px 16px;
	color: #333;
	border: 2px solid #ebebeb;
	font-size: 16px;
	margin-right: -4px;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 5px;
}

a.savings-book-button:hover {
	background: #66cccc;
	color: #fff;
}

ul.savings-overview li {
	display: block;
}

ul.savings-overview li ul.savings-data li{
	display: inline;
}
/*---------------------------------------------------------------
		clear fix
-----------------------------------------------------------------*/

.group:after{
  content: " ";
  display: table;
  clear: both;
}

p#merit-travel-group{
	display:none;
}

/*---------------------------------------------------
 * TICO
 * ------------------------------------------------*/

p#merit-travel-group {
  display: none;
}

p#sot-notice {
    text-align: center;
    font-size: 14px;
    margin: 0 180px;
	line-height: 20px;
}

span.sot2016{
	display: block;
}