/* BlueAnt Q1 Microsite Mobile Stylesheet */

body {
    width:100%;
    font-family: Helvetica, Arial, sans-serif;
    margin:0; padding:0;
    -webkit-text-size-adjust:none;
}

.site-wrapper {
    width:100%;
    margin:0; padding:0;
}

.body-wrapper { background: none; padding:0; margin:0px; position:static; }

.body-sidebar { width:0; display: none; }

.body-contents { 
    width:100%; overflow: hidden;
    padding:0px;
    margin:0 auto;
    float:left; 
    }
    
.body-area-wrapper {
    padding:5px;
}

.wide-image-on-mobile-devices {
    width:100%;
    height:auto;
}


.inline-image, .inline-image-left, .inline-image-float-left-column, .inline-image-float-right-column, .inline-image-border, .inline-image-left-border, .block-image, .block-image-border { max-width:100%; height:auto; } 

.blueant-specifications-table { width: 100%; }

.body-index img { width:100%; height:auto; }

.header-logo img { max-width:200px; height: auto; }

.body-index {
clear: both;
}

.mobile-nav-bar {
    display:block;
    font-size:0.9em;
    background-color: #e8e8ea;
    border-top:2px solid #dcdcdc;
    color:#929294;
    text-transform:none;
    font-weight:normal;
    padding: 10px;
    margin: 0;
}

.mobile-nav-bar-contents {
    display:block;
    margin: 0 auto;
    text-align:center;
}


.mobile-nav-bar a, .mobile-nav-bar a:link, .mobile-nav-bar a:visited {
    color:#0096d7; font-weight: bold; text-decoration: none;
}

.mobile-nav-bar a:hover {
    color:#0096d7; font-weight: bold; text-decoration: underline;
}

.header {
    width:100%;
    height:auto;
    padding:0;
    border-bottom: none;
}

.header-logo {
    padding:0; margin:0;
    width:100%;
}


.header-navigation {
    width:100%; 
    padding: 0;
    margin: 0;
}

.header-navigation ul.header-navigation-menu {
    list-style:none;
    padding:0px;
    margin:5px 0px 10px 0px;
    float:left;
width:100%;
    background-color:#0096d7;
    
}

 .header-navigation ul.header-navigation-menu li {
     max-width:100%;
    margin:5px 0; 
    padding:0px;
}

.header-navigation ul.header-navigation-menu  li a
{ 
    background-image: none;
      
    height:auto; 
width:inherit;
background-color:  #0096d7;
    border:0;
    color:white;
    font-weight: bold;
    text-decoration: none;
    padding:5px; margin:0 0px 0 0; 
    float: left;

}

.header-navigation ul.header-navigation-menu  li a:hover, .header-navigation ul.header-navigation-menu  li a.selected {
    background-color: white;
    color: #0096d7;
}



.header-navigation ul.header-navigation-menu  li.header-navigation-features a,      
.header-navigation ul.header-navigation-menu  li.header-navigation-technology a,
.header-navigation ul.header-navigation-menu  li.header-navigation-press a,
.header-navigation ul.header-navigation-menu  li.header-navigation-support a,
.header-navigation ul.header-navigation-menu  li.header-navigation-buynow a,
.header-navigation ul.header-navigation-menu  li.header-navigation-features a:hover,      
.header-navigation ul.header-navigation-menu  li.header-navigation-technology a:hover,
.header-navigation ul.header-navigation-menu  li.header-navigation-press a:hover,
.header-navigation ul.header-navigation-menu  li.header-navigation-support a:hover,
.header-navigation ul.header-navigation-menu  li.header-navigation-buynow a:hover,
.header-navigation ul.header-navigation-menu  li.header-navigation-features a.selected,
.header-navigation ul.header-navigation-menu  li.header-navigation-technology a.selected,
.header-navigation ul.header-navigation-menu  li.header-navigation-press a.selected,
.header-navigation ul.header-navigation-menu  li.header-navigation-support a.selected,
.header-navigation ul.header-navigation-menu  li.header-navigation-buynow a.selected            
{ width:100%;   }
.header-navigation ul.header-navigation-menu  li.header-navigation-support a
{ padding-right:4px; }
.header-navigation ul.header-navigation-menu  li.header-navigation-buynow a 
{ padding-right:0;}

.header-navigation-text { position: static; }

.sub-navigation-box { width:100%; padding:10px 0; }

.sub-navigation ul, .sub-navigation-review ul, .sub-navigation-download ul  { padding:0; margin:0; }
.sub-navigation li, .sub-navigation-review li, .sub-navigation-download li { width:100%; padding:0; margin:0; }
.sub-navigation li a, .sub-navigation-download li a { display: block; background-image: none; padding:5px; border:2px solid #0096d7; margin:5px 0; height:auto; width:95%;
background-color:  #0096d7;
color:white; font-weight: bold;
margin-left:0; margin-right:0;
    /* Safari, Chrome, etc */
    -webkit-border-radius: 5px;

    /* Firefox */
    -moz-border-radius: 5px;

    /* Opera and future CSS3 browsers */
    border-radius: 5px;
 }

.sub-navigation li a:hover, .sub-navigation-download li a:hover { background-color: white; color:  #0096d7; }

.contact-details-wrapper {width:100%;}

.buy-now-retailers  { width: 100% !important; }
.buy-now-retailers img { padding:5px !important; }

.footer {
    text-transform:none;
}

.footer-left { width:100%; padding-bottom:5px; text-align: center; }
.footer-right { width:100%; text-align: center; }


.discover-the-technology { width:100%; background: none; }

.discover-the-technology h1 { color: #0065a4; }
table.discover-the-technology, .discover-the-technology td { padding: 0; margin:0; }

.trademark-statement {
    margin:10px 0;
}

.audioclips  { width:90%; height:auto; margin:5px auto; padding:0; } 
.audioclips img { width:90%; height:auto; margin:0; padding:0; } 

/* Modal Dialog */
.modal {
    width:80%; 
}

/* body, .site-wrapper, .body-wrapper, .body-contents, .header, .header-navigation {
    width:100%;
}

body, div, ul, ol, li, td, p, div.section {
    text-align:left;
}

.header, .header-navigation-text a, .footer, .footer a {
    text-decoration:none;
}



.body-wrapper {
    background-image: none;
}

.header {
    width:100%;
    height:auto;
    border-bottom: none;
}

.header-navigation {
    float: right;
}

.header-navigation ul.header-navigation-menu  li a {
    background-color:white;
    background-image:none;
    display: inline;
    list-style: circle;
}
.header-navigation ul.header-navigation-menu, ul.header-navigation-menu li {
    list-style: circle;
    padding-bottom:5px;
}

ul.header-navigation-menu li {
    display: block;
    width: 100%;
    text-align: left;
    padding-left:5px;
}
.header-navigation-text {
    display: inline;
    float: left;
    left:0; 
    width: 100%;
    position:relative;
}

.body-index img {
    max-width: 100%;
}

.body-sidebar {
    display: none;
}

.body-contents {
    width:100%;
    float:none;
}

.footer {
    width:100%;
    text-align: center;
}

.blueant-form {
    width:100%;
}

.blueant-form-text {
    font-size: 1em;
    width: auto;
    border: 1px solid #c9c9c9;
    padding: 2px;
}

.contact-details-wrapper, .contact-details {
    width: auto;
}

.sub-navigation li a, .sub-navigation-download li a {
    width:100%;
} */