/* Mobile menu */

#mobilemenubutt {
    background: url(../images/demo-mobilemenubg.png) no-repeat 50% 50%;
    width: 39px;
    height: 46px;
    float: right;
    margin: 0 6% 0 0;
    cursor: pointer;
    z-index: 999;
}

#mobilemenubutt.on {
    background-color: #fff;
}

#mobilemenu {
    clear: both;
    width: 100%;
    max-width: 800px;
    background: #F3F5FA;
    z-index: 9999;
    border-bottom: 1px solid #d8d9da;
}

#mobilemenu {
    background: #fff;
       -moz-box-shadow: 0 25px 25px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 25px 25px rgba(0,0,0,0.2);
            box-shadow: 0 25px 25px rgba(0,0,0,0.2);
}

#mobilewelcome {
    background: #fff;
    padding: 12px 6% 8px;
}

#mobilewelcome a {
    text-transform: uppercase;
}

#mobileNav, #mobileNav ul {
    padding: 0;
}

#mobileNav li {
    padding: 0;
    list-style: none;
}

#mobileNav li a {
    display: block;
    font-size: 15px;
    background: #f6f5f6;
    color: #3d4346;
    text-transform: uppercase;
    border-bottom: 1px solid #d8d9da;
    padding: 15px 6%;
    text-decoration: none;
}

#mobileNav > li > a:hover, #mobileNav > li.on > a {
    background: #45007a;
    color: #fff;
}

#mobileNav li a#mmenuclose {
    background: url(../images/amensa-mmclose.png) no-repeat 92% center #45007a;
    color: #fff;
    padding: 30px 6% 25px;
    font-size: 26px;
    cursor: pointer;
    font-weight: 100;
}

#mobileNav li a.button {
    margin: 0;
    padding: 2px 15px;
}

#mobileNav > li.menuIsParent > a {
    background: url(../images/amensa-arrowdown1.png) no-repeat 92% 50%;
}

#mobileNav > li.menuIsParent > a:hover {
    background: url(../images/amensa-arrowdown2.png) no-repeat 92% 50% #45007a;
    color: #fff;
}

#mobileNav > li.menuIsParent.on > a {
    background: url(../images/amensa-arrowleft4.png) no-repeat 92% 50% #45007a;
    color: #fff;
}

#mobileNav > li.menuIsParent.on > ul {
    border-left: 2px solid #45007a;
    border-bottom: 2px solid #45007a;
}

#mobileNav li li a {
    background: #dad8db;
    padding: 9px 6% 9px 9%;
    border-bottom: 1px solid #fff;
    text-transform: none;
    color: #2d3343;
    font-size: 13px;
}

#mobileNav li li.menuIsParent > a {
    background: url(../images/amensa-arrowdown3.png) no-repeat 6% center #dad8db;
}

#mobileNav li li a:hover, #mobileNav li li.on a:hover {
    background-color: #fff;
    color: #2d3343;
}

#mobileNav li.on li.on a {
    background-color: #8f65ae;
    color: #fff;
}

#mobileNav li li.menuIsParent.on > a {
    background: url(../images/amensa-arrowright2.png) no-repeat 6% center #8f65ae;
}

#mobileNav li.on li.on li a {
    padding: 3px 6% 3px 12%;
    color: #2d3343;
    background: #efeef0;
}

#mobileNav li.on li.on li.on a {
    padding: 3px 6% 3px 12%;
    color: #4c5366;
    background: #efeef0;
}

#mobileNav li.on li.on li a:hover {
    background-color: #fff !important;
}

#mobileNav li.on li.on li.menuIsParent > a {
    background: url(../images/amensa-arrowdown3.png) no-repeat 9% center #efeef0;
}

#mobileNav li.on li.on li.menuIsParent.on > a {
    background: url(../images/amensa-arrowright1.png) no-repeat 9% center #efeef0;
}

#mobileNav li.on li.on li.on li a, #mobileNav li.on li.on li.on li.on a {
    padding: 3px 6% 3px 15%;
    color: #4c5366;
    background: #efeef0;
}

#mobileNav li.on li.on li.on li.menuIsParent > a {
    background: url(../images/amensa-arrowdown3.png) no-repeat 12% center #efeef0;
}

#mobileNav li.on li.on li.on li.menuIsParent.on > a {
    background: url(../images/amensa-arrowright1.png) no-repeat 12% center #efeef0;
}

#mobileNav li.on li.on li.on li.on li a,
#mobileNav li.on li.on li.on li.on li.on a {
    padding: 3px 6% 3px 18%;
    color: #4c5366;
    background: #efeef0;
}

#mobileNav li.on li.on li.on li.on li.menuIsParent > a {
    background: url(../images/amensa-arrowdown3.png) no-repeat 15% center #efeef0;
}

#mobileNav li.on li.on li.on li.on li.menuIsParent.on > a {
    background: url(../images/amensa-arrowright1.png) no-repeat 15% center #efeef0;
}

#mobileNav li.on li.on li.on li.on li.on li.menuIsParent > a {
    background: url(../images/amensa-arrowdown3.png) no-repeat 18% center #efeef0;
}

#mobileNav li.on li.on li.on li.on li.on li.menuIsParent.on > a {
    background: url(../images/amensa-arrowright1.png) no-repeat 18% center #efeef0;
}

#mobilemenu .searchform {
    padding: 5px 6%;
    float: none;
    border-top: 1px solid #d8d9da;
    background: #453d4a;
}

#mobilemenu .searchform input {
    width: 70%;
    float: left;
}

#mobilemenu .searchform button {
    background: url(../images/demo-magglass.png) no-repeat 50% 50%;
    padding: 0;
    float: left;
    width: 27px;
    height: 27px;
    margin: 3px 0 0 5px;
}

#mobilemenu .searchform button:hover {
    background: url(../images/demo-magglass.png) no-repeat 50% 50% #544d59 !important;
}

#mobileNav li#mobileaccmenu form {
    margin: 0 0 5px;
}

#mobileNav li#mobileaccmenu form a {
    display: inline-block;
    background: none;
    padding: 0 16px 0 0;
}

#mobileNav li#mobileaccmenu input {
    margin: 5px 0 0;
}

.mobilething, #mobilemenubutt {
    display: none;
}

.container_12 {
    max-width: 960px;
    width: auto !important;
    width: 960px;
}

@media only screen and (max-width: 1416px) {
}

@media only screen and (max-width: 980px) {
    .container_12 {
        margin: 0 3%;
    }

    #mainNav li a {
        padding: 14px 10px 0;
        font-size: 13px;
    }
}

@media only screen and (max-width: 830px) {
    body {
        background: url(../images/amensa-homeheadm.jpg) no-repeat center 48px #fff;
        background-size: 100% auto;
    }

    #welcome {
        display: block;
        width: 100%;
        float: none;
        min-height: 0;
    }

    #welcome .padmeright {
        padding: 0;
    }

    #homebanner {
        position: relative;
        float: none;
        width: auto;
        display: inline-block;
        margin: 0 6% 20px;
    }

    #sideBar {
        display: none;
    }

    #mainBar {
        display: block;
        width: 100%;
        float: none;
    }

    #mainBar > .padmeleft {
        padding: 25px 5% !important;
    }

    #headright, #mainNav {
        display: none;
    }

    #logodiv {
        width: 53%;
        padding-left: 6%;
        float: left;
    }

    #headercontent {
        width: 38%;
        float: right;
    }

    .mobilething, #mobilemenubutt {
        display: block;
    }

    #mainNavbg .mobilething {
        margin: 0 8% 0 0;
    }

    #mainNavbg .mobilething .button {
                border-radius: 0;
           -moz-border-radius: 0;
        -webkit-border-radius: 0;
        padding: 15px 19px;
        margin: 0;
        background: #8f8b92;
        float: right;
    }

    .sbBanner .slideoverlay {
        padding: 15px 5% 10px;
    }

    .comm2eventdetailleft, .comm2eventdetailright {
        float: none;
        width: 100%;
        margin: 0;
    }

    .comm2eventdetailright {
        width: 90%;
        text-align: left;
    }

    .memberland #mainBar > .padmeleft.clearfix {
        padding: 0 5% !important;
    }

    .memberland .imageRight {
        max-width: none;
        position: relative;
        width: 120%;
        right: 10%;
    }

    #mclanding1 .container_12 .grid_9, #mclanding2 .container_12 .grid_9 {
        width: 100%;
        float: none;
        display: block;
        clear: both;
    }

    #mclanding1 .container_12 .grid_9 .padmeleft,
    #mclanding2 .container_12 .grid_9 .padmeleft {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 768px) and (orientation:portrait) {
}

@media only screen and (max-width: 768px) {
    .grid_2, .grid_2.clearfix, .grid_3, .grid_3.clearfix, .grid_4,
    .grid_4.clearfix, .grid_5, .grid_5.clearfix, .grid_6, .grid_6.clearfix {
        float: none;
        width: 100%;
    }

    #homeevents {
        background: #f6f5f6;
        width: 106%;
        right: 3%;
    }

    #homeevents .padmeright {
        padding: 0 8% !important;
    }

    #mclanding1 {
        padding: 0 6%;
        width: 88%;
        background: #fff;
    }

    #mclanding2 {
        padding: 0;
    }

    #mclanding2 #homenews {
        padding: 20px 6% 10px;
        width: 88%;
    }

    #homebutts1, #homebutts2 {
        padding: 0 6%;
    }

    #homebutts1 .grid_3, #homebutts2 .grid_3 {
        float: left;
        width: 25%;
    }

    #homebutts1bg a {
        width: 130px;
        font-size: 14px;
    }

    #homebutts1bg a span.bbimage {
        width: 122px;
        height: 122px;
    }

    .padmeleft, .padmeright {
        padding: 0 6% !important;
    }

    .logoprevnext {
        display: none;
    }

    #logosliderbg h4 {
        margin: 0 6% 10px;
    }

    #foot div.left, #foot div.right {
        float: none;
        padding: 0 6%;
    }
}

@media only screen and (max-width: 690px) {
    body {
        background: #fff;
    }

    #homebanner {
        width: 88%;
    }

    #homebutts1 .grid_3, #homebutts2 .grid_3 {
        width: 50%;
        padding: 10px 0;
    }

    #foot {
        margin: 0 6%;
    }

    .grid_3, .grid_3.clearfix, .grid_7, .grid_7.clearfix {
        float: none;
        width: 100%;
    }

    #aolink {
        position: absolute;
        right: 6%;
        bottom: 27px;
    }
}

@media only screen and (max-width: 580px) {
    #homebanner ul {
        border: 0;
    }

    #homebanner .prevnext {
        display: none;
    }

    .sbBanner .slideoverlay {
        padding: 5px 5% 3px;
    }

    .sbBanner .slideoverlay .left {
        font-size: 14px;
    }

    .sbBanner .slideoverlay .right {
        font-size: 12px;
    }

    #upcomingEvents, #eventsCalendar {
        float: none;
        width: 100%;
    }

    #comm2timeline, .rhcol, .grid_2.rhcol {
        float: none !important;
        width: 97% !important;
        display: block;
        padding: 0 2.7% 20px 0;
    }

    .cartButtons td {
        width: 100%;
    }

    .cartButtons .cartButtonsLeft, .cartButtons .cartButtonsRight {
        clear: both;
        float: none;
        display: table-row;
    }

    .cartButtons input {
        clear: both;
        float: none;
        display: block;
        width: 100%!important;
    }
}

@media only screen and (max-width: 300px) {
}