/* BlueAnt Q1 Microsite Stylesheet */

body {
    font-size: 0.7em;
    padding : 0px;
    margin : 0px;
    background-color: white;
    /* This added to centre the main div on IE 5.x 
       (which does not support setting the left and
       right margins to auto) it does mean that we 
       need to explicitly set the text to be left 
       aligned on all other elements. */
    text-align: center;
    color: #666666;
}

body, h1, h2, h3 , h4, h5, div, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

strong, em, b, i, .cmdname {
     font-weight: bold; 
}

/* Text Styles */

h1, h2, h3, h4, h5 {
    color: black;
}

strong, em, b, i {
    color: #0164ab;
}

a, a:hover, a:visited {
    color: #0096d7;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}

h1 {
    font-weight: normal;
    font-size: 1.8em;
    text-align: center;
    text-transform: uppercase;
    padding: 0; margin: 5px 0 2.5px 0;
}

h2 {
    text-align: center;
    font-size:  1.5em;
    font-weight: normal;
    padding: 0; margin: 0;
}

h3, h4, h5 {
    text-align: left;
    font-weight: bold;
    font-size: 1em;
}

div {
    text-align:left;
}

ul, ol, li, td, p, div.section {
    text-align:left;
    line-height:1.5em;
}

li {
    padding-bottom:0.5em;
}

table li {
    padding-bottom:0;
}

/* Info messages displayed at the top of the screen */
.message-wrapper {
    display: none;
    background:#0096d7;
    color:white;
    padding:5px;
    margin:1px 0 1px 0;
}

/* Modal Dialog Box */

.modal {
    display:none; 
    width:600px; 
    text-transform:none;
    font-size:1em;
    text-align: left;
    color: white;
    border:2px solid white;
    background-color:#0096d7;
    padding: 10px;
    margin: 0;

    /* Safari, Chrome, etc */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
    box-shadow: 0 0 50px #ccc; 
}

.modal h1, .modal h2, .modal p, .modal a, .modal a:link, .modal a:visited, .modal a:hover .modal strong, .modal b, .modal ul, .modal li 
{ color: white !important; }

.modal h1 {
    text-align: center;
    text-transform: none;
    font-size:1.3em; 
    font-weight: bold;
    border-bottom: 2px solid white;
    padding: 0 5px 10px 5px;
}

.modal h2 {
    text-transform:none;
    font-size:1.3em;
    padding: 0 10px 0 10px;
}

.modal p {
    padding: 0 10px 0 10px;
}

.modal ul {
    padding: 0 10px 0 30px;
}

.modal-centred-text p { text-align:center; }

.modal .close {
	background-image:url("../images/navigation/modal_dialog_close.png");
    background-repeat: none;
	position:absolute;
	right:-17px;
	top:-17px;
	cursor:pointer;
	height:34px;
	width:34px;
    padding:0; 
    margin: 0;
}


/* Site Layout Elements */

.inline-image {
    display: inline;
    float:right;
    margin:20px;
}

.inline-image-left {
    display: inline;
    float:left;
    margin:0px 20px;
}

.inline-image-float-left-column {
    display:block; 
    float:left; 
    padding:10px 20px 10px 0;
    clear:both;
}

.inline-image-float-right-column {
    display:block; 
    float:right; 
    padding:10px 0 10px 20px;
    clear:both;
}

.inline-image-border {
    display: inline;
    float:right;
    margin:20px;
    border:1px solid #666666;
}

.inline-image-left-border {
    display: inline;
    float:left;
    margin:0px 20px;
    border:1px solid #666666;
}

.block-image {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    display: block;
}

.block-image-border {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    display: block;
    border:1px solid #666666;
}

.contact-details-wrapper {
    width:740px;
    margin-left:auto;
    margin-right:auto;
    background-color: #eee;
    border: 1px solid #c9c9c9;
}

.contact-details {
    width: 224px;
    float: left;
    padding: 5px;
    margin: 5px;
}

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

.blueant-section {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 20px;
}

.blueant-specifications-table {
    margin-top:20px;
    width:740px;
}
.blueant-specifications-table-evenrow {
    background-color: white;
}
.blueant-specifications-table-oddrow {
    background-color: #eee;
}

.blueant-largeimage {
    margin-left: auto;
    margin-right:auto;
    display: block;
}

/* BlueAnt Styled Form */
.blueant-form {
    width:495px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

form.blueant-form fieldset {
    margin-bottom: 10px;
}
form.blueant-form legend {
    padding: 0 2px;
    font-weight: bold;
}
form.blueant-form label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
form.blueant-form fieldset ol {
    margin: 0;
    padding: 0;
}
form.blueant-form fieldset li {
    list-style: none;
    padding: 5px;
    margin: 0;
}
form.blueant-form fieldset fieldset {
    border: none;
    margin: 3px 0 0;
}
form.blueant-form fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
}
form.blueant-form fieldset fieldset label {
    display: block;
    width: auto;
}
form.blueant-form em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
form.blueant-form label {
    width: 150px; /* Width of labels */
}
form.blueant-form fieldset fieldset label {
    margin-left: 153px; /* Width plus 3 (html space) */
}
.blueant-form-text {
    font-size: 1em;
    width: 300px;
    border: 1px solid #c9c9c9;
    padding: 2px;
}
.blueant-form-button {
    font-size: 1em;
    border: 1px solid #c9c9c9;
    padding: 3px;
    text-align: center;
    margin:20px auto 10px auto;
    display: block;
    background-color: #eee;
    text-transform: uppercase;
}



/* Main site layout */

.site-wrapper {
    width: 1000px;
    margin-left:auto;
    margin-right:auto;

}

.header {
    height:100px;
    background-color: white;
    padding:20px 0 10px 0;
    border-bottom: 8px solid #c9c9c9;
}

.header-logo {
    float: left;
    padding-top:0px;
}

/* Main menu in header bar: float the whole thing to the right to align
   with the edge of our page. */
.header-navigation ul.header-navigation-menu {
    list-style:none;
    padding:10px 0px 0 0;margin:0;
    float:right;
}

/* Hide text links in document by setting the position off the screen.
   Screen readers and old browsers should still be able to understand 
   the links, though. */
.header-navigation-text { position: absolute; left: -50000px; }

/* Float the individual li elements to the left within the menu area */
.header-navigation ul.header-navigation-menu  li{
    float:left;
}

/* The navigation bar is a single image containing all the selected and unselected versions
   of the menu options. This is set as a background image and we use the background position
   property to set which bit of this is shown for each one. This means we have to set the 
   width and position individually for each button as they are all different widths. */
.header-navigation ul.header-navigation-menu  li a {
    display: block;
    height: 90px;
    background: url("images/navigation/menu_bar.png");
}

/* Main Menu: Normal Images */
.header-navigation ul.header-navigation-menu  li.header-navigation-features a       { width:131px; background-position: 0 0; }
.header-navigation ul.header-navigation-menu  li.header-navigation-technology a   { width:126px; background-position: -131px 0; }
.header-navigation ul.header-navigation-menu  li.header-navigation-press a         { width:83px; background-position: -257px 0; }
.header-navigation ul.header-navigation-menu  li.header-navigation-support a             { width:103px; background-position: -340px 0; }
.header-navigation ul.header-navigation-menu  li.header-navigation-buynow a           { width:107px; background-position: -443px 0; }

/* Main Menu: Adjustments on Hover */
.header-navigation ul.header-navigation-menu  li.header-navigation-features a:hover, .header-navigation ul.header-navigation-menu  li.header-navigation-features a.selected
{ width:131px; background-position: 0 -90px; }
.header-navigation ul.header-navigation-menu  li.header-navigation-technology a:hover, .header-navigation ul.header-navigation-menu  li.header-navigation-technology a.selected
{ width:126px; background-position: -131px -90px; }
.header-navigation ul.header-navigation-menu  li.header-navigation-press a:hover, .header-navigation ul.header-navigation-menu  li.header-navigation-press a.selected
{ width:83px; background-position: -257px -90px; }
.header-navigation ul.header-navigation-menu  li.header-navigation-support a:hover, .header-navigation ul.header-navigation-menu  li.header-navigation-support a.selected
{ width:103px; background-position: -340px -90px; }
.header-navigation ul.header-navigation-menu  li.header-navigation-buynow a:hover, .header-navigation ul.header-navigation-menu  li.header-navigation-buynow a.selected
{ width:107px; background-position: -443px -90px; }

.sub-navigation-review { margin:25px 0 0 10px; padding:0;
}

.sub-navigation-review ul { margin:0px; padding:0;

}

.sub-navigation-review li {
    list-style:none;
    display:block;
    width:720px;
    float:left;
    text-align: left;
    border:0;
margin:5px; padding:0;
}

.sub-navigation-review li img {
    display:block;
    float:left;

}

.sub-navigation-review-link {
    padding:5px 0 20px 20px; display:block; text-align:left; margin: 0px 0 0 125px; border:0;
}
.sub-navigation-review a, .sub-navigation-review a:link, .sub-navigation-review a:visited, .sub-navigation-review a:hover,
.sub-navigation-review-link a, .sub-navigation-review-link a:link, sub-navigation-review-link a:visited {
    text-decoration: none;
}

.sub-navigation-review-link a:hover {
    text-decoration: underline;
}

.sub-navigation, .sub-navigation-download {
/*     width: 700px;
    margin-left:auto;
    margin-right:auto; */
margin-top:25px;
}

.sub-navigation ul, .sub-navigation-download ul {
    list-style:none;
    display: inline;

}
.sub-navigation li, .sub-navigation-download li {
    float: left;
}



.sub-navigation li a {
    background: url("images/navigation/menu_icon.png");
}

.sub-navigation-download li a {
    background: url("images/navigation/download_icon.png");
}

.sub-navigation li a, .sub-navigation-download li a {
    float: left;
    margin:10px;
    border:0;
    text-decoration:none;
    background-position: 0 0;
    background-repeat:no-repeat;
    height: 46px;
    width: 250px;
    padding-left: 60px;
    padding-top:11px;
    text-align: left;
}

.sub-navigation li a:hover, .sub-navigation-download li a:hover {
    background-position: 0 -92px;
    text-decoration:none;
}

.sub-navigation li a:visited, .sub-navigation-download li a:visited {
    text-decoration:none;
}

.sub-navigation-box {
/*     border-top: 1px solid black;
    background-color: #eee; */
    border-bottom: 1px solid #c9c9c9;
    text-align: center;
    padding: 10px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    width:700px;
    color: #0164ab;
}

.sub-navigation-box a, .sub-navigation-box a:visited {
    text-decoration:none;
}

.sub-navigation-box a:hover {
    text-decoration: underline;
}

ul.sub-navigation-languages {
    list-style-type:none;
}

.sub-navigation-languages li {
    display:block;
    float:left;
    border:1px solid #c9c9c9;
    background-color:#eee;
    padding:10px;
    margin:10px;
    text-align:center;
    width:300px;
}

.sub-navigation-languages li a, .sub-navigation-languages li a:link, .sub-navigation-languages li a:visited {
    text-decoration:none;
}

.sub-navigation-languages li a:hover {
    text-decoration: underline;
}

.body-index {
    margin: 5px 0 5px 0;
}

.body-wrapper {
    margin: 5px 0 0 0;
    padding: 0;
    background-repeat: repeat-y;
    background-image: url("images/sidebar/sidebar_background_image.png");
}

.body-clear  { clear:both; height:5px; margin:0px 0 0 0; }

.body-contents {
    float:right;
    width: 740px;
    background-color:white;
    padding:0px 20px 20px 0px;
    margin:0;
    border:0;
    /* height: 511px;
    overflow: scroll; */
}

.body-sidebar {
    width: 223px;
    float:left;
    padding:0px;
    margin:0px;
}

.footer {
    font-size:0.9em;
    background-color: #e8e8ea;
    border-top:2px solid #dcdcdc;
    color:#929294;
    text-transform:uppercase;
    font-weight:normal;
    padding: 10px 5px 0 5px;
    margin: 5px 0;
    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, .mobile-nav-bar a:hover {
    color:#0096d7; font-weight: bold;
}

.footer a, .footer a:link, .footer a:visited, .footer a:hover {
    color:#929294;
}

.footer-left {
    float:left;
}
.footer-right {
    float:right;
    text-align: right;
}


.footer a, .footer a:visited{
    text-decoration:none;
}
 .footer a:hover {
    text-decoration:underline;
}

.trademark-statement {
    display:block;
    margin:10px 0 -1.2em 0;
    padding:10px 0 0 0;
    font-size:0.8em;
}

/* Back and Next Links */

.technology-navigation-links {
    display:block;
    clear:both;
}

.technology-navigation-back span, .technology-navigation-noback span, 
.technology-navigation-next span, .technology-navigation-nonext span
{ position: absolute; left: -50000px; }

.technology-navigation-back, .technology-navigation-noback {
    float:left;
    width:75px;
    height:30px;
    background:url("images/buttons/button_back.gif") top left no-repeat;
}

.technology-navigation-next, .technology-navigation-nonext {
    float:right;
    width:75px;
    height:30px;
    background:url("images/buttons/button_next.gif") top left no-repeat;
}

a.technology-navigation-back:hover, a.technology-navigation-next:hover, .technology-navigation-noback, .technology-navigation-nonext
{
    background-position: 0 -30px; }

.audioclips {
    display:block;
    float:left;
    margin:15px 12px;
    padding:10px;
    text-align:center;
    border:1px solid #c9c9c9;
    width:320px;
    height:220px;
}

.discover-the-technology {
    background:url("images/technology/box.jpg") top left repeat-y;
    padding:5px 10px;
    position:relative;
    top:-2px;
    left:0px;
    width:748px;
    border:0;
}


.discover-the-technology h1 {
    color: white;
    font-size:1.2em;
    text-align:left;
    text-transform:none;
    font-weight: bold;

}

.discover-the-technology p {
    color:#0065a4;
    font-size:1em;
    text-align:left;
}

.discover-the-technology td { padding: 0 5px; }

.retailer-logo {
    display: block;
    float:left;
    margin:20px 90px;
}

/* START BlueAnt Table */

.standard-blueant-table, .product-comparison-table {
    padding: 0;
    margin: 10px 0;
}



.standard-blueant-table table, .product-comparison-table table {
    border:0;
}

.standard-blueant-table th, .standard-blueant-table td {
    border:1px solid #c9c9c9;
    padding:10px;
}


.standard-blueant-table th, .standard-blueant-table-header {
    font-weight: bold;
    color:#0164ab;
    background-color:#eee;
    vertical-align:top;
    text-align:left;
}
/* No borders on nested tables (ie admonitions in online docs) */
.standard-blueant-table table table td {
    border:0;
}

/* END BlueAnt Table */