/*-----------------------------------------------------------------------------------

Template Name: Karma
Author: TrueThemes
Version: 3.0 responsive

---------------------------------- Stylesheet Guide ---------------------------------

01. Global Styles

02. Layout
	1. General Structure
	2. Content Area
	3. Portfolio Pages
	4. Footer
	5. Multi Columns
	6. Sidebar
	7. Homepage
	8. Sitemap
	9. Video + 3D Thumbs

03. Navigation
	1. Main Navigation
	2. Vertical Sub Navigation
	3. Horizontal Sub Navigation
	4. Top Toolbar Superfish
	5. Breadcrumbs

04. Links
	1. General Links
	2. Top Link
	3. Custom Buttons

05. Lists
	1. General Lists
	2. Custom List Bullets
	3. Accordion
	4. Tabs

06. Typography
	1. General Typography
	2. @font-Face
	3. Message Boxes
	4. Footer
	5. Callouts

07. Blog

08. Forms

09. Images
	1. General
	2. Modern Frame
	3. Shadow Frame

10. Miscellan

11. Wordpress
	1. Karma Pagenavi
	2. Mailchimp
	3. Defaults
	4. 404 Error Page
	5. Constant Contact

12. Widgets + Shortcodes
	1. Default Styles
	2. Blogroll - Footer
	3. Calendar
	4. Recent Posts - Sidebar
	5. Blogroll - Sidebar
	6. Search - Sidebar
	7. Social Media
	8. Latest Tweets
	9. Testimonials Slider
	10. Blog Posts Shortcode
	
13. Progressive CSS Enhancements
15. Pretty Photo
16. Drag-To-Share
17. Attachment.php
18. Responsive Design
19. Internet Explorer

20. New CSS to be organized

-----------------------------------------------------------------------------------*/
.image_carousel {
}

    .image_carousel .image_holder {
        border: 1px solid #ccc;
        background-color: white;
        margin: 5px;
        display: block;
        float: left;
        width: 110px;
        height: 110px;
        padding: 5px;
    }

.clearfix {
    float: none;
    clear: both;
}

.news_carousel {
    position: relative;
}

    .news_carousel div.article {
        display: block;
        float: left;
    }

.pagination {
    text-align: center;
}

    .pagination a {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -722px -197px no-repeat;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        display: inline-block;
    }

        .pagination a.selected {
            background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -722px -197px no-repeat;
            cursor: default;
        }

        .pagination a span {
            display: none;
        }
/*-----------------------------------------------------------------*/
/* 01. Global Styles
/*-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}

body {
    background: #f4f4f2;
    font-family: "Arial", sans-serif;
    font-size: 1.2em;
    line-height: 20px;
    color: #666;
    min-width: 1003px;
    margin: 0;
    height: 100%;
    position: relative;
}

video,
iframe,
object,
img {
    max-width: 100%;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    font-size: 100.01%;
}

html {
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    background: #182947 !important;
    height: 100%;
    min-height: 100%;
}


/*-----------------------------------------------------------------*/
/* 02. Layout
/*-----------------------------------------------------------------*/

/*----------------------------*/
/* 1. General Layout
/*----------------------------*/
#wrapper {
    width: 100%;
    background: #F4F4F2;
    min-height: 75.69%;
    position: relative;
}

    #wrapper #header {
        display: block;
    }

.top-block {
    position: fixed;
    width: 100%;
    z-index: 9001; /*It's over nine-thousand!*/
}

    .top-block .top-holder {
        max-width: 1200px;
        font-size: 14px;
        min-height: 4px;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
    }

@media only screen and (max-width: 1150px) {
    .top-block .top-holder {
        font-size: 10.5px;
    }
}

@media only screen and (max-width: 800px) {
    .top-block .top-holder {
        font-size: 9.5px;
    }
}

#header .rays {
    background: url(/resources/assets/masamembership.com/img/_global/rays.png) 50% 0 no-repeat;
}

#header .header-area {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0 10px; /*38px 0 33px; Made the space between the logo top menu smaller. 5/19/14 Austin*/
}

#main {
    background: url(/resources/assets/masamembership.com/img/_global/bg-div-main.jpg) 0 0 repeat-x;
    height: 100%;
    width: 100%;
}

    #main .main-area {
        width: 980px;
        margin: 0 auto;
        padding: 43px 0 5px;
    }

    #main .utility-area {
        padding-top: 0;
    }

.tools .place {
    float: right;
}

.main-holder {
    height: 1%;
    overflow: hidden;
    padding-top: 45px;
}

.carousel-holder {
    width: 315px !important;
}

.top-block .top-holder:after, #header .header-area:after {
    clear: both;
    display: block;
    content: "";
}

#tt-boxed-layout {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}



/*----------------------------*/
/* 2. Content Area
/*----------------------------*/
#content {
    width: 720px;
    float: left;
    margin-left: 20px;
}

.content_left_sidebar {
    float: right !important;
}

.content_right_sidebar {
    width: 510px !important;
}

.content_full_width {
    width: 940px !important;
    float: left;
    margin-left: 0 !important;
    padding: 0 20px;
    min-height: 400px !important;
}

.portfolio_full_width {
    margin-left: 0 !important;
    width: 980px !important;
}



/*----------------------------*/
/* 3. Portfolio Pages
/*----------------------------*/
.portfolio_wrap {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.portfolio_content {
    clear: left;
    padding-top: 8px;
    padding-bottom: 20px;
}

.port_sep {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.portfolio_layout .one_fourth, .portfolio_layout .one_fourth_last, .portfolio_layout .one_third, .portfolio_layout .one_third_last, .portfolio_layout .one_half, .portfolio_layout .one_half_last {
    position: relative;
}

.portfolio_one_column {
    width: 191px;
    float: left;
}

.portfolio_one_column_last {
    float: right;
    width: 722px;
    height: 602px;
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) 0 -31px no-repeat;
    position: relative;
}

.port_img_one {
    width: 703px;
    height: 563px;
    float: left;
    position: absolute;
    top: 8px;
    left: 9px;
}

.portfolio_portrait_full_last {
    float: right;
    width: 630px;
    height: 836px;
    position: relative;
}


/*----------------------------*/
/* 4. Footer
/*----------------------------*/
#footer {
    width: 100%;
    position: relative;
    padding-top: 40px;
}

    #footer .footer-area {
        width: 980px;
        position: relative;
        margin: 0 auto;
    }

    #footer .footer-wrapper {
        width: 980px;
        overflow: hidden;
    }

    #footer .footer-holder {
        width: 100%;
        overflow: hidden;
        padding: 45px 0 25px 6px;
    }

    #footer .box {
        width: 333px;
        float: left;
    }

#footer_bottom {
    width: 100%;
    min-height: 89px;
    height: auto;
}

#foot_left {
    float: left;
    width: 440px;
}

    #foot_left .textwidget {
        margin-top: -18px;
    }

#foot_right {
    float: right;
    width: 520px;
    text-align: right;
}

.info {
    width: 980px;
    font-size: 11px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding: 34px 0 0 8px;
}

#footer .footer_post {
    padding: 2px 0 16px;
}


/*----------------------------*/
/* 5. Multi Columns
/*----------------------------*/
.clear {
    clear: both;
}

.one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {
    padding-bottom: 20px;
}


#content .one_half {
    float: left;
    width: 342px;
    margin-right: 30px;
}

#content .one_half_last {
    float: right;
    width: 342px;
    margin: 0;
}

#content .one_third {
    float: left;
    width: 220px;
    margin-right: 30px;
}

#content .one_third_last {
    float: right;
    width: 220px;
    margin: 0;
}

#content .one_fourth {
    float: left;
    width: 152px;
    margin-right: 36px;
}

#content .one_fourth_last {
    float: right;
    width: 152px;
    margin: 0;
}

#content .one_fifth {
    float: left;
    width: 124px;
    margin-right: 23px;
}

#content .one_fifth_last {
    float: right;
    width: 124px;
    margin: 0;
}

#content .one_sixth {
    float: left;
    width: 100px;
    margin-right: 20px;
}

#content .one_sixth_last {
    float: right;
    width: 100px;
    margin: 0;
}

#content .two_thirds {
    float: left;
    width: 470px;
    margin: 0;
}

#content .two_thirds_last {
    float: right;
    width: 470px;
    margin: 0;
}

#content .three_fourth {
    float: left;
    width: 550px;
    margin: 0;
}

#content .three_fourth_last {
    float: right;
    width: 530px;
    margin: 0;
}


.content_full_width .one_half {
    float: left;
    width: 455px !important;
    margin-right: 30px !important;
}

.content_full_width .one_half_last {
    float: right;
    width: 455px !important;
    margin: 0 !important;
}

.content_full_width .one_third {
    float: left;
    width: 293px !important;
    margin-right: 30px !important;
}

.content_full_width .one_third_last {
    float: right;
    width: 293px !important;
    margin: 0 !important;
}

.content_full_width .one_fourth {
    float: left;
    width: 208px !important;
    margin-right: 36px !important;
}

.content_full_width .one_fourth_last {
    float: right;
    width: 208px !important;
    margin: 0 !important;
}

.content_full_width .one_fifth {
    float: left;
    width: 168px !important;
    margin-right: 23px !important;
}

.content_full_width .one_fifth_last {
    float: right;
    width: 168px !important;
    margin: 0 !important;
}

.content_full_width .one_sixth {
    float: left;
    width: 140px !important;
    margin-right: 20px !important;
}

.content_full_width .one_sixth_last {
    float: right;
    width: 140px !important;
    margin: 0 !important;
}

.content_full_width .two_thirds {
    float: left;
    width: 595px !important;
    margin: 0 !important;
}

.content_full_width .two_thirds_last {
    float: right;
    width: 595px !important;
    margin: 0 !important;
}

.content_full_width .three_fourth {
    float: left;
    width: 690px !important;
    margin: 0 !important;
}

.content_full_width .three_fourth_last {
    float: right;
    width: 685px !important;
    margin: 0 !important;
}

.content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {
    width: 280px !important;
}


.content_sidebar .one_fourth, .content_sidebar .one_fourth_last {
    width: 105px !important;
}

.content_sidebar .one_third, .content_sidebar .one_third_last {
    width: 145px !important;
}

.content_sidebar .one_half, .content_sidebar .one_half_last {
    width: 235px !important;
}

.content_sidebar .two_thirds, .content_sidebar .two_thirds_last {
    width: 325px !important;
}

#footer .one_half {
    float: left;
    width: 455px !important;
    margin-right: 30px !important;
}

#footer .one_half_last {
    float: right;
    width: 455px !important;
    margin: 0 !important;
}

#footer .one_third {
    float: left;
    width: 305px !important;
    margin-right: 30px !important;
}

#footer .one_third_last {
    float: right;
    width: 305px !important;
    margin: 0 !important;
}

#footer .one_fourth, #footer .one_fourth_last {
    float: left !important;
    width: 227px !important;
    margin-right: 23px !important;
}

#footer .one_fourth_last {
    margin-right: 0px !important;
    float: right !important;
}

#footer .one_fifth {
    float: left;
    width: 177px !important;
    margin-right: 23px !important;
}

#footer .one_fifth_last {
    float: right;
    width: 177px !important;
    margin: 0 !important;
}

#footer .one_sixth {
    float: left;
    width: 146px !important;
    margin-right: 20px !important;
}

#footer .one_sixth_last {
    float: right;
    width: 146px !important;
    margin: 0 !important;
}


#content .tabs-area .one_half,
#content .slide .one_half {
    float: left;
    width: 310px;
    margin-right: 30px;
}

#content .tabs-area .one_half_last,
#content .slide .one_half_last {
    float: right;
    width: 310px;
    margin: 0;
}

#content .tabs-area .one_third,
#content .slide .one_third {
    float: left;
    width: 194px;
    margin-right: 35px;
}

#content .tabs-area .one_third_last,
#content .slide .one_third_last {
    float: right;
    width: 194px;
    margin: 0;
}

#content .tabs-area .one_fourth,
#content .slide .one_fourth {
    float: left;
    width: 141px;
    margin-right: 30px;
}

#content .tabs-area .one_fourth_last,
#content .slide .one_fourth_last {
    float: right;
    width: 141px;
    margin: 0;
}

#content .tabs-area .one_fifth,
#content .slide .one_fifth {
    float: left;
    width: 108px;
    margin-right: 28px;
}

#content .tabs-area .one_fifth_last,
#content .slide .one_fifth_last {
    float: right;
    width: 108px;
    margin: 0;
}

#content .tabs-area .one_sixth,
#content .slide .one_sixth {
    float: left;
    width: 92px;
    margin-right: 20px;
}

#content .tabs-area .one_sixth_last,
#content .slide .one_sixth_last {
    float: right;
    width: 92px;
    margin: 0;
}

#content .tabs-area .two_thirds,
#content .slide .two_thirds {
    float: left;
    width: 425px;
    margin: 0;
}

#content .tabs-area .two_thirds_last,
#content .slide .two_thirds_last {
    float: right;
    width: 425px;
    margin: 0;
}

#content .tabs-area .three_fourth,
#content .slide .three_fourth {
    float: left;
    width: 485px;
    margin: 0;
}

#content .tabs-area .three_fourth_last,
#content .slide .three_fourth_last {
    float: right;
    width: 485px;
    margin: 0;
}


.content_full_width .tabs-area .one_half,
.content_full_width .slide .one_half {
    float: left;
    width: 420px !important;
    margin-right: 30px !important;
}

.content_full_width .tabs-area .one_half_last,
.content_full_width .slide .one_half_last {
    float: right;
    width: 420px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .one_third,
.content_full_width .slide .one_third {
    float: left;
    width: 267px !important;
    margin-right: 30px !important;
}

.content_full_width .tabs-area .one_third_last,
.content_full_width .slide .one_third_last {
    float: right;
    width: 267px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .one_fourth,
.content_full_width .slide .one_fourth {
    float: left;
    width: 190px !important;
    margin-right: 36px !important;
}

.content_full_width .tabs-area .one_fourth_last,
.content_full_width .slide .one_fourth_last {
    float: right;
    width: 190px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .one_fifth,
.content_full_width .slide .one_fifth {
    float: left;
    width: 155px !important;
    margin-right: 23px !important;
}

.content_full_width .tabs-area .one_fifth_last,
.content_full_width .slide .one_fifth_last {
    float: right;
    width: 155px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .one_sixth,
.content_full_width .slide .one_sixth {
    float: left;
    width: 127px !important;
    margin-right: 20px !important;
}

.content_full_width .tabs-area .one_sixth_last,
.content_full_width .slide .one_sixth_last {
    float: right;
    width: 127px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .two_thirds,
.content_full_width .slide .two_thirds {
    float: left;
    width: 575px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .two_thirds_last,
.content_full_width .slide .two_thirds_last {
    float: right;
    width: 575px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .three_fourth,
.content_full_width .slide .three_fourth {
    float: left;
    width: 650px !important;
    margin: 0 !important;
}

.content_full_width .tabs-area .three_fourth_last,
.content_full_width .slide .three_fourth_last {
    float: right;
    width: 650px !important;
    margin: 0 !important;
}


.content_sidebar .tabs-area .one_half,
.content_sidebar .slide .one_half {
    float: left;
    width: 205px !important;
}

.content_sidebar .tabs-area .one_half_last,
.content_sidebar .slide .one_half_last {
    float: right;
    width: 205px !important;
}

.content_sidebar .tabs-area .one_third,
.content_sidebar .slide .one_third {
    float: left;
    width: 125px !important;
}

.content_sidebar .tabs-area .one_third_last,
.content_sidebar .slide .one_third_last {
    float: right;
    width: 125px !important;
}

.content_sidebar .tabs-area .one_fourth,
.content_sidebar .slide .one_fourth {
    float: left;
    width: 88px !important;
    margin-right: 28px !important;
}

.content_sidebar .tabs-area .one_fourth_last,
.content_sidebar .slide .one_fourth_last {
    float: right;
    width: 88px !important;
}

.content_sidebar .tabs-area .one_fifth,
.content_sidebar .slide .one_fifth {
    float: left;
    width: 66px !important;
}

.content_sidebar .tabs-area .one_fifth_last,
.content_sidebar .slide .one_fifth_last {
    float: right;
    width: 66px !important;
}

.content_sidebar .tabs-area .one_sixth,
.content_sidebar .slide .one_sixth {
    float: left;
    width: 56px !important;
}

.content_sidebar .tabs-area .one_sixth_last,
.content_sidebar .slide .one_sixth_last {
    float: right;
    width: 56px !important;
}

.content_sidebar .tabs-area .two_thirds,
.content_sidebar .slide .two_thirds {
    float: left;
    width: 280px !important;
}

.content_sidebar .tabs-area .two_thirds_last,
.content_sidebar .slide .two_thirds_last {
    float: right;
    width: 280px !important;
}

.content_sidebar .tabs-area .three_fourth,
.content_sidebar .slide .three_fourth {
    float: left;
    width: 320px !important;
}

.content_sidebar .tabs-area .three_fourth_last,
.content_sidebar .slide .three_fourth_last {
    float: right;
    width: 320px !important;
}

/* smartphone template */
.contact_smartphone_content .two_thirds {
}

    .contact_smartphone_content .two_thirds .one_half {
        float: left;
        width: 280px !important;
        margin-right: 30px !important;
    }

    .contact_smartphone_content .two_thirds .one_half_last {
        float: right;
        width: 280px !important;
        margin: 0 !important;
    }

    .contact_smartphone_content .two_thirds .one_third {
        float: left;
        width: 175px !important;
        margin-right: 30px !important;
    }

    .contact_smartphone_content .two_thirds .one_third_last {
        float: right;
        width: 175px !important;
        margin: 0 !important;
    }

    .contact_smartphone_content .two_thirds .one_fourth {
        float: left;
        width: 121px !important;
        margin-right: 36px !important;
    }

    .contact_smartphone_content .two_thirds .one_fourth_last {
        float: right;
        width: 121px !important;
        margin: 0 !important;
    }

    .contact_smartphone_content .two_thirds .two_thirds {
        float: left;
        width: 376px !important;
        margin: 0 !important;
    }

    .contact_smartphone_content .two_thirds .two_thirds_last {
        float: right;
        width: 376px !important;
        margin: 0 !important;
    }

    .contact_smartphone_content .two_thirds .three_fourth {
        float: left;
        width: 417px !important;
        margin: 0 !important;
    }

    .contact_smartphone_content .two_thirds .three_fourth_last {
        float: right;
        width: 417px !important;
        margin: 0 !important;
    }


/*----------------------------*/
/* 6. Sidebar
/*----------------------------*/
#sidebar {
    background: url(/resources/assets/masamembership.com/img/_global/bg-sidebar.gif) 0 0 repeat-y;
    float: right;
    width: 173px;
    padding: 0 0 0 25px;
}

.left_sidebar {
    float: left !important;
    background: url(/resources/assets/masamembership.com/img/_global/bg-sidebar.gif) top right repeat-y !important;
    margin: 0 0 0 25px;
    padding: 0 25px 0 0 !important;
}

.contact_smartphone {
    background: url(/resources/assets/masamembership.com/img/_global/bg-smartphone.png) 100% 0 no-repeat;
    height: 594px;
    position: relative;
}

    .contact_smartphone .sidebar-smartphone, .contact_smartphone .sidebar-widget {
        width: 180px !important;
    }

.smartphone-wrap {
    background: none !important;
    padding-top: 5px;
    margin: 110px 0 0 75px;
}

.sidebar-smartphone .social_icons {
    float: none !important;
    margin: 0;
    padding: 3px 0 0;
}

#main .contact_smartphone .sidebar-widget {
    width: 180px !important;
    background: none !important;
    padding-bottom: 15px !important;
    margin: 0 !important;
}

#main .contact_smartphone .smartphone-header {
    padding-bottom: 10px;
    color: #000;
    font-weight: 400 !important;
}

#main .contact_smartphone p {
    color: #444;
}

.smartphone-header {
    margin-bottom: 3px;
}

#content .sidebar-smartphone ul, .content_full_width .sidebar-smartphone ul {
    margin-left: 0px;
}

/*----------------------------*/
/* 7. Homepage
/*----------------------------*/
.flash_wrap {
    min-height: 400px;
    height: auto;
}

.port-wrap {
    height: 650px;
}

.home-holder {
    padding: 0;
}

.home-flash-slider {
    width: 940px;
    height: 400px;
    margin: 95px auto 0;
}

.big-banner .rays {
    background: url(/resources/assets/masamembership.com/img/_global/rays-big.jpg) 50% 0 no-repeat !important;
    max-height: 600px;
}

.big-banner #header .header-holder {
    max-height: 438px;
}

.header-holder {
    padding: 40px 0 0 0;
}

.big-banner #main {
    background-image: none !important;
}

    .big-banner #main .main-area {
        padding-top: 118px;
    }

.big-banner #header {
    height: auto !important;
}

.home-banner-wrap {
    width: 940px;
    height: 419px;
    background: url(/resources/assets/masamembership.com/img/_global/bg-home-banner.png) 0 0 no-repeat;
    position: relative;
    margin: 114px auto 0; /*Moved the banner away from the logo and menu, 5/19/14 Austin, also see the header-area margins*/
}

.home-banner-main {
    width: 386px;
    top: 10px;
    right: 10px;
    position: absolute;
}

.home-banner-sub {
    width: 534px;
    height: 363px;
    background: url(/resources/assets/masamembership.com/img/_global/shadowBG.png) 0 0 no-repeat;
    top: 10px;
    left: 10px;
    position: absolute;
    overflow: hidden;
}

.home-banner-sub-content {
    width: 436px;
    height: 270px;
    margin: 10px 0 0 10px;
}

.home-banner-sub-full {
    width: 860px;
    height: 304px;
    background: url(/resources/assets/masamembership.com/img/_global/shadowBG-full.jpg) 0 0 no-repeat;
    top: 40px;
    right: 40px;
    position: absolute;
}

.home-banner-sub-content-full {
    width: 840px;
    height: 270px;
    margin: 10px 0 0 10px;
}

.home-banner-sub-full p {
    color: #FFF;
}

.home-bnr-jquery {
    position: relative;
    width: 940px;
    height: 283px;
    margin: 0 auto;
}

.home-banner-wrap ul {
    list-style: none;
    width: 940px;
    height: 381px;
    background-image: url(/resources/assets/masamembership.com/img/_global/home-preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.home-banner-wrap li {
    width: 940px !important;
    height: 381px !important;
}

.jquery-pager {
    text-align: center;
}

.home-banner-wrap .jquery-pager {
    padding-top: 20px;
}

.jquery-pager a {
    display: inline-block;
    width: 15px;
    height: 15px;
    text-indent: -9999em;
    outline: none;
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -740px -179px no-repeat;
    margin-right: 12px;
}

.jquery-pager .activeSlide {
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -725px -179px no-repeat;
}

.home_video_preload {
    width: 100%;
    height: 100%;
    background: url(/resources/assets/masamembership.com/img/_global/preload-white.gif) center center no-repeat;
}

.big-banner .content_home_video {
    padding-top: 80px !important;
}

.home-bnr-jquery ul {
    list-style: none;
    width: 940px;
    height: 283px;
    margin: 0;
    padding: 0;
}

    .home-bnr-jquery ul li {
        width: 940px !important;
        height: 283px !important;
    }

.home-jquery-content {
    padding-top: 45px;
}

.home-bnr-jquery .home-banner-sub {
    width: 432px;
    height: 270px;
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) 0 -1188px no-repeat;
    top: 13px;
    right: 35px;
    position: absolute;
}

.home-bnr-jquery .home-banner-sub-content {
    width: 404px;
    height: 256px;
    margin: 14px 0 0 14px;
}

.home-banner-bottom {
    width: 404px;
    height: 7px;
    background: url(/resources/assets/masamembership.com/img/_global/jquery-btm-shdw.png) 0 0 no-repeat;
    top: 263px;
    right: 14px;
    position: absolute;
    z-index: 4;
}

.home-bnr-jquery .home-banner-main {
    width: 375px;
    top: 40px;
    left: 45px;
    position: absolute;
}

.home-bnr-jquery .home-banner-sub-full {
    width: 940px;
    height: 283px;
    top: 0;
    left: 0;
    position: absolute;
    background: none;
    margin: 0;
    padding: 0;
}

    .home-bnr-jquery .home-banner-sub-full p {
        top: 0;
        left: 0;
        position: absolute;
        background: none;
        margin: 0;
        padding: 0;
    }

.big-banner #main .flash-main-area, .big-banner .content_full_width {
    padding-top: 0 !important;
}

.home-banner-wrap li.jqslider, .home-bnr-jquery ul li.jqslider {
    display: none;
}

.home-banner-video-sub {
    padding: 10px;
    background: #FFF;
    border: 1px solid #D7D7D7;
    top: 40px;
    right: 40px;
    position: absolute;
}

    .home-banner-video-sub p, .home-banner-video-sub-alt p {
        margin-bottom: 0 !important;
    }

.home-banner-video-sub-alt {
    top: 20px;
    right: 20px;
    position: absolute;
    /* -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); */
}


/*----------------------------*/
/* 8. Sitemap
/*----------------------------*/
#main .sitemap_with_child, #main .sitemap_without_child {
    float: left;
    width: 200px;
    margin-right: 20px;
}

    #main .sitemap_with_child a, #main .sitemap_without_child a {
        color: #666;
        font-weight: bold;
        text-decoration: none;
    }

    #main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {
        font-weight: normal;
        text-decoration: underline;
    }

    #main .sitemap_with_child ul, #main .sitemap_without_child ul {
        list-style: none;
        margin: 0;
        padding: 8px 0 0 0;
    }

    #main .sitemap_with_child ul {
        padding: 0;
    }

        #main .sitemap_with_child ul a {
            text-decoration: none !important;
        }

    #main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {
        text-decoration: underline !important;
    }


/*----------------------------*/
/* 9. Video + 3D Thumbs
/*----------------------------*/
.video-main {
    width: 592px;
    height: 371px;
    float: left;
    background: url(/resources/assets/masamembership.com/img/_global/bg-video.png) 0 0 no-repeat;
    position: relative;
}

.video-frame {
    width: 572px;
    height: 312px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(/resources/assets/masamembership.com/img/_global/preload-white.gif) center center no-repeat;
}

.video-sub {
    width: 305px;
    float: right;
    padding-top: 15px;
}

.three-d-main {
    width: 527px;
    height: 475px;
    float: left;
}

.three-d-sub {
    width: 380px;
    float: right;
    padding-top: 15px;
}

.three-d-wrap {
    padding-bottom: 12px;
}

.video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {
    float: right !important;
}

.video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {
    float: left !important;
}

/*-----------------------------------------------------------------*/
/* 03. Navigation
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. Main Navigation
/*----------------------------*/
#menu-main-nav {
    list-style: none;
    margin: 0;
    padding: 23px 0 0 0;
    list-style: none;
    float: left;
}
    /*Centered the menu bewteen the tool bar and banner, Austin 5/19/2014*/
    #menu-main-nav a {
        outline: none;
    }

    #menu-main-nav li {
        float: left;
        padding: 5px 10px 12px 13px;
        position: relative;
        vertical-align: top;
        height: 1%;
        margin-right: 2px;
    }

    #menu-main-nav ul li {
        background: none !important;
    }

    #menu-main-nav li.parent:hover {
        position: relative;
    }

    #menu-main-nav li.parent li.parent:hover {
        background: none !important;
    }

    #menu-main-nav li.parent li.parent li.parent:hover {
        background: none !important;
    }

    #menu-main-nav li strong {
        text-transform: uppercase;
        display: block;
        font-size: 13px;
        letter-spacing: 0.6px;
        font-weight: bold;
    }

    #menu-main-nav a {
        display: block;
    }

        #menu-main-nav a:hover {
            background-position: 0 0;
            text-decoration: none;
        }

    #menu-main-nav .drop {
        width: 236px;
        padding: 0 1px 0 1px;
        position: absolute;
        left: -1px;
        top: 52px;
        display: none;
        z-index: 999;
    }

    #menu-main-nav .sub-menu {
        display: none;
    }

    #menu-main-nav .drop li.current-menu-item,
    #menu-main-nav .drop li.current_page_ancestor,
    #menu-main-nav .drop li.hover {
        z-index: 10;
    }

    #menu-main-nav .drop .t,
    #menu-main-nav .drop .b {
        height: 10px;
        overflow: hidden;
    }

    #menu-main-nav .drop .c {
        width: 100%;
    }

    #menu-main-nav .drop ul {
        margin: 0;
        padding: 5px 0 8px;
        width: 236px;
        list-style: none;
    }

        #menu-main-nav .drop ul li {
            float: none;
            padding: 0;
            position: relative;
            height: 1%;
            padding: 0 8px;
            background: none;
        }

        #menu-main-nav .drop ul a {
            display: block;
            height: 1%;
            width: 220px;
        }

            #menu-main-nav .drop ul a span {
                display: block;
                padding: 7px 13px;
                height: 1%;
                cursor: pointer;
            }

        #menu-main-nav .drop ul .drop {
            top: 0;
            left: 236px;
        }

            #menu-main-nav .drop ul .drop ul a {
                background: none;
            }

                #menu-main-nav .drop ul .drop ul a span {
                    background: none;
                }

            #menu-main-nav .drop ul .drop ul .drop a,
            #menu-main-nav .drop ul .drop ul .drop a span {
                background: none !important;
            }

    #menu-main-nav li:hover .drop,
    #menu-main-nav li.hover .drop {
        display: block;
    }

        #menu-main-nav li:hover .drop ul .drop,
        #menu-main-nav li.hover .drop ul .drop {
            display: none;
        }

        #menu-main-nav li:hover .drop ul li:hover .drop,
        #menu-main-nav li.hover .drop ul li.hover .drop {
            display: block;
        }

    #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {
        text-decoration: none;
        color: #999;
    }

    #menu-main-nav .drop ul li.current-menu-item ul li a,
    #menu-main-nav .drop ul li.current-menu-item ul li a span,
    #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {
        background: none !important;
    }

/*----------------------------*/
/* 2. Vertical Sub Navigation
/*----------------------------*/
#sub_nav {
    float: left;
    width: 220px;
    float: left;
    background: url(/resources/assets/masamembership.com/img/_global/bg-sidebar.gif) 206px 0 repeat-y;
    padding-bottom: 65px;
    overflow: hidden;
    /*position:fixed;*/
}

    #sub_nav ul a {
        display: block;
        background: url(/resources/assets/masamembership.com/img/_global/separator3.gif) 0 100% repeat-x;
        padding: 4px 0 8px 20px;
        height: 1%;
        position: relative;
        margin: 0 13px 0 0;
        color: #666;
    }

        #sub_nav ul a:hover,
        #sub_nav ul li.current_page_item a {
            margin-right: 0;
            color: #fff;
            text-decoration: none;
        }

    #sub_nav ul ul a {
        background: url(/resources/assets/masamembership.com/img/_global/bullet1.gif) 0 9px no-repeat;
        padding: 4px 0 1px 14px;
    }

        #sub_nav ul ul a:hover {
            text-decoration: underline;
            color: #666;
        }

    #sub_nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #sub_nav ul li {
            vertical-align: top;
            height: 1%;
        }

        #sub_nav ul ul {
            list-style: none;
            margin: 0;
            padding: 0 0 5px 31px;
        }

            #sub_nav ul ul ul {
                padding: 5px 0 9px 23px;
            }

    #sub_nav .sub-menu {
        margin-bottom: 20px;
    }

#main #sub_nav ul {
    margin: 0;
}

    #main #sub_nav ul li {
        margin-bottom: 0;
    }


.nav_right_sub_nav ul li.current_page_item ul li a,
.nav_right_sub_nav ul li.current_page_item ul li a:hover,
.nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a,
.nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover,
.nav_right_sub_nav ul li ul li a,
.nav_right_sub_nav ul li ul li a:hover {
    padding-left: 15px !important;
    margin: 0 0 0 13px !important;
}

.nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a,
#sub_nav li.current-menu-parent ul li.current_page_item a {
    font-weight: bold;
}

.nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {
    font-weight: normal !important;
}

.nav_right_sub_nav {
    float: right !important;
    background: url(/resources/assets/masamembership.com/img/_global/bg-sidebar.gif) 12px 0 repeat-y !important;
}

    .nav_right_sub_nav ul a {
        margin: 0 0 0 13px !important;
    }

        .nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {
            margin-left: 0 !important;
            padding-left: 33px !important;
        }

#sub_nav ul li ul li.current_page_item ul li a {
    font-weight: normal !important;
}



/*----------------------------*/
/* 3. Horizontal Sub Navigation
/*----------------------------*/
#horizontal_nav {
    width: 100%;
    float: left;
    background: url(/resources/assets/masamembership.com/img/_global/separator3.gif) 0 100% repeat-x;
    padding-bottom: 20px;
    margin: -20px 0 30px 0;
}

    #horizontal_nav ul {
        margin: 0 0 0 -25px;
        padding: 0;
        list-style: none;
        height: 1%;
        overflow: hidden;
    }

        #horizontal_nav ul li {
            float: left;
            margin-left: 25px;
        }

    #horizontal_nav ul {
        float: left;
    }

        #horizontal_nav ul a {
            float: left;
            padding: 0 11px 0 0;
            outline: none;
            color: #474747;
            text-decoration: none;
        }

            #horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {
                color: #fff !important;
            }

            #horizontal_nav ul a span {
                float: left;
                padding: 4px 0 4px 13px;
                cursor: pointer;
            }



/*----------------------------*/
/* 4. Top toolbar lists
/*----------------------------*/

.top-block .toolbar-left {
    margin: 0;
    padding: 0;
    float: left;
}

.top-block .toolbar-right {
    margin: 0;
    padding: 0;
    float: right;
}

    .top-block .toolbar-left ul,
    .top-block .toolbar-right ul,
    #footer_bottom ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        overflow: hidden;
    }

        .top-block .toolbar-left ul li,
        .top-block .toolbar-right ul li {
            float: left;
            padding-left: 7px;
        }

    .top-block .toolbar-left a,
    .top-block .toolbar-right a {
        padding-right: 10px;
    }

    .top-block .toolbar-right ul,
    #footer_bottom #foot_right ul {
        float: right;
    }

.toolbar-left a:hover,
.toolbar-right a:hover,
.footer-holder a:hover,
#footer_bottom a:hover {
    color: #FFF;
}

.top-block .toolbar-left ul a,
.top-block .toolbar-right ul a {
    background: url(/resources/assets/masamembership.com/img/_global/separator-toolbar.png) 100% 50% no-repeat;
}

.top-block .toolbar-left ul li:last-child a,
.top-block .toolbar-right ul li:last-child a {
    background: none;
}

/* superfish styles */


.top-block .toolbar-left li a.sf-with-ul {
    padding-right: 12px;
}

.top-block .toolbar-left li li a.sf-with-ul {
    padding-right: 0;
}

.top-block .toolbar-left ul li {
    float: left;
    position: relative;
    z-index: 40;
    margin: 0 4px 0 0;
}

    .top-block .toolbar-left ul li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

        /*  Make sub menus appear */
        .top-block .toolbar-left ul li:hover ul,
        .top-block .toolbar-left ul li.sfHover ul {
            left: -1px;
            top: 23px; /* match top ul list item height */
            z-index: 9999;
        }

        /* Hide all subs */
        .top-block .toolbar-left ul li:hover li ul,
        .top-block .toolbar-left ul li.sfHover li ul,
        .top-block .toolbar-left ul li li:hover li ul,
        .top-block .toolbar-left ul li li.sfHover li ul,
        .top-block .toolbar-left ul li li li:hover li ul,
        .top-block .toolbar-left ul li li li.sfHover li ul {
            top: -9999em;
        }

    /* Displays all subs */
    .top-block .toolbar-left ul li li:hover ul,
    .top-block .toolbar-left ul li li.sfHover ul,
    .top-block .toolbar-left ul li li li:hover ul,
    .top-block .toolbar-left ul li li li.sfHover ul,
    .top-block .toolbar-left ul li li li li:hover ul,
    .top-block .toolbar-left ul li li li li.sfHover ul {
        left: 190px;
        top: -1px;
    }



.top-block .toolbar-left li.current-menu-parent a {
    padding-right: 18px;
}

.top-block .toolbar-left li li a .sf-sub-indicator {
    width: 3px;
    margin-top: 11px;
    right: 10px;
}

.top-block .toolbar-left ul li li.current-menu-item a {
    background: none;
}

.top-block .toolbar-left ul li.sfHover ul a {
}

    .top-block .toolbar-left ul li.sfHover ul a:hover {
    }

/*----------------------------*/
/* 5. Breadcrumbs
/*----------------------------*/
.tools .breadcrumb {
    margin: 0;
    padding: 4px 0 19px 0;
    float: right;
    overflow: hidden;
    font-size: .9em;
    color: #FFF;
}

    .tools .breadcrumb a {
        padding: 0 15px 0 7px;
        background: url(/resources/assets/masamembership.com/img/_global/arrow-right.png) 100% 50% no-repeat;
        margin: 0 0 0 6px;
        color: #FFF;
        outline: none;
    }

        .tools .breadcrumb a:hover {
            color: #CCC;
        }

    .tools .breadcrumb .current_crumb {
        background: url(/resources/assets/masamembership.com/img/_global/arrow-up.png) 50% 100% no-repeat;
        padding: 0 5px 23px 7px;
        font-weight: bold;
    }


/*-----------------------------------------------------------------*/
/* 04. Links
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. General Links
/*----------------------------*/
a {
    outline: none;
}

    a:hover {
        text-decoration: underline;
    }

#header .logo {
    float: left;
    margin-left: 22px;
    outline: none;
}

#header .toolbar-left a, #header .toolbar-right a {
    text-decoration: none;
}

#header .toolbar-left li, #header .toolbar-right li {
    color: #575C60;
}

.footer-holder a, #footer_bottom a {
    text-decoration: none;
    color: #575C60;
}

.callout_button {
    background: #999 url(/resources/assets/masamembership.com/img/_global/global-sprite-gradients.png) 0 0 repeat-x;
    cursor: pointer;
    letter-spacing: .8px;
    color: #333;
    outline: none;
    border: 1px solid #999;
    display: inline-block;
    font-size: 12px !important;
    text-decoration: none;
    margin: 0;
    padding: 6px 10px !important;
}

#footer h3 a {
    color: #FFF !important;
}

.post_title h2 a {
    color: #222 !important;
    text-decoration: none !important;
}

#menu-main-nav a, #sub_nav a, #wrapper .tabset a, #footer_bottom a, .callout_button:hover {
    text-decoration: none;
}



/*----------------------------*/
/* 2. Top Link
/*----------------------------*/
.link-top {
    padding: 3px 0 0 17px;
    background: url(/resources/assets/masamembership.com/img/_global/bg-link-top.gif) 0 7px no-repeat;
    font-size: 11px;
    outline: none;
    margin: -9px 2px 15px 0;
    float: right;
}

#footer_bottom .link-top {
    background: url(/resources/assets/masamembership.com/img/_global/arrow-up-footer.png) 0 8px no-repeat;
    font-weight: bold;
}

    #footer_bottom .link-top, #footer_bottom .link-top:hover {
        color: #FFF !important;
        text-decoration: none !important;
    }

#footer_bottom .top-footer {
    float: right;
    padding: 8px 0 0 12px;
}



/*----------------------------*/
/* 3. Custom Buttons
/*----------------------------*/
.post-edit-link {
    background-color: #F7F6F7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F6F7), to(#DFDBDF));
    background-image: -webkit-linear-gradient(top, #F7F6F7, #DFDBDF);
    background-image: -moz-linear-gradient(top, #F7F6F7, #DFDBDF);
    background-image: -o-linear-gradient(top, #F7F6F7, #DFDBDF);
    background-image: linear-gradient(to bottom, #F7F6F7, #DFDBDF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F7F6F7', endColorstr='#DFDBDF');
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #C7C0C7;
    border-radius: 2px 2px 2px 2px;
    color: #5E5E5E !important;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    left: auto;
    line-height: 1em;
    margin: 0;
    height: auto;
    overflow: visible;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.gold_submit {
    background: url(/resources/assets/masamembership.com/img/_global/gold_button3.png) no-repeat;
    height: 37px;
    width: 267px;
    border: 0px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

    .gold_submit:hover {
        text-decoration: none;
        border: 0;
        display: inline-block;
        cursor: pointer;
        letter-spacing: 1.2px;
    }

.small_submit {
    background: url(/resources/assets/masamembership.com/img/_global/gold_button2.png) no-repeat;
    width: 148px;
}

.ka_button, .ka_button:hover {
    text-decoration: none;
    border: 0;
    display: inline-block;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #DDD !important;
}

    .ka_button span {
        display: block;
    }

.small_button {
    margin: 5px 10px 5px 0;
    padding: 0 21px 0 0;
    font-size: .9em;
    background: transparent url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite.png) 100% -43px no-repeat scroll;
    color: #F4F4F2;
}

    .small_button span {
        margin: 0;
        padding: 16px 0 17px 21px;
        line-height: 10px;
        background: transparent url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite.png) 0 0 no-repeat scroll;
    }


.medium_button {
    margin: 5px 10px 5px 0;
    padding: 0 23px 0 0;
    font-size: 1em;
    background: transparent url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite.png) 100% -136px no-repeat scroll;
    color: #F4F4F2;
}

    .medium_button span {
        margin: 0;
        padding: 19px 0 19px 23px;
        line-height: 12px;
        background: transparent url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite.png) 0 -86px no-repeat scroll;
    }


.large_button {
    margin: 5px 10px 5px 0;
    padding: 0 34px 0 0;
    font-size: 1.1em;
    background: transparent url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite.png) 100% -261px no-repeat scroll;
    color: #F4F4F2;
    border: 0;
    outline: none;
    cursor: pointer;
}

    .large_button span {
        margin: 0;
        padding: 28px 0 33px 33px;
        line-height: 16px;
        background: transparent url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite.png) 0 -186px no-repeat scroll;
        border: 0;
        outline: none;
        cursor: pointer;
    }

/* GOLDEN */
.small_golden, .small_golden span, .medium_golden, .medium_golden span, .large_golden, .large_golden span {
    background-image: url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite-golden.png);
}

/* ROYAL BLUE */
.small_royalblue, .small_royalblue span, .medium_royalblue, .medium_royalblue span, .large_royalblue, .large_royalblue span {
    background-image: url(/resources/assets/masamembership.com/img/_global/bg-buttons-sprite-royalblue.png);
}

/*-----------------------------------------------------------------*/
/* 05. Lists
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. General Lists
/*----------------------------*/
.footer-holder ul {
    margin: 0;
    padding: 0;
    color: #999;
    list-style: none;
}

.footer-holder li {
    margin-bottom: 8px;
}

.search-list {
    margin: 0 0 0 15px;
    padding: 0;
}

    .search-list li {
        margin-bottom: 20px;
    }

.sitemap-list .sub-menu {
    list-style: none;
    margin-left: 10px;
    padding: 10px 0 5px 0;
}

    .sitemap-list .sub-menu li .sub-menu {
        list-style: none;
        margin-left: 15px;
        padding: 10px 0 0 0;
    }

#content ul, .content_full_width ul {
    margin: 0 0 20px 15px;
}

#content ol, .content_full_width ol {
    margin: 0 0 20px 20px;
}

    #content ol li, #content ul li, .content_full_width ol li, .content_full_width ul li {
        margin-bottom: 5px;
    }



/*----------------------------*/
/* 2. Custom List Bullets
/*----------------------------*/
.list {
    margin: 0 !important;
    list-style: none;
    padding: 0 0 20px 0;
}

    .list li {
        padding: 5px 0 0 15px;
        background: 0 11px no-repeat;
        margin-bottom: 5px;
    }

.list2 li {
    background: 0 11px no-repeat;
}

.list3 li {
    margin: 0;
    list-style: none;
    background: 0 11px no-repeat;
}

.list4 li {
    background: 0 11px no-repeat;
    padding-left: 20px;
}

.list5 {
    margin: 0 !important;
    list-style: none;
    padding: 0 0 20px 0;
    color: #CCAC00;
}

    .list5 li {
        padding: 5px 0 0 15px;
        background: 0 11px no-repeat;
        margin-bottom: 5px;
    }



/*----------------------------*/
/* 3. Accordion
/*----------------------------*/
.accordion {
    width: 100%;
    padding: 0 0 20px 0;
    background: none;
}

    .accordion a {
        text-decoration: none;
    }

.opener {
    background: #FFF url(/resources/assets/masamembership.com/img/_global/bg-accordion-opener.jpg) left bottom repeat-x;
    display: block;
    font-size: 13px;
    padding: 8px 9px;
    outline: none;
    color: #676767;
    border: 1px solid #C3C3C3;
    margin-bottom: 3px;
}

    .opener:hover {
        color: #222;
        text-decoration: none;
    }

    .opener strong {
        background: url(/resources/assets/masamembership.com/img/_global/bg-accordion-close.png) 2px 3px no-repeat;
        display: block;
        padding: 2px 0 2px 32px;
        height: 1%;
        cursor: pointer;
        text-shadow: 1px 1px 1px #FFF;
    }

.accordion .slide-holder {
    width: 100%;
    overflow: hidden;
}

.accordion {
    list-style: none;
}

    .accordion .ui-state-active strong {
        background: url(/resources/assets/masamembership.com/img/_global/bg-accordion-open.png) 2px 3px no-repeat !important;
        color: #222;
    }

    .accordion .slide {
        padding: 20px 27px 0 27px;
    }


/*----------------------------*/
/* 4. Tabs
/*----------------------------*/
#wrapper .tabs-area {
    padding: 20px 0 0 0;
}

#wrapper .tabset {
    margin: 0;
    padding: 0 0 18px 23px;
    list-style: none;
    height: 1%;
    overflow: hidden;
}

    #wrapper .tabset li {
        float: left;
        margin-right: 20px;
    }

    #wrapper .tabset a, .ui-state-active a {
        color: #666;
    }

        #wrapper .tabset a:hover, .ui-state-active a span {
            color: #FFF;
        }

    #wrapper .tabset .tab {
        float: left;
        padding: 0 11px 0 0;
        outline: none;
        color: #474747;
    }

    #wrapper .tabset .active, .ui-state-active, .tabset a:hover {
        text-decoration: none;
        color: #FFF;
    }

    #wrapper .tabset .tab span {
        float: left;
        padding: 3px 0 4px 13px;
        cursor: pointer;
    }

#wrapper .tab-box {
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite-gradients.png) 0 -152px repeat-x;
    margin: 0 9px 0 0;
    padding: 30px 27px 0 27px;
}

#wrapper .blog-tab-box {
    margin: 0 9px 0 0;
    padding: 0 0 20px 0;
    width: 100%;
}

#wrapper #blog-tabs .tabset {
    padding: 0 0 15px 0;
    float: right;
}

    #wrapper #blog-tabs .tabset .active a {
        color: #FFF !important;
    }

.ui-tabs .ui-tabs-hide {
    display: none !important;
}


/*-----------------------------------------------------------------*/
/* 06. Typography
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. General Typography
/*----------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin: 0 0 20px 0;
    font-weight: normal;
    color: #222;
}

p, ul, ol {
    color: #666;
}

p {
    font-size: 1.1em;
}

    p strong {
        color: #555;
    }

.colored_box p strong {
    color: #FFF;
}

.fine_print {
    font-size: 0.9em;
}

p {
    margin-bottom: 15px;
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
    color: #0a3065;
}

h2 {
    font-size: 1.3em;
    color: #0a3065;
}

h3 {
    font-size: 1.2em;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
}

h4 {
    font-size: 1.1em;
    color: #0a3065;
    text-transform: uppercase;
    font-weight: 600;
}

h5 {
    font-size: 1em;
    color: #0a3065;
    text-transform: uppercase;
    font-weight: 600;
}

h6 {
    font-size: .9em;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.gold_font {
    color: goldenrod;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
    margin-top: -10px;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
    padding-top: 20px;
}

#main h1 + ul,
#main h2 + ul,
#main h3 + ul,
#main h4 + ul,
#main h5 + ul,
#main h6 + ul,
#main h1 + ol,
#main h2 + ol,
#main h3 + ol,
#main h4 + ol,
#main h5 + ol,
#main h6 + ol {
    margin-top: -5px;
}

#main ul + h1,
#main ul + h2,
#main ul + h3,
#main ul + h4,
#main ul + h5,
#main ul + h6,
#main ol + h1,
#main ol + h2,
#main ol + h3,
#main ol + h4,
#main ol + h5,
#main ol + h6 {
    padding-top: 10px;
}


#main .frame h1 {
    padding-bottom: 15px;
    float: left;
    color: #FFF;
    margin: 3px 0 0;
}

.top-block p {
    font-size: 1.1em;
    color: #CCC;
    margin: 0;
    padding: 0;
}

#sidebar h2 {
    padding-bottom: 5px;
    font-size: 12px;
}

#main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {
    padding-bottom: 10px !important;
}

.home-bnr-jquery .home-banner-main h2, .home-bnr-jquery .home-banner-main p {
    color: #FFF !important;
}


.home-banner-main p {
    font-size: 1.1em;
    line-height: 21px;
}

.sitemap-last p {
    line-height: 25px;
}

.search-title {
    color: #000;
    font-size: 1.9em;
}

#content .sub-box3 .cols-holder {
    padding: 41px 0 0;
}

#header .custom-logo {
    float: left;
    margin-left: 12px;
    outline: none;
    text-decoration: none;
}

    #header .custom-logo .logo-text {
        font-weight: 700;
        font-size: 2em;
        letter-spacing: -.5px;
        color: #FFF;
        padding-left: 7px;
        word-spacing: 4px;
    }

    #header .custom-logo img {
        margin-bottom: -17px;
    }

/*----------------------------*/
/* 3. Message Boxes
/*----------------------------*/
.message_green, .message_red, .message_blue, .message_yellow {
    color: #333;
    padding: 20px 20px 20px 60px;
    margin: 0 0 20px 0;
}

.message_green {
    background: #DFE9B7 url(/resources/assets/masamembership.com/img/_global/ico1.gif) 20px center no-repeat;
    border: 1px solid #BAC398;
}

.message_red {
    background: #F5DCD8 url(/resources/assets/masamembership.com/img/_global/ico2.gif) 20px center no-repeat;
    border: 1px solid #CDBFBE;
}

.message_blue {
    background: #DAE6F2 url(/resources/assets/masamembership.com/img/_global/ico3.gif) 20px center no-repeat;
    border: 1px solid #BDC4CA;
}

.message_yellow {
    background: #F8F2B6 url(/resources/assets/masamembership.com/img/_global/ico4.gif) 20px center no-repeat;
    border: 1px solid #D8D4B7;
}

.textwidget .message_green,
.textwidget .message_red,
.textwidget .message_blue,
.textwidget .message_yellow {
    background-position: 20px 25px;
}

.message_green a {
    font-weight: bold;
    color: #66B500;
}

.message_red a {
    font-weight: bold;
    color: #CB2A19;
}

.message_blue a {
    font-weight: bold;
    color: #0092F5;
}

.message_yellow a {
    font-weight: bold;
    color: #A58100;
}

.colored_box {
    color: #FFF;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 13px;
    width: auto;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

    .colored_box p {
        color: #FFF;
    }

/* GOLDEN */
.message_karma_golden {
    background: #80570C url(/resources/assets/masamembership.com/img/_global/global-sprite-color-boxes.png) 0 -1600px repeat-x;
}

    .message_karma_golden a {
        color: #D3C87B !important;
    }

/* ROYAL BLUE */
.message_karma_royalblue {
    background: #182947 url(/resources/assets/masamembership.com/img/_global/global-sprite-color-boxes.png) 0 -4400px repeat-x;
}

    .message_karma_royalblue a {
        color: #7D92B9 !important;
    }

/*----------------------------*/
/* 4. Footer
/*----------------------------*/
#footer p, #footer_bottom p {
    margin: 0;
}

#footer, #footer_bottom {
    color: #575C60;
}

    #footer h3 {
        text-transform: uppercase;
        color: #fff;
        display: block;
        font-size: 13px;
        letter-spacing: 0.5px;
        border-bottom: 1px solid #3E4055;
        padding-bottom: 7px;
        margin-bottom: 16px;
        font-weight: bold;
    }

    #footer .footer_post h4, #footer .footer_post h4 a {
        text-transform: uppercase;
        color: #fff;
        display: block;
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    #footer .footer_post h4 {
        padding-bottom: 3px;
        margin: 0;
    }

    #footer_bottom ul li {
        float: left;
        margin: 0 4px 0 -4px;
        padding: 0 9px;
    }



/*----------------------------*/
/* 5. Callouts
/*----------------------------*/
.callout-wrap {
    float: left;
    width: 100%;
    padding-top: 20px;
    background: url(/resources/assets/masamembership.com/img/_global/separator3.gif) 0 0 repeat-x;
    margin: 10px 0 30px 0;
}

    .callout-wrap span {
        padding-bottom: 25px;
        background: url(/resources/assets/masamembership.com/img/_global/separator3.gif) left bottom repeat-x;
        color: #222;
        font-size: 1.5em;
        line-height: 28px;
        display: block;
    }

.callout2 {
    color: #222;
    font-size: 1.5em;
    line-height: 28px;
}


/*-----------------------------------------------------------------*/
/* 07. Blog
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* 08. Forms
/*-----------------------------------------------------------------*/

input, textarea, select {
    vertical-align: middle;
    font-size: 100%;
}

textarea, input {
    font-size: 1em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.tools input, .tools textarea, .tools select {
    color: #fff;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

.tools .search-form {
    float: right;
    width: 168px;
    margin: -2px 0 0 35px;
}

    .tools .search-form .text, #footer .search-form .text {
        display: block;
        overflow: hidden;
        height: 20px;
        padding: 8px 0 0 7px;
    }

        .tools .search-form .text input, #footer .search-form .text input {
            width: 120px;
            background: none;
            border: 0;
            padding: 0;
            margin: -2px 0 0 20px;
            float: left;
        }

        .tools .search-form .text .searchsubmit, #footer .search-form .text .searchsubmit {
            font-size: 0;
            line-height: 0;
            text-indent: -9999px;
            width: 15px;
            height: 17px;
            margin: -15px 8px 0 0;
            cursor: pointer;
        }

#footer .search-form {
    float: left;
    width: 168px;
    margin: 0;
}

    #footer .search-form .s {
        color: #FFF;
    }

.contact-form input, .contact-form textarea {
    padding: 8px !important;
}

.textwidget input[type='text'], .textwidget textarea {
    width: 100% !important;
}

.contact-form {
    padding-top: 15px;
}

    .contact-form .clear-form {
        clear: both;
    }

    .contact-form input[type='text'] {
        width: 300px;
        margin-bottom: 13px;
    }

    .contact-form select {
        margin-bottom: 13px;
    }

    .contact-form textarea {
        width: 430px;
        height: 150px;
        float: none;
        margin-bottom: 13px;
    }

    .contact-form input[type='radio'], .contact-form input[type='checkbox'] {
        float: none;
        margin-bottom: 13px;
    }

    .contact-form label {
        margin-bottom: 3px;
        float: none;
        font-weight: bold;
        display: block;
        font-weight: bold;
        color: #555;
    }

        .contact-form label.checkbox, .contact-form label.radio {
            margin-bottom: 3px;
            float: none;
            font-weight: bold;
            display: inline-block;
        }

        .contact-form label span {
            font-size: 11px;
            color: #999;
            font-weight: normal;
            font-style: italic;
        }

        .contact-form label.checkbox, .contact-form label.radio {
            font-weight: normal;
            margin-bottom: 8px;
        }

    #ka-submit, .ka-form-submit, .contact-form .ka-form-submit {
        border: 0;
        margin: 0;
        padding: 10px 15px !important;
        background: #040404 url(/resources/assets/masamembership.com/img/_global/global-sprite-gradients.png) 0 -46px repeat-x;
        cursor: pointer;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #DDD;
        outline: none;
        border: 1px solid #000;
        display: block;
    }


#footer .footer-holder .contact-form textarea {
    height: 60px !important;
    padding: 6px !important;
    width: 200px !important;
}

#footer .footer-holder .contact-form input {
    padding: 6px !important;
    width: 100px !important;
}

    #footer .footer-holder .contact-form input[type="text"] {
        padding: 6px !important;
        width: 200px !important;
    }

#sidebar .contact-form input[type="text"] {
    margin-bottom: 6px !important;
    width: 126px !important;
}

#sidebar .contact-form textarea {
    margin-bottom: 6px !important;
    width: 146px !important;
    height: 80px !important;
}


/*-----------------------------------------------------------------*/
/* 09. Images
/*-----------------------------------------------------------------*/

/*----------------------------*/
/* 1. General
/*----------------------------*/
img, img a {
    border: 0;
}

.attachment-fadeIn, .attachment-post-thumbnail {
    display: none;
}

img a, a img {
    cursor: pointer;
}


/*----------------------------*/
/* 2. Modern Frames
/*----------------------------*/
/* preloading */
.modern_preload_full, .modern_preload_regular, .modern_preload_small, .modern_preload_two_col_large, .modern_preload_two_col_small, .modern_preload_three_col_large, .modern_preload_three_col_small, .modern_preload_portrait_full, .preload_single_large_square, .preload_two_col_large_square, .preload_three_col_large_square, .preload_four_col_large_square {
    background: url(/resources/assets/masamembership.com/img/_global/preload.gif) center center no-repeat;
    margin: 8px 0 0 9px;
    float: left;
}

.modern_preload_four_col_small, .modern_preload_four_col_large, .modern_preload_portrait_thumb {
    background: url(/resources/assets/masamembership.com/img/_global/preload-small.gif) center center no-repeat !important;
    margin: 8px 0 0 9px;
    float: left;
}


.modern_preload_full, .shadow_preload_full {
    width: 922px;
    height: 201px;
    max-width: 922px;
    max-height: 201px;
}

.modern_preload_portrait_full, .shadow_preload_portrait_full {
    width: 612px;
    height: 792px;
    max-width: 612px;
    max-height: 792px;
}

.modern_preload_portrait_thumb, .shadow_preload_portrait_thumb {
    width: 275px;
    height: 355px;
    max-width: 275px;
    max-height: 355px;
}

.modern_preload_regular, .shadow_preload_regular {
    width: 703px;
    height: 201px;
    max-width: 703px;
    max-height: 201px;
}

.modern_preload_small, .shadow_preload_small {
    width: 493px;
    height: 201px;
    max-width: 493px;
    max-height: 201px;
}

.modern_preload_two_col_large, .shadow_preload_two_col_large {
    width: 437px;
    height: 234px;
    max-width: 437px;
    max-height: 234px;
}

.modern_preload_two_col_small, .shadow_preload_two_col_small {
    width: 324px;
    height: 180px;
    max-width: 324px;
    max-height: 180px;
}

.modern_preload_three_col_large, .shadow_preload_three_col_large {
    width: 275px;
    height: 145px;
    max-width: 275px;
    max-height: 145px;
}

.modern_preload_three_col_small, .shadow_preload_three_col_small {
    width: 202px;
    height: 113px;
    max-width: 202px;
    max-height: 113px;
}

.modern_preload_four_col_large, .shadow_preload_four_col_large {
    width: 190px;
    height: 111px;
    max-width: 190px;
    max-height: 111px;
}

.modern_preload_four_col_small, .shadow_preload_four_col_small {
    width: 135px;
    height: 76px;
    max-width: 135px;
    max-height: 76px;
}

.modern_preload_full img, .shadow_preload_full img {
    max-width: 922px;
    max-height: 201px;
}

.modern_preload_portrait_full img, .shadow_preload_portrait_full img {
    max-width: 612px;
    max-height: 792px;
}

.modern_preload_portrait_thumb img, .shadow_preload_portrait_thumb img {
    max-width: 275px;
    max-height: 355px;
}

.modern_preload_regular img, .shadow_preload_regular img {
    max-width: 703px;
    max-height: 201px;
}

.modern_preload_small img, .shadow_preload_small img {
    max-width: 493px;
    max-height: 201px;
}

.modern_preload_two_col_large img, .shadow_preload_two_col_large img {
    max-width: 437px;
    max-height: 234px;
}

.modern_preload_two_col_small img, .shadow_preload_two_col_small img {
    max-width: 324px;
    max-height: 180px;
}

.modern_preload_three_col_large img, .shadow_preload_three_col_large img {
    max-width: 275px;
    max-height: 145px;
}

.modern_preload_three_col_small img, .shadow_preload_three_col_small img {
    max-width: 202px;
    max-height: 113px;
}

.modern_preload_four_col_large img, .shadow_preload_four_col_large img {
    max-width: 190px;
    max-height: 111px;
}

.modern_preload_four_col_small img, .shadow_preload_four_col_small img {
    max-width: 135px;
    max-height: 76px;
}


.preload_single_large_square {
    width: 704px;
    height: 682px;
}

.preload_two_col_large_square {
    width: 437px;
    height: 416px;
}

.preload_three_col_large_square {
    width: 275px;
    height: 262px;
}

.preload_four_col_large_square {
    width: 190px;
    height: 180px;
}



.modern_img_frame {
    background: url(/resources/assets/masamembership.com/img/_global/image-frame-sprite-2.png) 0px 0px no-repeat;
    margin-bottom: 6px;
}

.square_img_frame {
    background: url(/resources/assets/masamembership.com/img/_global/image-frame-sprite-square.png) 0px 0px no-repeat;
    margin-bottom: 6px;
}


/* portraits */
.modern_portrait_full {
    width: 630px;
    height: 836px;
    background: url(/resources/assets/masamembership.com/img/_global/image-frame-portrait-modern.png) 0px 0px no-repeat !important;
    margin-bottom: 6px;
}

.modern_portrait_thumb {
    width: 293px;
    height: 389px;
    background: url(/resources/assets/masamembership.com/img/_global/image-frame-portrait-modern.png) -631px 0px no-repeat !important;
    margin-bottom: 6px;
    max-width: 293px;
    max-height: 389px;
}

/* banners */
.modern_banner_full {
    width: 940px;
    height: 245px;
    background-position: -3px -857px !important;
}

.modern_banner_regular {
    width: 720px;
    height: 240px;
    background-position: 0px -1354px !important;
}

.modern_banner_small {
    width: 510px;
    height: 240px;
    background-position: -5px -1844px !important;
    max-width: 510px;
    max-height: 240px;
}

/* 2 cols */
.modern_two_col_large {
    width: 455px;
    height: 272px;
    background-position: 0px 0px !important;
    max-width: 455px;
    max-height: 272px;
}

.modern_two_col_small {
    width: 342px;
    height: 217px;
    background-position: -5px -630px !important;
}

/* 3 cols */
.modern_three_col_large {
    width: 293px;
    height: 179px;
    background-position: -1px -279px !important;
    max-width: 293px;
    max-height: 179px;
}

.modern_three_col_small {
    width: 220px;
    height: 144px;
    background-position: -224px -465px !important;
    max-width: 220px;
    max-height: 144px;
}

/* 4 cols */
.modern_four_col_large {
    width: 208px;
    height: 140px;
    background-position: -2px -465px !important;
    max-width: 208px;
    max-height: 140px;
}

.modern_four_col_small {
    width: 152px;
    height: 102px;
    background-position: -302px -300px !important;
    max-width: 152px;
    max-height: 102px;
}



/*----------------------------*/
/* 3. Shadow Frames
/*----------------------------*/
/* preloading */
.shadow_preload_full, .shadow_preload_regular, .shadow_preload_small, .shadow_preload_two_col_large, .shadow_preload_two_col_small, .shadow_preload_three_col_large, .shadow_preload_three_col_small, .shadow_preload_portrait_full {
    background: url(/resources/assets/masamembership.com/img/_global/preload-white.gif) center center no-repeat;
    margin: 6px 0 0 6px;
    float: left;
}

.shadow_preload_four_col_small, .shadow_preload_four_col_large, .shadow_preload_portrait_thumb {
    background: url(/resources/assets/masamembership.com/img/_global/preload-small-white.gif) center center no-repeat !important;
    margin: 6px 0 0 6px;
    float: left;
}


.shadow_img_frame {
    background: url(/resources/assets/masamembership.com/img/_global/image-frame-sprite-2.png) 0px 0px no-repeat;
    margin-bottom: 6px;
}

/* portraits */
.shadow_portrait_full {
    width: 624px;
    height: 829px;
    max-width: 624px;
    max-height: 829px;
    background: url(/resources/assets/masamembership.com/img/_global/image-frame-portrait-shadow.png) 0px 0px no-repeat;
    margin-bottom: 6px;
}

.shadow_portrait_thumb {
    width: 293px;
    height: 392px;
    max-width: 293px;
    max-height: 392px;
    background: url(/resources/assets/masamembership.com/img/_global/image-frame-portrait-shadow.png) -625px 0px no-repeat;
    margin-bottom: 6px;
}

/* banners */
.shadow_banner_full {
    width: 934px;
    height: 238px;
    max-width: 934px;
    max-height: 238px;
    background-position: -5px -1102px !important;
}

.shadow_banner_regular {
    width: 715px;
    height: 238px;
    max-width: 715px;
    max-height: 238px;
    background-position: -5px -1594px !important;
}

.shadow_banner_small {
    width: 505px;
    height: 238px;
    max-width: 505px;
    max-height: 238px;
    background-position: -519px -1844px !important;
}

/* 2 cols */
.shadow_two_col_large {
    width: 449px;
    height: 271px;
    max-width: 449px;
    max-height: 271px;
    background-position: -457px -1px !important;
}

.shadow_two_col_small {
    width: 336px;
    height: 215px;
    max-width: 336px;
    max-height: 215px;
    background-position: -365px -632px !important;
}

/* 3 cols */
.shadow_three_col_large {
    width: 287px;
    height: 180px;
    max-width: 287px;
    max-height: 180px;
    background-position: -628px -273px !important;
}

.shadow_three_col_small {
    width: 214px;
    height: 147px;
    width: 214px;
    max-height: 147px;
    background-position: -478px -454px !important;
}

/* 4 cols */
.shadow_four_col_large {
    width: 202px;
    height: 144px;
    max-width: 202px;
    max-height: 144px;
    background-position: -713px -454px !important;
}

.shadow_four_col_small {
    width: 147px;
    height: 107px;
    max-width: 147px;
    max-height: 107px;
    background-position: -470px -273px !important;
}


/*-----------------------------------------------------------------*/
/* 10. Miscellaneous
/*-----------------------------------------------------------------*/

.hr, .hr_top_link {
    border: 0;
    height: 2px;
    width: 100%;
    background: url(/resources/assets/masamembership.com/img/_global/separator3.gif) 0 0 repeat-x;
    margin: 1.6em 0;
}

.hr_top_link {
    margin-bottom: 1em;
}

.hr_shadow {
    border: 0;
    height: 20px;
    width: 720px;
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite-dividers.png) 0 -20px no-repeat;
    margin: 15px 0 22px 0;
}

.content_full_width .hr_shadow {
    width: 980px;
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite-dividers.png) 0 0 no-repeat !important;
}

.content_sidebar .hr_shadow {
    width: 510px;
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite-dividers.png) 0 -40px no-repeat !important;
}

table {
    font-size: 1.2em;
}

    table td, table th {
        padding: 6px;
    }

#footer .contact-form label {
    color: #FFF;
}

/*----------------------------*/
/* 3. Defaults
/*----------------------------*/
.entry-content img {
    margin: 0 0 10px 0;
}

.alignleft, img.alignleft {
    margin-right: 10px;
    display: inline;
    float: left;
}

.alignright, img.alignright {
    margin-left: 10px;
    display: inline;
    float: right;
}

.aligncenter, img.aligncenter {
    margin: 0 auto;
    display: block;
    clear: both;
}

.wp-caption {
    margin-bottom: 10px;
    text-align: center;
    padding-top: 5px;
}

    .wp-caption img {
        border: 0 none;
        padding: 0;
        margin: 0;
    }

    .wp-caption p.wp-caption-text {
        line-height: 1.5;
        font-size: 10px;
        margin: 0;
    }

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

.sticky {
}

.gallery-caption {
}

/*----------------------------*/
/* 7. Social Media
/*----------------------------*/
.social_icons {
    list-style: none;
}

    .social_icons li {
        float: left;
        width: 32px;
        height: 32px;
        margin: 0 12px 12px 0;
        padding: 0;
    }

    .social_icons a {
        float: left;
        width: 32px;
        height: 32px;
        display: block;
        border: 0;
        text-decoration: none;
        outline: none;
        text-indent: -9999em;
    }

    .social_icons .rss {
        background: url(/resources/assets/masamembership.com/img/_global/feed-sprite.png) no-repeat;
    }

    .social_icons .twitter {
        background: url(/resources/assets/masamembership.com/img/_global/twitter-sprite.png) no-repeat;
    }

    .social_icons .facebook {
        background: url(/resources/assets/masamembership.com/img/_global/facebook-sprite.png) no-repeat;
    }

    .social_icons .flickr {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -893px -27px no-repeat;
    }

    .social_icons .youtube {
        background: url(/resources/assets/masamembership.com/img/_global/yt-sprite.png) no-repeat;
    }

    .social_icons .linkedin {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -964px -27px no-repeat;
    }

    .social_icons .foursquare {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -1000px -27px no-repeat;
    }

    .social_icons .delicious {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -1035px -27px no-repeat;
    }

    .social_icons .digg {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -1071px -27px no-repeat;
    }

    .social_icons .email {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -1143px -27px no-repeat;
    }

    .social_icons .google {
        background: url(/resources/assets/masamembership.com/img/_global/gplus-sprite.png) no-repeat;
    }


/*----------------------------*/
/* 9. Testimonials Slider
/*----------------------------*/
.testimonials, .testimonials_static {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .testimonials blockquote, .content_full_width .testimonials_static blockquote {
        padding: 10px 5px 0 5px !important;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 14px;
        color: #808080;
        font-style: italic;
        display: block;
    }

#content .testimonials blockquote, #content .testimonials_static blockquote {
    padding: 20px 0 0 60px;
    width: 590px;
}

.testimonials blockquote p, .testimonials_static p {
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
    line-height: 22px;
}

.testimonials blockquote cite, .testimonials_static blockquote cite {
    font-style: normal;
    display: block;
    text-align: right;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #555;
    padding-right: 6px;
    font-family: Arial, Helvetica, sans-serif;
}

.testimonial-pager {
    width: 100%;
    text-align: center;
    padding-top: 18px;
}

    .testimonial-pager a {
        display: inline-block;
        width: 12px;
        height: 12px;
        text-indent: -9999em;
        outline: none;
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -737px -197px no-repeat;
        margin-right: 10px;
    }

    .testimonial-pager .activeSlide {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -725px -197px no-repeat;
    }

.generic-pager {
    width: 100%;
    text-align: center;
    padding-top: 18px;
}

    .generic-pager a {
        display: inline-block;
        width: 12px;
        height: 12px;
        text-indent: -9999em;
        outline: none;
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -737px -197px no-repeat;
        margin-right: 10px;
    }

    .generic-pager .activeSlide {
        background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -725px -197px no-repeat;
    }


#content .post_content .testimonials blockquote, #content .post_content .testimonials_static blockquote {
    padding: 20px 0 0 40px;
    width: 530px;
}

.content_right_sidebar .testimonials blockquote, .content_right_sidebar .testimonials_static blockquote {
    padding: 20px 0 0 40px !important;
    width: 410px !important;
}

#main .post_content .testimonials p {
    padding: 0 20px 10px 0 !important;
}

#main .post_content .testimonials blockquote {
    padding: 26px 0 0 40px !important;
}


/*-----------------------------------------------------------------*/
/* 13. Progressive CSS Enhancements
/*-----------------------------------------------------------------*/
.message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials, .colored_box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#ka-submit, .ka-form-submit {
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
}

#footer #ka-submit, #footer .ka-form-submit {
    -moz-box-shadow: 1px 1px 3px #111;
    -webkit-box-shadow: 1px 1px 3px #111;
    box-shadow: 1px 1px 3px #111;
}

#mc_signup #mc_signup_submit, .callout_button {
    -moz-box-shadow: 1px 1px 3px #222;
    -webkit-box-shadow: 1px 1px 3px #222;
    box-shadow: 1px 1px 3px #222;
}

#menu-main-nav li.parent:hover {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

h1, h2, h3, h4, h5, h6 {
    text-shadow: 1px 1px 1px #FFF;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, .frame h1 {
    text-shadow: none;
}

.home-bnr-jquery .home-banner-main h2, .logo-text {
    text-shadow: 1px 1px 1px #222;
}

/*-----------------------------------------------------------------*/
/* 18. Responsive Design
/*-----------------------------------------------------------------*/
#tt-mobile-menu-list {
    display: none;
}

    #tt-mobile-menu-list,
    #tt-mobile-menu-list .navi-description,
    #tt-mobile-menu-list > .menu-item > .sub-menu {
        display: block;
    }

        #tt-mobile-menu-list .navi-description {
            display: none !important;
        }
/*
- All responsive CSS is located in: /css/_mobile.css
- File was separated to allow for disabling of responsive-ness
*/

/*-----------------------------------------------------------------*/
/* 19. New CSS to be organized
/*-----------------------------------------------------------------*/
#menuAgent {
    padding-bottom: 25px;
    min-height: 300px;
}

    #menuAgent li {
        margin-top: 4px;
    }

    #menuAgent ul {
        margin-left: -5px;
        list-style-type: none;
    }

    #menuAgent .ka_button {
        margin-bottom: -5px;
        width: 217px;
        text-align: center;
    }

.agent_info {
    font-size: 16px;
}

.agent_name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

a {
    cursor: pointer;
}

.profile_links {
    font-size-adjust: 0.58;
}

.button_bold {
    font-weight: bold;
}

.errorMessage {
    color: #ef4b4b !important;
    font-weight: bold !important;
    text-align: center;
    font-size: 17px !important;
    height: 60px;
    max-height: 60px;
}

.formSelect {
    height: 30px;
    font-family: "Arial", sans-serif;
    font-size: 14.4px;
    display: block;
    width: 100% !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.formSelectAuto {
    height: 30px;
    margin-right: 5px;
    font-family: "Arial", sans-serif;
    font-size: 14.4px;
}

.inputLabel {
    font-family: "Arial", sans-serif;
    font-size: 14.4px;
}

.formInput {
    height: 26px !important;
    padding: 0px !important;
    font-family: "Arial", sans-serif;
    font-size: 14.4px;
    display: block;
    width: 99% !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.formHalf {
    border-right: 1px solid #666;
    margin-left: -5px;
}

#app_benefitZip, #app_mailingZip, #app_billingZip {
    width: 15%;
}

#app_benefitState, #app_mailingState, #app_billingState {
    width: 40%;
}

.formHeader {
    font-weight: bold;
    text-transform: none !important;
    font-family: "Arial", sans-serif;
    margin-bottom: 5px !important;
    margin-top: 15px;
}

.formNote {
    font-family: "Arial", sans-serif;
}

.applicationHeader {
    width: 130px;
}

.applicationHeader2 {
    width: 320px;
}

.redFailed {
    background: #FFF url(/resources/assets/masamembership.com/img/_global/bg-accordion-opener-failed.png) left bottom repeat-x !important;
}

.yellowPartial {
    background: #FFF url(/resources/assets/masamembership.com/img/_global/bg-accordion-opener-partial.png) left bottom repeat-x !important;
}

.greenNew {
    background: #FFF url(/resources/assets/masamembership.com/img/_global/bg-accordion-opener-new.png) left bottom repeat-x !important;
}

.rowHeader {
    font-weight: bold;
    font-size: 115%;
}

.rowDetail {
    padding-bottom: 30px;
}

.opener:hover {
    box-shadow: 0 0 10px #1c447a;
}

.appID {
    display: none;
}

.productContainerHalves {
    width: 465px;
}

.productContainerThirds {
    width: 305px;
}

.productLeft, .productCenter {
    margin-right: 10px;
}

.productTile {
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    margin-top: 26px;
    background: #e8e8e8;
    -webkit-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    -moz-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
}

.productTileClose {
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    margin-top: 26px;
    width: 255px;
    height: 350px;
    background: #e8e8e8;
    -webkit-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    -moz-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
}

    .productTileClose .productLeft {
        padding-right: 0px !important;
    }

    .productTileClose .productLeft {
        float: none !important;
    }

.productClose {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    height: 400px;
}

.productCenter {
    float: left;
}

.productPrice {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 22px;
    display: block;
    text-align: center;
}

@media only screen and (min-width:1024px) {
    .productLeft {
        float: left;
    }

    .productRight {
        float: right;
    }

    .productOnly {
        width: 450px !important;
    }
}

@media only screen and (max-width:1023px) and (min-width:400px) {
    .productTile {
        height: 400px !important;
    }

    .productLeft {
        margin: auto;
        padding-bottom: 20px;
    }

    .productCenter {
        margin: auto;
        padding-bottom: 20px;
        width: auto !important;
        float: none;
    }

    .productRight {
        margin: auto;
        padding-bottom: 20px;
    }

    .productOnly {
        width: 280px !important;
    }
}

@media only screen and (max-width:400px) {
    .productLeft {
        float: left;
    }

    .productTile {
        height: 400px !important;
    }

    .productRight {
        float: left;
    }

    .productOnly {
        width: 280px !important;
    }
}

.productHeader {
    font-family: 'Arial', sans-serif;
    font-size: 32px;
    font-weight: bold;
    display: block;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 20px;
}

.productSub {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    display: block;
    text-align: center;
    width: auto;
    margin: auto;
}

.productCard {
    width: 150px;
    display: block;
    margin: auto;
    padding: 20px;
}

.productButton {
    width: 90% !important;
    margin: auto;
    margin-top: 15px !important;
}

    .productButton > a {
        text-decoration: none;
    }

@media only screen and (min-width:1023px) {
    .productOnly > .productButton {
        width: 60% !important;
    }
}

.productLink {
    color: #3b3b3b;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    display: block;
    margin: auto;
    line-height: 35px;
    text-decoration: none;
}

.noLineHeight {
    line-height: 0px !important;
}

#coverageSection h1 {
    text-align: center;
}

#coverageSection table {
    padding: 0 30px 0px 20px;
}

#coverageSection span {
    font-style: italic;
    font-size: 70%;
    color: #ff0000;
}

#coverageSection {
    margin-bottom: 15px;
    margin-top: 0;
}

.frequencyBox {
    padding-bottom: 10px;
}

.familyLabel {
    font-size: 16px;
    text-decoration: underline;
    color: #3c74d8;
    cursor: pointer;
}

.paymentForm {
    width: 100%
}

.paymentMemberInfo {
    float: left;
    width: 48%;
}

.paymentOtherInfo {
    float: right;
    width: 48%;
}

@media only screen and (max-width:900px) {
    .paymentForm {
        width: 90%;
        margin: auto;
    }

        .paymentForm input {
            height: 36px !important;
            width: 100% !important;
        }

        .paymentForm select {
            height: 40px !important;
        }

        .paymentForm .formRadio, .paymentForm #autoRenew, .paymentForm #app_diffMailing {
            width: 40px !important;
        }

        .paymentForm .familyLabel {
            font-size: 22px;
        }
}

.familyLabel:hover {
    color: #26457d;
}

.dateSelection {
    display: table;
    width: 100%;
}

.dateHolder {
    display: table-row;
}

.datePart {
    display: table-cell;
    padding-right: 5px;
}

.dateSelectDay {
    min-width: 56px !important;
    width: 15%;
}

.dateSelectMonth {
    max-width: 70%;
}

.dateSelectYear {
    min-width: 65px !important;
    width: 15%;
    padding-right: 0 !important;
}

.dateSelect {
    width: 100%;
}

.amountDue {
    font-size: 14px;
    color: #0a3065;
    font-weight: bold;
}

.amountTotal {
    font-size: 16px;
    color: red;
    padding-top: 2px;
}

.amountUnselected {
    display: none;
}

.amountContainer {
    padding-bottom: 20px;
}

#app_mailingCountry, #app_billingCountry {
    width: 94%;
    margin-bottom: 5px;
}

.formSelect:focus, .formInput:focus, #matchAddress:focus, #matchAddress2:focus, #autoRenew:focus, .formRadio:focus,
.formSelectAuto:focus, .formRadio:focus {
    outline: none;
    border-color: rgba(23, 83, 165, 0.75);
    box-shadow: 0 0 5px #0a3065;
}

.formSingleMember > .formHeader {
    margin-top: 51px !important;
}

.formFamilyMember > .formHeader {
    margin-top: 34px !important;
}


.depBox {
    background-color: rgba(6, 29, 61, 0.48);
}

.app_info {
    font-size: 14px;
}

.reportTable {
    font-size: 12px;
}

.submitLoading {
    background: url(/resources/assets/masamembership.com/img/_global/load.gif) no-repeat !important;
    background-position: center center;
    width: 32px;
    height: 35px;
    margin: auto;
    margin-top: 6px;
    margin-bottom: 6px;
}

.linkButtonLoading {
    background: url(/resources/assets/masamembership.com/img/_global/load.gif) no-repeat !important;
    background-position: center center;
}

.linkInput {
    height: 25px;
    font-size: 14px;
    width: 65%;
}

.contentNav {
    /*margin-left:240px !important;*/
}

.shadowFrameSmall {
    outline: 1px solid #dcdddb;
    border: 5px solid #ffffff;
    box-shadow: 0 15px 25px -15px #171717;
    -moz-box-shadow: 0 15px 25px -15px #171717;
    -webkit-box-shadow: 0 15px 25px -15px #171717;
}

.shadowFrameMedium {
    outline: 1px solid #dcdddb;
    border: 5px solid #ffffff;
    box-shadow: 0 35px 30px -30px #171717;
    -moz-box-shadow: 0 35px 30px -30px #171717;
    -webkit-box-shadow: 0 35px 30px -30px #171717;
}

.productButtonSmall {
    width: 115px !important;
}

@media print {
    .no-print {
        display: none !important;
    }
}

.thirdPartyIDEntry {
    padding-top: 50px;
    width: 275px;
    margin: auto;
}

.thirdPartyIDInput {
    margin-bottom: 5px;
    width: 262px;
}

.taxAdded {
    font-size: 13px;
    margin-left: 10px;
    text-transform: none;
}

.downloadTile {
    background: #e8e8e8;
    margin-bottom: 50px !important;
    min-height: 268px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(77,77,77,0.7);
    -moz-box-shadow: 0px 2px 2px 0px rgba(77,77,77,0.7);
    box-shadow: 0px 2px 2px 0px rgba(77,77,77,0.7);
}

.downloadContainer {
    min-height: 300px !important;
    padding-bottom: 50px !important;
}

.downloadThumb {
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: middle;
}

.downloadButton {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
    width: 42%;
    vertical-align: bottom;
    background: #1D4E8F;
    -webkit-box-shadow: 1px 2px 1px 0px rgba(77,77,77,0.7);
    -moz-box-shadow: 1px 2px 1px 0px rgba(77,77,77,0.7);
    box-shadow: 1px 2px 1px 0px rgba(77,77,77,0.7);
}

.downloadLinks {
    display: inline-block;
    width: 100%;
    color: #fff !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-decoration: none;
}

    .downloadLinks:hover {
        text-decoration: none;
        color: #fede3f !important;
    }

.downloadThumbContainer {
    max-width: 220px;
    height: 178px;
    text-align: center;
    white-space: nowrap;
}

.downloadThumbHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.downloadCenteredContainer {
    text-align: center;
    min-height: 44px;
}

.downloadName {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.downloadCategory {
    text-align: center;
    font-style: italic;
    margin-bottom: 5px;
}

.downloadSection {
    display: inline-block;
    margin-bottom: 2px;
    width: 120px;
    background: #1D4E8F;
    text-align: center;
    -webkit-box-shadow: 1px 2px 1px 0px rgba(77,77,77,0.7);
    -moz-box-shadow: 1px 2px 1px 0px rgba(77,77,77,0.7);
    box-shadow: 1px 2px 1px 0px rgba(77,77,77,0.7);
}

.downloadSectionLink {
    display: inline-block;
    width: 100%;
    color: #fff !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-decoration: none;
}

    .downloadSectionLink:hover {
        text-decoration: none;
        color: #fede3f !important;
    }

.registerInput {
    width: 100%;
}

.width100 {
    width: 100% !important;
}

.standardForm {
    border: solid 1px #cccccc;
    padding: 20px;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    background-color: #f3f3f3;
    font-size: 14.4px;
}

@media only screen and (max-width:320px) {
    .standardForm {
        width: 240px !important;
    }
}

.formContents {
    width: 100%;
    margin: auto;
    text-align: center;
}

.formh2 {
    font-family: 'Arial', sans-serif;
    font-size: 14.4px;
    text-align: center;
    margin: auto !important;
    padding: 6px !important;
    text-transform: none !important;
    color: #666 !important;
    font-weight: bold;
}

.formBlock {
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left !important;
}

.formSelectInput {
    height: 30px;
    width: 100%;
    font-family: 'Arial', sans-serif;
    font-size: 14.4px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.formTextInput {
    height: 30px;
    width: 100%;
    font-family: 'Arial', sans-serif;
    font-size: 14.4px;
    margin-top: 6px;
    margin-bottom: 6px;
    box-sizing: border-box;
}

.formTextArea {
    height: 60px;
    width: 100%;
    font-family: 'Arial', sans-serif;
    font-size: 14.4px;
    margin-top: 6px;
    margin-bottom: 6px;
    box-sizing: border-box;
}

.formSubmit {
    height: 35px;
    width: 100%;
    font-size: 17.4px;
    margin-top: 6px;
    margin-bottom: 6px;
    color: #3b3b3b;
    font-family: "Arial", sans-serif;
    font-weight: bold;
    background-color: #f5de50;
    border: none;
    cursor: pointer;
    padding: 0px !important;
    -webkit-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    -moz-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
}

    .formSubmit:hover {
        background-color: #e5cf43;
    }

    .formSubmit:active {
        background-color: #d5c03a;
        transform: translateY(2px);
        -webkit-box-shadow: 0px 5px 2px -4px rgba(77,77,77,0.7);
        -moz-box-shadow: 0px 5px 2px -4px rgba(77,77,77,0.7);
        box-shadow: 0px 5px 2px -4px rgba(77,77,77,0.7);
        background-color: rgba(230, 209, 77, 1);
    }

.formSubmitDisabled {
    background-color: gray;
    color: darkgray;
}

.formSubmitActivated {
    background-image: url(/resources/assets/masamembership.com/img/_global/load.gif) !important;
    background-color: #d5c03a;
    height: 35px;
    width: 100%;
    font-size: 17.4px;
    margin-top: 6px;
    margin-bottom: 6px;
    font-family: 'helvetica neue', Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    padding: 0px !important;
    color: #7e7e7e;
    transform: translateY(2px);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-shadow: 0px 5px 2px -4px rgba(77,77,77,0.7);
    -moz-box-shadow: 0px 5px 2px -4px rgba(77,77,77,0.7);
    box-shadow: 0px 5px 2px -4px rgba(77,77,77,0.7);
    color: rgba(59, 59, 59, 0.5);
    background-color: rgba(230, 209, 77, 0.5);
}

.formSubmitSmall {
    width: 120px !important;
}

.sendEmailButtonContainer {
    display: inline-block;
    width: 120px;
    height: 35px;
}

.linkButtonText {
    display: block;
    margin: auto;
    line-height: 35px;
    text-align: center;
}

.linkButton {
    height: 35px;
    width: 120px;
    font-size: 17.4px;
    margin-top: 6px;
    margin-bottom: 6px;
    font-family: 'helvetica neue', Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #3b3b3b;
    background-color: #f5de50;
    border: none;
    cursor: pointer;
    padding: 0px !important;
    display: inline-block;
    text-decoration: none;
    width: 120px;
    -webkit-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    -moz-box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
    box-shadow: 0px 10px 2px -8px rgba(77,77,77,0.7);
}

    .linkButton:hover {
        background-color: #ebd650;
        text-decoration: none;
    }

    .linkButton:active {
        -webkit-box-shadow: 0px 6px -4px -8px rgba(77,77,77,0.7);
        -moz-box-shadow: 0px 6px -4px -8px rgba(77,77,77,0.7);
        box-shadow: 0px 6px 2px -4px rgba(77,77,77,0.7);
        background-color: rgba(230, 209, 77, 1);
        transform: translateY(2px);
    }

.linkButtonActivated {
    background-color: rgba(230, 209, 77, 0.5);
    color: rgba(59, 59, 59, 0.5);
    box-shadow: 0 2px #e0c62b;
    transform: translateY(2px);
    background-image: url(/resources/assets/masamembership.com/img/_global/load.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.formCentered {
    display: inline-block;
    margin: auto;
    margin-top: 6px;
    margin-bottom: 6px;
}

.formRemoveMargin {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
}

.loginContainer {
    margin-left: auto;
    margin-right: auto;
    width: 322px;
    border: solid 1px #cccccc;
    border-top: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color: #f3f3f3;
}

.switchLoginButton {
    border: solid 1px #cccccc;
    border-bottom: none;
    width: 49%;
    background-color: #f3f3f3;
    float: left;
    text-align: center;
    height: 25px;
    cursor: pointer;
    margin-bottom: 10px;
    padding-top: 7px;
    padding-bottom: 3px;
}

.switchLoginSignin {
    float: left;
    margin-left: -1px;
}

.switchLoginRegister {
    float: right;
    margin-right: -1px;
}

.switchLoginUnselected {
    background-color: #d4d4d4 !important;
}

.switchLoginLabel {
    font-size: 18px;
    font-family: 'Arial', sans-serif;
    vertical-align: middle;
}

.loginFormUnselected {
    display: none;
}

.loginForm {
    width: 80%;
    margin: auto;
    background-color: #f3f3f3;
}

.loginForgotPassword {
    text-align: center;
    margin-bottom: 60px;
}

.redLink {
    text-decoration: none;
    color: #cc0000 !important;
}

.verifyEmailNotice {
    text-align: center;
    color: #1a287c;
    font-size: 16px;
    font-weight: bold;
}

.agentProfileList {
    font-size: 14px;
    list-style-type: none;
}

.agentProfileProductsNotice {
    margin-bottom: 10px;
    font-size: 13px;
    /*font-weight: bold;*/
    text-align: center;
}

.agentProfileProductsSwitch {
    width: 300px;
    margin: auto;
}

.productsExpiresNotice {
    text-align: center;
    margin-bottom: -1px;
}

.productsFooter {
}

.productsSendEmail {
}

.productsCreateLink {
    display: inline-block;
}

@media only screen and (max-width:965px) {
    .productsFooter {
        width: 100%;
    }

    .productsSendEmail {
    }

    .linkInput {
    }

    .sendEmailButtonContainer {
    }
}

.textCenter {
    text-align: center;
}

.alert {
    margin-top: 60px;
    color: #ef4b4b;
    font-size: 18.4px;
    text-align: center;
    font-weight: bold;
}

.alertTitleBar {
    margin-top: 30px;
    color: #ef4b4b;
    font-size: 18.4px;
    text-align: center;
    font-weight: bold;
}

.alertDescription {
    font-size: 18.4px;
    text-align: center;
}

.confirmationh2 {
    font-size: 28px;
    text-transform: none;
    font-weight: normal;
}

.confirmationContent, .confirmationContent h2 {
    margin-top: 50px;
    color: #9b9b9b !important;
}

.printable {
    background-color: none !important;
    color: #666 !important;
}

.printButton {
    float: right;
}

.submitPayment {
    margin: auto;
    padding-top: 30px;
    width: 100%;
    max-width: 400px;
}

.flagList {
    list-style: none;
    margin: 0 !important;
}

.flagLink {
    display: inline-block;
    text-decoration: none;
    height: 32px;
}

    .flagLink:hover {
        text-decoration: none;
    }

.flagText {
    display: inline-block;
    height: 42px;
    vertical-align: middle;
    font-size: 14.4px;
}

    .flagText:hover {
        text-decoration: underline;
    }

.flagIcon {
    width: 32px;
    height: 32px;
}

.newsPosts {
    width: 75%;
    margin: auto;
}

.itin_form {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 500px;
    background-color: #f3f3f3;
    padding: 25px 15px 25px 10px;
    font-size: 14.4px;
    font-family: Arial, sans-serif;
    border: solid 1px #cccccc;
}

.itinh2 {
    margin-bottom: 0px;
    font: inherit;
    color: #666;
    font-size: 17px;
    text-shadow: none;
    text-transform: none;
}

.itinNote {
    font-size: 12px;
    display: block;
}

.alert a {
    text-decoration: none;
}

.helpHover {
    cursor: help;
}

.helpHeader {
    display: inline-block !important;
}

.helpMark {
    display: inline-block;
    border: 1px solid white;
    color: white;
    font-weight: bold;
    width: 15px;
    border-radius: 12px;
    height: 17px;
    text-align: center;
    background: #b4b4b4;
}

.helpLabel {
    display: none;
}

.helpHover:hover > .helpLabel {
    display: inline;
    position: absolute;
    z-index: 20;
    width: 30%;
    max-width: 300px;
    background-color: #fcffbf;
    border: 1px solid #d6d983;
    border-radius: 8px;
    box-shadow: rgba(51, 51, 51, 0.44) 3px 4px 6px;
    margin-left: 10px;
    padding: 5px;
}

.clickToExpand {
    display: none;
}

.countryPadding {
    height: 50px;
    cursor: pointer;
}

.productsCountryHeader {
    cursor: pointer;
    font-size: 24px;
    padding: 10px;
    margin-bottom: 0px;
}

.productsCountryBlock {
    max-width: 95%;
    padding-bottom: 20px;
    padding-left: 20px;
}

.countryBlock {
    margin-bottom: 10px;
    border-radius: 1px;
    border: 1px solid #cccccc;
    box-shadow: rgba(88, 88, 88, 0.72) 2px 2px 7px;
    background: rgba(234, 234, 234, 0.86);
}

    .countryBlock:hover {
        background: #e4e4e4;
    }

.hPromotionName {
    padding-left: 20px;
    cursor: pointer;
}

.paymentSummary {
    position: fixed;
    bottom: 0px;
    height: 100px;
    width: 100%;
    background: #41628F;
    background: rgba(38, 82, 142, 0.93);
    z-index: 999;
}

.summaryContainer {
    float: left;
    font-family: "Arial", sans-serif;
    font-weight: bold;
}

.summaryAmountItem, .summaryAmountItem > td {
    font-size: 16px !important;
    padding-bottom: 0px !important;
}

.summaryAmountTotal {
    font-size: 16px !important;
    color: red !important;
}

.paymentForm {
    width: 60%;
    display: inline-block;
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 25px;
}

.paymentSubmit {
    width: 100%;
}

    .paymentSubmit:disabled, .paymentSubmit:hover:disabled {
        background-color: #c9c6b4;
    }

.paymentFormSummary {
    display: inline-block;
    float: right;
    padding-left: 30px;
    max-width: 300px;
}

@media only screen and (max-width:768px) {
    .appContainer {
        margin: auto;
        width: 95%;
    }

    .paymentFormSummary {
        width: 100%;
        float: left;
        position: relative;
        display: block;
        padding-left: inherit;
    }

    .paymentForm {
        width: 100%;
        display: block;
    }
}

.paymentInfo {
    background-color: #63bc46;
    border-top: 20px solid #63bc46;
    position: absolute;
    width: 100%;
    margin-left: -30px;
    top: -30px;
}

    .paymentInfo > p {
        color: #ffffff !important;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
    }

#footer_sitemap > h4 {
    margin-bottom: 0 !important;
    text-transform: none;
    font-size: 13px;
}

/*---------------------------------*/
/* Mobile Menu Styling
/*---------------------------------*/
#tt-mobile-menu-button {
    background-color: #1B1B1B;
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x;
    border-color: #252525;
    cursor: pointer;
    width: 100%;
    display: block;
}
    /*original style - use to exclude "main menu" text
#tt-mobile-menu-button span {
background: #000 url(/resources/assets/masamembership.com/img/_global/mobile-nav-btn.gif) 50% 50% no-repeat;
border:1px solid #232323;
width:40px;
height:30px;
display:inline-block;
margin:1% 0 0 90%;
}
*/
    #tt-mobile-menu-button span {
        background: #000 url(/resources/assets/masamembership.com/img/_global/mobile-nav-btn.gif) 90% 50% no-repeat;
        border: 1px solid #232323;
        width: 90px;
        display: inline-block;
        margin: 1% 0 1% 72%;
        padding: 10px 20px;
        color: #FFF;
        font-weight: 600;
    }

#tt-mobile-menu-wrap {
    background: #111;
}

#tt-mobile-menu-list {
    background: #111;
    margin: 0 auto;
    padding: 0 0 20px;
    padding-top: 10px;
    width: 80%;
}

    #tt-mobile-menu-list ul {
        padding: 0;
    }

    #tt-mobile-menu-list li {
        border-top: 1px solid #313335;
        display: block;
        float: none;
    }

        #tt-mobile-menu-list li:first-child {
            border-top: none;
        }

        #tt-mobile-menu-list li a {
            border: none;
            color: #9da0a4;
            display: block;
            height: 2.5em;
            font-size: 1.2em;
            line-height: 2.5em;
            text-decoration: none;
        }

            #tt-mobile-menu-list li a:hover,
            #tt-mobile-menu-list li.current-cat > a,
            #tt-mobile-menu-list li.current_page_item > a,
            #tt-mobile-menu-list li.current-menu-item > a {
                border: none;
                color: #ffffff;
            }

                #tt-mobile-menu-list li a:hover .sub-menu {
                    margin: 0;
                }

    #tt-mobile-menu-list ul.sub-menu {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 0 10px;
        position: relative;
        top: auto;
        width: auto;
    }

ul#tt-mobile-menu-list ul.sub-menu li {
    border-top: 1px solid #313335;
    height: auto;
    margin-top: 0;
}

ul#tt-mobile-menu-list li:hover ul.sub-menu {
    left: 0;
    margin: 0 0 0 10px;
    top: auto;
}

#tt-mobile-menu-list ul li:hover ul.sub-menu {
    margin: 0 0 0 10px;
}

#tt-mobile-menu-list ul.sub-menu a {
    background: transparent;
}

#tt-mobile-menu-list li li:hover ul {
    left: auto;
}


@media only screen and (min-width:1024px) {
    #tt-mobile-menu-button {
        display: none;
    }

    .price_table .two {
        width: 50%;
    }

    .price_table .five {
        width: 20%;
    }
}

@media only screen and (max-width:1023px) {
    .main-holder:after,
    #main .blog-posts-shortcode-outer-wrap:after {
        display: block;
        clear: both;
        content: "";
    }

    body {
        min-width: 320px;
        -webkit-text-size-adjust: 100%;
    }

    /* header styles start */
    #wrapper {
        display: block;
    }

    #header .logo,
    #header .custom-logo {
        float: none;
        margin: 0;
    }

        #header .logo img,
        #header .custom-logo {
            display: block;
            margin: 0 auto 10px;
        }

    #header .custom-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    #menu-main-nav {
        float: none;
        text-align: center;
    }

        #menu-main-nav li,
        #menu-main-nav .sub-menu li {
            text-align: left;
        }

        #menu-main-nav:after {
            display: block;
            clear: both;
            content: "";
        }

        #menu-main-nav li {
            float: none;
            display: inline-block;
        }

            #menu-main-nav li:first-child {
                background: none !important;
            }

    .top-block .top-holder {
        width: auto;
        padding: 10px;
    }

    #header .header-holder,
    .big-banner #header .header-holder {
        height: auto !important;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        background-size: auto 100%;
    }

    .big-banner #header .header-holder {
        background-color: #f4f4f2 !important;
        background-size: 1px 362px !important;
    }
    /* .big-banner #header .header-area{padding-bottom:60px;} */
    #header .rays {
        max-height: inherit;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        background-size: auto 100%;
    }

    .big-banner #header .header-holder {
        max-height: inherit;
    }

    #header .header-area {
        width: auto;
        padding: 38px 15px 33px;
    }
    /* header styles end */
    /* main styles start */
    #main {
        display: block;
    }

        #main .tools {
            overflow: hidden;
        }

            #main .tools,
            #main .tools .holder,
            #main .tools .frame {
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

                #main .tools .holder,
                #main .tools {
                    background-position: 50% 0;
                }

                    #main .tools .frame {
                        background-position: 50% 100%;
                    }

    #header .logo {
        float: none;
        margin: 0 0 10px;
    }
    /* main navigation styles start */
    #main .main-area {
        width: auto;
        padding: 43px 15px 5px;
    }

    .main-holder {
        width: 100%;
        overflow: visible;
    }
    /* main navigation styles end */
    #content,
    .content_full_width,
    .content-right-nav {
        float: none;
        margin: 0 auto;
        /*
width:90% !important;
padding: 0;*/
        width: 100% !important;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contentNav {
        margin-left: 240px !important;
    }

    #content p {
        overflow: hidden;
    }
    /* home banner styles start */
    .home-banner-wrap {
        width: 738px;
        height: 336px;
        background-size: 738px 336px;
        margin: 30px auto 0;
        background-image: url(/resources/assets/masamembership.com/img/_global/mobile-bg-jquery2-banner.png);
    }

        .home-banner-wrap ul,
        .home-banner-wrap ul li,
        .home-bnr-jquery ul,
        .home-bnr-jquery ul li {
            width: 738px !important;
            height: 336px !important;
        }

    #content .home-banner-wrap,
    #content .home-banner-wrap ul,
    #content .home-banner-wrap ul li,
    #content .home-bnr-jquery ul,
    #content .home-bnr-jquery ul li,
    .content_full_width .home-banner-wrap,
    .content_full_width .home-banner-wrap ul,
    .content_full_width .home-banner-wrap ul li,
    .content_full_width .home-bnr-jquery ul,
    .content_full_width .home-bnr-jquery ul li {
        width: 708px !important;
    }

    .home-bnr-jquery ul,
    .home-bnr-jquery ul li {
        height: 282px !important;
    }

    .home-banner-main {
        left: 10px;
        top: 5px;
        width: 293px;
    }

    .home-bnr-jquery {
        background-position: 50% 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 auto;
        width: 738px;
    }

    #content .home-bnr-jquery,
    .content_full_width .home-bnr-jquery {
        width: 708px;
    }

        .content_full_width .home-bnr-jquery .home-banner-sub-full {
            width: 100%;
        }

    .home-bnr-jquery .home-banner-main,
    .home-banner-wrap .home-banner-main {
        float: left;
        width: 95%; /*width:283px; Made this from section span the width of the display 5/20/14, Austin*/
        position: static;
        top: 0;
        left: 0;
        /*padding:40px 0 0 40px; Removed padding, 5/20/14 Austin*/
    }

    .home-bnr-jquery .home-banner-main {
        padding: 30px 0 0 30px;
    }

    .home-banner-main h2 {
        font-size: 1.6em !important;
        padding-bottom: 0 !important;
    }

    .home-banner-main p {
        font-size: 1em;
    }

    .home-banner-wrap .home-banner-sub,
    .home-banner-wrap .home-banner-video-sub {
        position: static;
        left: 0;
        top: 0;
        width: 381px; /*Fit the border to image, 5/20/14 Austin*/
        height: 261px;
        padding: 5px;
        margin: 15px auto 0 auto; /*Centered image in banner space, 5/20/14 Austin*/
        overflow: hidden;
        background-image: none;
        background: #FFF;
        border: 1px solid #D7D7D7;
    }

    .home-bnr-jquery .home-banner-sub,
    .home-bnr-jquery .home-banner-video-sub {
        position: static;
        left: 0;
        top: 0;
        float: right;
        background-position: 0 -966px;
        width: 323px;
        height: 191px;
        padding: 14px;
        background-size: 976px 1466px;
        margin: 61px 20px 0 0;
        overflow: hidden;
    }

    #wrapper .home-banner-video-sub {
        position: relative;
    }

    .home-banner-video-sub iframe,
    .home-banner-video-sub-alt iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .home-bnr-jquery .home-banner-sub-content,
    .home-banner-wrap .home-banner-sub-content {
        margin: 0;
        width: auto;
        height: auto;
    }

        .home-bnr-jquery .home-banner-sub img,
        .home-bnr-jquery .home-banner-sub-content img,
        .home-banner-wrap .home-banner-sub img,
        .home-banner-wrap .home-banner-sub-content img {
            max-width: 100%;
            margin: 0 auto;
            height: 261px !important;
        }

    .home-banner-sub-full {
        top: 30px;
        right: 20px;
        width: 676px;
        height: 217px;
        padding: 10px;
        border: 1px solid #D7D7D7;
        background: #fff;
    }

    .content_full_width .home-bnr-jquery .home-banner-sub-full {
        border: 0;
    }

    .home-banner-sub-content-full {
        background: none;
        width: 676px;
        height: 217px;
        margin: 0;
    }

    .home-banner-sub-full img {
        height: auto;
    }

    .home-banner-bottom {
        background: none;
    }
    /* home banner styles end */


    /* testimonials styles start */
    .content_full_width .testimonials,
    .content_full_width .testimonials_static {
        background-image: none !important;
    }

        .content_full_width .testimonials blockquote,
        .content_full_width .testimonials_static blockquote {
            width: auto !important;
            padding: 10px !important;
        }

    .testimonials blockquote p,
    .testimonials_static p {
        padding: 0 10px 0 0;
    }
    /* testimonials styles end */
    #content .one_half,
    #content .one_half_last,
    #content .two_thirds,
    #content .two_thirds_last,
    #content .one_fourth,
    #content .one_fourth_last,
    #content .two_fourth,
    #content .two_fourth_last,
    #content .three_fourth,
    #content .three_fourth_last,
    #content .one_fifth,
    #content .one_fifth_last,
    #content .one_sixth,
    #content .one_sixth_last,
    .content_full_width .one_half,
    .content_full_width .one_half_last,
    .content_full_width .two_thirds,
    .content_full_width .one_third,
    .content_full_width .one_third_last,
    .content_full_width .two_thirds_last,
    .content_full_width .one_fourth,
    .content_full_width .one_fourth_last,
    .content_full_width .two_fourth,
    .content_full_width .two_fourth_last,
    .content_full_width .three_fourth,
    .content_full_width .three_fourth_last,
    .content_full_width .one_fifth,
    .content_full_width .one_fifth_last,
    .content_full_width .one_sixth,
    .content_full_width .one_sixth_last,
    .portfolio_portrait_full_last {
        float: none;
        width: 100% !important;
        margin: 0 0 10px !important;
        min-height: 20px !important;
        height: auto;
        padding: 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .portfolio_one_column_last {
        float: left;
        width: 100% !important;
        max-width: 722px !important;
        margin: 0 0 10px !important;
        min-height: 20px !important;
        height: auto;
        padding: 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-image: none;
    }

    .portfolio_one_column {
        float: none;
        clear: left;
        width: 90% !important;
    }

    #content .one_half,
    #content .one_half_last {
        float: left;
        width: 50% !important;
    }

    #content .one_third,
    #content .one_third_last {
        float: left;
        width: 33% !important;
    }

    #content .two_thirds,
    #content .two_thirds_last {
        float: left;
        width: 67% !important;
    }

    .post_title, .post_content, .post_footer,
    .blog_wrap, .single_blog_wrap {
        float: none;
        width: 100%;
    }

    .size-full {
        max-width: 100%;
        height: auto;
    }

    .modern_img_frame,
    .modern_banner_regular,
    .modern_banner_small,
    .shadow_img_frame {
        background-image: url("images/_global/image-frame-sprite-2.png") !important;
        background-position: -1px -279px !important;
        height: 147px;
        width: 277px;
        padding: 7px 8px 25px;
        float: none;
        margin: 0 auto 25px;
    }

    .modern_banner_full,
    .shadow_banner_full {
        max-width: 940px;
        width: auto;
        height: auto;
        max-height: 245px;
    }

    .modern_portrait_full,
    .shadow_portrait_full {
        max-width: 614px;
        max-height: 836px;
    }

    .portfolio_content_top_portrait {
        float: none;
        width: auto;
        height: auto;
    }

    .modern_preload_full,
    .modern_preload_regular,
    .modern_preload_small,
    .modern_preload_four_col_small,
    .modern_preload_four_col_large,
    .modern_preload_three_col_small,
    .modern_preload_three_col_large,
    .modern_preload_two_col_small,
    .modern_preload_two_col_large,
    .modern_preload_portrait_thumb,
    .modern_preload_portrait_full,
    .shadow_preload_portrait_full,
    .shadow_preload_full,
    .shadow_preload_regular,
    .shadow_preload_small,
    .shadow_preload_two_col_large,
    .shadow_preload_two_col_small,
    .shadow_preload_three_col_large,
    .shadow_preload_three_col_small,
    .shadow_preload_portrait_full,
    .shadow_preload_four_col_small,
    .shadow_preload_four_col_large,
    .shadow_preload_portrait_thumb,
    .preload_one,
    .preload_two,
    .preload_three,
    .preload_four,
    .port_img_one,
    .port_img_two,
    .port_img_three,
    .port_img_four {
        background: #F4F4F2 !important;
        width: auto;
        height: 100%;
        float: none;
        margin: 0;
        position: relative;
        left: 0;
        top: 0;
    }

        .port_img_one img,
        .modern_banner_full img,
        .modern_img_frame img,
        .modern_banner_regular img,
        .modern_banner_small img,
        .modern_preload_four_col_small img,
        .modern_preload_four_col_large img,
        .modern_preload_three_col_small img,
        .modern_preload_three_col_large img,
        .modern_preload_two_col_small img,
        .modern_preload_two_col_large img,
        .modern_preload_portrait_thumb img,
        .modern_preload_portrait_full img,
        .shadow_preload_portrait_full img,
        .modern_portrait_thumb img,
        .shadow_preload_full img,
        .shadow_preload_regular img,
        .shadow_preload_small img,
        .shadow_preload_two_col_large img,
        .shadow_preload_two_col_small img,
        .shadow_preload_three_col_large img,
        .shadow_preload_three_col_small img,
        .shadow_preload_portrait_full img,
        .shadow_preload_four_col_small img,
        .shadow_preload_four_col_large img,
        .shadow_preload_portrait_thumb img,
        .preload img {
            display: block;
            width: 100%;
        }

    .attachment-fadeIn,
    .attachment-post-thumbnail {
        display: block;
        width: 100%;
        height: 100%;
    }

    .hr_shadow,
    .content_full_width .hr_shadow {
        width: 300px !important;
        background-size: 300px 30px !important;
        height: 10px;
        margin: 15px auto 20px;
    }

    .callout-wrap {
        float: none;
    }

    .uds-pricing-table td,
    .uds-pricing-table th {
        padding: 3px 0;
    }

    .uds-pricing-table .small_button {
        background: none;
        padding: 0;
        color: #5a7c87 !important;
        margin: 0 !important;
    }

        .uds-pricing-table .small_button span {
            display: inline;
            background: none;
            padding: 0;
            line-height: normal;
        }
    /* table styles end */
    /* post styles start */
    .post_footer {
        height: auto;
        background: none;
        border-top: 1px solid #d8d8d6;
        border-bottom: 1px solid #fff;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #d8d8d6;
        box-shadow: inset 0 1px 0 #fff, 0 1px 0 #d8d8d6;
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #d8d8d6;
        padding: 0 0 15px;
        margin-bottom: 40px;
    }

    .post_cats,
    .post_tags {
        float: none;
        width: 100%;
        overflow: hidden;
    }

        .post_tags p {
            float: none !important;
        }

    .post_thumb,
    .modern_img_frame,
    .shadow_img_frame,
    .port_img_one {
        background: #E3E1E1 !important;
        position: relative;
        border: 1px solid;
        border-color: #cfcfce #9d9d9b #404040 #9d9d9b;
        padding: 6px;
        margin: 0 0 20px;
        width: auto;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .shadow_banner_full,
    .shadow_img_frame,
    .post_shadow_thumb {
        background: #fff !important;
        border-color: #cfcfce;
    }

        .post_thumb:after,
        .modern_img_frame:after,
        .shadow_img_frame:after,
        .port_img_one:after {
            position: absolute;
            z-index: -1;
            content: "";
            top: 50%;
            bottom: 5px;
            width: 90%;
            left: 5%;
            border-radius: 100%/20%;
            -moz-border-radius: 100%/20%;
            -webkit-border-radius: 100%/20%;
            box-shadow: 0 15px 7px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 15px 7px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 15px 7px rgba(0, 0, 0, 0.2);
        }

        .post_thumb_load,
        .post_thumb_shadow_load,
        .modern_preload_portrait_full,
        .shadow_preload_portrait_full,
        .modern_img_frame > div,
        .shadow_img_frame > div,
        .port_img_one > div {
            width: auto;
            height: auto;
            display: block;
            background: #fff;
            border: 1px solid;
            border-color: #5a5a59 #a0a09e #c9c9c7 #a0a09e;
            position: relative;
            margin: 0 auto;
        }

        .shadow_preload_portrait_full,
        .shadow_img_frame > div,
        .post_thumb_shadow_load {
            background: #fff !important;
        }

        .shadow_banner_full .shadow_preload_full,
        .shadow_preload_portrait_full,
        .shadow_img_frame > div {
            border-color: #fff;
        }

    .post_thumb_load:before,
    .modern_preload_portrait_full:before,
    .modern_banner_full .modern_preload_full:before,
    .modern_img_frame > div:before,
    .port_img_one > div:before {
        content: '';
        position: absolute;
        left: -7px;
        top: -7px;
        height: 1px;
        width: 100%;
        background: #fff;
        padding: 0 7px;
    }

    .post_thumb_load:after,
    .modern_preload_portrait_full:after,
    .modern_banner_full .modern_preload_full:after,
    .modern_img_frame > div:after,
    .port_img_one > div:after {
        content: '';
        position: absolute;
        left: 0;
        top: 100%;
        margin: 1px 0 0;
        height: 1px;
        width: 100%;
        background: #fff;
    }

    .modern_preload_portrait_full img,
    .shadow_preload_portrait_full img,
    .port_img_one img,
    .modern_banner_full .modern_preload_full img,
    .shadow_banner_full .shadow_preload_full img,
    .post_thumb img {
        margin: 0;
        width: 100%;
        height: auto;
        display: block;
    }

    .modern_banner_full .modern_preload_full img,
    .shadow_banner_full .shadow_preload_full img {
        max-width: 922px;
        max-height: 201px;
    }

    .blog_wrap, .single_blog_wrap {
        margin: 0 0 20px;
    }

    .post_content {
        background-position: 100% 0;
        width: auto;
        padding: 0 102px 0 0;
    }

    .post_date {
        right: 0;
    }

    .post_comments {
        right: 29px;
    }

        .post_comments span {
            text-align: center;
        }

    #main .post_content p {
        padding: 0 0 5px;
    }
    /* post styles end */
    /* contact form styles start */
    .contact-form input[type="text"],
    .contact-form textarea {
        background: #fff;
        padding: 8px;
        border: 1px solid #c9cac9;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 1px 1px 3px #c9cac9;
        -moz-box-shadow: inset 1px 1px 3px #c9cac9;
        box-shadow: inset 1px 1px 3px #c9cac9;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
    }

    .smartphone-wrap {
        margin: 0;
    }

    #main .contact_smartphone .sidebar-smartphone,
    #main .contact_smartphone .sidebar-widget,
    #main .blog-posts-shortcode {
        float: none;
        width: 100% !important;
    }

    #main .blog-posts-shortcode-inner-wrap {
        width: auto;
    }

    #main .blog-posts-shortcode-content {
        overflow: hidden;
        width: auto;
        float: none;
    }

    #main .blog-posts-shortcode-thumb {
        margin: 0 10px 0 0;
    }

    #content .sidebar-smartphone ul {
        overflow: hidden;
    }

    .contact_smartphone {
        height: auto;
        background: none;
    }
    /* contact form styles end */
    /* comment styles start */
    .comment-wrap {
        float: none;
        overflow: hidden;
    }

    .comment-content,
    #about-author-wrap .comment-content {
        width: auto !important;
        float: none !important;
        overflow: hidden;
    }

    .comment-text,
    #about-author-wrap .comment-text {
        width: auto !important;
        overflow: hidden;
        float: none;
    }

    .comment-ol li ul li ul li .comment-content {
        margin-left: 35px;
    }

    #content .children .children {
        margin-left: 0;
    }

    .comment-ol li ul li ul li .comment-wrap {
        background-position: 0 0;
    }

    .comment-input-wrap {
        float: none;
    }

    .comment-textarea {
        background: #fff;
        width: 100%;
        padding: 10px;
        height: 120px;
        border: 1px solid #c9cac9;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 1px 1px 3px #c9cac9;
        -moz-box-shadow: inset 1px 1px 3px #c9cac9;
        box-shadow: inset 1px 1px 3px #c9cac9;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #content ol, .content_full_width ol {
        margin-left: 0;
    }

    .sharelink_small {
        margin-right: 0 !important;
    }
    /* comment styles end */
    .video-sub {
        float: none;
        width: 100%;
    }

    #main .sitemap_with_child,
    #main .sitemap_without_child {
        width: 25%;
        margin: 0 0 20px;
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .video-main {
        float: none;
        width: 100%;
        height: auto;
        background: none;
    }

    .video-frame {
        width: auto;
        height: auto;
        position: static;
        background: none;
    }

    #main .blog-posts-shortcode-outer-wrap {
        float: none;
        width: 100%;
    }
    /* sidebar styles start */
    #sub_nav {
        float: none;
        width: 100%;
        padding: 0 0 10px;
    }

    .nav_right_sub_nav {
        background: none;
    }

    #sub_nav ul a:hover,
    #sub_nav ul li.current_page_item a {
        background-position: 100% 0;
    }

    #horizontal_nav,
    #horizontal_nav ul {
        float: none;
        overflow: hidden;
    }
    /* sidebar styles end */
    /* error page styles start */
    .four_error {
        padding: 0;
        margin: 0;
        background: none;
        min-height: 30px;
    }

    .four_message {
        width: 100%;
    }
    /* error page styles end */
    #wrapper #blog-tabs {
        position: relative;
        padding: 0;
    }

        #wrapper #blog-tabs .tabset {
            position: absolute;
            top: 0;
            right: 0;
            height: auto;
        }
    /* main styles end */
    /* footer styles start */
    #footer .footer-area {
        width: auto;
        padding: 0 15px;
    }

    #footer .one_fourth,
    #footer .one_fourth_last {
        /* float:none !important; */
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    #footer .footer-holder {
        padding: 45px 0 25px;
        width: 90%;
        margin: 0 auto;
    }

    #footer .footer-wrapper {
        width: auto;
    }

    .info {
        width: auto;
        padding: 34px 10px 0;
    }

    #foot_left,
    #foot_right {
        float: none;
        width: auto;
    }

    #footer #mc_signup .mc_merge_var {
        overflow: hidden
    }

    #footer #mc_signup .mc_var_label {
        margin: 2px 0 0;
        width: 120px;
        float: left;
    }
    /* footer styles end */
    /* progressive enhancements - css animation */
    #header .logo img,
    .post_date,
    #menu-main-nav li,
    #sub_nav,
    #sidebar,
    .blog_wrap,
    .home-banner-wrap,
    #main .frame h1 {
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear;
    }

    .search-form .text {
        background: url(/resources/assets/masamembership.com/img/_global/mobile-search-bg.png) no-repeat scroll 0 0 transparent !important;
    }

    #sidebar {
        width: 25%;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #sidebar.left_sidebar {
            padding: 0;
        }

    /* Internet Explorer */
    .ie9 .home-main-area .content_full_width {
        padding-top: 0px !important;
        margin-top: -60px !important;
    }

    /* WooCommerce */
    .widget_shopping_cart .buttons a.button {
        font-size: 11px !important;
    }

    .woocommerce-checkout .col-1,
    .woocommerce-checkout .col-2 {
        width: 98% !important;
    }

    .price_table .two {
        width: 99.9%;
    }

    .price_table .five {
        width: 99.9%;
    }
}



/* ------------------------------------------ */
/* iPads (portrait and landscape) ----------- */
/* ------------------------------------------ */
@media only screen and (min-width:768px) and (max-width:1024px) {
    .home-flash-slider {
        width: 100%;
        margin-top: 40px !important;
        margin-bottom: -30px;
    }

    .top-block {
        position: relative;
    }

    .header-holder {
        padding: 0 0 0 0;
    }

    .post_share {
        display: none;
    }

    #sub_nav {
        float: left;
        width: 25%;
    }

    #content {
        float: left;
        width: 70% !important;
        padding: 0 0 0 20px;
        -webkit-ox-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #content.content_right_sidebar {
            width: 47% !important;
            padding-left: 5px;
        }

    #sidebar,
    .left_sidebar {
        background: none !important;
    }

    .nav_right_sub_nav {
        width: 24% !important;
    }

    #content.content_full_width,
    #content.portfolio_full_width {
        width: 100% !important;
    }

    #content .one_half,
    #content .one_half_last,
    .content_full_width .one_half,
    .content_full_width .one_half_last,
    .portfolio_full_width .one_half,
    .portfolio_full_width .one_half_last {
        float: left;
        width: 50% !important;
        padding: 0 5px;
        margin: 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #content .one_third,
    #content .one_third_last,
    #content .two_thirds,
    #content .two_thirds_last,
    .content_full_width .one_third,
    .content_full_width .one_third_last,
    .content_full_width .two_thirds,
    .content_full_width .two_thirds_last,
    .portfolio_full_width .one_third,
    .portfolio_full_width .one_third_last,
    .portfolio_full_width .two_thirds,
    .portfolio_full_width .two_thirds_last {
        float: left;
        width: 33% !important;
        padding: 0 5px;
        margin: 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #content .two_thirds,
    #content .two_thirds_last,
    .content_full_width .two_thirds,
    .content_full_width .two_thirds_last,
    .portfolio_full_width .two_thirds,
    .portfolio_full_width .two_thirds_last {
        width: 66% !important;
    }

    #content .one_fourth,
    #content .one_fourth_last,
    #content .two_fourth,
    #content .two_fourth_last,
    #content .three_fourth,
    #content .three_fourth_last,
    .content_full_width .one_fourth,
    .content_full_width .one_fourth_last,
    .content_full_width .two_fourth,
    .content_full_width .two_fourth_last,
    .content_full_width .three_fourth,
    .content_full_width .three_fourth_last,
    .portfolio_full_width .one_fourth,
    .portfolio_full_width .one_fourth_last,
    .portfolio_full_width .two_fourth,
    .portfolio_full_width .two_fourth_last,
    .portfolio_full_width .three_fourth,
    .portfolio_full_width .three_fourth_last {
        float: left;
        width: 25% !important;
        padding: 0 5px;
        margin: 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #content .two_fourth,
    #content .two_fourth_last,
    .content_full_width .two_fourth,
    .content_full_width .two_fourth_last,
    .portfolio_full_width .two_fourth,
    .portfolio_full_width .two_fourth_last {
        width: 50% !important;
    }

    #content .three_fourth,
    #content .three_fourth_last,
    .content_full_width .three_fourth,
    .content_full_width .three_fourth_last,
    .portfolio_full_width .three_fourth,
    .portfolio_full_width .three_fourth_last {
        width: 75% !important;
    }

    #content .one_fifth,
    #content .one_fifth_last {
        float: left;
        width: 20% !important;
        padding: 0 5px;
        margin: 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #content .one_sixth,
    #content .one_sixth_last,
    .content_full_width .one_sixth,
    .content_full_width .one_sixth_last,
    .portfolio_full_width .one_sixth,
    .portfolio_full_width .one_sixth_last {
        float: left;
        width: 16.66% !important;
        padding: 0 5px;
        margin: 0 !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .portfolio_full_width .one_half .modern_img_frame,
    .portfolio_full_width .one_half .modern_banner_regular,
    .portfolio_full_width .one_half .modern_banner_small,
    .portfolio_full_width .one_half .modern_portrait_thumb,
    .portfolio_full_width .one_half .modern_portrait_full,
    .portfolio_full_width .one_half .shadow_img_frame,
    .portfolio_full_width .one_half_last .modern_img_frame,
    .portfolio_full_width .one_half_last .modern_banner_regular,
    .portfolio_full_width .one_half_last .modern_banner_small,
    .portfolio_full_width .one_half_last .modern_portrait_thumb,
    .portfolio_full_width .one_half_last .modern_portrait_full,
    .portfolio_full_width .one_half_last .shadow_img_frame {
        background-image: url("images/_global/image-frame-sprite-2.png") !important;
        background-size: 820px 1666px !important;
        background-position: 0 0 !important;
        height: 194px;
        width: 348px;
        padding: 7px 8px 17px;
        float: none;
    }

    .portfolio_full_width .one_third .modern_img_frame,
    .portfolio_full_width .one_third .modern_banner_regular,
    .portfolio_full_width .one_third .modern_banner_small,
    .portfolio_full_width .one_third .modern_portrait_thumb,
    .portfolio_full_width .one_third .modern_portrait_full,
    .portfolio_full_width .one_third .shadow_img_frame,
    .portfolio_full_width .one_third_last .modern_img_frame,
    .portfolio_full_width .one_third_last .modern_banner_regular,
    .portfolio_full_width .one_third_last .modern_banner_small,
    .portfolio_full_width .one_third_last .modern_portrait_thumb,
    .portfolio_full_width .one_third_last .modern_portrait_full,
    .portfolio_full_width .one_third_last .shadow_img_frame,
    .portfolio_full_width .two_thirds .modern_img_frame,
    .portfolio_full_width .two_thirds .modern_banner_regular,
    .portfolio_full_width .two_thirds .modern_banner_small,
    .portfolio_full_width .two_thirds .modern_portrait_thumb,
    .portfolio_full_width .two_thirds .modern_portrait_full,
    .portfolio_full_width .two_thirds .shadow_img_frame,
    .portfolio_full_width .two_thirds_last .modern_img_frame,
    .portfolio_full_width .two_thirds_last .modern_banner_regular,
    .portfolio_full_width .two_thirds_last .modern_banner_small,
    .portfolio_full_width .two_thirds_last .modern_portrait_thumb,
    .portfolio_full_width .two_thirds_last .modern_portrait_full,
    .portfolio_full_width .two_thirds_last .shadow_img_frame,
    .portfolio_content_top_three {
        background-image: url("images/_global/image-frame-sprite-2.png") !important;
        background-size: 813px 1652px !important;
        background-position: -1px -221px !important;
        height: 116px;
        width: 218px;
        padding: 7px 7px 17px;
        float: none;
    }

    .portfolio_full_width .one_fourth_last .shadow_img_frame,
    .portfolio_full_width .one_fourth .modern_img_frame,
    .portfolio_full_width .one_fourth .modern_banner_regular,
    .portfolio_full_width .one_fourth .modern_banner_small,
    .portfolio_full_width .one_fourth .modern_portrait_thumb,
    .portfolio_full_width .one_fourth .modern_portrait_full,
    .portfolio_full_width .one_fourth .shadow_img_frame,
    .portfolio_full_width .one_fourth_last .modern_img_frame,
    .portfolio_full_width .one_fourth_last .modern_banner_regular,
    .portfolio_full_width .one_fourth_last .modern_banner_small,
    .portfolio_full_width .one_fourth_last .modern_portrait_thumb,
    .portfolio_full_width .one_fourth_last .modern_portrait_full,
    .portfolio_full_width .one_fourth_last .shadow_img_frame,
    .portfolio_content_top_four {
        background-image: url("images/_global/image-frame-sprite-2.png") !important;
        background-size: 612px 1041px;
        background-position: -1px -140px !important;
        height: 67px;
        width: 159px;
        padding: 7px 8px 15px;
        margin: 0 auto 25px;
        float: none;
    }

    #sidebar.sidebar_blog {
        width: 163px !important;
    }

    #sub_nav ul a {
        background: none;
    }

    #sub_nav,
    .nav_right_sub_nav {
        background: none !important;
    }

    div.price_table {
        width: 100%;
    }

    .price_table .column {
        float: left;
        margin-left: 1px;
    }

    .followUs {
        float: left !important;
    }
}



/* ------------------------------------------ */
/* Smaller than iPad Portrait --------------- */
/* ------------------------------------------ */
@media only screen and (max-width:767px) {
    .home-flash-slider {
        width: 100%;
        margin-top: 40px !important;
        height: auto;
    }

    .top-block {
        display: none;
    }

    .header-holder {
        padding: 0 0 0 0;
    }

    .post_share {
        display: none;
    }

    .home-bnr-jquery {
        width: auto;
    }

        .home-bnr-jquery .home-banner-main,
        .home-banner-wrap .home-banner-main {
            position: absolute;
            top: 80%;
            left: 0;
            padding: 20px 10px;
            width: auto;
        }

        .home-bnr-jquery .home-banner-sub,
        .home-bnr-jquery .home-banner-sub-content,
        .home-banner-wrap .home-banner-sub,
        .home-banner-wrap .home-banner-sub-content,
        .home-bnr-jquery .home-banner-video-sub,
        .home-banner-wrap .home-banner-video-sub {
            position: static;
            background: none;
            left: 0;
            top: 0;
            width: auto;
            height: auto;
            margin: 0;
            float: none;
        }

        .home-bnr-jquery .home-banner-sub,
        .home-banner-wrap .home-banner-sub,
        .home-bnr-jquery .home-banner-video-sub,
        .home-banner-wrap .home-banner-video-sub {
            padding: 10px 20px;
        }

            .home-bnr-jquery .home-banner-sub img,
            .home-bnr-jquery .home-banner-sub-content img,
            .home-banner-wrap .home-banner-sub img,
            .home-banner-wrap .home-banner-sub-content img {
                max-width: 100%;
                margin: 0 auto;
            }

    #main .home-bnr-jquery {
        width: 420px;
        height: 251px;
        margin-bottom: 180px;
    }

    .home-banner-wrap {
        background: none;
        width: 451px;
        margin-bottom: 180px;
    }

        .home-banner-wrap .home-banner-sub,
        .home-banner-wrap .home-banner-video-sub {
            width: 388px;
            height: 260px;
            background: url(/resources/assets/masamembership.com/img/_global/shadowBG.png) 0 0 no-repeat;
            top: 0px;
            right: 0px;
            position: absolute;
            border: 0;
            margin: 0 auto;
            padding: 0;
        }

    .home-bnr-jquery .home-banner-video-sub-alt {
        width: 401px;
        height: 231px;
        top: 10px;
        right: 10px;
        position: absolute;
        border: 0;
        margin: 0 auto;
        padding: 0;
    }

    .home-banner-wrap ul,
    .home-banner-wrap ul li {
        margin-bottom: 180px;
        width: 451px !important;
        height: 300px !important;
    }

    #main .home-bnr-jquery ul,
    #main .home-bnr-jquery ul li {
        margin-bottom: 180px;
        width: 420px !important;
        height: 251px !important;
    }

    .home-banner-wrap .home-banner-sub-content {
        width: 431px;
        height: 270px;
        margin: 10px 0 0 10px;
    }

        .home-banner-wrap .home-banner-sub-content img {
            height: 270px !important;
        }

    .home-banner-wrap .home-banner-sub-full {
        width: 439px;
        height: 141px;
        top: 0;
        right: 0;
        position: absolute;
        padding: 5px;
    }

    .home-banner-wrap .home-banner-sub-content-full {
        width: 439px;
        height: 141px;
    }

    #sidebar {
        background: none;
        float: none !important;
        width: 100% !important;
        padding: 0;
        clear: both;
    }

    .big-banner #header .header-holder {
        background-size: 1px 262px !important;
    }

    .home-bnr-jquery ul, .home-bnr-jquery ul li {
        height: 202px !important;
    }

    .home-bnr-jquery .home-banner-main h2,
    .home-bnr-jquery .home-banner-main p {
        color: #666 !important;
        line-height: 1.5em;
    }

    .home-bnr-jquery .home-banner-main h2 {
        text-shadow: 1px 1px 1px white;
        color: #222 !important;
        font-size: 1.5em;
    }

    #menu-main-nav {
        display: none;
    }

    #main .frame h1 {
        font-size: 20px;
    }

    #sub_nav,
    .nav_right_sub_nav {
        width: 80% !important;
        margin: 0 auto 40px auto;
        float: none;
        background: none;
        min-height: 0;
        background: url(/resources/assets/masamembership.com/img/_global/bg-blog-comments-content-author.jpg) repeat-x scroll 0 0 #E8E9E7 !important;
        border: 1px solid #C6C7C4;
        color: #555555;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        position: relative !important;
    }

    .contentNav {
        margin-left: 0 !important;
    }

    .nav_right_sub_nav,
    .nav_right_sub_nav ul {
        margin-right: 10% !important;
    }

    .content-right-nav {
        clear: right;
        float: none;
    }

    #sub_nav ul {
        padding: 5%;
    }

        #sub_nav ul a {
            width: 94%;
            padding: 4px 8px;
        }

        #sub_nav ul li,
        #sub_nav ul li:first-child {
            border: 0 !important;
        }

    #sub_nav .current_subpage a,
    #sub_nav .current_subpage a:hover {
        font-weight: bold;
    }

    #sub_nav ul li.current_page_item a,
    #sub_nav ul a:hover
    .nav_right_sub_nav li.current_page_item a,
    .nav_right_sub_nav ul a:hover {
        background-image: none !important;
        background: #CCC !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        box-shadow: 0 0 2px #999 inset;
    }

    #sub_nav ul li.current_page_item .sub-menu a,
    #sub_nav ul li .sub-menu a:hover,
    .nav_right_sub_nav ul li.current_page_item .sub-menu a,
    .nav_right_sub_nav ul li .sub-menu a:hover {
        box-shadow: none;
    }

    #sub_nav ul a:hover {
        background: #BBB !important;
    }

    .related ul.products li.product, .related ul li.product, .upsells.products ul.products li.product, .upsells.products ul li.product, .cart-collaterals .cross-sells ul.products li {
        width: 50% !important;
    }

    div.product div.images {
        width: 100% !important;
    }

    div.product div.summary {
        float: left !important;
    }

    div.price_table {
        width: 100%;
    }

    .price_table .column {
        clear: left;
        margin-left: 1px;
        width: 100%;
    }

    .followUs {
        float: left !important;
    }
}



/* ------------------------------------------ */
/* Smaller than iPad Portrait --------------- */
/* ------------------------------------------ */
@media only screen and (max-width:620px) {
    #main .sitemap_with_child,
    #main .sitemap_without_child {
        width: 50%;
    }

    #content .one_half,
    #content .one_half_last,
    #content .one_third,
    #content .one_third_last,
    #content .two_thirds,
    #content .two_thirds_last {
        float: none;
        width: 100% !important;
    }

    .registerInput, .inputBox {
        height: 28px !important;
    }

    .summaryAmountItem > td, .summaryAmountTotal > td {
        font-size: 12px !important;
    }
}




/* ------------------------------------------ */
/* SmartPhones (portrait and landscape) ----- */
/* ------------------------------------------ */
@media only screen and (max-width:480px) {
    #tt-mobile-menu-button span {
        margin: 1% 0 1% 60% !important;
    }

    #tt-mobile-menu-button span {
        margin: 1% 0 0 87%;
    }

    #main .frame h1 {
        font-size: 17px;
    }

    .post_title h2 {
        line-height: 24px;
        padding-right: 25%;
    }

    .home-banner-wrap .home-banner-sub,
    .home-banner-wrap .home-banner-video-sub {
        width: 370px;
        height: 309px;
        background: url(/resources/assets/masamembership.com/img/_global/shadowBG.png) 0 0 no-repeat;
        -webkit-background-size: 370px 295px;
        -moz-background-size: 370px 295px;
        background-size: 370px 295px;
    }

    .home-banner-wrap {
        border: 0;
        padding: 0;
    }

    .home-banner-wrap {
        width: 370px !important;
    }

        .home-banner-wrap ul, .home-banner-wrap ul li {
            height: 300px !important;
        }

    .home-bnr-jquery ul, .home-bnr-jquery ul li {
        height: 200px !important;
    }

    .home-banner-wrap {
        height: 310px;
    }

        .home-banner-wrap,
        .home-banner-wrap ul,
        .home-banner-wrap ul li {
            width: 370px !important;
        }

            .home-banner-wrap .home-banner-sub-content {
                width: 360px;
                height: 255px;
                margin: 10px 0 0 10px;
            }

                .home-banner-wrap .home-banner-sub-content img {
                    width: 350px;
                    height: 255px !important;
                }

    #content p img {
        max-width: 100%;
        height: auto;
    }

    #wrapper #blog-tabs .tabset {
        float: none;
        height: auto;
        position: static;
    }

    .comment-text,
    #about-author-wrap .comment-text {
        margin: 0 !important;
        padding: 0 !important;
    }

    .comment-gravatar,
    #about-author-wrap .comment-gravatar {
        float: none !important;
        margin: 0 auto 10px !important;
    }

    .comment-ol li ul li .comment-content .comment-text {
        margin: 0;
        padding: 0;
    }

    .post_date {
        top: -73px;
    }

        .post_date .day {
            color: #000;
        }

    .post_content {
        background: none;
        padding: 0 0 20px;
    }

    .post_comments {
        position: static;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
    }

        .post_comments:before {
            content: "comments"
        }

        .post_comments a,
        .post_comments span {
            text-align: left;
            color: #5a7c87;
            display: inline;
            font-weight: normal;
        }

    .sharelink_small {
        float: none;
    }

    .top-block .toolbar-right ul,
    #footer_bottom #foot_right ul {
        font-size: 10px;
    }

    .uds-pricing-table thead th .uds-product-name,
    #main #content .uds-pricing-table thead th .uds-product-name {
        font-size: 10px;
    }

    .uds-pricing-table thead th .price,
    #main #content .uds-pricing-table thead th .price {
        font-size: 13px;
    }

    .uds-pricing-table thead th .unit,
    #main #content .uds-pricing-table thead th .unit {
        font-size: 10px;
    }

    .uds-pricing-table .small_button,
    .uds-pricing-table thead th .uds-product-name,
    #main #content .uds-pricing-table thead th .uds-product-name {
        font: 9px Verdana, Arial, Helvetica, sans-serif;
        text-transform: none;
        letter-spacing: -1px;
    }

    .large_button {
        font-size: 1em;
    }

    .medium_button {
        font-size: 0.9em;
    }

    .small_button {
        font-size: 0.8em;
    }

    .big-banner #header .header-holder {
        background-size: 1px 222px !important;
    }

    #content,
    .content_full_width,
    .content-right-nav {
        padding: 0 5px;
    }

    div.price_table {
        width: 90%;
    }

    .price_table .column {
        clear: left;
        margin-left: 1px;
        width: 100%;
    }
}


/* ------------------------------------------ */
/* iPhone (portrait) ------------------------ */
/* ------------------------------------------ */
@media only screen and (max-width:479px) {
    #wrapper #header {
        overflow: hidden;
    }

    #main .home-bnr-jquery {
        width: 260px;
        margin-bottom: 250px;
    }

    .uds-pricing-table {
        display: block;
        overflow: auto;
    }

    .post_share {
        display: none;
    }

    .home-bnr-jquery {
        width: auto;
    }

        .home-bnr-jquery .home-banner-main,
        .home-banner-wrap .home-banner-main {
            position: absolute;
            top: 100%;
            left: 0;
            padding: 20px 10px;
            width: auto;
        }

    #sub_nav ul li {
        width: 100%;
    }

    .home-banner-wrap .home-banner-sub,
    .home-banner-wrap .home-banner-video-sub {
        width: 270px;
        height: 212px;
        -webkit-background-size: 290px 212px;
        -moz-background-size: 290px 212px;
        background-size: 290px 212px;
    }

    .home-banner-wrap,
    .home-banner-wrap ul,
    .home-banner-wrap ul li {
        width: 290px !important;
        height: 212px !important;
        margin-bottom: 270px;
    }

    #main .home-banner-wrap,
    #main .home-banner-wrap ul,
    #main .home-banner-wrap ul li {
        width: 290px !important;
    }

    .home-banner-wrap .home-banner-sub-content {
        width: 270px;
        height: 179px;
        margin: 0;
    }

        .home-banner-wrap .home-banner-sub-content img {
            width: 269px;
            height: 179px !important;
        }

    .home-banner-wrap,
    #main .home-bnr-jquery {
        height: 159px;
    }

        #main .home-banner-wrap ul,
        #main .home-banner-wrap ul li,
        #main .home-bnr-jquery ul,
        #main .home-bnr-jquery ul li {
            height: 159px !important;
            width: 100% !important;
            margin-bottom: 250px;
        }

    .home-bnr-jquery .home-banner-video-sub-alt {
        width: 250px;
        height: 149px;
        right: 5px;
        top: 5px;
    }

    .home-bnr-jquery .home-banner-sub, .home-banner-wrap .home-banner-sub {
        padding: 10px;
    }

        .home-bnr-jquery .home-banner-sub img,
        .home-bnr-jquery .home-banner-sub-content img {
            height: 139px !important;
        }

        .home-banner-wrap .home-banner-sub img,
        .home-banner-wrap .home-banner-sub-content img {
            height: 179px !important;
        }

    .home-banner-wrap .jquery-pager {
        padding: 0;
    }

    .home-banner-wrap .home-banner-sub-full {
        width: 278px;
        height: 89px;
    }

    .home-banner-wrap .home-banner-sub-content-full {
        width: 278px;
        height: 89px;
    }
}

@media (max-width: 1050px) {
    .content_full_width .one_third {
        margin-right: 2px !important;
    }
}

@media (max-width: 768px) {
    #tt-mobile-menu-button {
        overflow: hidden;
    }

        #tt-mobile-menu-button span {
            margin-left: 0 !important;
            margin-right: 20px !important;
            float: right;
            width: auto !important;
            padding-right: 35px !important;
        }

    .medium_button {
        padding-right: 17px;
    }

        .medium_button span {
            padding-left: 18px;
        }

    .large_button span {
        padding: 21px 0 23px 33px;
    }
}

@media (max-width: 500px) {
    .home-banner-wrap .home-banner-sub-full,
    .home-banner-wrap .home-banner-sub-content-full {
        width: 100% !important;
    }
}

@media (max-width: 479px) {
    body {
        min-width: inherit !important;
    }

    .home-banner-wrap .home-banner-sub-full,
    .home-banner-wrap .home-banner-sub-content-full {
        width: 278px !important;
    }

    .iphorm-inner .message-element {
        width: 255px !important;
    }

    .iphorm-inner {
        padding-right: 0 !important;
    }

    .iphorm-container {
        width: auto !important;
    }

    .content_full_width.contact_iphone_content {
        padding: 0 !important;
    }

    #footer_bottom {
        position: relative;
        padding-bottom: 50px;
    }

        #footer_bottom .info {
            overflow: visible;
        }

        #footer_bottom .top-footer {
            bottom: -50px;
            padding: 0;
            position: absolute;
            right: 20px;
        }

            #footer_bottom .top-footer a {
                margin: 0;
            }
}

@media (max-width:747px) {
    .mobileNav {
        display: block !important;
    }
}

@media (min-width:748px) {
    .mobileNav {
        display: none !important;
    }
}
/*---------------------------------------------------------------*/
/* HEADER 
/*---------------------------------------------------------------*/
#header .header-holder {
    background: #182947 url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-header-holder.jpg) 0 0 repeat-x;
}

.big-banner #header .header-holder {
    background: url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-big-header-holder.png) 0 0 repeat-x !important;
}

.top-block {
    background: #13223C !important;
}



/*---------------------------------------------------------------*/
/* FOOTER
/*---------------------------------------------------------------*/
#footer {
    background: #182947 url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-footer.jpg) repeat-x !important;
}

#footer_bottom {
    background: #0A1322 url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-footer-bottom.jpg) repeat-x !important;
    color: #868686 !important;
}



/*---------------------------------------------------------------*/
/* NAVIGATION
/*---------------------------------------------------------------*/
#menu-main-nav li strong {
    color: #FFF !important;
}

#menu-main-nav a span {
    color: #7D92B9 !important;
}
/* link color parent level  */
#menu-main-nav a:hover span,
#menu-main-nav li.current_page_item a span,
#menu-main-nav li.current_page_parent a span,
#menu-main-nav li.current-page-ancestor a span,
#menu-main-nav .drop ul li.current-menu-item a,
#menu-main-nav .drop ul li.current-menu-item a span,
#menu-main-nav .drop ul .drop ul li.current-menu-item a,
#menu-main-nav .drop ul .drop ul li.current-menu-item a span {
    text-decoration: none;
    color: #FFF !important;
}
    /* A. active link color parent level (see B)  */
    #menu-main-nav .drop ul li.current-menu-item a,
    #menu-main-nav .drop ul li.current-menu-item a span,
    #menu-main-nav .drop ul .drop ul li.current-menu-item a,
    #menu-main-nav .drop ul .drop ul li.current-menu-item a span {
        text-decoration: none;
        color: #6984AB !important;
    }
/* B. active dropdown link color (if different than A)  */
#menu-main-nav li {
    background: url(/resources/assets/masamembership.com/img/_global/seperator-main-nav.png) 0 50% no-repeat !important;
}

/* dropdown */
#menu-main-nav .drop .t {
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -724px -938px no-repeat !important;
}
/*#menu-main-nav .drop .b {background:url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -724px -949px no-repeat !important;}*/

#menu-main-nav .drop .b {
    background: url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -724px -949px no-repeat !important;
}

#menu-main-nav .drop .c, #menu-main-nav li.parent:hover {
    background: #101E35 !important;
}
/* IE only - un-comment for rounded corners 
*:first-child+html #menu-main-nav li.parent:hover {background:url(/resources/assets/masamembership.com/img/_global/global-sprite.png) -724px -877px no-repeat !important;} 
*:first-child+html #menu-main-nav li.parent:hover {background-color: none !important;}
*:first-child+html #menu-main-nav li.parent {min-width: 88px !important;width: auto !important;} */


/* dropdown link hover rounded image top */
#menu-main-nav .drop ul li.hover a,
#menu-main-nav .drop ul a:hover {
    background: #283B67 url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-t.jpg) no-repeat !important;
}

#menu-main-nav .drop ul .drop ul li.hover a,
#menu-main-nav .drop ul .drop ul a:hover {
    background: #283B67 url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-t.jpg) no-repeat !important;
}

#menu-main-nav .drop ul .drop ul .drop ul li.hover a,
#menu-main-nav .drop ul .drop ul .drop ul a:hover {
    background: #283B67 url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-t.jpg) no-repeat !important;
}

#menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a,
#menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a,
#menu-main-nav .drop ul .drop ul .drop ul li.hover a,
#menu-main-nav .drop ul .drop ul .drop ul a:hover {
    background: #283B67 url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-t.jpg) no-repeat !important;
}

/* dropdown link hover rounded image bottom */
#menu-main-nav .drop ul li.hover a span,
#menu-main-nav .drop ul a:hover span {
    background: url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-b.jpg) 0 100% no-repeat !important;
    color: #FFF !important;
}

#menu-main-nav .drop ul .drop ul li.hover a span,
#menu-main-nav .drop ul .drop ul a:hover span {
    background: url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-b.jpg) 0 100% no-repeat !important;
    color: #FFF !important;
}

#menu-main-nav .drop ul .drop ul .drop ul li.hover a span,
#menu-main-nav .drop ul .drop ul .drop ul a:hover span {
    background: url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-b.jpg) 0 100% no-repeat !important;
    color: #FFF !important;
}

#menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a span,
#menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a span,
#menu-main-nav .drop ul .drop ul .drop ul li.hover a span,
#menu-main-nav .drop ul .drop ul .drop ul a:hover span {
    background: url(/resources/assets/masamembership.com/img/karma-royal-blue/bg-drop-li-b.jpg) 0 100% no-repeat !important;
    color: #FFF !important;
}

/* misc nav settings */
#menu-main-nav li.current-menu-parent li a span,
#menu-main-nav li.current-menu-item li a span,
#menu-main-nav li.current_page_ancestor li a span,
#menu-main-nav .drop ul a,
#menu-main-nav .drop ul a span,
#menu-main-nav .drop ul .drop ul a,
#menu-main-nav .drop ul .drop ul a span,
#menu-main-nav .drop ul .drop ul .drop ul a,
#menu-main-nav .drop ul .drop ul .drop ul a span,
#menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {
    background: none !important;
    color: #FFF !important;
}
/* C. dropdown link color */
.search-header #menu-main-nav .sub-menu a span, .search-header #menu-main-nav .current_page_parent .sub-menu a span, .error-header #menu-main-nav .sub-menu a span, .error-header #menu-main-nav .current_page_parent .sub-menu a span {
    color: #FFF !important;
}

#menu-main-nav .drop ul li.current-menu-item ul li a,
#menu-main-nav .drop ul li.current-menu-item ul li a span {
    color: #FFF !important;
}
/* D. dropdown link color (match C) */
.search-header #menu-main-nav a span, .search-header #menu-main-nav .current_page_parent a span,
.error-header #menu-main-nav a span, .error-header #menu-main-nav .current_page_parent a span {
    color: #6984AB !important;
}
/* #menu-main-nav li{text-shadow:1px 1px 1px #172D52;} */
#menu-main-nav .sub-menu li {
    text-shadow: none !important;
}





/*---------------------------------------------------------------*/
/* LINKS + LISTS
/*---------------------------------------------------------------*/
.top-block .toolbar-left a, #header .sub-nav li, #header .sub-nav2 li {
    color: #FFF !important;
}

.top-block a:hover {
    color: #B1B1B1 !important;
}

.top-block .sub-nav ul li, .top-block .sub-nav2 ul li {
    background: url(/resources/assets/masamembership.com/img/_global/separator-toolbar.png) 0 50% no-repeat !important;
}

.footer-holder a {
    color: #6984AB !important;
}

    .footer-holder a:hover {
        color: #FFF !important;
    }

#footer_bottom a {
    color: #6984AB !important;
    text-decoration: underline;
}

#footer_bottom #foot_left p {
    color: #6984AB !important;
}

#footer_bottom a:hover {
    color: #FFF !important;
    text-decoration: none;
}

.footer_post h4 a {
    color: #FFF !important;
}

#mc_signup .mc_required, .mc_required, #mc-indicates-required {
    color: #6984AB !important;
}

#footer .blogroll a {
    color: #FFF !important;
    font-weight: bold;
}

    #footer .blogroll a:hover {
        color: #FFF !important;
    }

#footer .blogroll li {
    color: #6984AB !important;
}




/*---------------------------------------------------------------*/
/* TYPOGRAPHY
/*---------------------------------------------------------------*/
#footer h3 {
    border-bottom: 1px solid #516D8A !important;
}

#footer, #footer_bottom {
    color: #DDD !important;
}

    #footer .footer_post h4, #footer .footer_post h4 a {
        font-weight: bold !important;
    }

#mc_signup_form label {
    color: #DDD !important;
}
/* ************************************************************************* */
/* SECONDARY ROYAL BLUE */
/* ************************************************************************* */


/*---------------------------------------------------------------*/
/* LINKS + LISTS
/*---------------------------------------------------------------*/
#content a, #sidebar a, .content_full_width a, p a strong {
    color: #456793;
}

#horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-horz-active.jpg) 100% 0 no-repeat;
}

    #horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {
        background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-horz-active.jpg) no-repeat;
    }

.nav_right_sub_nav ul a:hover,
.nav_right_sub_nav ul li.current_page_item a {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/sprite.png) 0px -39px no-repeat !important;
}

#sub_nav ul a:hover,
#sub_nav ul li.current_page_item a {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/sprite.png) 0px 0px no-repeat;
}

#sub_nav ul ul a,
#sub_nav ul ul a:hover,
.list li,
#sidebar ul li,
#sub_nav ul li.current_page_item ul li a,
#sub_nav ul li.current_page_parent ul li.current_page_item a {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet1.png) 0 9px no-repeat !important;
    color: #456793 !important;
}

#sub_nav ul li.current_page_item .children a {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet1.png) 0 9px no-repeat;
    padding: 4px 0 1px 14px;
    color: #666;
}

    #sub_nav ul li.current_page_item .children a:hover {
        text-decoration: underline;
        background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet1.png) 0 9px no-repeat;
        color: #666;
    }

#sub_nav ul .children .current_page_item a, #sub_nav ul .children .current_page_item a:hover {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet1.png) 0 9px no-repeat;
    padding: 4px 0 1px 14px;
    color: #40618C;
}

.list2 li {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet2.png) 0 9px no-repeat !important;
    padding: 5px 0 0 19px !important;
}

.list3 li {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet3.png) 0 10px no-repeat !important;
    padding: 5px 0 0 18px !important;
}

.list4 li {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet4.png) 0 9px no-repeat !important;
}

.list5 li {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bullet5.png) 0 10px no-repeat !important;
    padding: 5px 0 0 18px !important;
}




/*---------------------------------------------------------------*/
/* LAYOUT
/*---------------------------------------------------------------*/
.home-bnr-jquery {
    background: #44628C url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-jquery-bnr.jpg) 0 0 no-repeat;
    color: #FFF;
}

#main .tools {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-tools-c.jpg) repeat-y;
    color: #fff;
}

    #main .tools .holder {
        background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-tools-t.jpg) no-repeat;
    }

    #main .tools .frame {
        background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-tools-b.jpg) 0 100% no-repeat;
        height: 1%;
        overflow: hidden;
        padding: 18px 22px 0 20px;
    }
/* jQuery2 */
.home-bnr-jquery ul {
    background-image: url(/resources/assets/masamembership.com/img/secondary-royal-blue/6.gif);
    background-position: center;
    background-repeat: no-repeat;
}





/*---------------------------------------------------------------*/
/* MISC
/*---------------------------------------------------------------*/
/*Hides thes small boxes around the post date and comment amounts on the blog page*/
/*.post_content {background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-post-content.png) 577px 0px no-repeat;}*/
.search-form .text {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/sprite.png) -66px -78px no-repeat;
}

#wrapper .tabset .active, .tabset a:hover {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-horz-active.jpg) 100% 0 no-repeat;
}

    #wrapper .tabset .active span, .tabset a:hover span {
        background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/bg-horz-active.jpg) no-repeat;
    }

.karma-pages a:active, .karma-pages span.current, .wp-pagenavi a:active, .wp-pagenavi span.current {
    background: url(/resources/assets/masamembership.com/img/secondary-royal-blue/sprite.png) -66px -107px no-repeat;
}



.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 9999;
}

@keyframes overlay-eclipse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@-webkit-keyframes overlay-eclipse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.overlay-eclipse {
    position: relative;
    height: 100%;
}

    .overlay-eclipse div {
        display: inline-block;
        -webkit-animation: overlay-eclipse 1s linear infinite;
        animation: overlay-eclipse 1s linear infinite;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        box-shadow: 0 6px 0 0 #ffffff;
        -webkit-transform-origin: 70px 70px;
        transform-origin: 70px 70px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -70px;
        margin-top: -70px;
    }

    .overlay-eclipse span {
        display: inline-block;
        width: 140px;
        height: 30px;
        transform-origin: 70px 15px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -70px;
        margin-top: -15px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
    }

.popup-med {
    font-size: 1.4rem;
    position: relative;
    top: 50%;
    left: 50%;
    width: 600px;
    background-color: #f3f3f3;
    padding: 25px 25px 25px 25px;
    border-radius: 8px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translate(-50%);
    transform: translateY(-50%) translate(-50%);
    overflow-y: auto;
    min-height: 200px;
    box-shadow: 0px 0px 4px #000000;
}

    .popup-med header {
        text-align: center;
        padding-bottom: 10px;
        color: #444;
        font-size: 1.5rem;
    }

@media only screen and (max-width: 600px) {
    .popup-med {
        font-size: 1.15rem;
        padding: 10px 10px 10px 10px;
        width: 300px;
        height: 300px;
    }

        .popup-med header {
            font-size: 1.25rem;
        }
}



input[type=button], .button {
    font-size: 1.2rem;
    line-height: 1em;
    padding: 1.2rem 1.3rem 1.2rem 1.3rem;
    margin-bottom: .5rem;
    background-color: #f5de50;
    color: black;
    font-weight: bold;
    border: 0;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 5px;
}

@media only screen and (max-width: 600px) {
    input[type=button], .button {
        font-size: 1.2rem;
        padding: 1rem 1.1rem 1rem 1.1rem;
    }
}




input[type=button]:hover, .button:hover {
    background-color: #e5cf43;
}

.popup-med textarea {
    resize: none;
    box-sizing: border-box;
    padding: 10px 5px 10px 5px;
}

.popup-med input[type=text] {
    box-sizing: border-box;
    font-size: 1em;
    padding: 10px 5px 10px 5px;
}

.popup-med input[type=button] .other {
    background-color: dodgerblue;
}


.default-table {
    background-color: white;
    font-size: 1em;
    width: 100%;
    border-radius: 5px;
}

    .default-table tr {
        border-bottom: 1px solid #c9cac9;
    }

        .default-table tr:last-child {
            border-bottom: 0;
        }

    .default-table td {
        padding: 5px;
    }

.embed-report {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.emergency {
    text-align: left;
    color: #d20000;
    font-size: 1.4em;
}

    .emergency .sm {
        font-size: .8em;
    }



.payment-verbiage {
    max-height: 200px;
    overflow-y: scroll;
}

.summary-verbiage {
    font-weight: normal;
    font-style: italic;
}

#btnEnroll.formSubmit {
    width: 100px;
}