﻿@charset "UTF-8";

body
{
    color: #3f3e39;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(http://www.marketingandtechnology.com/repository/marketing/hotels/demo/images/toptexture.png);
    background-repeat: repeat-x;
    background-color: #9BDBD1;
    font-size: .9em;
    margin-top: 0px;
}
/* container */
.thrColFixHdr #container
{
}
/* end of container */

/* masthead */
.thrColFixHdr #header
{
    background-color: none;
}

#header #logoTop
{
    margin-top: 15px;
    width: 232px;
    height: 120px;
}

/* end of masthead */

.thrColFixHdr #footer
{
    border-top-color: #958675;
}

#buttonBar
{
    color: #FFFFFF;
    background-color: #958675;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 0.9em;
}

a.navButtons
{
    color: #FFFFFF;
    background-image: url(images/up_bttn.gif);
}

a:hover.navButtons
{
    color: #AFD279;
}

a:visited.navButtons
{
    color: #FFFFFF;
    background-image: url(images/up_bttn.gif);
}

ul#css3menu1 a
{
    padding-left: 10px;
    padding-right: 10px;
}

    menu.css (line 157) ul#css3menu1 a, ul#css3menu1 a.pressed
    {
        -moz-text-blink: none;
        -moz-text-decoration-color: -moz-use-text-color;
        -moz-text-decoration-line: none;
        -moz-text-decoration-style: solid;
        color: #FFFFFF;
        cursor: default;
        display: block;
        font-size: 0.9em;
        text-align: left;
        vertical-align: middle;
    }

h2
{
    color: #5A4538;
    text-transform: uppercase;
    font-size: 0.75em;
}

a.botButtons
{
    color: #626A6E;
    background-image: url(images/up_bttn.gif);
    text-transform: uppercase;
}

a:hover.botButtons
{
    background-image: url(images/hvr_bttn.gif);
    color: #afd279;
}

a:visited.botButtons
{
    color: #9A8574;
    background-image: url(images/up_bttn.gif);
}

a:hover
{
    color: #134774;
}

.link
{
    color: #094774;
}

a.link
{
    color: #094774;
}

.clear
{
    color: #094774;
    text-decoration: none;
    clear: both;
    padding-top: 15px;
}

#rule1
{
    border-top-color: #958675;
}

#sidebar1 p a
{
    color: #134774;
}

#sidebar3
{
}

    #sidebar3 h4
    {
        color: #3F3E39;
    }

#headlines a
{
    color: #094774;
    text-decoration: none;
}

    #headlines a:hover
    {
        color: #000000;
    }

#widgetBar a
{
    color: #333333;
    text-decoration: none;
    font-size: .9em;
}

a.search
{
    color: #FFFFFF;
    background-image: url(images/up_bttn.gif);
}

#sidebar4
{
    border: 1px solid #CCC;
    background-color: #094774;
}

    #sidebar4 a
    {
        color: #FFFF99;
    }

    #sidebar4 h2
    {
        color: #FFFFCC;
    }

#sidebar2 p a
{
    color: #134774;
    text-transform: uppercase;
    font-weight: bold;
}

#sidebar2 p strong a
{
    font-size: 0.9em;
    color: #094774;
    /*font-weight: normal;*/
}

#mainContent p a
{
    color: #134774;
}

h1
{
    font-size: 1.2em;
}

#iconAds p
{
    color: #00;
}

#iconAds2 p
{
    color: #00;
}

#iconAds a
{
    color: #333333;
    text-decoration: none;
}

#iconAds2 a
{
    color: #333333;
}

.border
{
    border: 1px solid #666;
}

/*
.thrColFixHdr #news p strong, p strong
{
    font-weight: normal;
}
*/

#widgetBar p .moreHeadlines
{
    font-size: 0.9em;
}

.moreBlogs
{
    color: #666;
    background-color: #FFFFFF;
}

a:hover.moreBlogs
{
    color: #000;
    text-decoration: none;
}

#headlines .moreHeadlines
{
    float: left;
    color: #666;
    font-size: 0.9em;
    text-decoration: none;
    text-transform: none;
    line-height: 1em;
    margin-bottom: 40px;
    margin-top: 0px;
    padding-top: 0px;
}

#headlines .moreHeadlinesLast
{
    margin-bottom: 0px;
}

.formCopy
{
    font-size: .9em;
    color: #CCC;
}

#footerHelpBut
{
}

#footerAboutBut
{
}

#footerContactBut
{
}

#footerHelpBut a
{
}

#footerAboutBut a
{
}

#footerContactBut a
{
}

#footer a:hover
{
    color: #094774;
}

#featureContainer
{
    -webkit-box-shadow: 5px 5px 100px #87C4BA;
    -moz-box-shadow: 5px 5px 100px #87C4BA;
    box-shadow: 5px 5px 100px #87C4BA;
}

#sidebar2 p em
{
    font-size: 0.8em;
}

/*
#iconAds strong
{
    font-weight: normal;
}
*/

#prodImage
{
    background-color: #094774;
}

img#product
{
    border-top-color: #094774;
    border-right-color: #094774;
    border-bottom-color: #094774;
    border-left-color: #094774;
}

ul#css3menu1 a
{
    padding-top: 3px;
}

#otherNewsHeadlines
{
    width: 90%;
    /* [disabled]padding-top: 20px; */
    border-top-width: 4px;
    /* [disabled]border-top-style: solid; */
    /* [disabled]border-top-color: #817E71; */
    margin-right: 5%;
    margin-left: 5%;
}

.thrColFixHdr #featureContainer #news h6 a:link
{
    color: #958675;
}

#commentForm h1
{
    background-color: #D6E9E7;
    color: #3f3e39;
}

#commentarea #commentsreveal li.commentButton
{
    background-color: #D6E9E7;
    color: #3f3e39;
    font-size: .9em;
}

    #commentarea #commentsreveal li.commentButton a:link
    {
        color: #3f3e39;
    }

.thrColFixHdr #news #commentarea p.original
{
    background-color: #e4e1dc;
}

#commentarea h3
{
    color: #3f3e39;
}

#commentPlaceholder h1
{
    background-color: #D6E9E7;
    color: #3F3E39;
    display: block;
    font-size: 1.4em;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#spotMobile #promoAd
{
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #958675;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #958675;
}

.thrColFixHdr #outerContainer #container #featureContainer #news .twoColumn
{
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    display: block;
    margin-top: -1em;
}

#otherNews a
{
    color: #958675;
    text-decoration: none;
}

    #otherNews a:hover
    {
        color: #958675;
    }

#membership .newAccount ul
{
    width: 60%;
}

#contact ol .selectedClTab a
{
    background-color: #134774;
}

#contact ol .clTab a
{
    background-color: #958675;
}

    #contact ol .clTab a:hover
    {
        background-color: #134774;
    }

.thrColFixHdr #outerContainer #container #featureContainer #news .help h1 .link
{
    background-color: #958675;
}

.thrColFixHdr #outerContainer #container #featureContainer #news .help h3
{
    color: #144775;
}

#searchResults ol .selectedClTab a
{
    background-color: #134774;
}

#headlines
{
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    column-count: 1;
    column-gap: 0;
}

@media screen and (max-width: 1225px)
{
    #header #logoTop
    {
        width: 174px;
        height: 90px;
    }

    .thrColFixHdr #news img
    {
        max-width: 100%;
        height: inherit;
    }
}
/*/mediaquery*/
@media screen and (max-width: 800px)
{
    #featureContainer
    {
        -ms-height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    ul#css3menu1 a
    {
        padding-top: 6px;
    }

    a.searchButton
    {
        color: #958675;
    }
}
/*/mediaquery*/
@media screen and (max-width: 480px)
{
    #header #logoTop
    {
        width: 155px;
        height: 80px;
    }

    #header #logo
    {
        width: 155px;
        height: 80px;
    }
}
/*/mediaquery*/
@media screen and (max-width: 1024px) and (orientation:landscape)
{
    #featureContainer
    {
        -ms-height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}
/*/mediaquery*/
@media screen and (max-width: 880px) and (orientation:landscape)
{
    #featureContainer
    {
        -ms-height: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}
/*/mediaquery*/
@media screen and (max-width: 880px) and (orientation:landscape)
{
    ul#css3menu1 a
    {
        padding-top: 6px;
    }
}
/*/mediaquery*/
@media screen and (max-width: 880px) and (orientation:landscape)
{
    a.searchButton
    {
        color: #958675;
    }
}
/*/mediaquery*/
@media print
{
    body
    {
        background-color: #fff;
        background-image: url(none);
        background-repeat: no-repeat;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 1.7em;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    #outerContainer
    {
        display: block;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        max-width: 100%;
    }

    .thrColFixHdr #container
    {
        line-height: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        padding-bottom: 0;
        text-align: left;
        max-width: 100%;
    }

    .thrColFixHdr #header
    {
        background-repeat: no-repeat;
        background-image: url(none);
        display: block;
        height: inherit;
        line-height: 1em;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    #header #logoTop
    {
        float: none;
        height: 120px;
        margin-bottom: 1%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2%;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        width: 232px;
        clear: both;
    }

    #featureContainer
    {
        background-color: none;
        box-shadow: none;
        display: block;
        line-height: 1em;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1em;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        position: absolute;
        width: 90%;
    }

    .thrColFixHdr #news, .thrColFixHdr #tech
    {
        line-height: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        padding-bottom: 0;
        text-align: left;
        width: 90%;
    }

    #otherNews
    {
        visibility: collapse;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }

    .thrColFixHdr #buttonBar
    {
        visibility: collapse;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }

    form
    {
        visibility: collapse;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }

    .thrColFixHdr #buttonBar ul li
    {
        visibility: collapse;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }

    .thrColFixHdr #share
    {
        visibility: collapse;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }

    .thrColFixHdr #share2
    {
        visibility: collapse;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }

    .thrColFixHdr #footer
    {
        visibility: collapse;
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
    }

    #news h1
    {
        color: #000000;
    }

        #news h1 .link
        {
            color: #000000;
        }
}

#otherNews.mngmnt
{
    border-left: none;
    clear: none;
    float: left;
    height: inherit;
    margin-bottom: 0;
    padding-top: 0;
    position: relative;
    width: 25%;
    padding: 2em;
    background-color: #958675;
    line-height: 1em;
    color: #fff;
}

#otherNews .supportLink a
{
    display: block;
    padding: .5em;
    padding-left: 0;
    margin: 1em 0 .5em; /*border-color: #fff;
	border-width: 1px;
	border-style: solid;*/
    font-size: 1em;
    color: #fff;
    border-radius: .25em;
}

    #otherNews .supportLink a:hover
    {
        color: #87C4BA;
    }

    #otherNews .supportLink a:before
    {
        content: url("/images/blue_arrow.png");
        margin-right: .5em;
        float: left;
        margin-top: -.25em;
    }

#otherNews.mngmnt h1
{
    color: #134774;
    display: block;
    text-transform: uppercase;
}

a:visited
{
    color: #134774;
}

a
{
    color: #134774;
}

.existingMember
{
    color: #134774;
    font-size: 150%;
    font-weight: bolder;
}

    .existingMember a
    {
        color: #87C4BA;
    }

.submitBtn
{
    background-color: #958675;
    border: 0 solid #958675;
    border-radius: 100px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
    font-size: 0.75em;
    padding: 0.25em 1em;
    letter-spacing: 0.065em;
    margin-top: 1em;
    text-decoration: none;
    text-shadow: 1px 1px #958675;
    text-transform: uppercase;
}

.expressBox
{
    background-color: #87C4BA;
    border-radius: 1em;
    color: #FFFFFF;
    display: block;
    height: auto;
    margin: 2.5em;
    padding: 2em;
    text-align: center;
    z-index: 45;
}

#expressMemberAds.expressBox
{
    clear: both;
}

.expressBox h1
{
    color: #000000 !important;
    float: left;
    text-align: center;
    width: 100%;
}

#expressMemberAds.expressBox h1
{
    margin-top: -0.5em;
}

#expressMemberAds.expressBox li
{
    line-height: 1em;
}

#membership .newAccount .next_button, .help #verifyEmail #express, .faq .submitBtn, .faq #validateForm #submitCode
{
    background-color: #958675;
    border: 0 solid #958675;
    border-radius: 100px 100px 100px 100px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    letter-spacing: 0.065em;
    padding: .5em 3em;
    text-shadow: 1px 1px #958675;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 1em;
}

a.pure_button
{
    -moz-box-shadow: inset 0px 1px 0px 0px #bee4f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee4f9;
    box-shadow: inset 0px 1px 0px 0px #bee4f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    text-indent: 0;
    border: 1px solid #3867a3;
    display: inline-block;
    color: #14396a;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    width: 12em;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
}

    a.pure_button:hover
    {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
        background: -moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
        background-color: #468ccf;
    }

    a.pure_button:active
    {
        position: relative;
        top: 1px;
    }
/* This button was generated using CSSButtonGenerator.com */
#header .expressBanner a
{
    color: #e73741;
}

div .transbox h1
{
    font-size: 3.5em;
    line-height: 1em;
    margin-bottom: .5em;
    text-transform: uppercase;
    color: #87C4BA;
}

div .transbox p
{
    font-size: 1.5em;
    line-height: 2em;
}

    div .transbox p strong
    {
        color: #87C4BA;
    }

div .transbox a
{
    color: #87C4BA;
}

.accordion .required
{
    background: none repeat scroll 0 0 #134774 !important;
    border: 0 none;
    border-top-right-radius: 1em;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    letter-spacing: 0.075em;
    padding: 5px;
    text-transform: uppercase;
    width: 98%;
}

    .accordion .required:after
    {
        color: #87C4BA !important;
        content: " : Required";
        font-size: 0.8em;
        margin-left: 0.2em;
        margin-right: 0;
        padding: 0;
    }

.submit
{
    background-color: #958675;
    border: 0 solid #958675;
    border-radius: 100px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.75em;
    letter-spacing: 0.065em;
    padding: 5px 10px;
    text-shadow: 1px 1px #958675;
    text-transform: uppercase;
}

.errorDiv
{
    color: #958675 !important;
    display: none;
    float: left;
    font-size: 0.9em;
    margin-bottom: 0.5em;
    margin-top: 0.75em;
    width: 100%;
}

.transbox a:visited
{
    color: #87C4BA !important;
}

#featureContainer .recurly
{
    float: none;
    margin: 0 auto;
    width: 75%;
}

    #featureContainer .recurly .plan
    {
        width: 100%;
    }

.recurly .plan
{
    color: #333333;
    overflow: hidden;
    position: relative;
}

#featureContainer .recurly .plan .name
{
    font-size: 4.5em;
    line-height: 1em;
    padding: 0;
    width: 70%;
}

.recurly .plan .name
{
    float: left;
    font-size: 32px;
    min-width: 200px;
    padding-left: 20px;
    padding-right: 40px;
}

#featureContainer .recurly .plan .recurring_cost
{
    margin: 1em 0;
}

#featureContainer .recurly .due_now
{
    background-color: #87C4BA;
    background-image: none;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    clear: both;
    height: 4em;
    left: 0;
    line-height: 4em;
    padding: 0.5em 0;
    text-transform: uppercase;
    width: 100%;
}

    #featureContainer .recurly .due_now .title
    {
        margin-left: 1em;
    }

    #featureContainer .recurly .due_now .cost
    {
        margin-right: 1em;
    }

#featureContainer .recurly .contact_info, #featureContainer .recurly .billing_info, #featureContainer .recurly .accept_tos
{
    border-left: 1px dashed #DEDEDE;
    border-right: 1px dashed #DEDEDE;
    overflow: hidden;
    padding: 2em 3em;
    position: relative;
}

    #featureContainer .recurly .contact_info .title, #featureContainer .recurly .billing_info .title, #featureContainer .recurly .accept_tos .title
    {
        color: #404041;
        font-size: 1.5em;
        font-weight: bold;
        height: 1em;
        padding-bottom: 1em;
        text-shadow: none;
        width: 98%;
    }

#featureContainer .recurly .field.first_name, #featureContainer .recurly .field.last_name
{
    margin-top: 1.25em;
    width: 47.75%;
}

#featureContainer .recurly .field
{
    width: 100%;
}

    #featureContainer .recurly .field input[type="text"]
    {
        width: 98%;
    }

#featureContainer .payment_method input
{
    float: left;
    margin: 1em 1em 0 0;
}

#featureContainer .recurly .accepted_cards
{
    float: left;
    position: inherit;
}

#featureContainer .recurly .field.card_number
{
    width: 75%;
}

#featureContainer .recurly .field.cvv
{
    margin-left: 4%;
    width: 19%;
}

#featureContainer .recurly .field.expires .year, #featureContainer .recurly .field.expires .month
{
    width: auto;
}

#featureContainer .recurly .billing_info .full
{
    margin: 1.5em 0;
    width: 100%;
}

#featureContainer .recurly .field.state, #featureContainer .recurly .field.zip, #featureContainer .recurly .field.country
{
    width: 48%;
}

#featureContainer .recurly .footer
{
    background-color: #87C4BA;
    background-image: none;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    clear: both;
    height: 4em;
    line-height: 4em;
    padding: 0.5em 0;
    width: 100%;
}

#featureContainer .recurly select
{
    font-size: 1.25em;
    height: 2.25em;
}

#featureContainer .recurly button.submit
{
    background: -moz-linear-gradient(center top, #FFFFFF, #B8B8B8) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #767674;
    border-radius: 10px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #302106;
    float: right;
    font-size: 1.25em;
    font-weight: bold;
    height: 3em;
    margin: 0 0.5em;
    max-width: 40em;
    outline: medium none;
    padding: 10px 20px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.float_right h2
{
    font-size: 0.66em;
}

.subscription:first-of-type
{
    border-bottom: 4px solid #000000;
}

.recurly .subscription
{
    max-width: 100%;
    min-width: 100%;
}

@media screen and (max-width: 680px)
{
    #featureContainer .recurly
    {
        float: none;
        margin: 0 auto;
        width: 98%;
    }
}

.navButtons > .submit
{
    padding: 5px 10px 5px !important;
    font-size: .75em !important;
    background-color: #767674;
    letter-spacing: .065em;
    text-transform: uppercase;
    text-shadow: 1px 1px #767674;
    color: #ffffff;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border: 0px solid #767674;
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.commentEntry .overlayText strong
{
    color: #87C4BA !important;
    font-size: 0.95em;
    font-weight: bold;
}
