/************modified version of Eric Meyer's CSS reset */
a {
    text-decoration: none;
}

a img {
    border: none;
}

h1, h3, h3, h4, h5, h6, p, img, input, ol, ul, li, fieldset, form, label, legend,
table, tr, th, td, #callout-container {
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
}

img {
    border: 0px;
}

body {
    margin: 0px;
}

p, a, li, label, .caption, caption {
    font-size: 75%;
}

li a, td label, td ul li, #right .middle-content table td table td, td h5, .middle-content.myaccount td label, ul li ul li, li p {
    font-size: 100%;
}

p.footnote {
    font-size: 65%;
}

a {
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

a.arrow-icon, #right .content-with-border .show-hide a.arrow-icon {
    float: right;
    font-size: 85%;
    font-weight: normal;
    margin: 0px 8px 0px 0;
    padding: 10px 0 0px 26px;
    text-align: left;
}

.title_case {
    text-transform: uppercase !important;
}

.middle a.arrow-icon {
    width: 440px;
}

.two-column-content-container a.arrow-icon {
    width: 632px;
}

.middle-content-section-morepadding a.arrow-icon {
    width: 405px;
}

.section-update a.arrow-icon {
    width: 155px;
}

a.larger {
    font-weight: normal;
    display: inline-block;
    padding: 15px 0 0px 0px;
    font-size: 85%;
}

h3.arrow-icon {
    padding-left: 25px;
}

.middle .middle-content-section .arrow-right a {
    padding: 5px 0 5px 25px;
}

.middle .middle-content-section.show-hide {
    overflow: hidden;
}

.middle .middle-content-section .photo-210by150 {
    margin-top: 7px;
}

.top-half a.arrow-icon {
    margin-right: 8px;
}

a.arrow-icon:hover {
    text-decoration: none !important;
}

a.arrow-icon:hover span {
    text-decoration: underline;
}

p a {
    font-size: 100%;
}

ul {
    list-style: none;
}

.middle-content-section ul ul {
    padding-left: 15px;
    font-size: 100%;
}

table {
    border-collapse: collapse;
}

label {
    margin-left: 5px;
}

p {
    margin: 8px 0 4px;
    line-height: 150%;
}

p.highlight strong {
    font-size: 135%;
}

img.icon {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

img.icon {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

#content h1,
#content .h1-heading {
    font-size: 130%;
    font-weight: bold;
    padding: 0px 0 10px 0;
}

#content .one-column-content-container > h1 {
    padding: 15px 0 10px 20px;
}

#content #page-header h1 {
    padding: 0px 0 10px 20px;
}

#content #page-header {
    margin-top: 20px;
}

#left h1, #content #home-tabs-section h1,
#content #home-tabs-section .h1-heading {
    font-size: 150%;
}

#content #right-header h1 {
    font-size: 130%;
    font-weight: bold;
    padding: 10px 0 5px 0;
}

#content .middle-content h1 {
    font-size: 130%;
    padding-top: 5px;
    font-weight: normal;
}

/*June 22nd, 2010 edit*/
#content .two-column-content-container h1 {
    padding-top: 10px;
    padding-left: 10px;
    font-weight: bold;
}

.middle-content.keyword-search h3 {
    margin-top: 10px;
}

.middle-content.keyword-search h2 {
    margin-bottom: 0px;
}

.remove {
    width: auto;
    float: right;
}

h2 {
    font-size: 125%;
    margin: 5px 0 10px;
    font-weight: normal;
}

h3 {
    margin: 0px;
    font-size: 100%;
    font-weight: normal;
    padding: 5px 0px 5px;
}

h3 a {
    font-size: 100%;
    font-weight: normal;
}

h3 span {
    vertical-align: top;
}

h3 span.spacing {
    display: inline-block;
    width: 315px;
    margin-left: 10px;
}

#account-box-content h3 {
    padding: 0px;
}

h5, h6, span.title {
    font-size: 75%;
    font-weight: bold;
}

h5 a, span.title {
    font-size: 100%;
}

span.day + span.title {
    margin-left: 8px;
}

.middle  h5 {
    padding: 15px 0 5px 0px;
}

.middle  h6 {
    margin: 0px;
}

.trip-extensions h5 {
    float: left;
    padding-right: 5px;
}

.has-upper-right h3 {
    display: block;
    padding-bottom: 0px !important;
}

/** This style causes the h3 to wrap rather than overlap whatever is in the "upper-right" div.
    Elements that appear in the upper right div are the "expand" and "contract" buttons and
    optional trip prices**/

.content-with-border.has-upper-right h3 {
    width: 420px;
}

h4 {
    font-weight: bold;
    font-size: 100%;
    margin-top: 10px;
}

.bottom-align {
    /**vertical-align:bottom;**/
    display: block;
}

.top-align {
    vertical-align: top;
    display: block;
    clear: both;
}

/**Template Variation Structure**/
.two-columns #right h3 {
    margin-left: 10px;
}

.two-columns #right p {
    margin: 10px 0 10px 15px;
}

/**/

/**Buttons **/
a.link, #right.middle-content table a.link {
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold !important;
    padding-top: 4px;
    height: 19px;
    text-align: center !important;
}

a.link:hover {
    text-decoration: none;
}

a.link img {
    margin-left: 0px !important;
}

.small-btn-red, .small-btn-green {
    width: 96px;
    height: 23px;
    float: right;
    font-weight: bold;
}

.top-link .small-btn-green .link {
    margin-top: 0px;
}

.top-link .small-btn-green .link img {
    margin-top: 3px;
}

.middle-content .small-btn-red.bio, .middle-content .small-btn-green.bio {
    margin: 10px 30px 15px 0;
}

.small-btn-red .link, .small-btn-green .link {
    left: 0;
    top: 0;
    width: 96px;
}

.large-btn-red, .large-btn-green {
    height: 23px;
    font-weight: bold;
    position: relative;
    width: 320px;
}

#right-header .large-btn-red {
    margin-bottom: 10px;
}

.middle-content .middle-content-section .harriets-response {
    font-family: georgia, "times new roman", times;
    font-size: 90%;
    padding: 7px 16px 10px 16px;
}

.middle-content .middle-content-section .large-btn-red, .middle-content .middle-content-section .large-btn-green {
    float: right;
    margin-bottom: 0px;
}

.middle-content .large-btn-red, .middle-content .large-btn-green {
    margin: 5px 0px 10px;
}

.large-btn-red .link, .large-btn-green .link {
    left: 0;
    top: 0;
    width: 320px;
}

.standard-btn-red, .standard-btn-green {
    width: 120px;
    height: 25px;
    position: relative;
    margin-top: 5px;
    float: right; /**At least 90% of the buttons float right.**/
}

.float-right .standard-btn-red,
.float-right .btn-wrapL,
.float-right .btn-wrapR {
    margin-right: 20px;
}

.float-right .btn-wrapL.no-margin,
.float-right .btn-wrapR.no-margin {
    margin-right: 0;
    margin-left: 0;
}

#account-box-content .standard-btn-green {
    float: none;
    margin: 0px auto;
    margin-top: 10px;
}

.special-btn-red, .special-btn-green {
    width: 175px;
    height: 25px;
    float: right;
    position: relative;
    margin-top: 5px;
}

.special-btn-green a img {
    margin-left: 0px;
}

/**Fixes alignment of link to left of button**/
.btn-align {
    display: inline-block;
    float: left; /**i fixed this for traveler-discussions pages. needs to be left. if needs to be different somewhere else then modify it somehow, but don't screw TD up.**/
    margin-right: 20px;
}

.right .btn-align, .last .btn-align {
    margin: 10px 15px 0 0;
}

.float-right .btn-align {
    margin: 5px 35px 0 0;
}

/**/

.last .standard-btn-red, .last .standard-btn-green {
    margin-top: 5px;
}

.standard-btn .link {
    left: 0;
    top: 0;
    width: 120px;
    text-transform: none;
}

.content-with-border .large-btn-red {
    float: right;
}

.middle .sm-content-button-container {
    height: 53px;
    margin: -5px 0 0 -5px;
    overflow: hidden;
    width: 238px;
    padding-bottom: 20px;
    float: right;
}

.middle .sm-content-button {
    width: 79px;
    height: 53px;
    float: left;
    display: inline;
}

.middle .sm-content-btn-link {
    cursor: pointer;
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 49px;
    z-index: 100;
    position: relative;
    font-size: 85%;
    padding: 10px 10px 0 20px;
}

.content-btn {
    display: inline-block;
    height: 142px;
    padding: 0 14px;
    position: relative;
    width: 136px;
    margin: 0 auto;
}

a.content-btn-link {
    font-size: 16px;
    margin: 14px 0 0 0px;
    padding-left: 33px;
    font-weight: bold;
    text-align: left;
    z-index: 11;
}

.content-btn img {
    width: 129px;
    position: absolute;
    bottom: 18px;
    left: 18px;
}

.content-btn-link {
    display: block;
    width: 133px;
    height: 122px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
    cursor: pointer;
}

/******************************************************************************************
* Begin: Button Styles (CSS3)
**/

.btn {
    /* CSS3 btn definitions: One for each of the vendor implementations, then the generic */
    /* We layer inset box shadows to create the bevel effect */
    -webkit-box-shadow: inset 0px -3px 20px #4b0301, inset 0px 0px 15px #5b0301, inset 0 -2px 3px #4b0301;
    -moz-box-shadow: inset 0px -3px 20px #4b0301, inset 0px 0px 15px #5b0301, inset 0 -2px 3px #4b0301;
    box-shadow: inset 0px -3px 20px #4b0301, inset 0px 0px 15px #5b0301, inset 0 -2px 3px #4b0301;
    /* Rounded Corners */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    /* Traditional Properties */
    display: block;
    cursor: pointer;
    float: right;
    min-width: 80px;
    color: #FFFFFF !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 5px 0 0 0;
    padding: 0 15px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
}

span.btn {
    padding: 0;
}

a.btn:hover {
    text-decoration: none;
}

.btn img {
    /* these are !important so no other styles overwrite the arrow */
    border: 0 none !important;
    display: inline !important;
    margin: 0 !important;
    position: relative !important;
    vertical-align: baseline !important;
    float: none !important;
}

.btn-red {
    -webkit-box-shadow: inset 0px -3px 20px #4b0301, inset 0px 0px 15px #5b0301, inset 0 -2px 3px #4b0301;
    -moz-box-shadow: inset 0px -3px 20px #4b0301, inset 0px 0px 15px #5b0301, inset 0 -2px 3px #4b0301;
    box-shadow: inset 0px -3px 20px #4b0301, inset 0px 0px 15px #5b0301, inset 0 -2px 3px #4b0301;
    background-color: #ac110f !important;
}

.btn-blue {
    -webkit-box-shadow: inset 0px -3px 20px #03304b, inset 0px 0px 15px #13304b, inset 0 -2px 3px #03304b;
    -moz-box-shadow: inset 0px -3px 20px #03304b, inset 0px 0px 15px #13304b, inset 0 -2px 3px #03304b;
    box-shadow: inset 0px -3px 20px #03304b, inset 0px 0px 15px #13304b, inset 0 -2px 3px #03304b;
    background-color: #4980ab !important;
}

.btn-green {
    -webkit-box-shadow: inset 0px -3px 20px #221d0f, inset 0px 0px 15px #321d0f, inset 0 -2px 3px #221d0f;
    -moz-box-shadow: inset 0px -3px 20px #221d0f, inset 0px 0px 15px #321d0f, inset 0 -2px 3px #221d0f;
    box-shadow: inset 0px -3px 20px #221d0f, inset 0px 0px 15px #321d0f, inset 0 -2px 3px #221d0f;
    background-color: #726a4c !important;
}

.btn-tan {
    -webkit-box-shadow: inset 0px -3px 20px #b6ae95, inset 0px 0px 15px #e6dfc4, inset 0 -2px 3px #b6ae95;
    -moz-box-shadow: inset 0px -3px 20px #b6ae95, inset 0px 0px 15px #e6dfc4, inset 0 -2px 3px #b6ae95;
    box-shadow: inset 0px -3px 20px #b6ae95, inset 0px 0px 15px #e6dfc4, inset 0 -2px 3px #b6ae95;
    background-color: #e6dfc4 !important;
}

.btn-black {
    -webkit-box-shadow: inset 0px -3px 20px #666666, inset 0px -10px 15px #222222, inset 0 -2px 3px #403c3c;
    -moz-box-shadow: inset 0px -3px 20px #666666, inset 0px -10px 15px #222222, inset 0 -2px 3px #403c3c;
    box-shadow: inset 0px -3px 20px #666666, inset 0px -10px 15px #222222, inset 0 -2px 3px #403c3c;
    background-color: #6e6969 !important;
}

.btn.float-left {
    float: left;
}

.btn-large {
    height: 29px;
    line-height: 29px;
    font-size: 15px;
}

.btn-long {
    padding: 0 50px;
}

.btn-wrap,
.btn-wrapL,
.btn-wrapR {
    margin: 5px 0;
    zoom: 1;
    text-align: left;
}

.btn-wrap:after,
.btn-wrapL:after,
.btn-wrapR:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.btn-wrap .btn, .btn-wrapL .btn, .btn-wrapR .btn {
    margin: 0;
}

.btn-wrapL, .btn-wrapL .btn {
    float: left;
}

.btn-wrapR, .btn-wrapR .btn {
    float: right;
}

.btn-wrap-wide .btn-long {
    width: 220px;
}

/* Standard Buttons in IE */
/* The below CSS could potentially be loaded conditionally as well, to further cut down the default download size. */
.btn-ie {
    background-color: transparent !important; /* undo our definition from up above */
    background: url(/images/structure/btn-bg-sprite.png) left top no-repeat transparent !important;
    position: relative; /* so we can absolutely position the .right-side span */
    padding: 0 6px 0 10px; /* contract right padding; we'll reinstate it w/ the span, below. */
    /* This padding rule also shifts the text up slightly for IE, to center it vertically within the btn */
}

.btn-ie.btn-red {
    background-position: left 0;
}

.btn-ie.btn-blue {
    background-position: left -23px;
}

.btn-ie.btn-green {
    background-position: left -46px;
}

.btn-ie span {
    position: relative; /* Needed for z-index stacking */
    /* Note: at present, z-index stacking doesn't work in IE6 */
    z-index: 100; /* Display above .right-side, see below */
}

.btn-ie .right-side {
    /* This is the span that is added within the btn */
    width: 10px; /* Wide enough to cover the right end gradient of the btn */
    display: block; /* Spans default to inline; that won't do here */
    position: absolute; /* For positioning */
    right: -4px; /* Pop right side out past the padding we contracted in .btn-ie */
    top: 0px; /* Bump it in line with the top of the btn */
    height: 100%; /* Ideally this would be flexible for each size of btn, with only the background image changing */
    background: url(/images/structure/btn-bg-sprite.png) right top no-repeat; /* self-explanatory: it's the same BG, just on the right. */
    z-index: 0; /* Display below other items */
    cursor: pointer;
}

span.btn-ie .right-side {
    cursor: default;
}

.btn-ie.btn-red .right-side {
    background-position: right 0;
}

.btn-ie.btn-blue .right-side {
    background-position: right -23px;
}

.btn-ie.btn-green .right-side {
    background-position: right -46px;
}

/* Large Buttons in IE */

.btn-ie.btn-large.btn-red {
    background-position: left -69px !important;
}

.btn-ie.btn-large.btn-blue {
    background-position: left -98px !important;
}

.btn-ie.btn-large.btn-green {
    background-position: left -127px !important;
}

.btn-ie.btn-large.btn-red .right-side {
    background-position: right -69px !important;
}

.btn-ie.btn-large.btn-blue .right-side {
    background-position: right -98px !important;
}

.btn-ie.btn-large.btn-green .right-side {
    background-position: right -127px !important;
}

/**
* End: Button Styles (CSS3)
******************************************************************************************/

/*End Buttons*/

#wrapper {
    overflow: hidden;
    width: 990px;
    margin: 0px auto;
    position: relative;
}

#container {
    width: 970px;
    margin: 0 auto;
}

#content {
    margin-top: 10px;
    position: relative;
    width: 990px;
}

#top-adjustment-panel {
    display: block;
    height: 26px;
    margin: 10px 10px 0 0;
}

#fontsize-print-panel {
    float: right;
    height: 21px;
    margin-right: 10px;
}

#fontsize-print-panel p {
    font-size: 75%;
    margin: 3px 0 0 0;
    padding-right: 10px;
    float: left;
}

#fontsize-print-panel img {
    margin-left: 3px;
}

#fontsize-print-panel div {
    height: 19px;
    width: 19px;
    float: left;
    margin-right: 3px;
    cursor: pointer;
    overflow: hidden;
}

#fontsize-print-panel div.normal {
    background-position: 0px 0px;
}

#fontsize-print-panel div.large {
    background-position: -19px 0px;
}

#fontsize-print-panel div.larger {
    background-position: -38px 0px;
}

#fontsize-print-panel div.print {
    background-position: -57px 0px;
}

#fontsize-print-panel div.normal.selected {
    background-position: 0px -19px;
}

#fontsize-print-panel div.large.selected {
    background-position: -19px -19px;
}

#fontsize-print-panel div.larger.selected {
    background-position: -38px -19px;
}

#content #left {
    width: 245px;
    float: left;
    margin-top: 5px;
    display: inline;
    overflow: hidden;
}

#content #left #account-box {
    margin-bottom: 10px;
    width: 220px;
}

#content #left #account-box p {
    font-size: 75%;
}

#content #left #account-header h2 {
    margin: 0;
    padding: 10px 0 12px 0;
}

#content #left #account-box p#mail, #content #left #account-box #account-header h2 {
    text-align: center;
    font-weight: normal;
}

#content #left #account-box p#mail, #content #left #account-box #account-header p#mail {
    margin: 0 0px;
}

#content #left #account-box p#mail, #content #left #account-box #account-header img {
    float: left;
    display: inline;
}

#content #left #account-box #account-header img {
    margin: 4px 0 0 5px;
}

#content #left #account-box-wrapper {
    width: 222px;
}

#content #left #account-box-content {
    margin: 0px 0 0 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#content #left #account-box-content h2 {
    padding-top: 15px;
    margin-top: 0px;
}

#content #left #account-box-content .btn-wrap {
    margin: 10px auto 0;
    width: 160px;
}

#account-box-content a {
    display: block;
    padding: 5px 0px;
}

#account-box-content .account-trip a {
    padding: 0;
}

#account-box-content a.btn {
    padding: 0 15px;
}

#account-box-content  .account-button {
    text-align: center;
    width: 187px;
    height: 21px;
    margin-top: 5px;
    position: relative;
}

#account-box-content  .account-button span {
    font-size: 12px;
    display: inline-block;
    margin-top: 2px;
}

#account-box-content a#account-button-link {
    padding: 0;
    display: block;
    width: 187px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

#account-box-content a#account-button-link span {
    cursor: pointer;
}

#left-box {
    width: 222px;
    margin-bottom: 10px;
    overflow: hidden;
}

#left-box.keyword {
    overflow: visible;
}

#left-box.keyword img.keyword {
    margin-left: -3px;
    position: relative;
    width: 228px;
}

#left-box img {
    float: left;
}

#left-box a.link img {
    float: right;
}

#left-box-container {
    float: left;
    padding: 1px 20px 5px;
    width: 182px;
}

#left-box-container img {
    float: none;
}

#left-box-container h3 {
    font-size: 110%;
    padding: 10px 0px;
}

#left-box-container p {
    margin: 0 0 10px 0;
}

#left-box-container a {
    font-size: 75%;
    display: block;
    margin: 0;
}

#sign-in-form input {
    /*margin-bottom:10px;*/
}

/* extra? */
/*#content #right{
width:723px !important;
padding-left:8px;
float:left;
display:inline;
overflow: visible;
}*/

#content #right {
    width: 723px; /* used to be 725px */
    padding-left: 0; /* Edit for Destinations Pages adjustment with new header/footer constraints */
    float: left;
    display: inline;
    overflow: visible;
}

#content #right.one-column {
    width: 712px;
    padding-left: 0; /* Edit for Destinations Pages adjustment with new header/footer constraints */
}

#content #right .right-blue-gradient {
    width: 664px;
    padding: 10px 30px;
}

/**Home**/

#homepage-flash {
    position: relative;
    z-index: 1;
}

#sign-in-form h3 {
    padding-top: 0px;
}

#right-content .divider {
    height: 14px;
    width: 675px;
    margin-left: 7px;
}

.right-inner-section-content {
    width: 582px;
    margin: 0 auto;
    padding-bottom: 20px;
    overflow: hidden;
}

.right-inner-section-content .left-content {
    float: left;
    width: 350px;
    margin-left: 10px;
}

.right-inner-section-content .left-content h3 {
    margin-top: 0px;
}

.right-inner-section-content ul {
    margin-left: 25px;
}

.home-tabs-section h1, .home-tabs-section {
    font-size: 27px;
    font-weight: normal;
}

.home-tabs-section-container {
    width: 690px;
    padding-bottom: 14px;
    background: url('/images/structure/homepage-tabs-bg-sprite.png') -2067px 100% no-repeat;
    overflow: hidden;
}

#home-tabs-section-content {
    padding-top: 15px;
}

#home-tabs-section {
    padding-left: 35px;
}

.home-tabs-section-left img {
    display: block;
    float: left;
    margin: 15px 3px 16px 27px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0px 1px 9px #444;
}

.home-tabs-section-dynamic {
    display: inline;
    float: left;
    margin: 20px;
}

.home-tabs-section-dynamic h2 {
    font-weight: bold;
}

.home-tabs-section-middle {
    display: inline;
    float: left;
    padding: 5px 20px 15px 20px;
    /*width: 220px;*/ /* Trying to find a more dynamic way to do this */
}
.home-tabs-section-middle-right.three-column .home-tabs-section-middle {
    /*width: 410px;*/ /* See above */
    width: 220px;
}

.home-tabs-section-right {
    float: left;
    width: 150px;
    padding: 10px 17px 10px 18px;
    display: inline;
    z-index: 20;
    border-left: 1px solid #e0e1d1;
}

#home-content-container {
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative;
    top: -10px;
    background: url(/images/structure/homepage-tabs-bg-sprite.png) -1380px 100% no-repeat;
}

.trip {
    margin-bottom: 5px;
}

.trip a.larger {
    padding-top: 5px;
}

.trip p {
    margin: 0px;
}

#bottom-section {
    margin-left: 7px;
    width: 675px;
}
#home-bottom-section-container {
    background: url(/images/structure/homepage-tabs-bg-sprite.png) 0 0 repeat-y;
}

#bottom-section .bottom-content {
    padding: 10px 15px 0px 15px;
    position: relative;
    top: 0px;
    width: 630px;
}

.bottom-content-left {
    width: 370px; /**Made this the same for both OAT and GCT**/
    float: left;
}

.bottom-content-left a.arrow-icon {
    width: 150px;
    display: inline-block;
    float: left;
}

.bottom-content-left .top-half, .bottom-content-left .bottom-half {
    padding: 3px 0 10px 0;
    display: inline-block;
}

.bottom-content-right {
    margin-right: -10px;
    float: right;
}

.bottom-content-right .trip-leader-callout {
    overflow: hidden;
    position: relative;
    width: 230px;
}

.bottom-content-right .trip-leader-callout span {
    margin-right: 5px;
    margin-top: 5px;
}

.bottom-content-right .photo {
    position: absolute;
    right: -5px;
    top: 15px;
}

.bottom-content-right .leader-name {
    float: right;
    font-size: 12px;
    position: relative;
    text-align: right;
    top: 105px;
    right: 10px;
    width: 115px;
}

.bottom-content-right .leader-name div {
    bottom: 0;
}

/** Home Tabs **/

#tab-links {
    height: 46px;
    margin-left: 15px;
    position: relative;
    top: 6px;
    display: block;
}

#tab-links a {
    position: relative;
}

.tab-link, .tab-link-on {
    text-align: center;
    display: inline-block;
    padding-top: 10px;
    height: 22px;
    float: left;
    font-family: "Clarendon", "Georgia";
}

.tab-link {
    width: 194px;
    font-size: 14px;
}

.tab-link-first {
    margin-left: 20px
}

.tab-link-second {
    margin-left: 50px;
}

.tab-link-third {
    margin-left: 10px;
}

.tab-link-on {
    width: 260px;
    margin-bottom: -10px;
}

a.tab-link-on {
    margin-bottom: -10px;
}

.first-tab-on, .second-tab-on, .third-tab-on {
    z-index: 500;
    position: absolute;
    height: 40px;
    width: 260px;
    display: block;
    top: -36px;
    background: url('/images/structure/homepage-tabs-bg-sprite.png') 100% 0 no-repeat;
}

.first-tab-on div, .second-tab-on div, .third-tab-on div {
    position: relative;
    z-index: 500;
    margin: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: "Clarendon", "Georgia";
}

.first-tab-on {
    left: 10px;
}

.second-tab-on {
    left: 236px;
}

.third-tab-on {
    left: 457px;
}

#tab-container {
    clear: both;
    display: block;
}

#tab-container {
    overflow: hidden;
}

.rounded-top {
    height: 20px;
    left: 0px;
    position: absolute;
    top: -5px;
    width: 690px;
    z-index: 0;
}

#tab-container div.pane {
    vertical-align: top;
    display: none;
    background: url(/images/structure/homepage-tabs-bg-sprite.png) 0 0 repeat-y;
}

#tab-container div.activePane {
    display: block;
}

/**/

/* Home Login */

.homepage-login-boxes {
    background: url('/images/structure/homepage-login-boxes.png') no-repeat;
    width: 152px;
    height: 47px;
    position: relative;
}

.homepage-login-button {
    float: left;
    margin-top: 5px !important;
}

.homepage-username-field {
    width: 140px;
    height: 15px;
    font-family: "Tahoma";
    color: #5F5F5F;
    font-size: 70%;
    margin: 5px 0 0 -5px;
    position: relative;
    left: 0px;
    padding-left: 10px;
    background: transparent;
}

.homepage-password-field {
    width: 140px;
    height: 15px;
    font-family: "Tahoma";
    color: #5F5F5F;
    position: relative;
    margin: 9px 0 0 -5px;
    left: 0px;
    padding-left: 10px;
    background: transparent;
}

/**End Home  **/

/**Trips at a Glance**/

.middle {
    width: 520px;
    float: left;
    overflow: hidden;
}

#right-header {
    margin: 0 0 0 7px;
}

#right-header p {
    font-size: 100%;
}

#right-header p strong {
    font-size: 115%;
}

#right .middle .middle-shadow-box {
    overflow: hidden; /* Bug fix 1301 */
    clear: left; /* Bug fix 1423 */
}

#right .middle .middle-noshadow-box, .noshadow-box {
    margin: 5px 0 10px 5px;
    padding-right: 5px;
    overflow: hidden;
    display: inline-block;
}

#right .middle .middle-noshadow-box img, .noshadow-box img {
    float: left;
}

#right .middle .middle-noshadow-box p, .noshadow-box p {
    margin: 0;
    font-size: 80%;
}

#right .middle .middle-noshadow-box select {
    width: 230px;
}

.middle-noshadow-box img {
    display: block;
}

.middle-content {
    padding-bottom: 5px;
    float: left;
    padding-right: 5px;
}

.middle-content-top,
.middle-content-bottom {
    float: left;
}

.middle .middle-content {
    width: 520px;
}

.middle-content.message-board .section.last {
    padding-bottom: 5px !important;
}

#right .middle-content .divider {
    height: 13px;
    margin: 0px 0 0 5px;
    border-width: 0px;
    width: 509px;
}

#right .two-column-content-container .middle-content table {
    width: 690px;
    margin-left: -10px;
}

#right .two-column-content-container .middle-content #terms table {
    margin-left: 0px;
}

#right .two-column-content-container .middle-content .form-inputs table {
    width: 445px;
    margin-left: -10px;
}

#right .two-column-content-container .middle-content #email-text table {
    width: 630px;
    margin-left: 0px;
}

#right .middle-content table.bold-table {
    font-weight: bold;
}

#right .middle-content table.bold-table td {
    vertical-align: top;
}

#right .middle-content table.bold-table .darker {
    color: #333;
}

#right .middle-content table.bold-table .unbold {
    font-weight: normal;
}

#right .middle-content table .optional span {
    font-weight: normal;
}

#right .middle-content table tr.naked td {
    border: 0;
}

#right .middle-content table tr, .middle-content table.fulfillment tr {
    height: 100%
}

#right .middle-content table td,
.middle-content table.fulfillment td {
    padding: 8px 10px !important;
    font-size: 75%;
    vertical-align: top;
}

.middle-content table.fulfillment td {
    border-bottom: 1px solid #e8e5d5;
    color: #333;
}

#right .middle-content table td.postheader .btn {
    float: none;
    padding-bottom: 4px;
}

#right .middle-content table td p {
    font-size: 100%;
}

#right .middle-content table.centered th, #right .middle-content table.centered td {
    text-align: center;
}

#right .middle-content table.phrase {
    width: 100%;
    border-collapse: separate;
}

#right .middle-content table.phrase td {
    width: 200px;
}

#right .middle-content table.phrase td.right {
    margin-left: 0;
}

#right .middle-content table.ways-to-save-good-buy-table td {
    width: 210px;
    text-align: center;
}

#right .middle-content table th {
    padding: 8px 10px;
    font-size: 12px;
}

#right .middle-content table th.left {
    width: 29%;
    float: none !important;
    overflow: visible !important;
    display: table-cell !important;
}

#right .middle-content table .mid {
    text-align: center;
    width: 16%;
}

#right .middle-content table th.right {
    width: 39%;
    float: none !important;
    overflow: visible !important;
    display: table-cell !important;
}

#right .middle-content table.five-columns th.left {
    width: 23%;
}

#right .middle-content table.five-columns .mid {
    width: 14%;
}

#right .middle-content table.five-columns th.right {
    width: 35%;
}

/*June 22nd, 2010 edit*/
#right #middle-tabs {
    z-index: 200;
    left: 0px;
    padding-left: 5px;
    width: 515px;
    height: 53px;
    font-size: 85%;
    display: inline-block;
}

/*June 22nd, 2010 edit*/
#right .two-column-content-container #middle-tabs {
    width: 715px;
}

/*June 22nd, 2010 edit*/
#right #middle-tabs .first-tab, #right #middle-tabs .second-tab {
    float: left;
    height: 19px;
    padding: 15px 15px;
    width: 131px;
    text-align: center;
    position: relative;
}

/*June 22nd, 2010 edit*/
#right #middle-tabs a.middle-tab-link {
    display: block;
    font-size: 14px;
    height: 30px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 161px;
    padding-top: 10px;
}

/*June 22nd, 2010 edit*/
#right #middle-tabs a.middle-tab-link:hover {
    text-decoration: none;
}

#middle-tabs .expand-collapse-controls {
    margin-top: 15px;
}

#middle-tabs .expand-collapse-controls a {
    font-size: 90%;
    margin: 10px 0 0 5px;
}

#middle-tabs .expand-collapse-controls img {
    margin-right: 5px;
}

.middle .middle-content-section, .middle .middle-content-section-gray {
    padding: 10px 15px 15px 20px;
    position: relative;
    margin: 0 auto 0 5px;
    width: 474px;
    overflow: hidden;
}

.middle-content-section:first-child {
    padding-top: 1px !important;
}

.middle .middle-content-section #travelplanner .small-btn-green, .middle-content.free-catalog .small-btn-red {
    margin: 5px 0 0 10px;
}

.middle .middle-content-section #travelplanner .btn-wrapL {
    margin-right: 15px;
}

.middle .middle-content-section #travelplanner .last {
    margin-right: 0;
}

.middle .middle-content-section .reservation {
    border-bottom: 2px solid #ebeadf;
    padding-bottom: 35px;
    margin-bottom: 10px;
}

.middle-content.booked .right-left {
    margin-top: -45px;
    padding-top: 50px;
}

.middle-content.booked .right-right {
    margin-top: -40px;
    width: 174px !important;
    text-align: left !important;
    position: relative;
}

.middle-content .invoice .right-right {
    margin-top: 0px;
}

.middle-content.booked .right-right ul {
    margin-top: 10px;
}

.middle-content.booked .countdown {
    margin: 0 0 10px 0;
    font-size: 75%;
    font-weight: bold;
    color: #7e0200;
}

.middle-content.booked .general-information p {
    padding: 5px 0;
    margin: 0;
    clear: both;
    color: #5f5f5f;
}

.middle-content.booked .general-information p span.title {
    display: block;
    float: left;
    display: inline;
    overflow: hidden;
    width: 110px;
    font-weight: bold;
}

.middle-content.booked .general-information p span.info {
    display: block;
    float: right;
    display: inline;
    overflow: hidden;
    width: 230px;
}

.middle .middle-content-section .reservation .reservation-date {
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    color: #7e0200;
    padding: 0 40px 10px 0;
}

.middle .middle-content-section .reservation.last {
    border-bottom: none;
    padding-bottom: 15px;
}

.middle .middle-content-section.last {
    overflow: hidden;
}

.middle .middle-content-section-gray {
    width: 474px;
    margin-left: 5px;
}

.middle .middle-content-section-gray h3 {
    margin-bottom: 10px;
    display: inline-block;
}

.middle .middle-content-section ul, #right .middle-content-section ol {
    padding-top: 5px;
}

#right .middle-content-section ol, #right .middle-content ol {
    margin-left: 30px;
    padding-left: 8px;
    line-height: 100%;
}

#right .middle-content-section ol li, #right .middle-content ol li {
    margin-bottom: 10px;
}

#right .middle-content-section ul li, #right-inner-container ul li, .myaccount ul li, .expandable-info #groupContentPostWhatsIncluded_0 ul li, .expandable-info #groupContentPreWhatsIncluded_0 ul li, .post li {
    border: 0 none;
    padding-left: 8px;
    line-height: 22px;
}

.middle .middle-content-section.recommendations p {
    margin: 0px;
}

.middle .middle-content-section-lesspadding {
    margin-left: 5px;
    padding: 15px 3px;

    width: 503px;
    text-align: center;
}

.middle .middle-content-section-morepadding {
    margin-left: 5px;
    padding: 15px 25px 15px 45px;
    position: relative;
    width: 439px;
}

.middle .middle-content-section .link-divider {
    float: left;
    padding: 20px 25px;
}

.middle .middle-content-section .link-divider.first {
    padding: 20px 25px 20px 0px;
}

.middle .middle-content-section .no-link-divider {
    padding: 15px 25px 0px 25px;
    border: none;
    overflow: hidden;
}

.middle p {
    line-height: 150%;
    margin: 10px 0 5px;
}

#right .arrows  h3 {
    padding-bottom: 0px !important;
    display: inline;
}

#right .arrows p, #right .section-heading.offset-arrow p {
    padding-left: 25px !important;
    margin-top: 3px;
}

.middle-content-section.show-hide p {
    padding-left: 35px !important;
    margin-top: 3px;
}

#right .arrows p, #right .section-heading {
    margin-top: 10px;
}

#right .section-heading h3 {
    display: inline-block;
}

#right .section-heading p {
    margin: 0px;
}

#right .section-heading .arrow-image {
    float: none;
    margin-bottom: -3px;
}

.middle .middle-content-section-morepadding h3 {
    padding-bottom: 10px;
}

.middle .middle-content-section-morepadding p {
    padding: 0px;
}

.middle .optional-tour {
    margin-top: 10px;
    padding-top: 10px;
    width: 468px;
}

.middle .optional-tour p {
    display: inline-block;
    margin-top: 5px;
}

.middle .optional-tour a {
    font-weight: bold;
    text-transform: uppercase;
}

.arrow-image {
    float: left;
    margin: 0 8px 0 -4px;
}

.middle-content-section-morepadding .arrow-image {
    float: left;
    margin: 0 15px 0 -10px;
}

#right .section .left {
    float: left;
    width: 137px;
    display: inline;
    overflow: hidden;
}

#right .section  #travelCompanion .left {
    width: 450px;
}

#right .section .right {
    float: right;
    width: 523px;
    display: inline;
}

#right .section  #travelCompanion .right {
    width: 220px;
    padding-top: 70px;
}

#right .section .welcomeMessage .left {
    width: 450px;
}

#right .section .welcomeMessage .right {
    float: left;
    padding-top: 70px;
    width: 220px;
}

#right .section .welcomeMessage a {
    display: block;
}

#right .section .right.width-smaller {
    width: 420px !important;
}

#right .section .right-left {
    float: left;
    width: 347px;
    padding-right: 10px;
    display: inline;
    overflow: hidden;
    position: relative;
}

#right .section .right-left.noborder {
    border-right: 0;
}

#right .section .right-right, .middle-content .invoice .right-right {
    float: right;
    width: 155px;
    display: inline;
    overflow: hidden;
    text-align: center;
}

#right .section .right-right .stars {
    margin-top: 0px;
}

#right .section .result h3, #right .section .result h3 a {
    float: left;
    width: 100%;
}

#right .section .result .righttext h3 {
    float: none;
}

#right .section .result h3 span small {
    font-size: 75%;
    color: black;
    font-family: arial;
    text-transform: capitalize;
}

#right .section .result .leftpic {
    margin-top: 7px;
}

#right .section .result .leftpic p {
    display: none;
}

#right .section .result .right, .middle-content .invoice .right-right {
    width: 183px;
    padding: 0;
}

#right .section .result .right p {
    text-align: center;
    padding-bottom: 25px;
    margin: 0 20px;
}

#right .section .result .right p img {
    margin-bottom: 9px;
}

#right .section .result .right ul, .middle-content .invoice .right-right ul {
    margin: 10px 20px;
}

#right .section .result .right ul li, .booked .right ul li, #printPayment ul li {
    list-style: none;
    margin-left: 0;
    padding-top: 3px;
    padding-bottom: 6px;
}

#right .section .result .right ul li.last, .booked .right ul li.last {
    border-bottom: 0;
}

#right .section .result .right ul li a, .booked .right ul li a {
    padding-left: 15px;
    font-size: 100%;
    /*begin June 22nd, 2010 edit*/
    line-height: 130%;
    display: inline-block;
    /*end June 22nd, 2010 edit*/
}

#right .section .result .right ul li a.make-reservation {
    padding: 4px 0 5px 25px;
    display: block;
    font-size: 120%;
}

#right .section .result .left {
    width: 232px;
    padding-top: 0;
}

#right .section .result .left .dealReserve {
    margin-right: 10px;
}

#right .section .result .left p a {
    font-weight: normal;
}

/*begin June 22nd, 2010 edit*/
#right .right-right li.regional-weather p strong {
    line-height: 125%;
}

#right .right-right li.regional-weather img {
    width: 43px;
    height: 41px;
    float: left;
    margin: 20px 7px 25px 0;
    padding-bottom: 10px;
}

#right .right-right li.regional-weather a.weatherTip {
    background: none;
    display: block;
    padding-left: 0;
    width: 48px;
    float: left;
}

/*end June 22nd, 2010 edit*/

#right .middle-content .mtp-action {
    position: absolute;
    bottom: -50px;
    left: -1px;
    width: 317px;
    height: 53px;
}

#right .middle-content .mtp-action a {
    height: 24px;
    display: inline-block;
    float: left;
    margin-top: 11px;
    padding: 12px 0 0 0;
    cursor: pointer;
    overflow: hidden;
}

#right .middle-content .mtp-action a.move-up {
    width: 66px;
    margin-left: 5px;
    padding-left: 40px;
}

#right .middle-content .mtp-action a.move-down {
    width: 76px;
    padding-left: 31px;
}

#right .middle-content .mtp-action a.remove {
    width: 63px;
    padding-left: 36px;
}

.two-column-content-container.my-travel-planner {
    margin-bottom: 40px;
}

.middle .middle-content-section.recipes .left {
    float: left;
    width: 136px !important;
    display: inline;
    overflow: hidden;
}

.middle .middle-content-section.recipes .right {
    float: left;
    width: 320px !important;
    display: inline;
    overflow: hidden;
    margin-top: 10px;
}

.middle .middle-content-section.recipes .right p {
    padding-left: 26px;
}

.middle .middle-content-section .left {
    float: left;
    width: 105px;
}

.middle .middle-content-section p.left {
    float: left;
    padding-right: 5px;
    width: auto;
}

.middle .middle-content-section .right {
    float: left;
    width: 350px;
    padding-left: 10px;
    margin-left: 0px;
    position: relative;
    z-index: 100;
}

.middle .middle-content-section .arrow-right {
    float: right;
    margin: 15px 0 5px 0;
}

.middle .middle-content-section .arrow-right a {
    display: inline;
    font-size: 90%;
    font-weight: normal;
    margin: 5px 0 0 5px;
    vertical-align: top;
}

.section ul {
    margin: 20px;
}

.section ul li {
    margin: 4px 0 4px 20px;
    list-style: none;
}

/** Regstration styles**/
#myaccount-tabs .fourtab, #myaccount-tabs .twotab {
    width: 961px;
    height: 53px;
    margin: -5px 0 -5px 5px;
}

#myaccount-tabs .twotab {
    padding-bottom: 4px;
}

#myaccount-tabs .fourtab ul {
    margin-left: 80px;
}

#myaccount-tabs .twotab ul {
    margin-left: 277px;
}

#myaccount-tabs li {
    float: left;
}

#myaccount-tabs li, #myaccount-tabs a {
    text-decoration: none;
    cursor: default;
    width: 201px;
    height: 26px;
    padding-top: 15px;
    display: inline;
    z-index: 14;
    position: relative;
    float: left;
    text-align: center;
    text-transform: capitalize;
    font-family: georgia, "times new roman", times;
    font-size: 85%;
    font-weight: bold;
}

#myaccount-tabs li.select {
    padding-right: 2px;
    position: relative;
    margin-top: -3px;
    padding-top: 20px;
    height: 22px;
    padding-bottom: 5px;
    z-index: 0;
}

#myaccount-tabs li em {
    margin-right: 5px;
}

/**End Registration styles**/
.middle-content.myaccount #myaccount-left {
    width: 350px;
    padding-right: 27px;
    float: left;
    margin-top: 10px;
    display: inline;
    overflow: hidden;
}

.middle-content.myaccount #myaccount-left p {
    text-align: left;
}

.middle-content.myaccount #myaccount-left table {
    line-height: 120%;
    width: 100%;
    margin-top: 10px;
}

.middle-content.myaccount #myaccount-left table td {
    width: 100%;
}

.middle-content.myaccount #myaccount-left label {
    padding: 0;
    clear: none;
}

.middle-content.myaccount #myaccount-left input {
    clear: both;
    margin-top: 2px;
    float: left;
    display: inline;
    overflow: hidden;
    background: none;
    width: 10px;
}

.middle-content.myaccount #myaccount-left label {
    margin-bottom: 10px;
    width: 283px;
    float: left;
    display: inline;
    overflow: hidden;
    text-align: left;
    padding: 0 0 7px 5px;
}

.middle-content.myaccount #myaccount-left td label {
    font-size: 75%;
}

.middle-content.myaccount #myaccount-right {
    width: 420px;
    padding-left: 85px;
    float: left;
    margin-top: 10px;
    display: inline;
    overflow: hidden;
}

.middle-content.myaccount #myaccount-right label, .middle-content.myaccount .free-catalog .form-inputs label {
    text-align: left;
}

.middle-content.myaccount fieldset {
    border: 0;
    position: relative;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

.middle-content.myaccount label, .middle-content.myaccount .label {
    font-size: 75%;
    font-weight: bold;
    float: left;
    clear: left;
    width: 97px;
    padding: 9px 0;
    margin-left: 0;
    display: inline;
    overflow: hidden;
}

.middle-content.myaccount .survey label {
    float: none;
}

#right .two-column-content-container .middle-content.myaccount .survey table {
    width: 550px;
}

.one-column-content-container .myaccount.free-catalog table label {
    font-size: 75%;
}

.middle-content.myaccount .form-inputs .text-item {
    margin: 7px 0;
}

.middle-content.myaccount .form-inputs .text-item label {
    padding: 2px 0;
}

.middle-content.myaccount .form-inputs .text-item input {
    width: 20px;
}

.middle-content.myaccount table td.label {
    width: 170px;
    text-align: right;
    font-weight: bold;
}

.two-column-content-container .form-inputs {
    margin: 10px 0 0 80px;
}

.middle-content.myaccount .form-inputs label {
    text-align: right;
    margin-right: 10px;
    width: 130px;
}

.middle-content.myaccount.booking .form-inputs label {
}

.middle-content.myaccount.booking .form-inputs select {
    margin: 10px 0px;
}

.middle-content.myaccount.booking .form-inputs table tr td label {
    font-size: 12px;
    padding: 5px 0 0px;
    clear: none;
    text-align: left;
    vertical-align: top;
}

.middle-content.myaccount.booking .form-inputs table tr td .radio-button {
    vertical-align: top;
    float: left;
}

.middle-content.myaccount .form-inputs input {
    width: 211px;
    border: 0;
    padding: 4px 10px;
    margin: 5px 0;
}

.middle-content.myaccount .form-inputs input[disabled]
{
    color: #666;
}

.middle-content.myaccount input.short-phone, .middle-content.myaccount input.short {
    width: 48px !important;
}

#right input.radio-button, #content .one-column-content-container input.radio-button, #content .one-column-content-container input.check-box, #right input.check-box {
    width: 21px;
    background: none;
}

#content .one-column-content-container table#main_0_columnmiddle_0_rblTravelers td label {
    width: 90px;
}

.middle-content.free-catalog .radio-button {
    float: right;
}

.middle-content.myaccount select {
    margin: 7px 0;
}

.middle-content.myaccount .formleft {
    margin-right: 5px;
    vertical-align: middle;
    font-size: 75%;
    font-weight: bold;
    padding: 9px 0;
    display: inline-block;
}

.middle-content.myaccount input.short {
    border: 0;
    padding: 4px 10px;
    width: 43px !important;
    margin-right: 5px;
}

.middle-content.myaccount .required {
    clear: both;
    float: left;
    display: inline;
    overflow: hidden;
    position: static;
    width: 100%;
    color: Red;
}

.middle-content.myaccount .put-validation-message-next-to-control input + .required {
    display: inline-block;
    clear: none;
    float: none;
    width: auto;
    width: 215 px\9;
    vertical-align: bottom\9;
}

.middle-content.free-catalog .required {
    float: right;
    font-size: 75%;
    width: 100px;
    margin-right: 25px;
}

.middle-content.myaccount a.tooltip, .middle-content.myaccount legend {
    display: none;
}

.middle-content.myaccount .create-profile input.check-box {
    margin-top: 20px;
}

.middle-content.myaccount .create-profile table {
    border-bottom: 1px solid #E8E5D5;
}

#right .middle-content.myaccount .create-profile table td {
    float: left;
    border-bottom: none;
}

input.text-box-long {
    width: 268px;
    height: 24px;
    padding: 4px 5px 0;
}

.send-to-friend label {
    width: 154px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    color: #5f5f5f;
}

.send-to-friend textarea {
    border: 0px;
    width: 268px;
    height: 49px;
    padding: 5px;
}

.send-to-friend div {
    margin: 5px 0;
}

.send-to-friend div span {
    color: #333;
    float: right;
    font-size: 11px;
    margin-right: 40px;
}

.middle-content.myaccount #myaccount-right fieldset a.submit, #modal-container-inner.send-to-friend .submit {
    margin-right: 98px;
}

#modal-container-inner.send-to-friend .submit {
    border: 0px;
}

.middle-content.myaccount #myaccount-right fieldset a.submit span,
.middle-content.myaccount a.signin2 span {
    display: none;
}

.middle-content.myaccount #myaccount-right fieldset a.btn-ie span,
.middle-content.myaccount a.btn-ie span {
    display: block;
}

.middle-content.myaccount a.signin2 {
    display: block;
    width: 88px;
    height: 23px;
}

.middle-content.myaccount p.right.required {
    padding: 0 !important;
}

.two-column-content-container p.update {
    margin: 10px 0 0 270px;
}

.middle-content.myaccount #inbox-scroll {
    overflow: auto;
    height: 256px;
    width: 675px;
}

tr.new, tr.new a {
    font-weight: bold !important;
}

.middle-content.myaccount #inbox-scroll table tr td img {
    margin: 0 8px;
}

.two-column-content-container p.update a {
    float: left;
}

.myaccount-top {
    position: relative;
    top: -7px;
}

.middle-content.myaccount .left, .middle-content.myaccount .right {
    padding-top: 15px;
}

.middle-content.myaccount .section .right .links {
    width: 294px;
    float: right;
}

.middle-content.myaccount .section .right .links input {
    background: none;
}

.middle-content.myaccount .section.lower img {
    vertical-align: middle;
    margin-left: 20px;
}

.middle-content.myaccount .section.lower .register-sign-in {
    text-align: right;
}

.middle-content.myaccount .section.lower .register-sign-in p {
    width: 180px;
    float: left;
}

.middle-content.myaccount a.signin2 {
    margin-left: 10px;
}

.register-sign-in .btn-wrap a.btn {
    margin-left: 15px;
    padding: 0 15px;
}

.middle-content.booked .fullform .section .right {
    padding-right: 0px;
}

.middle-content.myaccount .section .right {
    padding-right: 35px;
}

.middle-content.myaccount .section .right input.input-box-long {
    border: 0;
    padding: 3px 8px;
    width: 277px;
    height: 21px;
    margin-left: 10px;
}

.middle-content.myaccount .section .right input.sign-in {
    color: #ffffff;
    background: transparent url(/images/structure/white-arrow.png) no-repeat scroll 83% 58%;
    border: 0;
    width: 88px;
    height: 21px;
    padding-bottom: 2px;
    padding-right: 10px;
    cursor: pointer;
    /*margin-top: 10px;*/
}

.middle-content.myaccount .section .right input.btn-sign-in {

    border: 0;
    cursor: pointer;
    margin-top: 10px;
    height: 23px;
    float: none;
}

.middle-content.myaccount table.mail {
    width: 665px !important;
}

.middle-content.myaccount table.mail tr td {
    padding-left: 15px !important;
}

.middle-content.myaccount .section #email-text {
    padding: 0px 7px;
    margin: 0px;
    width: 635px;
    min-height: 150px;
}

.middle-content.myaccount .section #email-text p {
    margin: 0px;
    padding-bottom: 5px;
}

.middle-content.myaccount .mail-message {
    width: 650px;
    margin: 0 auto;
}

.middle-content.myaccount .mail-message .upper-right img {
    margin: 10px 8px 0;
}

.middle-content.myaccount .upper-right a {
    display: inline-block;
    padding-bottom: 5px;
}

.middle-content.myaccount #email-text-container {
    margin-top: 10px;
}

.middle .middle-content-section .right p {
    margin: 0px 0 10px 0;
}

.middle-content-section .right .star {
    margin: 10px 10px 0 0;
}

.middle .upper-right img.star {
    margin-right: 3px;
}

.middle-noshadow-box-content {
    padding: 8px 15px;
    float: left;
    width: 480px;
}

.one-column .middle-noshadow-box-content {
    width: 681px;
}

.noshadow-box-content {
    padding: 8px 15px;
    float: left;
    width: 931px;
}

.noshadow-box-content p.quote {
    font-size: 100%;
    font-weight: bold;
    font-family: georgia, "times new roman", times;
}

.middle-noshadow-box-content p {
    margin: 0;
    font-size: 75%;
}

.middle-noshadow-box-content .selector {
    margin: 0px 0px 10px;
}

.middle-noshadow-box-content .selector strong {
    font-size: 75%;
}

.two-column-content-container {
    margin-left: -3px;
}

.two-column-content-container .middle-content {
    width: 680px;
    padding: 0 20px;
    position: relative;
}

.two-column-content-container .middle-content-top,
.two-column-content-container .middle-content-bottom {
    width: 720px;
    float: left;
}

.two-column-content-container .middle-content-top {
    margin-bottom: 10px;
}

.two-column-content-container .middle-content.short {
    width: 520px;
    padding: 0 10px 0 15px;
}

#right .content-with-border {
    margin-top: 15px;
    padding: 15px 0 0 5px;
}

#right .content-with-border .upper-right {
    top: 18px;
    right: 5px;
}

#right .content-with-border .red, .content-with-border .green {
    float: right;
    margin: 10px 0px;
}

#right .upper-right {
    position: absolute;
    top: 12px;
    right: 25px;
    font-size: 75%;
    font-weight: bold;
}

#right .upper-right a {
    font-size: 100%;
    text-decoration: none;
}

#right .upper-right a span {
    vertical-align: top;
}

#right .price-div {
    font-size: 75%;
    font-weight: bold;
    margin-left: 25px;
}

#right .upper-right a:hover span {
    text-decoration: underline;
}

#right .upper-right.top-table-header {
    right: 34px;
    margin-top: -15px;
}

.one-column-content-container .middle-content .section {
    margin-left: 5px;
    width: 921px;
}

.one-column-content-container .middle-content .section .left {
    float: left;
    width: 374px;
    padding-right: 10px;
}

.one-column-content-container .middle-content .section .right {
    float: right;
    width: 470px;
}

#right .upper-right h4 {
    float: left;
    padding: 0px 16px 5px;
    height: 14px;
}

/**Photo styles **/
#right  .left-photo-wrap .accommodations-photos {
    float: left;
    padding-right: 10px;
    text-align: center;
    width: 224px;
}

#right .left-photo-wrap .accommodations-photos p {
    text-align: center;
}

#right .left-photo-wrap .accommodations-photos span {
    margin: 10px 15px 0px;
}

#right .recommendations .left-photo-wrap {
    margin-top: 0px;
}

#right .right-text p {
    margin-left: 3px;
    float: left;
}

.middle .accommodations {
    /**width:230px;
    float:left;**/

}

#right .left-photo-wrap {
    float: left;
    margin: 0px 10px 0 -8px;
    display: inline;
}

#right .left-photo-wrap p {
    font-size: 75%;
}

#right .left-photo-wrap p.accommodations {
    overflow: visible;
    padding: 0px 0px 5px 10px;
}

/*End Photo Styles*/

.region-info {
    margin: 15px 0;
    padding: 5px 0;
}

.region-info p.label {
    float: left;
    clear: both;
    width: 100px;
    font-weight: bold;
}

.region-info p.info {
    float: left;
    width: 300px;
}

.middle #middle-bottom-content {
    margin: 10px 8px;
    width: 510px;
}

#middle-bottom-content h3 {
    margin-top: 15px;
}

#middle-bottom-content .related-info {
    overflow: hidden;
    padding: 15px 0 5px;
}

#middle-bottom-content .related-info h3 {
    float: left;
    font-size: 16px;
    margin-top: 0;
    padding: 0 0 12px;
    width: 150px;
}

#middle-bottom-content .related-info a {
    padding: 0 0 10px 20px;
    float: left;
    text-align: right;
    width: 140px;
    font-weight: bold;
}

#middle-bottom-content .related-info .links {
    float: right;
    width: 340px;
}

.middle #middle-bottom-content .related-info p {
    margin: -2px 0 5px 20px;
    font-weight: bold;
}

.highlighted {
    padding: 0 0 3px 25px;
    margin: 15px 0;
}

.section-update {
    width: 212px;
    float: left;
    padding: 10px 5px;
    text-align: center;
    display: inline;
    overflow: hidden;
}

.section-update img {
    margin-left: -17px;
}

.section-update.last {
    border-right: 0;
}

.section-update p, .section-update h3, .section-update .arrow-icon {
    text-align: left;
    display: block;
}

.recipe p.recipe-left {
    float: left;
    width: 250px;
}

.recipe p.recipe-right {
    float: right;
    width: 200px;
}

.board {
    width: 675px;
}

.board .post {
    position: relative;
    width: 100%;
    padding: 16px 0 10px;
}

.board .post .left {
    float: left;
    width: 120px !important;
    padding: 0 10px;
    display: inline;
    overflow: hidden;
}

.board .post .left .pic {
    text-align: center;
    padding-bottom: 8px;
}

.board .post .right {
    float: left;
    width: 500px !important;
    padding: 0 15px 50px 15px;
    display: inline;
    overflow: hidden;
}

.board .post .info .member-tag {
    float: left;
    display: inline-block;
}

.board .post .info .member {
    width: 67px;
    float: right;
    display: inline-block;
}

.board .post .recommended {
    position: absolute;
    bottom: 10px;
    right: 0;
    font-size: 120%;
    margin-top: -10px;
}

.board-bottom {
    margin-top: 5px;
    padding-top: 15px;
}

.board-bottom a {
    font-weight: bold;
}

.board-bottom .right {
    float: right;
    margin-top: -3px;
    text-align: right;
    width: 300px !important;
}

.board-bottom .right img {
    vertical-align: middle;
    margin-left: 5px;
}

.board-bottom .left {
    float: left;
    padding-top: 8px;
    width: 140px !important;
}

.three-tabs {
    display: inline-block;
    height: 54px;
    margin-top: 5px;
    overflow: hidden;
    width: 519px;
}

.three-tabs div {
    float: left;
    height: 48px;
    position: relative;
}

.three-tabs  a.link {
    font-size: 90%;
    text-align: left;
    font-weight: normal;
    padding-top: 0px;

}

/**.three-tabs .tab-off, .three-tabs .tab-on{
padding-top:9px;
height:40px;
}**/

.three-tabs .tab-off, .three-tabs .tab-on {
    padding: 10px 0 0 0px;
    width: 96px;
    height: 38px;
    font-weight: normal !important;
    padding-left: 21px;
    font-size: 90%;
}

.tab-off {
    cursor: default;
    display: block;
    color: #333333 !important;
}

.tab-on {
    font-weight: bold;
}

.four-tabs .tab-off, .four-tabs .tab-on {
    font-size: 80%;
}

.three-tabs .tab-previous {
    float: left;
    overflow: hidden;
}

.three-tabs .tab-next {
    float: left;
}

.three-tabs .tab-previous a, .three-tabs .tab-next a {
    float: left;
}

.three-tabs .tab-previous img {
    float: left;
    margin: 4px 3px 0 0;
}

.three-tabs .tab-next img {
    margin: 4px 10px 0 0;
}

.three-tabs a.link {
    text-align: left !important;
}

.three-tabs .tab-previous a.link, .three-tabs .tab-next a.link {
    display: inline-block;
    height: 40px;
    padding-top: 18px;
}

.three-tabs .tab-next a.link {
    padding-left: 10px;
    width: 55px;
}

.three-tabs .tab-previous a.link {
    padding-left: 15px;
    width: 81px;
}

.four-tabs {
    display: inline-block;
    height: 54px;
    margin-top: 5px;
    overflow: hidden;
    width: 519px;
}

.four-tabs div {
    float: left;
    height: 48px;
    position: relative;
}

.four-tabs  a.link {
    font-size: 13px;
    font-weight: normal;
    padding-top: 0px;
}

.four-tabs .tab-off, .four-tabs .tab-on {
    width: 91px;
    padding-top: 12px;
    height: 40px;
}

.four-tabs .tab-off, .four-tabs .tab-on {
    display: inline-block;
    font-weight: normal !important;
    height: 40px;
    left: 0;
    text-align: center;
    width: 91px;
}

.four-tabs .tab-previous a.link, .four-tabs .tab-next a.link {
    display: inline-block;
    height: 40px;

    padding-top: 18px;
}

.four-tabs .tab-next a.link {
    width: 50px;
}

.four-tabs .tab-previous a.link {
    padding-left: 15px;
    width: 77px;
}

.four-tabs .tab-previous {
    float: left;
    overflow: hidden;
}

.four-tabs .tab-next {
    float: left;
    padding-left: 2px;
    width: 57px;
}

.four-tabs .tab-previous, .four-tabs .tab-next {

}

.four-tabs .tab-previous a, .four-tabs .tab-next a {
    float: left;
    padding-left: 8px;
}

.four-tabs .tab-previous img {
    float: left;
    margin: 4px 0px 0 0;
}

.four-tabs .tab-next img {
    margin: 4px 10px 0 0;
}

.expandable-info {
    margin-top: 10px;
}

.expandable-info .show-hide-div {
    padding-top: 10px;
}

/*keyword search*/

#keyword-search {
    width: 222px;
    display: inline-block;
    margin-top: -10px;
    padding-top: 20px;
}

#keyword-search input.searchbox {
    border: 0 none;
    display: inline-block;
    float: left;
    height: 20px;
    margin: 0 0 0 8px;
    padding: 3px 10px 0;
    position: relative;
    width: 107px;
}

#keyword-search input.keyword-search-btn {
    border: medium none;
    height: 25px;
    width: 77px;
    float: left;
}

#keyword-search a.btn-keyword {
    width: 76px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    color: #ffffff;
}

#keyword-search a.btn-keyword:hover {
    text-decoration: none;
}

#keyword-search a {
    float: left;
    display: inline-block;
    margin: 0 0 0 -2px;
}

.page-links {
    float: right;
    font-weight: bold;
    font-size: 80%;
    margin-right: 1.5%;
}

.page-links a {
    margin: 0px 4px;
}

label.datepicker {
    font-size: 80%;
    margin: 0;
    padding: 3px 3px 3px 0;
}

/** Form Styles **/

.middle .middle-content-section-morepadding input {
    left: 15px;
    position: absolute;
    top: 30px;
}

.checkbox {
    overflow: hidden;
    margin-top: 15px;
}

.checkbox input, .checkbox img {
    float: left;
    margin: 0px 10px 5px 5px;
}

.middle .checkboxes p {
    margin: 0 0 5px;
}

/*Form Style for Dates and Prices*/

.dates-prices-form input {
    margin-left: 0px;
    vertical-align: bottom;
}

.date-option-column {
    float: left;
    width: 118px;
    overflow: hidden;
}

.date-option {
    margin: 2px 0px 12px;
    height: 21px;
    font-size: 75%;
}

.date-option label {
    font-size: 100%;
}

.option {
    float: left;
    margin: 5px 17px 10px 0px;
}

.trip-option.last {
    margin-right: 0px;
}

/**/

/* End Form Styles */

/**Callouts**/
#callout-container {
    width: 191px;
    margin-left: 10px;
    float: right;
    margin-top: 5px;
    display: inline;
}

.callout-box-shadow {
    margin-top: -7px;
    position: relative;
}

.callout-box-shadow .club {
    text-align: center;
}

.callout-box-shadow .club .trip-number {
    font-size: 180%;
    font-family: georgia, "times new roman", times;
}

.callout-box-noshadow {
    margin: 0px 0 10px;
}

.callout-box-noshadow-content, .callout-box-shadow-content {
    padding-left: 10px;
}

.callout-box-shadow-content p {
    padding: 10px 8px;
    margin: 0px;
}

.callout-box-shadow-content .summary-subtotal {
    margin-left: 10px;
}

.callout-box-noshadow-content-top,
.callout-box-noshadow-content-bottom {
    width: 186px;
}

.callout-box-noshadow-content-top {
    margin-bottom: 10px;
}

.callout-box-noshadow-content {
    width: 176px;
}

.callout-box-shadow-content {
    width: 181px;
}

.callout-box-noshadow-content ul li {
    padding: 10px 10px;
    margin-right: 10px;
    font-weight: bold;
}

.callout-box-noshadow-content ul li.highlight {
    border-top: 0px;
    font-weight: bold;
    padding-left: 25px;
}

.callout-box-noshadow-content ul li.highlight a {
    font-size: 90%;
    padding-left: 10px;
}

.callout-box-shadow-content div {
    padding-bottom: 3px;
    margin-bottom: 5px;
    width: 170px;
}

.callout-box-shadow-content div.last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.trip-leader-callout {
    width: 174px;
    overflow: hidden;
    position: relative;
}

.trip-leader-callout a.callout-link {
    width: 174px;
    display: block;
    overflow: hidden;
}

.trip-leader-callout span {
    float: right;
}

.trip-leader-callout span img {
    margin: 5px 0 0 0;
    float: left;
}

.trip-leader-callout span p {
    margin: 0;
    float: left;
}

.trip-leader-callout a:hover {
    text-decoration: none;
}

.trip-leader-callout a:hover p {
    text-decoration: underline;
}

/**These hover styles fix it so the image is not underlined on hover,  **/

.trip-leader-callout span {
    font-weight: bold;
    font-size: 12px;
    margin-top: 3px;
    display: inline;
}

body a:hover img {
    text-decoration: none;
}

.trip-leader-callout .title {
    position: relative;
    z-index: 100;
}

.left-call {
    margin: 10px 0;
}

.left-call img {
    float: left;
}

.left-call .left-call-middle {
    float: left;
}

.left-call .left-call-content {
    width: 176px;
    margin: 0 4px 0 5px;
    padding: 0 22px;
    text-align: center;
}

.left-call .left-call-content p {
    margin: 0;
    padding: 10px 0 5px 0;
    text-align: left;
}

.left-call .left-call-content img {
    float: none;
}

.left-call .left-call-content h3 {
    text-align: left;
    display: block;
    padding: 5px 0 10px 0;
}

.simple-left-call {
    width: 161px;
    margin-left: 25px;
    padding: 15px 0 15px 15px;
}

.simple-left-call.last {
    border-bottom: 0;
    background: none !important;
}

.simple-left-call a {
    margin: 5px 0 0 20px;
    display: block;
    font-weight: bold;
    width: 165px;
}

.simple-left-call a img {
    margin: 0 0 0 -20px;
    width: auto;
}

#callout-container h3 {
    padding-top: 10px;
}

#callout-container ul {
    padding-bottom: 5px;
    width: 93%;
}

#callout-container ul li {
    padding: 8px 0 8px 15px;
    line-height: 140%;
    font-size: 100%;
}

#callout-container ul li a {
    font-size: 75%;
}

#callout-container ul li.highlight {
    padding: 6px 0 8px 15px;
}

#callout-container ul li.last {
    border-bottom: 0;
}

#callout-container ul.topics li a {
    font-weight: bold;
}

#callout-container ul.recent-posts li, ul.archives li {
    line-height: 100% !important;
}

#callout-container ul.recent-posts li a .comments {
    font-weight: normal;
}

#callout-container ul.archives ul {
    padding-bottom: 0;
}

#callout-container ul.archives ul li {
    background: none;
    border: 0 !important;
    padding: 3px 0 3px 15px !important;
}

#callout-container ul.archives ul li a {
    font-weight: normal;
}

/*End Callouts*/

/**Left Nav**/
.left-nav ul {
    list-style: none;
}

.left-nav ul li {
    font-size: 100%;
    width: 190px;
}

.left-nav ul li.last, #top-nav ul li .nav-dropdown ul li.last, #top-nav ul li ul li .dropdown-items a.last {
    border-bottom: none;
}

#left .left-nav ul li a {
    font-size: 75%;
    font-weight: bold;
    margin: 10px 0px;
    display: inline-block;
}

#left .left-nav ul li a:hover {
    text-decoration: none;
}

#left .left-nav ul li ul {
    padding: 0 0 7px 7px;
    margin-top: -7px;
}

#left .left-nav ul li ul li {
    border: 0px;
    font-size: 75%;
    overflow: hidden;
}

#left .left-nav ul li ul li a {
    background: none;
    font-weight: bold;
    font-size: 100%;
    margin: 3px 0px;
    padding-left: 10px;
}

#left .left-nav ul li ul li a.sub-action {
    float: left;
}

#left .left-nav ul li ul li a.remove {
    float: right;
    margin-right: 10px;
}

#left .left-nav ul li ul li a.selected, #left .left-nav ul li ul li a:hover {
    font-weight: bold;
    background: none;
}

#left .left-nav ul li ul li ul {
    margin: 1px 0;
    font-size: 130%;
    padding: 0 0 4px 10px;
}

#left .left-nav ul li ul li ul li {
    margin-left: 7px;
    width: 163px;
}

#left .left-nav ul li ul li ul li a {
    background: none;
    width: 100%;
}

#left .left-nav ul li ul li ul li a .what {
    float: left;
    width: 100px;
}

#left .left-nav ul li ul li ul li a .remove {
    float: right;
}

#left .left-nav ul li ul li ul li ul li {
    width: 150px;
    margin-left: 3px;
}

#left .left-nav ul li ul li ul li ul li a {
    font-size: 12px;
}

#left #find-box {
    margin: 15px 0 10px 5px;
}

#left .header {
    height: 48px;
    margin: 0 0 0px -5px;
    z-index: 50;
    position: relative;
    width: 232px;
}

#left .header a, #left .header h5 {
    padding: 15px 25px;
    display: block;
}

#left #find-box  #find-box-container,
#left #find-box  .find-box-container-bottom {
    width: 222px;
}

#left #find-box  #find-box-container ul {
    padding-left: 20px;
}

#left #find-box  #find-box-container ul li ul {
    padding-left: 15px;
}

#left #find-box  #find-box-container #TripType span li {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

#left #find-box  #find-box-container #TripType span ul {
    padding-bottom: 0px;
}

#left #find-box.closed {
    width: 230px;
    height: 47px;
    margin: 0 0px 5px 5px;
}

/*End Left Nav*/

/** Footer**/
#footer {
    margin: 20px 0 20px;
}

#footer #footer-links {
    padding: 3px 0 5px;
    overflow: hidden;
    height: 20px;
}

#footer #footer-links div {
    float: left;
    display: inline;
}

#footer #footer-links a {
    margin: 5px;
}

#footer #share-icons {
    float: right;
    font-size: 75%;
    display: inline;
}

#footer #share-icons img {
    margin: 0 0 -5px 5px;
    display: inline-block;
}

#footer .company-links {
    font-size: 75%;
    margin-top: 10px;
    clear: both;
}

#footer .company-links span {
    font-weight: bold;
}

#footer .company-links a {
    font-size: 100%;
}

/* End Footer */

.centered {
    text-align: center;
    margin-left: 15px;
}

.float-right {
    float: right;
}

#yafpage_posts .float-right {
    float: right;
    width: 230px;
    height: 48px;
}

.float-left {
    float: left;
    margin-right: 10px;
}

.clear {
    clear: both;
    display: block;
}

.align-top-5px {
    margin-top: 5px;
    float: left;
}

.align-top-5px select {
    margin: 3px 30px 0 0;
}

.last span.red {
    margin-top: 8px;
    display: inline-block;
}

.last td span.red {
    margin-top: 0px;
    display: inline-block;
}

span.red {
    font-weight: bold;
    font-size: 13px;
}

span.red a {
    font-size: 12px;
    margin: 0px 20px 0px 3px;
}

.callout-box-shadow-content span.red a {
    font-size: 12px;
    margin: 0 5px;
}

.top-link {
    height: 23px;
}

.top-link a {
    font-size: 80%;
    font-weight: bold;
    margin-right: 5px;
    float: left;
    margin-top: 5px;
}

.top-link img {
    vertical-align: middle;
    margin-left: 30px;
    padding-bottom: 2px;
}

.top-link .btn {
    margin: 0;
}

.top-link .btn img {
    padding: 0;
    margin: 0;
}

.top-link-left {
    margin-top: 2px;
    display: block;
}

.top-link-left a {
    font-size: 80%;
    font-weight: bold;
    margin-right: 5px;
}

.toggle-up {
    padding-left: 18px;
    display: block;
    padding-bottom: 2px;
    margin-top: -5px;
}

.toggle-down {
    padding-left: 18px;
    display: block;
    padding-bottom: 2px;
    margin-top: -5px;
}

.tags a {
    font-weight: normal;
}

table.comments {
    margin-top: 20px;
    width: 100%;
}

table.comments .face {
    width: 10%;
    padding: 8px 5px 8px 10px !important;
}

table.comments .info {
    width: 45%;
}

table.comments .date {
    width: 45%;
    text-align: right;
    padding-bottom: 25px !important;
}

table.comments .intro td {
    border-bottom: 0 !important;
    padding-bottom: 2px !important;
}

table.comments div {
    text-align: right;
    margin-top: -20px;
    position: absolute;
    right: 25px;
}

table.comments .abuse td {
    height: 0;
    padding: 0 !important;
    border: 0 !important;
}

.log-in {
    margin-top: 50px;
}

.log-in .button {
    margin-top: 2px !important;
    float: right;
}

.middle-align {
    vertical-align: middle;
    margin-left: 15px;
}

.middle-content .section {
    width: 670px;
    margin-left: -15px;
    padding: 10px 20px 15px 20px;
    position: relative;
    overflow: hidden;
}

.middle-content .section .indented {
    float: left;
    margin: 3px 15px 0 91px;
}

.middle-content .section.last, .right-inner-section.last {
    padding-bottom: 5px;
}

.note {
    padding-left: 5px;
    padding-top: 10px;
}

.note p {
    display: inline;
}

.indent {
    padding-left: 20px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.edit-pi {
    float: right;
    margin-top: -20px;
    color: #5f5f5f;
}

.header-leftovers {
    padding: 0 12px;
}

.header-leftovers strong {
    font-size: 160%;
    font-family: georgia, "times new roman", times;
}

.gcf-blurb a {
    font-weight: bold;
    text-decoration: underline;
}

.left-of-button {
    float: left;
    width: 290px;
}

/** Community forms styles**/
.post select {
    margin: 5px;
}

input#main_0_forum_0_forum_ctl01_btnSearch, input#main_0_forum_0_forum_ctl01_PostReply {
    height: 23px;
    text-align: center;
    color: #fff;
    border: 0px;
    font-weight: bold;
}

input#main_0_forum_0_forum_ctl01_btnSearch {
    width: 89px;
}

input#main_0_forum_0_forum_ctl01_PostReply {
    width: 120px;
}

.survey input#main_0_columnmiddle_0_btnSubmit {
    width: 92px;
    height: 23px;
    background: none;
    margin-top: 10px;
}

a.pbutton {
    font-weight: bold;
}

/**/

/** Free Catalog **/
.checked {
    padding-left: 20px;
    margin-left: 35px;
}

.additional-trip-container {
    width: 810px;
    margin: 0 auto;
}

.additional-trip-select {
    margin: 20px;
    overflow: hidden;
    float: left;
    display: inline;
}

.one-column-content-container .middle-content.free-catalog .left {
    width: 390px;
    padding-left: 20px;

}

.one-column-content-container .middle-content.free-catalog .left .form-inputs {
    float: right;
    margin-left: 20px;
}

.one-column-content-container .middle-content.free-catalog .right {
    width: 400px;
}

.middle-content.free-catalog .form-inputs label {
    text-align: left;

}

.middle-content.free-catalog .left .form-inputs label {
    width: 80px;
}

.middle-content.free-catalog .right .form-inputs label {
    width: 100px;
}

.middle-content.free-catalog .additional-trip-container label {
    width: 160px;
}

.one-column-content-container .middle-content.free-catalog .trip-select-checkbox {
    clear: both;
}

.one-column-content-container .middle-content.free-catalog .trip-select-checkbox input {
    float: left;
    display: inline;
    background: none;
}

.one-column-content-container .middle-content.free-catalog .trip-select-checkbox label {
    float: left;
    width: 200px;
    display: inline;
    clear: none;
    padding: 0px 0 0 10px;
}

.middle-content.myaccount .form-inputs .subscribe {
    margin: 0 0 10px 110px;
    overflow: hidden;
}

.middle-content.myaccount .form-inputs .subscribe input {
    width: 14px;
    float: left;
    background: none;
}

.middle-content.myaccount .form-inputs .subscribe label {
    width: 250px;
    float: left;
    clear: none;
    padding: 5px 0 0 10px;
}

/** Dates and Prices Styles - Cabins page **/

.photos #photo-container {
    overflow: hidden;
    margin: 10px 0px;
}

.photos #photo-container #layout, .photos #photo-container #cabin, .photos #photo-container #enlarge {
    width: 150px;
    float: left;
}

/** End Dates and Prices Cabin styles **/

/** Ways to Save styles **/
.middle-content-section span.new {
    padding-left: 7px;
    color: #fff;
    font-weight: bold;
    width: 35px;
    height: 19px;
    display: inline-block;
}

.middle-content-section div.quote {
    background-color: #f6efe4;
    border-top: 1px solid #b3b58e;
    border-bottom: 1px solid #b3b58e;
    padding: 10px 25px;
    margin-top: 15px;
}

/** End Ways to Save prices **/

/** Styles for Travel Companions Control **/
div.clear {
    clear: both
}

div.header h3 {
    margin-bottom: 15px;
    width: 500px;
}

#searchContainer {
    float: left;
    width: 650px;
}

#searchContainer .float-right {
    float: right;
    height: 30px;
    position: relative;
    top: -8px;
    width: 190px;
}

#searchContainer .clear {
    clear: both
}

#searchContainer .align-right {
    text-align: right;
}

#searchContainer .block {
    font-size: 82.5%;
    float: left;
    height: 30px;
    padding-right: 10px;
    width: 85px;
}

#searchContainer div.radio {
    font-size: 112%;
}

#searchContainer .tooltip0cc img {
    position: relative;
    top: 3px;
}

#searchContainer .standard-btn-red {
    clear: both;
    margin-top: 0px;
}

#searchContainer .standard-btn-red .button-text {
    color: #fff;
    height: 20px;
    line-height: 20px;
    padding-left: 35px;
    width: 110px;
}

#searchContainer .keyword-search {
    position: relative;
    top: -12px;
    width: 220px;
}

#searchContainer .keyword-search input {
    width: 150px;
}

#searchContainer .keyword-search span {
    font-size: 82%
}

#results-header {
    clear: both;
    float: left;
    height: 25px;
    margin: 15px 0 0 0;
    padding: 0;
}

#right .searchResult {
    padding: 20px 20px 5px;
}

#right .searchResult .left, .searchResult .right ul.action-nav {
    margin-top: 10px;
}

#right .searchResult .right {
    width: 530px;
    margin-bottom: 10px;
}

.searchResult .right ul.action-nav {
    float: right;
    width: 195px;
    margin: 0px 20px 20px 0;
}

.searchResult .right .travel-companion-info, .searchResult .right .content {
    width: 320px;
    display: inline;
}

.searchResult .right .travel-companion-info, .searchResult .right .content span.title {
    font-size: 80%;
}

.right .content span.title {
    display: block;
    padding-top: 10px;
}

.searchResult .right .travel-companion-info .title, .searchResult .right .content span.title {
    font-weight: bold;
    color: #5F5F5F;
    margin: 10px 0 5px;
}

.travel-companion-info .content {
    padding-bottom: 10px;
}

.searchResult .right #save-profile-button {
    margin-top: 25px;
}

.searchResult .right ul.action-nav li {
    line-height: 140%;
    padding: 8px 0 8px 15px;
    border-top: 1px solid #E0E0D0;
}

.searchResult .right ul.action-nav li.username {
    border-top: none;
}

/** End Companion Styles **/

/** Popup Loader Styles**/

body #fbContent {
    height: inherit;
}

/*body #fbContent div{padding: 0px!important; width:340px !important; height:75px !important;}*/
body #fbContent div {
    padding: 0px !important;
}

body #fbContent div.desclaimer, body #fbContent div.clearfix {
    height: 100% !important;
    width: 100% !important;
}

/** Misc Styles**/

.allow {
    font-size: 75%;
}

.sessionPageNav strong {
    font-size: 75%;
    float: left;
}

.sessionPageNav .pages .current {
    margin: 0px 5px;
}

table.results2 tr td {
    width: 250px;
}

a.tooltipOcc {
    width: 350px;
    text-decoration: none;
}

a.tooltipOcc:hover {
    text-decoration: none;
}

.trip-options a.tooltipOcc span {
    right: 0px;
}

.trip-options h5 a.tooltipOcc span {
    left: 20px;
    margin-top: 20px;
}

.myaccount a.tooltipOcc span {
    right: 30% !important;
}

a.tooltipSave span {
    left: 65px;
}

a.tooltipSave:hover {
    text-decoration: none;
}

a.tooltipSave:hover span p,
a.tooltipSave:hover span li {
    text-decoration: none !important;
}

a.tooltipOcc span {
    font-size: 12px !important;
    font-weight: normal;
}

#yafpage_forum .top-link {
    height: 32px;
}

#right .middle-content table td table td {
    border-bottom: none;
}

.paginator {
    clear: both;
    color: #333333;
    float: left;
    height: 20px;
    margin: 15px 0;
    padding: 0;
    width: 340px;
}

.paginator .prevnext {
    float: left;
    width: 310px;
}

.paginator .prevnext #main_0_columnmiddle_0_paging_lnkPrevious, .paginator .prevnext #main_0_columnmiddle_0_paging2_lnkPrevious {
    border-right: 2px solid;
    float: left;
    width: 80px;
}

.paginator .prevnext #main_0_columnmiddle_0_paging_lnkNext, .paginator .prevnext #main_0_columnmiddle_0_paging2_lnkNext {
    border-left: 2px solid;
    float: right;
    padding-left: 15px;
    width: 70px;
}

.paginator .pages {
    float: left;
    left: 80px;
    position: relative;
    top: -19px;
    width: 80px;
}

.paginator strong {
    float: left;
    font-size: 82%;
    font-weight: normal;
    left: 95px;
    position: relative;
    top: -16px;
    width: 50px;
}

input#main_0_columnmiddle_0_cbOptout {
    background: none;
}

.review-helpful {
    font-size: 80%;
    padding-top: 5px;
}

#pictureUpload {
    padding-bottom: 15px;
}

#pictureUpload p, #pictureUpload  .standard-btn-red {
    float: left;
}

.tiny, #main_0_columnmiddle_0_lblExample {
    font-size: 11px;
}

#main_0_columnmiddle_0_lblExample {
    display: block;
}

#content .one-column-content-container table tr td {
    padding: 0px 15px;
}

#content .one-column-content-container table tr td label {
    font-size: 75% !important;
    margin: 0px 10px 0 0;
    width: 130px;
}

#content .one-column-content-container .registration-rbl table tr td label {
    margin: -10px 10px 10px 0;
}

table.comments tr.abuse div {
    position: relative;
    top: -20px;
    padding: 10px;
    float: right;
    display: block;
    width: 100px;
    right: -5px;
}

#yafpage_topics .top-link a {
    margin-top: 0px;
}

#action-nav-p li .print-itinerary {
    float: right;
    clear: both;
}

.board .post .recommended.top-link-left {
    clear: both;
}

#right #middle-bottom-content a.link span {
    display: inline-block;
    width: 290px;
}

.trip-extensions .guarunteed {
    position: relative;
    top: 5px
}

.guaranteed {
    position: relative;
    top: 10px;
    font-size: 11px;
}

.two-column-content-container .options_container .special-btn-red {
    clear: both;
}

/** End Misc Styles **/
/** Travel Companions Styles**/
#favorites-container {
    height: 100px;
    border: 1px solid #DFDBD3;
    padding: 10px;
    margin-top: 15px;
    overflow: hidden;
    background-color: #f9f2e6;
    clear: both;
    display: block;
}

#fav-photo, #fav-description {
    float: left;
}

#fav-description {
    margin: 0px 10px;
}

#fav-delete {
    float: right;
}

.traveler a {
    font-size: 100%;
    font-family: georgia, 'times new roman';
}

.address {
    font-size: 75%;
}

#fav-delete .section ul.action-nav {
    border-top: 1px solid #fff;
    margin: 5px;
}

#fav-delete .section ul.action-nav li {
    padding: 8px 20px 0px 20px;
    border-bottom: 1px solid #fff;
    margin: 0px;
    height: 25px;
}

/**Change filepaths for these backgrounds once the correct images are on the server**/
.action-nav li .introduce {
    padding: 8px 25px;
    background: url('/images/message-icon.gif') 0px 8px no-repeat;
}

.action-nav li .delete {
    padding: 8px 25px;
    background: url('/images/delete-icon.gif') 0px 8px no-repeat;
}

#travelCompanion .clearfix {
    clear: both;
}

/** My Account Payment **/

#right .myaccount .reservations-summary .right {
    width: 517px;
}

#right .myaccount .reservations-summary .right-left {
    width: 310px;
    margin-top: 0px;
    padding: 0px;
}

#right .myaccount .reservations-summary .right-right {
    width: 165px !important;
    padding-top: 15px;
}

#right .myaccount .reservations-summary .right {
    padding-top: 0px;
}

#right .myaccount .reservations-summary .right {
    width: 480px;
}

#right .myaccount .reservations-summary .general-information p span.info {
    width: 195px;
}

#total-box, #amount-due, .form {
    font-weight: bold;
}

#amount-due, #total-box, .label, .form {
    font-size: 75%;
}

td.tab_amount, td.tab_total, td.tab_total-total {
    text-align: right;
}

#AirItineraryIFrame {
    margin-left: 0px !important;
}

.two-column-content-container .options_container .special-btn-red, .two-column-content-container #faq .special-btn-red, .bottom-buttons .special-btn-red {
    float: left;
    margin: 5px 0 10px 0;
}

.bottom-buttons .special-btn-red {
    clear: both;
}

.middle-content.myaccount .formborder input {
    border: 0 none;
    margin: 5px 0;
    padding: 4px 10px;
    width: 211px;
}

.middle-content.myaccount .formborder .form-fields {
    padding: 4px 10px;
}

.middle-content.myaccount .formborder label {
    float: none;
}

.middle-content.myaccount .formborder .check-box {
    background: transparent none repeat scroll 0 0;
    width: 21px;
}

.middle-content.myaccount label, .middle-content.myaccount .label {
    width: 125px;
    color: #5F5F5F;
}

.middle-content.myaccount .formborder .row {
    clear: both;
}

.middle-content.myaccount .formborder .row .form-text {
    padding: 9px 0;
    font-size: 75%;
    font-weight: bold;
}

font.label {
    font-size: 12px !important;
    font-weight: bold;
}

.form-amountDue {
    font-size: 75%;
    padding-top: 10px;
}

.form-finalDue {
    display: block;
    font-size: 75%;
    font-weight: bold;
    clear: both;
    color: #5F5F5F;
}

#right .middle-content #terms th {
    font-size: 12px;
}

a#tpp {
    font-size: 11px;
}

.middle-content.myaccount .row .label {
    width: 135px;
    padding: 5px 0px;
}

.row span.radio-button {
    display: inline-block;
    height: 35px;
}

.row span.form-text {
    display: inline-block;
    padding: 5px 0;
}

.row-tpp .form {
    display: inline-block;
    padding: 9px 0;
}

.two-column-content-container ul#steps_circle {
    height: 56px;
    width: 540px;
}

.two-column-content-container ul#steps_circle li {
    float: left;
    width: 88px;
    text-align: center;
    padding: 10px 0 0 0px;
    font-size: 90%;
}

.two-column-content-container ul#steps_circle li em {
    margin-right: 5px;
}

.two-column-content-container .fourtab ul {
    padding-left: 180px;
}

.two-column-content-container .threetab ul {
    padding-left: 224px;
}

.two-column-content-container ul#steps_circle li.select {
    height: 46px;
}

#main_0_columnmiddle_0_DatesAndPricesContainer1_ucTripBuilder_ucExtensionsSelector_rptrPreExtensions_ctl00_PreDiv h4 {
    float: left;
}

#right .middle-content-section ul#pop_up li a {
    background: #fbf8f3;
}

.myaccount.middle-content .form-inputs .profile-radio-buttons label {
    float: none;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    width: 90px;
    padding-top: 5px;
}

.two-column-content-container #terms ul {
    padding-left: 25px !important;
    width: 30%;
}

.survey-radio-buttons td {
    text-align: center;
    padding-left: 0px !important;
    width: 80px;
}

div#printcert #certificate2 {
    display: none;
}

.myaccount .clearfix {
    clear: both;
}

/* Quick Select */
#quick-select {
    width: 222px;
    height: 232px;
    position: absolute;
    top: 102px;
    left: 30px;
    display: none;
}

#quick-select input {
    margin: 0px;
    padding: 0px;
}

#quick-select .block {
    border-bottom: #dbdbdb 1px solid;
    padding: 0px 3px 6px 3px;
    height: 40px;
}

#quick-select p {
    margin: 0 0 2px 0;
    padding: 0;
    color: #5f5f5f;
    font-weight: bold;
}

#quick-select label {
    color: #5f5f5f;
    font-weight: bold;
}

#quick-select select {
    width: 220px;
}

#quick-select img {
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

/* Upcoming Trips */
#right .upcoming-trips .section.top {
    border: none !important;
    padding-left: 10px;
    width: 680px;
    background: url("/images/oat/structure/section-gradient-bg.jpg") repeat-x scroll 0 bottom #FDFAF5;
}

#right .upcoming-trips .section {
    padding-left: 40px;
    width: 650px;
    background: none;
    border-top: 1px solid #e7e5d5;
}

#right .upcoming-trips:first-child .section {
    border: none;
}

#right .upcoming-trips .section a.arrow-icon {
    float: left;
    margin-left: -20px;
}

#right .upcoming-trips .section .right {
    width: 490px;
}

#right .upcoming-trips .section .right-left {
    width: 300px;
    border-right: none;
}

#right .upcoming-trips .section .right-right {
    width: 180px;
    text-align: right;
}

#right .upcoming-trips .section .red {
    font-size: 75%;
}

/** Requal Styles **/

.requalCheckBox {
    margin: 8px 0 0 5px
}

*+html .requalCheckBox {
    margin: 4px 0 0 5px
}

* html .requalCheckBox {
    margin: 4px 0 0 5px
}

.requalContent {
    float: left;
    width: 620px
}

.requalContent div.brand {
    float: right
}

/**/

/** Requal Styles **/

.reconfirm .radio-button {
    float: left !important;
}

.reconfirm td td {
    display: block;
    margin-bottom: 10px;
}

.middle-content .reconfirm label {
    float: none;
}

/***/

/*.travel-companion-tooltip{border: 2px solid black; display: none; width:300px !important; position: absolute; right:-40px; background-color: rgb(255, 255, 255);}*/

.travel-companion-tooltip {
    border: 2px solid rgb(223, 219, 211);
    display: none;
    position: absolute;
    color: rgb(51, 51, 51);
    width: 182px;
    background-color: rgb(255, 255, 255);
    z-index: 500;
    left: 10px;
    top: 0px;
}

.VA-referral-tooltip {
    border: 2px solid black;
    display: none;
    width: 350px !important;
    position: absolute;
    right: 20px;
    background-color: rgb(255, 255, 255);
}

/***/
#modal-container-inner .trip-details-top img.logo {
    display: block;
    width: 151px;
    height: 29px;
}

/*
begin June 22nd, 2010 edit

*/
#right .middle-content .ten-day-forecast h3 {
    font-weight: bold;
}

#right .middle-content .ten-day-forecast table td, #right .middle-content .ten-day-forecast table th {
    border-bottom: 0;
    text-align: center;
    vertical-align: middle;
}

#right .middle-content .ten-day-forecast table p {
    margin-top: 0;
}

#right .middle-content .ten-day-forecast table td {
    border-left: 1px solid #d7d7bf;
}

#right .middle-content .ten-day-forecast table th {
    font-weight: normal;
}

#right .middle-content .ten-day-forecast table th.forecast, #right .middle-content .ten-day-forecast table td.forecast {
    width: 60px;
    text-align: left;
}

#right .middle-content .ten-day-forecast table th.day, #right .middle-content .ten-day-forecast table td.day {
    width: 100px;
    text-align: left;
}

#right .middle-content .ten-day-forecast table th.hilow, #right .middle-content .ten-day-forecast table td.hilow {
    width: 100px;
    font-size: 95%;
}

#right .middle-content .ten-day-forecast table th.hilow {
    font-size: 75%;
}

#right .middle-content .ten-day-forecast table th.precipitation, #right .middle-content .ten-day-forecast table td.precipitation {
    width: 80px;
}

#right .middle-content .ten-day-forecast table th.humidity, #right .middle-content .ten-day-forecast table td.humidity {
    width: 80px;
}

#right .middle-content .ten-day-forecast table th.sun, #right .middle-content .ten-day-forecast table td.sun {
    width: 100px;
}

#right .middle-content .ten-day-forecast table td.forecast, #right .middle-content .ten-day-forecast table td.day {
    border-left: 0;
}

#right .middle-content .seasonal-forecast table {
    width: 450px;
    margin: 0 auto 10px;
}

#right .middle-content .seasonal-forecast table th,
#right .middle-content .seasonal-forecast table td {
    text-align: center;
}

#right .middle-content .seasonal-forecast h5.country {
    margin-left: 90px;
    padding: 10px 0px;
}

.road-with-alan .left {
    width: 524px !important;
    border: 0 !important;
}

.road-with-alan .right {
    width: 355px !important;
    padding-right: 15px !important;
}

.road-with-alan .right img {
    float: left;
}

.rwa-rounded {
    width: 492px;
    border-right: 1px solid #d6d6be;
    border-left: 1px solid #d6d6be;
    display: inline-block;
    padding: 0 15px;
    background: #f4f4ea;
}

/* ------------------------------ */
/* ---- Begin Travel Planner ---- */

/* ---- Begin Headers & Containers ---- */

#travelPlanner {
    margin-bottom: 20px;
}

#travelPlanner .leadText {
    width: 690px;
    padding-left: 10px;
}

#travelPlanner h1 {
    padding-top: 0;
    padding-bottom: 0;
}

#travelPlanner .leadText h1 {
    padding-left: 0;
}

.tp-header {
    padding: 0 0 0 10px;
    width: 700px;
    overflow: hidden;
    background: url('/images/structure/travelPlannerHeaderBG.png') left bottom repeat-x;
}

.tp-item, .tp-header {
    border-top: 1px solid #b0b0b0;
}

.topThreeHeader {
    border-top: none;
}

.tp-header p {
    color: #4f4f4f;
    text-shadow: 0 1px 0 #fff;
}

.otherDestinationsHeader {
    padding-top: 10px;
}

.otherDestinationsHeader h2 {
    font-size: 20px;
}

.lastUpdated {
    float: right;
    margin-top: 5px;
    font-style: italic;
    width: 375px;
    text-align: right;
}

.update-button {
    margin-right: 5px;
}

#travelPlanner .buttonArea {
    margin-right: 13px;
    background: url('/images/structure/box-shadow-top.png') center top no-repeat #eee;
    overflow: hidden;
    padding: 4px 4px 7px 0;
    border-bottom: 1px solid #b0b0b0;
}

#travelPlanner .tp-header .buttonArea {
    padding: 0 6px 0 0;
    margin-right: 0;
    background: transparent;
    float: right;
    border: 0;
    width: 500px;
}

#travelPlanner ul {
    overflow: hidden;
}

/* ---- End Headers & Containers ---- */

/* ----------------------------------- */
/* ---- Begin Travel Planner Item ---- */

.tp-item {
    clear: both;
    padding: 10px 0 10px 10px;
    width: 700px;
    background: url('/images/structure/box-shadow-top.png') center top no-repeat;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/structure/box-shadow-top.png', sizingMethod = 'crop') !important;
}

.tp-item:hover {
    background-color: #eee;
    cursor: url(/images/cursor/openhand.cur), default;
}

.tp-item.ui-sortable-helper:hover {
    cursor: url(/images/cursor/closedhand.cur), default;
}

.tp-item.ui-sortable-helper {
    background: url('/images/structure/half-transparent.png') left top transparent;
}

.tp-item.travelPlannerTop:hover {

}

.tp-item h3 {
    padding-top: 0;
    font-size: 16px;
}

.tp-item h3 span {
    font-style: italic;
    color: #5f5f5f;
    display: block;
    line-height: 26px;
    font-size: 14px;
}

/* ---- Begin Travel Planner Columns ---- */

.tp-column1 {
    width: 70px;
    float: left;
    padding-left: 0px;
    padding-right: 20px;
}

.tp-header .tp-column1 {
    padding-left: 0px;
    padding-right: 20px;
}

.tp-column2 {
    width: 300px;
    float: left;
}

.tp-column3 {
    width: 120px;
    float: left;
    text-align: center;
}

.tp-column4 {
    width: 120px;
    padding-left: 10px;
    float: left;
}

.tp-column5 {
    width: 50px;
    float: left;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}

.tp-item .tp-column3 {
    padding-top: 3px;
}

.tp-item .tp-column3 a {
    color: #5f5f5f;
}

.tp-item .tp-column3 p,
.tp-item p.tp-column4,
.tp-item p.tp-column5 {
    margin-top: 0;
}

.tp-item p.tp-column4 {
    font-weight: bold;
    font-size: 14px;
}

/* ---- End Travel Planner Columns ---- */

/* ---- Begin Expand/Collapse Buttons ---- */
.tp-content-control {
    padding: 0;
    clear: both;
}

.tp-content-control a {
    color: #5f5f5f;
    padding-left: 18px;
}

.tp-content-control .btn-expand {
    background: url('/images/OAT/structure/expand-icon.jpg') left center no-repeat;
}

.tp-content-control .btn-collapse {
    background: url('/images/OAT/structure/collapse-icon.jpg') left center no-repeat;
    display: none;
}

.expandByDefault .tp-content-control .btn-collapse {
    display: block;
}

.expandByDefault .tp-content-control .btn-expand {
    display: none;
}

/* ---- End Expand/Collapse Buttons ---- */

/* ---- Begin Expand/Collapse Content ---- */

.tp-content {
    display: none;
}

.expandByDefault .tp-content {
    display: block;
}

.tp-content-control, .tp-content {
    margin-left: 90px;
}

.tp-content .tp-destinations {
    width: 410px;
    float: left;
}

.tp-content .thumbnail {
    float: left;
    clear: left;
    padding-right: 20px;
    padding-top: 5px;
}

.tp-content .tpExtensions {
    float: left;
    width: 190px;
    padding-right: 90px;
}

.tp-content .tpExtensions h3 {
    padding-bottom: 5px;
}

.tp-content .tpExtensions p {
    margin: 0;
}

.tp-content .tp-content-right {
    padding-top: 10px;
    padding-right: 40px;
    width: 140px;
    float: right;
}

.tp-content .tp-content-right li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
}

.tp-content .tp-content-right li:last-child {
    border-bottom: none;
}

/* ---- End Expand/Collapse Content ---- */

/* ---- End Travel Planner Item ---- */
/* --------------------------------- */

/* ------------------------------------------------ */
/* ---- Begin Travel Planner Ranking Utilities ---- */

.tp-ranking {
    font-size: 18px;
    float: left;
    text-align: center;
    width: 20px;
    padding-right: 8px;
}

/* ---- Begin Move Up/Down Arrows ---- */

.tp-ranking a {
    font-size: 10px;
    display: block;
    line-height: 10px;
    width: 20px;
    height: 10px;
}

.tp-ranking a span {
    display: none;
}

/* ---- End Move Up/Down Arrows ---- */

/* ---- Begin Remove Button ---- */

a.tp-remove {
    background: url('/images/structure/button-remove-deselected.png') center center no-repeat;
    width: 100%;
    height: 22px;
    display: block;
    float: left;
}

a.tp-remove span {
    display: none;
}

a.tp-remove:hover {
    background: url('/images/structure/button-remove-selected.png') center center no-repeat;
}

/* ---- End Remove Button ---- */

/* ---- Begin Move To Top ---- */

.tp-moveToTop {
    display: block;
    float: left;
    padding-bottom: 14px;
    text-align: center;
    width: 35px;
    color: #5f5f5f;
    font-size: 10px;
    background: url('/images/structure/button-move-to-top-deselected.png') center bottom no-repeat;
    margin-top: 0;
}

.tp-moveToTop:hover {
    text-decoration: none;
    color: #9E0B0F;
    background: url('/images/structure/button-move-to-top-selected.png') center bottom no-repeat;
}

.tp-moveToTop {
    display: none;
}

/* ---- End Move To Top ---- */

/* ---- End Travel Planner Ranking Utilities ---- */
/* ---------------------------------------------- */

/* ---- ajax ---- */

.ui-sortable-placeholder {
    background-color: #444;
    visibility: visible;
}

#ajax-loading-container,
#ajax-blanket {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1500;
}

#ajax-blanket {
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 0);
    z-index: 1501;
}

#ajax-loading {
    background: url('/images/ajax-loader-radial.gif') center center no-repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1502;
}

.display-none {
    display: none;
}

.tp-ranking input[type="text"] {
    width: 20px;
}

/* ---- Begin Notifications & Messages ---- */

.tp-notification,
.tp-notification:hover {
    background: #d9f4ff;
    cursor: default;
    width: 700px;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #b0b0b0;
    border-top: 1px solid #b0b0b0;
}

.tp-notification p {
    margin: 0 0 0 90px;
    padding: 4px 0;
}

#travelPlanner .tp-message {
   background-color: #D9F4FF;
   border-top: 1px solid #B0B0B0;
   border-bottom: 1px solid #B0B0B0;
   padding: 15px 5px;
}

/* ---- End Notifications & Messages ---- */

/* ---- Begin Unavailable Trips Styles ---- */

.mac-home-tp .message,
.unavailable .tp-column2 {
    font-style: italic;
    color: #333;
}

.unavailable .tp-column2 {
    width: 550px;
    font-size: 16px;
}

.mac-home-tp .message,
.unavailable .tp-column2 .message {
    font-size: 12px;
    display: block;
    font-family: Arial, sans-serif;
}

.unavailable .tp-column3,
.unavailable .tp-column4,
.unavailable .tp-content,
.unavailable .tp-content-control {
    display: none;
}

/* ---- End Unavailable Trips Styles ---- */

/* ---- End Travel Planner ---- */
/* ---------------------------- */

input.spaced {
    margin-right: 22px;
}

.floated {
    float: left;
    width: 100px;
}

.splitter {
    border-bottom: 1px solid #d6d6be;
    width: 306px;
    margin: 10px 0 -3px;
    overflow: hidden;
    height: 3px;
}

.float-lefted {
    float: left;
}

p select {
    vertical-align: middle;
}

.cover {
    zoom: 1;
    text-align: left;
}

.cover:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.LMSSignInTripName {

}

.LMSSignInPrice {
    margin-left: 40px;
}

.SignInFooter {
    float: left;
    width: 380px;
}

.bold {
    font-weight: bold;
}

.vertical-space-30px {
    margin: 15px 0;
    display: block;
}

/* Top Navigation
------------------------------------------------------------------------------*/

#find-trips-submit span {
    z-index: auto; /*  */
}

/* eliminate overlapping layers in IE7 */
#content {
    position: relative;
    z-index: 1;
}

#top-nav-container {
    position: relative;
    z-index: 4;
}

#top-nav-container {
    z-index: 10;
}

.home #top-nav-container {
    height: 50px;
}

#top-nav ul li a {
    text-decoration: none;
}

#top-nav ul.nav-l1 {
    height: 41px;
    position: relative;
}

#top-nav ul.nav-l1,
#top-nav ul.nav-l1 li.selected,
#top-nav ul.nav-l1 li:hover {
    background-repeat: no-repeat;
}

#top-nav ul.nav-l1 li {
    font-size: 16px;
}

#top-nav ul.nav-l1 li li {
    font-size: 12px;
    font-weight: normal;
}

#top-nav ul.nav-l1 li {
    display: block;
    float: left;
    font-weight: bold;
    height: 41px;
    list-style: none;
    text-align: center;
}

#top-nav ul.nav-l1 li a {
    font-size: 100%;
    display: block;
    height: 100%;
    line-height: 41px;
    font-weight: normal;
}

/* mega-menus
------------------------------------------------------------------------------*/

#top-nav ul.nav-l2 {
    position: relative;
    z-index: 200;
    height: 450px;
}

#top-nav ul.nav-l2,
#top-nav ul.nav-l3,
#top-nav ul.nav-l4 {
    background-repeat: no-repeat;
    position: absolute;
}

#top-nav ul.nav-l3,
#top-nav ul.nav-l4 {
    height: 100%;
}

#top-nav ul.nav-l2,
#top-nav ul.nav-l2 a,
#top-nav ul.nav-l2 h3,
#top-nav ul.nav-l2 h4,
#top-nav ul.nav-l2 div,
#top-nav ul.nav-l2 p {
    font-family: Arial, san-serif;
}

#top-nav ul.nav-l2 li,
#top-nav ul.nav-l2 li a {
    font-size: 12px;
    height: auto;
    line-height: normal;
    text-align: left;
}

#top-nav ul.nav-l2 li:hover {
    background-image: none;
}

#top-nav ul.nav-l2 li {
    background: none;
}

#top-nav ul.nav-l4 {
    background-image: none;
}

#top-nav ul.nav-l3 li:hover > ul.nav-l4 > * {
    visibility: visible;
}

#top-nav ul.nav-l2,
#top-nav ul.nav-l3,
#top-nav ul.nav-l4 {
    display: none;
}

/* Remove this next rule if we ever want to go back to three-column menus */
#top-nav ul.nav-l3 li:hover ul.nav-l4,
#top-nav ul.nav-l3 li.hover ul.nav-l4 {
    display: none !important;
}

/* JS Enabled */
#top-nav ul.nav-l2 li.hover > ul {
    display: block;
}

/* CSS Fallback */
/* includes default to first menu options */
.nojs #top-nav ul.nav-l1 li:hover ul.nav-l2,
.nojs #top-nav ul.nav-l1 li ul.nav-l2 li:hover ul.nav-l3,
.nojs #top-nav ul.nav-l1 li:hover ul.nav-l2 li:first-child ul.nav-l3,
.nojs #top-nav ul.nav-l1 li:hover ul.nav-l3 li:hover ul.nav-l4 {
    display: block;
}

.nojs #top-nav ul.nav-l1 li ul.nav-l2:hover li:first-child ul.nav-l3 {
    display: none;
}

.nojs #top-nav ul.nav-l1 li:hover ul.nav-l2 li:first-child:hover ul.nav-l3,
.nojs #top-nav ul.nav-l1 li ul.nav-l2:hover li:hover ul.nav-l3 {
    display: block;
}

/* Link hover behavior */
#top-nav ul.nav-l1 > li:hover > a,
#top-nav ul.nav-l1 > li.hover > a,
.nojs #top-nav li:hover ul.nav-l2 > li:first-child > a, /* l2 first-child highlighting */
.nojs #top-nav li:hover ul.nav-l2:hover > li:hover > a, /* l2 selected item highlighting */
.nojs #top-nav li:hover ul.nav-l2:hover > li:first-child:hover > a, /* l2 selected first-child highlighting */
#top-nav ul.nav-l2 ul.nav-l3 .rtf p a, /* Learn More links */
#top-nav ul.nav-l2 li ul.nav-l3 li a:hover, /* default highlighting */
.nojs #top-nav ul.nav-l2 li:hover > a, /* highlighting of parent list item */
#top-nav li.hover > a {
    color: #9E0B0F;
}

.nojs #top-nav li:hover ul.nav-l2 li ul.nav-l3 > li:first-child > a, /* l3 first-child highlighting */
.nojs #top-nav li:hover ul.nav-l2 li ul.nav-l3:hover > li:hover > a, /* l3 selected item highlighting */
.nojs #top-nav li:hover ul.nav-l2 li ul.nav-l3:hover > li:first-child:hover > a, /* l3 selected first-child highlighting */
#top-nav ul.nav-l3 li.hover > a {
    color: #9E0B0F;
    background-color: #EFEBDF;
}

.nojs #top-nav li:hover ul.nav-l2:hover li:first-child > a, /* Undo l2 first-child highlighting */
.nojs #top-nav li:hover ul.nav-l2 li ul.nav-l3:hover > li:first-child > a, /* undo l3 first-child highlighting */
.nojs #top-nav li.hover ul.nav-l2 li ul.nav-l3.hover > li > a {
    color: #5F5F5F;
    background-color: transparent;
}

#top-nav ul.nav-l2 li {
    clear: left;
    display: block;
    float: left;
    width: 223px;
}

#top-nav ul.nav-l2 > li {
    width: 188px;
}

#top-nav ul.nav-l2 li a {
    line-height: 38px;
    margin-right: -17px;
    padding: 0 1em;
}

/* nav-l2 hover arrow styles */
#top-nav li ul.nav-l2 > li > a {
    background-image: url("/images/mega-menu/mega-arrow-background.png");
    background-repeat: no-repeat;
    background-color: transparent;
    zoom: 1;
}

.nojs #top-nav li ul.nav-l2 > li:hover > a,
.nojs #top-nav li ul.nav-l2 > li:first-child:hover a,
.nojs #top-nav li:hover ul.nav-l2 > li:first-child > a,
.nojs #top-nav li ul.nav-l2:hover > li:first-child:hover > a,
.nojs #top-nav li:hover ul.nav-l2 > li:hover > a,
#top-nav li ul.nav-l2 > li.hover a,
#top-nav li.hover ul.nav-l2 > li.hover > a {
    background-position: 100% -2px;
}

#top-nav ul.nav-l2 > li a,
.nojs #top-nav li:hover ul.nav-l2 > li a,
.nojs #top-nav li ul.nav-l2:hover > li:first-child a {
    background-position: -999em -999em;
}

#top-nav ul.nav-l3 li {
    border: none;
    margin-right: -6px;
    width: auto;
}

#top-nav ul.nav-l3 li a,
#top-nav ul.nav-l2 li:hover ul.nav-l3 li a {
    line-height: normal;
    margin: 0;
    margin-right: 0;
    padding: 1em 20px;
    /* Switch width to 160px if we want to revert to three-column menus */
    width: 264px;
}

/* Styles to support double-wide trip list menus */
#top-nav ul.nav-l3 li .navColumn div.in,
#top-nav ul.nav-l2 li:hover ul.nav-l3 .navColumn li div.in {
    width: 240px;
}

#top-nav ul.nav-l3 li .navColumn li:last-child div.in,
#top-nav ul.nav-l2 li:hover ul.nav-l3 .navColumn li:last-child div.in {
    border-bottom: 0;
}

#top-nav ul.nav-l3 .navColumn {
    float: left;
    width: 299px;
}

#top-nav ul.nav-l3.doubleWide {
    width: 613px;
    background-image: url('/images/mega-menu/mega-background-solid.png');
}

#top-nav ul.nav-l3.doubleWide > li {
    overflow: scroll;
    height: 410px;
    margin-right: -10px;
    /* Non-standard property, but it does the job! */
    overflow-x: hidden;
}

#top-nav ul.nav-l3 .navColumn li {
    width: 250px;
}

#top-nav ul.nav-l3 div.in {
    padding: 10px 20px;
}

#top-nav ul.nav-l3 div.in {
    display: block;
    width: 264px;
}

#top-nav ul.nav-l3 div.rtf {
    padding: 25px 20px;
}

#top-nav ul.nav-l4 div.in {
    margin: 0 12px 0 6px;
    width: 265px;
}

#top-nav ul.nav-l2 li div.in a,
#top-nav ul.nav-l2 li:hover ul.nav-l3 div.in a,
#top-nav ul.nav-l2 li:hover ul.nav-l4 div.in a {
    background: none;
    display: inline;
    font-size: 1em;
    padding: 0;
    margin: 0;
    width: auto;
}

#top-nav ul.nav-l2 li div.in a:hover {
    text-decoration: underline;
}

#top-nav ul.nav-l2 {
    background-position: 0 100%;
    padding: 0 0 0 5px;
    /*width: 225px;*/
    width: 190px;
}

#top-nav ul.nav-l3 {
    background-position: 100% 100%;
    float: left;
    padding-right: 12px;
    position: absolute;
    top: 0;
    left: 100%;
    width: auto;
    z-index: -1;
}

#top-nav ul.nav-l2 div.header + * {
    clear: both;
}

#top-nav ul.nav-l2 div.header .title {
    font-size: 0.9em;
    text-transform: uppercase;
}

#top-nav ul.nav-l2 div.header .name,
#top-nav ul.nav-l2 div.header .trip {
    color: #000;
}

#top-nav ul.nav-l2 div.header .trip {
    font-style: italic;
}

#top-nav ul.nav-l2 div.header h3,
#top-nav ul.nav-l2 div.header h4 {
    margin: 0 0 0.2em 0;
    font-weight: bold;
}

#top-nav ul.nav-l2 div.header img {
    float: left;
    margin: 0 0.5em 0.5em 0;
}

#top-nav ul.nav-l4 {
    background-position: 100% 100%;
    float: left;
    left: 100%;
    margin-left: -12px;
    position: absolute;
    top: 0;
    width: auto;
    z-index: -1;
}

#top-nav ul.nav-l2.render,
#top-nav ul.nav-l2.render ul.nav-l3,
#top-nav ul.nav-l2.render ul.nav-l4,
#top-nav ul.nav-l2.render li,
#top-nav ul.nav-l2.render ul.nav-l3 li,
#top-nav ul.nav-l2.render ul.nav-l4 li {
    display: block !important;
    visibility: hidden;
    height: auto;
}

#top-nav ul.nav-l2.render,
#top-nav ul.nav-l2.render ul {
    height: auto;
}

#top-nav ul.nav-l2.render {
    display: block;
}

/*------------------------------------------------------------------------------ 
  END mega-menus */


/* Trip Video Modal styles */

.vid_wrap {
    text-align: center;
}
.vid_wrap #vid_holder {
    height: 360px;
}

.error_message
{
    zoom: 1;
    text-align: left;
}

.error_message:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.form_wrap .error_message
{
    margin: 0 0 0 150px;
}

#compose .error_message
{
    margin: 5px 0 5px 138px;
}

.error_message > span
{
    float: left;
    font-size: 75%;
}

.form_wrap .error_message > span
{
    margin-top: -15px;
}

input[type="text"].disabled-textbox
{
    background-color: #F1EFE9;
}

.larger-text {
    font-size: 125%;
}