@charset "UTF-8";
/* CSS Document */
#ViewPortStats {
    position: absolute;
    right: 40%;
    top: 60px;
    background: #FFF;
    padding: 1%;
    border-radius: 4px;
    font-weight: 600;
}
nav, .wpnav {
    top: 275px;
    width: 100%;
    background-color: #AAAAA5;
}
#Header {
    background: url(../../../images/2017/header_background_2017.png) repeat right bottom;
    position: relative;
}
#HeaderTitle {
    font-size: 30px;
    left: 36%;
    position: absolute;
    text-align: left;
    top: 32%;
}
#HeaderTitle h1, #HeaderTitle h2 {
    color: #000;
    display: block;
    float: left;
    margin: 0 0 0 -5000px;
    padding: 0;
    white-space: nowrap;
    width: 100%;
}
#HeaderTitle h2 {
    font-size: 80%;
}
#MobileNav {
    height: 0;
    display: none;
}
#MobileNav nav ul, #MobileNav .nav ul {
    width: 100%;
}
.mobile_only, .mobile_small_only, .mobile_medium_only, .mobilefooternav, .mobilefooternav.mobile_only, #MobileFooterNav ul, #FooterNav ul {
    display: none;
}
#MobileFooterNav .mobilefooternav {
    display: block;
}
#MobileNav nav, #MobileNav .wpnav { /*keeps the mobile nav closed until it's activated*/
    height: 0;
}
a.logo {
    height: 156px;
    left: 0;
    top: 10px;
    width: 888px;
    display: block;
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.smalllogo, .mediumlogo {
    display: none;
}
#hero {
    height: 166px;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 990px) {
    form {
        font-size: 14px;
    }
    .largelogo {
        display: none !important;
    }
    footer {
        padding-left: 20px;
    }
    .mediumlogo {
        display: block !important;
    }
    #hero {
        height: 116px;
    }
    a.logo {
        width: 600px;
        top: 11px;
        left: 0;
        height: 105px;
    }
    .catBoxes li {
        width: 45.5%;
    }
    .linegroup {
        margin: 4px 0 4px 0;
    }
    .AnimalReferences {
        font-size: 11px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-left: 2%;
        padding-right: 1%;
        width: 100% !important;
    }
}
@media screen and (max-width: 990px) and (orientation:landscape) {
    .mobileColumn_landscape {
        width: 94% !important;
        float: none !important;
        margin: auto !important;
    }
    .mobileColumn_landscape label {
        width: 18% !important;
    }
    select {
        width: 54% !important;
    }
}
@media screen and (max-width: 800px) {
    body {
        background-image: none;
    }
    footer {
        font-size: 80%;
        padding: 8px 0;
        border-top: 1px solid;
    }
    .rotate {
        background: rgba(0, 0, 0, 0) url(../images/rotate.png) no-repeat scroll center top;
        left: 2%;
        padding-top: 120px;
        position: absolute;
        top: 180px;
        width: 98%;
    }
    .flourishcorner {
        height: 32px !important;
    }
    .submenuheader, #LeftBar, #menu, .mobileHide_medium {
        display: none !important;
    }
    #MobileNav {
        display: block;
        height: auto;
    }
    nav li, .wpnav li {
        border-bottom: 1px solid #E2E1D9;
        clear: both;
        background: #AAAAA5;
    }
    .mobile_medium_only, .selectStateWrap {
        display: block !important;
    }
    #MobileNav .leftNav a, .accordion .link {
        padding-left: 48px;
        text-align: left;
    }
    a.mobile_menu {
        display: block;
        width: 30px;
        height: 34px;
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background: #6A7476 url(../images/mobile_link_menu.png) no-repeat 4px 4px;
        position: absolute;
        bottom: 0;
        right: 12px;
        cursor: pointer;
        z-index: 5000;
    }
    .leftNav li, .submenuheader {
        background-position: 12px -1px;
    }
    .leftNav .faq {
        background-position: 12px -35px;
    }
    .leftNav .info {
        background-position: 12px -67px;
    }
    .leftNav .video {
        background-position: 12px -104px;
    }
    .leftNav .hedgehog {
        background-position: 12px -586px;
    }
    /*.More .hedgehog { background-position: 43px -138px; }
.More .hedgehog:first-child { background-position: 43px -586px; }*/
    .leftNav .supplies {
        background-position: 12px -172px;
    }
    .leftNav .compass {
        background-position: 12px -206px;
    }
    .leftNav .aboutus {
        background-position: 12px -240px;
    }
    .leftNav .customers {
        background-position: 12px -544px;
    }
    .leftNav .email {
        background-position: 12px -274px;
    }
    .leftNav .deposit {
        background-position: 12px -376px;
    }
    .leftNav .events {
        background-position: 12px -411px;
    }
    .leftNav .library {
        background-position: 12px -444px;
    }
    .leftNav .opps {
        background-position: 12px -478px;
    }
    .leftNav .mobilemap {
        background-position: 12px -512px;
    }
    #MobileNav .leftNav .submenuheader {
        background-position: 98% -17px;
    }
    #MobileNav .leftNav .submenuheader.activeheader, #MobileNav .open {
        background-position: 98% -40px;
        background-color: rgba(255, 255, 255, 0.15);
    }
    #MobileNav .open {
        background-image: none;
    }
    /*#MobileNav .More .submenu a, */ #MobileNav .submenu a {
        padding-left: 80px;
        font-size: 14px;
    }
    .mobilefooternav a {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .post ul {
        margin: 0 !important;
    }
    .entry-full .entry-content {
        padding: 20px !important;
    }
    .entry-full {
        margin: 0 !important;
        width: 100%;
    }
    .block-content {
        padding: 12px 8px !important;
    }
    .widget ul li {
        background-position: left 8px !important;
        padding: 0 0 0 4px !important;
    }
    .widgetcontent li a {
        font-size: 12px !important;
    }
    .widget ul li ul {
        padding: 0 0 0 2px;
    }
    .bannerNav a {
        background-image: none;
        margin: 4px auto !important;
        text-align: center;
    }
    .bannerNav li {
        border: medium none;
        padding: 0 8px;
    }
    .AnimalReferences {
        width: 46% !important;
    }
    .videosThumbsContainer, .galleryThumbsContainer, .popular {
        width: 31% !important;
    }
    .videoContainer {
        width: 98% !important;
    }
    .productMenu a {
        width: 46% !important;
    }
}
@media screen and (max-width: 700px) {
    #Pedigree_Container {
        font-size: 50%;
    }
    .smalllogo {
        display: block;
    }
    .mediumlogo, #SiteMap {
        display: none !important;
    }
    #hero {
        height: 78px;
        background: url(../../../images/2017/header_background_2017.png) repeat 825px bottom;
    }
    a.logo {
        width: 260px;
        height: 71px;
        top: 7px;
        left: 0;
    }
}
@media only screen and (max-width: 460px) and (orientation:landscape) {
    .portrait_only, .landscape_hide {
        display: none !important;
    }
    .landscape_only {
        display: block !important;
    }
}
@media only screen and (max-width: 460px) and (orientation:portrait) {
    .landscape_only, .portrait_hide {
        display: none !important;
    }
    .portrait_only {
        display: block !important;
    }
    .eC_ShoppingCart .greenBox {
        border-style: none;
    }
}
@media screen and (max-width: 1024px) {
    .AnimalReferences {
        display: table;
    }
    select {
        width: 54%!important;
    }
    .AnimalReferences .pedigree_view, .AnimalReferences .pedigree_hidden {
        display: table-cell;
        height: auto;
        width: 88%;
    }
    .scrollTrac {
        display: none;
    }
    #TabPanel img {
        max-width: 100%;
        height: auto;
    }
    .mobileHide {
        display: none !important;
    }
    .mobile_only {
        display: block;
    }
    .breederReferences > ul {
        width: 47% !important;
    }
}
@media screen and (min-width:1025px) and (max-width:1380px) {
    .tab {
        margin: 0 1px -1px !important;
    }
    .tabGroup a {
        padding: 4px !important;
    }
    .tabGroup a, .leftNav * {
        font-size: 14px !important;
    }
    .corner-ribbon {
        font-size: 12px !important;
    }
    .corner-ribbon.top-left {
        top: 22px !important;
        left: -52px !important;
    }
}
@media screen and (min-width:801px) and (max-width:1200px) {
    .tabGroup a {
        font-size: 11px !important;
    }
    .bannerNav * {
        max-width: 92%;
    }
    .leftNav li {
        background-image: none !important;
    }
    .leftNav *, .bannerNav * {
        font-size: 12px !important;
        height: auto;
        margin: 0 auto;
        text-align: right;
    }
    /*.submenuwrapper li a {
  font-size: 13px;
  padding-right: 8px;
}*/
    .corner-ribbon {
        font-size: 10px !important;
    }
    .corner-ribbon.top-left {
        top: 16px !important;
        left: -38px !important;
    }
    .productMenu a {
        width: 30% !important;
    }
    .catBoxes li {
        width: 45.5%;
    }
}