body {
    font-family: Helvetica, Arial, sans-serif;
    color: #656363;
    background: #fff;
    margin: 0;
    padding: 0;
}
a {
    color: #656363;
}
#wrapper {
    padding: 1px 25px 15px 20px;
}
#header {
    position: relative;
    height: 39px;
    padding: 15px;
    background: #f7f7ef;
}
#logo {
    position: absolute;
    background: url('/assets/img/mobile/logo-aha.png');
    width: 112px;
    height: 38px;
    background-size: 112px 38px;
}
ul#social-nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
}
ul#social-nav li {
    float: left;
    padding: 0;
}
ul#social-nav li a {
    display: block;
    background: url('/assets/img/mobile/topnav.png') no-repeat;
    background-size: auto 35px;
    height: 35px;
}
ul#social-nav li a#facebook-link {
    width: 14px;
    background-position: 0 0;
}
ul#social-nav li a#twitter-link {
    width: 26px;
    background-position: -14px 0;
}
ul#social-nav li a#download-link {
    width: 40px;
    background-position: -40px 0;
}
ul#social-nav li a#menu-link {
    width: 39px;
    background-position: -80px 0;
}
.nav-container {
/*    position: absolute;
    top: 69px;*/
    width: 100%;
    padding: 0;
    display: none;
    position: relative;
    border-top: 1px solid #d6d6d6;
}
.nav-container ul {
    padding-bottom: 7px !important;
    background: url('/assets/img/mobile/bg-shadow.png') bottom center repeat-x;
    background-size: auto 7px;
}
.nav-placeholder {
    background: url('/assets/img/mobile/bg-shadow.png') top center repeat-x;
    background-size: auto 7px;
    height: 7px;
}
ul#nav {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 13px;
    color: #656363;
    text-transform: uppercase;
    position: relative;
    top: 0;
    left: 0;
}
ul#nav li {
    margin: 0;
    padding: 0;
    width: 100%;

}
ul#nav li a {
    display: block;
    text-decoration: none;
    color: #656363;
    border-bottom: 1px solid #d6d6d6;
    background-color: #f7f7ef;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-left: 15px;
}
ul#nav li a:active,
ul#nav li a.active {
    color: #94ba3b;
}
ul#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
}
ul#nav ul ul {
    left: 100%;
    display: none;
}
a.hassubnav {
    background: url(/assets/img/mobile/icon-subnav.png) 98% center no-repeat;
    background-size: 12px 13px;
}
a.hassubnav.active {
    background: url(/assets/img/mobile/icon-subnav-active.png) 98% center no-repeat;
    background-size: 12px 13px;
}
a.back {
    font-size: 11px;
    padding-left: 50px !important;
    background: url(/assets/img/mobile/icon-back.png) 15px center no-repeat;
    background-size: 12px 13px;
}
ul.blog-archive .year {
    font-weight: bold;
}
ul.blog-archive .month {
    padding-left: 30px !important;
}

h2 {
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
}
h3 {
    margin-top: 0;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 0;
}
p {
    font-size: 14px;
    line-height: 1.2em;
    text-align: left;
}
a.mobile-button {
    display: block;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    background: #91b73a;
    text-align: center;
    margin-bottom: 12px;
}
.breadcrumb {
    font-size: 13px;
    border-bottom: 1px solid #cbcbcb;
    color: #656363;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 11px;
    margin-left: -20px;
    margin-right: -25px;
    padding-left: 20px;
}
.breadcrumb a {
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb a.back {
    background-position: 0px center;
    padding-left: 30px !important;
}
#partner-detail {
    font-size: 15px;
    line-height: 1.2em;  
}
ul.partner-support-links {
    font-weight: bold;
    margin: 0;
    padding: 0;
    list-style: none;
}
.model {
    font-size: 12px;
    text-transform: uppercase;
}
ul.partner-model-links {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    list-style: none;
    margin-bottom: 10px;
}
.partner-content {
    display: none;
    padding-left: 10px;
}
.partner-content ul {
    list-style: none;
    margin: 0;
    padding-left: 10px;
    font-size: 12px;
}
.partner-logos-oem img {
    height: 25px;
}

/* NEWS & BLOG */
#news article, #blog-mobile article {
    border-bottom: 1px solid #cbcbcb;
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -25px;
    padding-right: 25px;
}
#news h2, #blog-mobile h2 {
    margin-top: 12px;
}
#news h2 a, #blog-mobile h2 a, .byline a {
    text-decoration: none;
}
.byline {
    font-size: 11px; 
    text-transform: uppercase;
}
.read-more {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #656363;
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
}
.paginate {
    margin-top: 10px;
}
.article-image-container {
    margin-top: 10px;
}
.blog-detail-body {
    margin-top: 10px;
}

/* CONTACT */
#contact #wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    text-align: left;
}
#contact #main-content a {
    display: block;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 10px;
}

#contact hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    /*margin: 1em 0;*/
    margin-left: -20px;
    margin-right: -25px;
    padding: 0;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #logo {
        background-image: url('/assets/img/mobile/logo-aha@2x.png');
    }
    ul#social-nav li a {
        background-image: url('/assets/img/mobile/topnav@2x.png');
    }
    .nav-container ul {
        background-image: url('/assets/img/mobile/bg-shadow@2x.png');
    }
    .nav-placeholder {
        background-image: url('/assets/img/mobile/bg-shadow@2x.png');
    }
    a.hassubnav {
        background-image: url('/assets/img/mobile/icon-subnav@2x.png');
    }
    a.hassubnav.active {
        background-image: url('/assets/img/mobile/icon-subnav-active@2x.png');
    }
    a.back {
        background-image: url('/assets/img/mobile/icon-back@2x.png');
    }
}