html {
    /* CSS3 property to force the scrollbars to always display */
    overflow-y: scroll;
}

body {
    font-size:0.7em;
    padding : 0px;
    margin : 0px;
    background-color: #bebdc1;
    /* 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;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3 , h4, h5, div, p { text-align:left; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a { color:#0096d7; }
h1 { font-size: 1.2em; text-transform:uppercase; }
h2 { font-size: 1.1em; }

.body-contents h1 { font-size:1.6em; text-transform:none; font-weight: normal; }
.body-contents h2 { font-size:1.2em; text-transform:none; font-weight: bold; }

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

b, strong, .cmdname {
    font-weight: bold;
    color: #0096d7;
}

.cmdname {    white-space:nowrap; }

p, ul, ol, dl, li {
    line-height: 1.3em;
}

.body-contents li { padding: 0 0 1em 0; }

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

/* Legal warning sections in the warranty and safety docs */
.legal-warning {
    display: block;
    border:2px solid black;
    padding:0 10px;
    text-transform: uppercase;
}

.legal-warning h2 {
    font-size:1.5em;
    text-transform: uppercase;
}
.legal-warning p {
    font-size:1.2em;
    text-transform: uppercase;
}


/* 
   CSS Hack to fix an issue with the text size in tables in IE 5.5
   We've set the font size on the body to 0.7em. In IE6+ and all
   other modern browsers this is inherited by all other elements.
   IE5.5 does not pass this down so the text size in tables is 
   ridiculously big. Unfortunately we can't just set an explicit font
   size of 0.7em for tables because then all the other browsers will
   treat this as 70% of the inherited font size (i.e. you get really
   tiny text). With the hack below, IE5.5 and below will get the
   0.7em setting but all the other browsers will get the 1em.
*/

table td {
font-size:0.7em;
font-size/**/:0.7em;
f\ont-size:1em;

}

.news-date { color:#0096d7; }

.more-link {
    text-transform: uppercase;
    color:#0096d7;
    font-weight:bold;
    text-align:right;
}

.image-centred {
    display:block;
    margin: 0 auto;
    text-align:center;
}

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

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

.image-border {
    border:1px solid #c9c9c9;
}

.get-adobe-reader {
    border-top:1px solid #c9c9c9;
    padding-top:5px;
}

.get-adobe-reader p {
    display: block;
    float:left;
    width:350px;
}

.get-adobe-reader a {
    display: block;
    float:right;
    width:160px;
    padding:10px;
}

/* START FAQ DD Markup */

.hide { display:none;  }
.show { display:block; }

dt {
    font-weight: bold; 
    padding: 0px 0px 10px 20px;
    cursor: pointer;
    text-decoration: none;
    color: #0096d7;
    background:url("images/navigation/faq_bullet.jpg") left top no-repeat;
}

dt:hover { text-decoration:underline;}

dd {
    margin: 0px 10px 10px 20px;
}

/* END FAQ DD Markup */

.more-link a, .more-link a:link, .more-link a:visited, .more-link a:hover { color:#0096d7; }

/* START index page boxes */

.info-box-group {
    width:400px; 
    float:left;
    padding-top:5px;
}

.info-box-group-row {
    padding:0 0 10px 0; margin:0;
    overflow:hidden; height:100%;
}

.info-box-group-box {
    display: block;
    float: left;
    padding:0 5px 500px 5px;
    margin: 0 5px -500px 5px;
    width:170px;
    border-right: 1px solid #d9d9d9;
}

.info-box-row {
    margin:0;
    
    /* This combined with the 500px bottom margin/padding on the boxes 
       lets us do right hand borders but keeps them all the same height. */
    overflow:hidden; height:100%;
    background-color:white;
}

.info-box-border, .info-box-noborder {
    display: block;
    float: left;
    padding:10px 5px 500px 5px;
    margin: 5px 5px -500px 5px;

}

.info-box-border {
    border-right: 1px solid #d9d9d9;
}

.info-box-img {
    display:block;
    float:left;
}

.info-box-text {
    display:block;
    float:right;
}

img.button {
    float:right;
}

.banner-image {
    /* margin: 5px 0; */
    margin: 0 0 5px 0;
    padding: 2px 0 5px 0;
    /* border-top:1px solid #d9d9d9; */
    border-bottom:1px solid #d9d9d9;
}

.product-reg-image {
    padding:10px 0 0 0;
    margin:5px 0 0 0;
    border-top:1px solid #d9d9d9;
}

.menu-page-divider, .menu-page-divider-no-padding {
    margin-top:10px;
    border-top:10px solid #e8e8e8;
}

.menu-page-divider img {
    margin:0 19px 15px 0;
}

/* END index page boxes */

/* START Slideshow */

#products-slideshow, #compare-slideshow {
    position: relative;
    height:110px;
}

#banner-slideshow {
    position:relative;
    height: 238px;
}

#banner-slideshow a, #products-slideshow a, #compare-slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#banner-slideshow a.active, #products-slideshow a.active, #compare-slideshow a.active {
    z-index:10;
}

#banner-slideshow a.last-active, #products-slideshow a.last-active, #compare-slideshow a.last-active {
    z-index:9;
}

#more-products-blend-speakerphones, #more-products-blend-headsets {
    position:relative;
    height:109px;
    width:103px;
    padding:0; margin:0;
    display:block; float:left;
}

#more-products-blend-speakerphones a, #more-products-blend-headsets a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#more-products-blend-speakerphones a.active, #more-products-blend-headsets a.active {
    z-index:10;
}

#more-products-blend-speakerphones a.last-active, #more-products-blend-headsets a.last-active {
    z-index:9;
}

/* END Slideshow */

/* START General page features */
.feature-summary-box {
    padding:0px;
    margin:0px;
}

.contact-us-box {
    background:url("images/navigation/contact_us_grey_box.jpg") top left no-repeat;
    display:block;
    padding:15px;
    height:100px;
}

.feature-summary-box h1 {
    text-align: center;
    font-size:1.5em;
    padding:5px;
}

.feature-summary-box ul, .contact-us-box ul {
    padding-left:50px;
    padding-top:10px;
}

.feature-summary-box li, .contact-us-box li {
    list-style-type:none;
    line-height:1.5em;
    margin-left:50px;
}

.feature-highlight-images {
    width:140px;
    text-align:center;
    padding:10px;
    display:block;
    float:right;
    border:1px solid #c9c9c9;
}

.feature-highlight-images img {
    margin:10px auto;
}

.flash-embed-wrapper {
    width: 550px; 
    margin:40px 0; 
    text-align:center;
}

.product-features-images {
    margin:30px 0;
}

.reviews-summary { 
    padding:10px 0;
    border-bottom:1px solid #c9c9c9;
}

.reviews-summary ul {
    list-style:none;
    padding:0 0 10px 0; margin: 0;
}

.reviews-summary li {
    padding:5px;
}

.sub-navigation-review,    .sub-navigation-pr    { margin:25px 0 0 10px; padding:0; }
.sub-navigation-review ul, .sub-navigation-pr ul { margin:0px;           padding:0; }
.sub-navigation-review li, .sub-navigation-pr li {
    list-style:none;
    display:block;
    width:500px;
    float:left;
    text-align: left;
    border:0;
    margin:5px; 
    padding:0;
}

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

.sub-navigation-pr {
    clear:both;
}

.sub-navigation-pr li a {
    float:right;
}

.sub-navigation-pr li {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom:10px;
    padding-bottom:10px;
}

.sub-navigation-review-link {
    padding:5px 0 20px 20px; display:block; text-align:left; margin: 0px 0 0 125px; border:0;
}


.product-specifications ul {
    list-style:none;
    padding:0; margin:0;
}

.product-specifications li {
    padding:0; margin:0.2em 0;
}

.product-specifications h1 {
    font-size:1.8em;
    text-transform:none;
    color: #666666;
    font-weight:normal;
}

.product-specifications h2 {
    text-transform:none;
    color: #666666;
    font-weight:bold;
    padding:0; margin:0.5em 0;
}

/* END General page features */

/* START Page-specific features */

.interphone-f4-features {
    display:block;
    width:183px;
    float:left;
    margin-top:-30px;
}

.interphone-f4-features h1 {
    text-transform: none;
    position:relative;
    top:-13px;
    left:60px;
    width:123px;
    font-size:1.2em;
    font-weight:bold;
}

.interphone-f4-features ul {
    padding-left:0px;
    margin-left:25px;
}



.interphone-f4-feature-box-wrapper {
    background:url("images/products/headsets/interphone/f4/features_box_bg.jpg") bottom no-repeat;
    width:549px;
    margin: 30px 0 0 0;
}

.interphone-f4-feature-box {
    width:380px; 
    margin: 20px 20px 0 0;
    display:block; 
    float:left;
}

.interphone-f4-feature-box ul {
    list-style:none;

}


.image-gallery-item {
    width:260px;
    display:block;
    float:left;
    padding:0px;
    margin:0;
    border:0;
    text-align:center;
}

.image-gallery-item h1 {
    text-transform:none;
    text-align:center;
    color: #666666;
    font-size:1.2em;
    font-weight:bold;
    padding:0; margin:0.5em 0;
}

.image-gallery-item ul {
    list-style:none;
    padding:0; margin:0;
}

.image-gallery-item li {
    padding:0; 
    margin:0.2em 0;
}

.image-gallery-spacer {
    display:block;
    width:549px;
    height:30px;
    padding:0;
    margin:0;
    clear:both;
}

/* END Page-specific features */

/* START Assorted Buttons */


.reply-button, .update-button, .download-button, .today-button, .clear-button, .submit-button, .reset-button, .back-button, .next-button {
    border:0;
    padding:0; 
    margin:0;
    width:80px; 
    height:30px;
    background-position: 0 0;
    cursor:pointer;
}

a.back-button { display:block; }

.start-again-button {
    border:0;
    padding:0; 
    margin:0;
    width:115px; 
    height:30px;
    background-position: 0 0;
    cursor:pointer;
}

/* US Shop buttons */
a.learn-more-button, a.add-to-cart-button, p.out-of-stock-button, p.available-soon-button {
    display:block;
    border:0;
    padding:0; 
    margin:10px 30px;
    width:108px; 
    height:30px;
    background-position: 0 0;
}

.reply-button:hover, .update-button:hover, 
.download-button:hover, .today-button:hover, .clear-button:hover,
.submit-button:hover, .reset-button:hover, .back-button:hover, .next-button:hover,
.start-again-button:hover, a.learn-more-button:hover, a.add-to-cart-button:hover
{     background-position: 0 -30px; }

.submit-button { background:url("images/buttons/button_submit.gif"); }
.reset-button { background:url("images/buttons/button_reset.gif"); }
.back-button { background:url("images/buttons/button_back.gif"); }
.next-button { background:url("images/buttons/button_next.gif"); }
.start-again-button { background:url("images/buttons/button_start_again.gif"); }
.today-button { background:url("images/buttons/button_today.gif"); }
.clear-button { background:url("images/buttons/button_clear.gif"); }
.download-button { background:url("images/buttons/button_download.gif"); }
.reply-button { background:url("images/buttons/button_reply.gif"); }
.update-button { background:url("images/buttons/button_update.gif"); }
a.learn-more-button { background:url("images/buttons/button_learn_more.gif"); }
a.add-to-cart-button { background:url("images/buttons/button_add_to_cart.gif"); }
p.out-of-stock-button { background:url("images/buttons/button_out_of_stock.gif"); }
p.available-soon-button { background:url("images/buttons/button_available_soon.gif"); }

.contact-us-buttons {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width:422px;
    height:91px;
}

.media-buttons-1, .media-buttons-2 {
    width:549px;
    margin: 20px auto;
    padding:0;
}

.support-buttons-group-1, .support-buttons-group-2, .support-buttons-group-3, .support-buttons-group-contact-page {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width:549px;
    height:181px;
}

a.learn-more-button span, a.add-to-cart-button span, p.out-of-stock-button span,
.reply-button span, .update-button span, .download-button span, .clear-button span, .today-button span, .next-button span, .start-again-button span, .back-button span, .submit-button span, .reset-button span, .support-buttons-group-1 a span, .support-buttons-group-2 a span, .support-buttons-group-3 a span, .support-buttons-group-contact-page a span, .media-buttons-1 a span, .media-buttons-2 a span, .contact-us-buttons a span, a.download-button span, a.download-PDF-button span, a.download-ZIP-button span, a.read-online-button span, a.faq-buttons-show span, a.faq-buttons-hide span,
p.available-soon-button span {
    position: absolute; 
    left: -50000px;
}

.contact-us-buttons a {
    display:block;
    float:left;
    margin:0; 
    padding:0;
    width: 140px;
    height:91px;
}

.media-buttons-1 a, .media-buttons-2 a {
    display:block;
    float:left;
    margin:0; 
    padding:0;
    width: 183px;
    height:191px;
}



.support-buttons-group-1 a, .support-buttons-group-2 a, .support-buttons-group-3 a, .support-buttons-group-contact-page a {
    display:block;
    float:left;
    margin:0; 
    padding:0;
    width: 183px;
    height:181px;
}

#blueant-faq {
    width:300px;
    margin: 20px auto 0 auto;
}

#blueant-faq a {
    display:block;
    float:left;
}

/* Contact Us buttons are different for US vs AU, so the background image is specified in the language-specific CSS. */
.media-buttons-1 a { background:url("images/corporate/media_buttons_1.jpg") top left no-repeat; }
.media-buttons-2 a { background:url("images/corporate/media_buttons_2.jpg") top left no-repeat; }
.support-buttons-group-1 a,.support-buttons-group-contact-page a { background:url("images/corporate/support_buttons_1.jpg") top left no-repeat; }
.support-buttons-group-2 a { background:url("images/corporate/support_buttons_1.jpg") top left no-repeat; }
.support-buttons-group-3 a { background:url("images/corporate/support_buttons_2.jpg") top left no-repeat; }


.contact-us-buttons a.contact-us-buttons-sales         { background-position: 0 0; }
.contact-us-buttons a.contact-us-buttons-sales:hover   { background-position: 0 -91px; }
.contact-us-buttons a.contact-us-buttons-media         { background-position: -140px 0; }
.contact-us-buttons a.contact-us-buttons-media:hover   { background-position: -140px -91px; }
.contact-us-buttons a.contact-us-buttons-support       { background-position: -280px 0; }
.contact-us-buttons a.contact-us-buttons-support:hover { background-position: -280px -91px; }

a.media-buttons-left         { background-position: 0 0; }
a.media-buttons-left:hover   { background-position: 0 -191px; }
a.media-buttons-middle         { background-position: -183px 0; }
a.media-buttons-middle:hover   { background-position: -183px -191px; }
a.media-buttons-right       { background-position: -366px 0; }
a.media-buttons-right:hover { background-position: -366px -191px; }

/* Rows 1 and 3 are at the top of the image file, while row 2 is lower down the same image file as row 1 */
.support-buttons-group-1 a.support-buttons-1,
.support-buttons-group-3 a.support-buttons-1 { background-position: 0 -1px; }
.support-buttons-group-1 a.support-buttons-1:hover,
.support-buttons-group-3 a.support-buttons-1:hover { background-position: 0 -181px; }
.support-buttons-group-1 a.support-buttons-2,
.support-buttons-group-3 a.support-buttons-2 { background-position: -183px -1px; }
.support-buttons-group-1 a.support-buttons-2:hover,
.support-buttons-group-3 a.support-buttons-2:hover { background-position: -183px -181px; }
.support-buttons-group-1 a.support-buttons-3,
.support-buttons-group-3 a.support-buttons-3 { background-position: -366px -1px; }
.support-buttons-group-1 a.support-buttons-3:hover,
.support-buttons-group-3 a.support-buttons-3:hover { background-position: -366px -181px; }

.support-buttons-group-2 a.support-buttons-1 { background-position: 0 -369px; }
.support-buttons-group-2 a.support-buttons-1:hover { background-position: 0 -559px; }
.support-buttons-group-2 a.support-buttons-2 { background-position: -183px -369px; }
.support-buttons-group-2 a.support-buttons-2:hover { background-position: -183px -559px; }
.support-buttons-group-2 a.support-buttons-3 { background-position: -366px -369px; }
.support-buttons-group-2 a.support-buttons-3:hover { background-position: -366px -559px; }

.support-buttons-group-contact-page a.support-buttons-manuals             { background-position: -183px -1px; }
.support-buttons-group-contact-page a.support-buttons-manuals:hover       { background-position: -183px -181px; }
.support-buttons-group-contact-page a.support-buttons-faq                 { background-position: -366px -1px; }
.support-buttons-group-contact-page a.support-buttons-faq:hover           { background-position: -366px -181px; }
.support-buttons-group-contact-page a.support-buttons-knowledgebase       { background-position: 0px -369px; }
.support-buttons-group-contact-page a.support-buttons-knowledgebase:hover { background-position: 0px -559px; }

a.download-button, a.download-PDF-button, a.download-ZIP-button, a.read-online-button, a.faq-buttons-show, a.faq-buttons-hide {
    display:block;
    width:143px;
    height:30px;
}

a.faq-buttons-show    { background:url("images/navigation/show_all.gif") top left no-repeat; }
a.faq-buttons-hide    { background:url("images/navigation/hide_all.gif") top left no-repeat; }
a.download-button     { background:url("images/navigation/download.gif")     top left no-repeat; }
a.download-PDF-button { background:url("images/navigation/download_PDF.gif") top left no-repeat; }
a.download-ZIP-button { background:url("images/navigation/download_ZIP.gif") top left no-repeat; }
a.read-online-button  { background:url("images/navigation/read_online.gif")  top left no-repeat; }

a.download-button, a.download-PDF-button, a.download-ZIP-button, a.read-online-button,
a.faq-buttons-show, a.faq-buttons-hide { background-position: 0 0; }
a.download-button:hover, a.download-PDF-button:hover, a.download-ZIP-button:hover, a.read-online-button:hover,
a.faq-buttons-show:hover, a.faq-buttons-hide:hover
{ background-position: 0 -30px; }

/* END Assorted Buttons */

/* 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:#0096d7;
    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 */

/* START Product Comparison Page */

/* Even/Odd table striping and style for left column adding using jquery */
.product-comparison-table td, .product-comparison-table th { text-align:center; padding: 5px 0;}

td.product-comparison-table-descriptions { text-align:left; padding:5px 10px; }
.product-comparison-table-odd td { background-color:#e8e8e8; } 
.product-comparison-table tbody img { padding: 0; }

.product-comparison-tabs { 
    list-style:none; 
    margin:0 !important; 
    padding:0;
    height:60px;
    border:0;
}

.product-comparison-tabs a {
    display:block;
    float:left;
    height:60px;
    margin:0 !important; 
    padding:0;
    background:url(images/compare/tab_bar.gif);
}

td.product-comparison-tick { background-color:#45a12a; }

.product-comparison-tabs a#choose                { width: 248px; background-position: -4px 62px; }
.product-comparison-tabs a#compare_speakerphones { width: 246px; background-position: 250px 62px; }
.product-comparison-tabs a#compare_headsets      { width: 246px; background-position: 495px 62px; }
.product-comparison-tabs a#choose:hover  { background-position: -5px 0px; }
.product-comparison-tabs a#compare_speakerphones:hover { background-position: 250px 0px; }
.product-comparison-tabs a#compare_headsets:hover      { background-position: 495px 0px; } 

a#choose.selectedtab { background-position: -5px 0px !important; }
a#compare_speakerphones.selectedtab { background-position: 250px 0px !important; }
a#compare_headsets.selectedtab { background-position: 495px 0px !important; }

.product-comparison-tabs span {
    position: absolute; 
    left: -50000px;
}

/* Product comparison section hidden by default; users with javascript on  
   get this shown with jquery (a noscript tag turns the table back on for non js people) */
.product-comparison-panes {
    display: none;
}

.product-comparison-text {
    margin:15px;
}

.product-comparison-panes h1 {
    text-transform: none;
    font-size:1.9em;
    font-weight: normal;
}

.product-comparison-panes h2 {
    text-transform: none;
    font-size:1.3em;
    font-weight: bold;
    margin-top:20px;
}

/* END Product Comparison Page */

/* START Rounded Corner Boxes: Clear */
.roundedcornr_box        { background: url("images/navigation/roundedcornr_tl.png") no-repeat top left;     }
.roundedcornr_top        { background: url("images/navigation/roundedcornr_tr.png") no-repeat top right;    }
.roundedcornr_bottom     { background: url("images/navigation/roundedcornr_bl.png") no-repeat bottom left;  }
.roundedcornr_bottom div { background: url("images/navigation/roundedcornr_br.png") no-repeat bottom right; }
.roundedcornr_content    { background: url("images/navigation/roundedcornr_r.png") top right repeat-y;      }
.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom { width: 100%; height: 10px; font-size: 1px; }
.roundedcornr_content, .roundedcornr_bottom    { margin-top: -21px; }
.roundedcornr_content                          { padding: 0 10px; }
/* END Rounded Corner Boxes: Clear */

/* START Rounded Corner Boxes: Filled */
.roundedcornr_fill_box        { background: url("images/navigation/roundedcornr_fill_tl.png") no-repeat top left;     }
.roundedcornr_fill_top        { background: url("images/navigation/roundedcornr_fill_tr.png") no-repeat top right;    }
.roundedcornr_fill_bottom     { background: url("images/navigation/roundedcornr_fill_bl.png") no-repeat bottom left;  }
.roundedcornr_fill_bottom div { background: url("images/navigation/roundedcornr_fill_br.png") no-repeat bottom right; }
.roundedcornr_fill_content    { background: url("images/navigation/roundedcornr_fill_r.png") top right repeat-y;      }
.roundedcornr_fill_top div,    .roundedcornr_fill_top,
.roundedcornr_fill_bottom div, .roundedcornr_fill_bottom { width: 100%; height: 10px; font-size: 1px; }
.roundedcornr_fill_content,    .roundedcornr_fill_bottom { margin: -10px 0; }
.roundedcornr_fill_content                               { padding: 0 20px; }
/* END Rounded Corner Boxes: Filled */

/* START General Page Layout */

.mobile-nav-bar, .mobile-header {
    display: none;
}

.background-wrapper {
    width:874px;
    margin-left:auto;
    margin-right:auto;
    background-image:url("images/navigation/drop_shadow_sides.jpg");
    background-position:center;
    background-repeat:repeat-y;
}

.site-wrapper {
    width:740px;
/* Set left and right margins to centre body content outside of drop shadow */
    margin: 0 0 0 68px;
    padding: 0 0 10px 0;
    background-color:white;
}

.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;
}

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

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

.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;
}


.body-sub-pages-wrapper {
    background: url("images/navigation/sub_page_divider.jpg")  top right repeat-y;
    z-index:100;
    margin:10px 0 20px 0;
    padding:10px 0 0 0;

}

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

.body-contents {
    float:right;
    width: 550px;
    padding:0px 0px 0px 12px;
    margin:0;
}

.horizontal-list {
    list-style: none;
    margin-left:-100px;
}

.horizontal-list li {
    display:block;
    width: 130px;
    float:left;
}

.body-clear { clear:both; }

/* END General Page Layout */

/* START TOC */

.tableofcontents {
    border: 0;
    padding: 0px;
    margin: 20px 0 20px 0;
    background-color: #ffffff;
    text-align: left;

}

.tableofcontents ul {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
    /* Override definitions for all bullet lists  */
    line-height:1em;
}
        
.tableofcontents ul li {
    border-bottom: 1px solid #ffffff;
    margin:0;
    text-align: left;
    /* This included here to override padding added to 
    all li elements in main stylesheet */
    padding-bottom:0;
}
.tableofcontents ul ul li a {
    padding-left:20px;
    margin:0;
    text-align: left;
}

.tableofcontents ul ul li {
    border-bottom: 1px solid #ffffff;
    margin-bottom:0;
    text-align: left;
}

.tableofcontents ul ul {
    padding-bottom:0px;
    margin-bottom:0px;
    background-color: #ffffff; 
    border:0;
    text-align: left;
}

.tableofcontents li a {
    display: block;
    padding: 5px;
    border: 1px solid #ffffff;
    margin-top:0; margin-bottom:0px;
    color: #666;
    text-decoration: none;
    width: auto;
    text-align: left;
    /* Give items that wrap to a second line a bit of spacing between the lines */
    line-height:1.2em;
}

.tableofcontents li a:visited {
    color: #666;
    text-decoration: none;
}

html>body .tableofcontents li a {
    width: auto; 
    margin:0;
    margin-top:0; 
    margin-bottom:0px; 
    text-decoration: none;    
}

.tableofcontents li a:hover {
    border: 1px solid #c9c9c9;
    background-color: #eee;
    text-decoration: none;
    color: black; 
    margin:0; 
    margin-top:0; 
    margin-bottom:0px;
}

.tableofcontents li a img, .tableofcontents li p img {
    vertical-align:middle;
}

.sidebar, .sidebar a {
    margin:0; padding:0;
}
.sidebar-form {
 margin:0; padding:0;
}
.sidebar-form select {
    width:150px;
    color:#666;
    font-size:1em;
    margin: 0;
    padding:0;
    border:1px solid #c9c9c9;
}

.sidebar p, .language p, .language input, .language form, .language option, .language select {
    font-size:xx-small;
    font-weight:bold;
}

.find-shop-form {
    display:block;
    text-align:center;
    padding: 10px;

}

.find-shop-form select {
    width:120px;
    color:#666;
    font-size:1em;margin:0; padding:0;
    border:1px solid #c9c9c9;
}

.find-shop-form input {
    margin:0 auto;
    color:#666;
    background-color:#e8e8e8;
    font-size:0.8em;margin:0px; padding:0.1em;
    border:0.1em solid #c9c9c9;
}

#find-shop-products {
    border-top: 1px solid #c9c9c9;
    padding-top:10px;
}

#find-shop-products img {
    display:block;
    float:left;
    padding:5px; margin:0;
    /* width:169px;
    height:107px; */

}

#find-shop-products a, #find-shop-products a:hover, #find-shop-products a:visited, #find-shop-products a:link {
    text-decoration:none;
}

.find-shop-products a:hover, .find-shop-products-selected {

}

.find-shop-retailers {
    border-top: 1px solid #c9c9c9;
    display:block;
    padding:0; margin:0 0 20px 0;
}

.find-shop-retailers h1 {

}

.find-shop-retailers-logos, #showShopButton {
    display: none;
}

.find-shop-retailers img, .find-shop-retailers-logos img {
    padding:6px;
}

/* Overrides for currently displayed page in TOC */

.tableofcontents ul li.selected a.selected, .tableofcontents ul li.selected a.selected:hover {
    border: 1px solid #c9c9c9;
    background-color: #eee;
    color:black;
}

/* END TOC */

/* START Contact Us Form Styles */

.contact-us-form select, .contact-us-form textarea {
    color:#666;
    margin:0; padding:0;
    border:1px solid #c9c9c9;
}

.contact-us-form-input {
    margin:0 auto;
    color:#666;
    margin:0px; padding:0.1em;
    border:0.1em solid #c9c9c9;
}

.contact-us-form-section, .knowledgebase-section {
    margin:10px 0 10px 0;
    padding:0px;
    border-top:2px dotted black;
}

.contact-us-form-section td {
    padding:0 5px 10px 0;
}

.contact-us-form-section button {
    margin:15px 0 15px 0;
}

/* Validation error messages */

.error { color: red; font-weight: bold; }

/* Modal Dialog Box */

.modal {
    background: url("images/navigation/popupbox.gif")  top left no-repeat;
    display:none; 
    width:450px; 
    padding:0px; margin:0;
    text-align:center; 
/*    border:2px solid #333; */
    /* opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; */
}
#modal-close-button span { display:none; }

a#modal-close-button { 
    display:block; 
    width:25px; 
    height:25px; 
    border:0; 
    position:absolute;
    right:0;
    z-index:100;
}

.modal-bottom {
    background: url("images/navigation/popupbox_bottom.gif")  top left no-repeat;
    width:450px;
    height:23px;
}
.modal p { 
    margin:1em 15px; 
    text-align:center;
    color:#fff;
}

.modal a, .modal a:link, .modal a:visited, .modal a:hover .modal strong, .modal b { 
    color:#fff;
}
.modal h1 {  
    color:#fff;
    margin:0px 8px 1em 6px; 
    padding:18px 10px 15px 10px;
    font-size:1.3em; 
    font-weight: bold;
    text-align:center;
    text-transform:none;
    padding-bottom: 15px;
    border-bottom:2px solid white;
}

.modal h2 {
    color:#fff;
    text-align:center;
    font-size:1.3em;
    text-transform:none;
    padding:10px;
    margin:0px 8px 1em 6px; 
}

/* END Contact Us Form Styles */

/* START Rounded Sidebar Boxes */

.rounded-box-grey, .rounded-box-blue {
    padding:0px 0 0 10px;
    margin:0 0 10px 0;
}

.rounded-box-grey a.selected, .rounded-box-blue a.selected {
    font-weight: bold;
}

/* 5px negative added to background position just to centre the boxes a bit in the available space (without editing the image) */
.rounded-box-grey { background:url("images/navigation/rounded_box_grey.png") left top no-repeat; background-position: -5px 0px;  }
.rounded-box-blue { background:url("images/navigation/rounded_box_blue.png") left top no-repeat; background-position: -5px 0px;  }

.rounded-box-bottom {
    height:17px;
    width:160px;
    /* Negative Margin here counters the 10px left padding on the containing div and the 5px negative on the background image */
    margin: 5px 0 0 -15px;
    background:url("images/navigation/rounded_box_bottom.gif") left top no-repeat;
}

.rounded-box-title {
    height:50px;
    width:160px;
    /* Negative Margin here counters the 10px left padding on the containing div and the 5px negative on the background image  */
    margin-left: -15px;
}

.rounded-box-divider {
    margin-left: -15px;
}

.rounded-box-grey ul, .rounded-box-blue ul {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
}

.rounded-box-grey ul ul, .rounded-box-blue ul ul {
    margin: 5px 0 0 10px;
}

.rounded-box-grey p, .rounded-box-blue p {
    margin: 0;
    padding: 10px 0 0 0;
    width: 120px;
    color: white;
    display:block;
}

.rounded-box-grey strong, .rounded-box-blue strong, 
.rounded-box-grey b, .rounded-box-blue b {
    color:white;
}

.rounded-box-grey a, .rounded-box-grey a:link, .rounded-box-grey a:visited, .rounded-box-grey a:hover,
.rounded-box-blue a, .rounded-box-blue a:link, .rounded-box-blue a:visited, .rounded-box-blue a:hover
{
    color: white;
}

.rounded-box-grey li, .rounded-box-blue li {
    margin: 0 0 5px 0px;
    width: 120px;
}



/* END Rounded Sidebar Boxes */

/* START Shopping Cart Styles */

.shop-breadcrumbs {
    display: block;
    float:left;
    padding:10px 0;
    width:549px;
}

.shop-main-links {
    display: block;
    float:right;
    text-align:right;
    padding:5px;
    width:540px;
    background-color:#eee;
    border-bottom:1px solid #c9c9c9;
}

.shop-cart {
    color: white;
}

.shop-banner-image, .shop-welcome-message, .banner-image-with-bottom-border {
    padding-bottom:10px;
    border-bottom:10px solid #e8e8e8;
}

.shop-more-arrow {
    display: block;
    float:right;
}

.shop-product-image {
    width:200px;
    float:left;
    padding:0; margin:0;
    background:url("images/shop/cart/bg.gif") left top no-repeat;
}

.shop-product-buttons {
    width:200px;
    margin-top:10px;
}

.shop-product-buttons img, .shop-product-buttons input {
    padding:5px;
    margin: 0 0 0 25px;
}


.shop-related-products {
    clear: both;
    padding-top:40px;
}


.shop-description {
    display:block;
    float:right;
    width: 350px;
    padding:0; margin:0;
}

.shop-product-heading {
    font-size:1.6em; text-transform:none; font-weight: normal;
}
.shop-product-price {
    width:320px;
    font-size:1.2em;
    color: black;
    padding-bottom: 10px;
    border-bottom:1px solid #c9c9c9;
}

.shop-product-summary {
    width:320px;
    padding-bottom: 10px;
}

.shop-product-description {
    width:320px;
    padding-bottom: 10px;
    border-bottom:1px solid #c9c9c9;
}

.shop-form  input, .shop-form textarea, .shop-form select {
    border:1px solid #c9c9c9;
}

.shop-blue-divider {
    background:url("images/navigation/blue_divide_bar.gif") left top no-repeat;
    width:549px;
    height:25px;
}

.shop-related-products-heading, .shop-product-list-heading {
    color:white;
    font-weight:bold;
    text-align:center;
}

.shop-product-list-heading a, .shop-product-list-heading a:link,
.shop-product-list-heading a:visited, .shop-product-list-heading a:hover{
    color:white;
}

.shop-warning-message {
/* Used on p tags to add notes to the shop */
    display:block;
    border:1px solid red;
    margin:10px 0px 10px 0;
    padding:10px;
    background-color:#eee;
}

.shop-lowstockwarning b {
    color: red;
}
/* END Shopping Cart Styles */

/* START Search Results Form */

.search-results-wrapper {
    padding-bottom:10px;
    border-bottom:10px solid #e8e8e8;
}

ul.search-results {
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.search-results ul {
    list-style-type:none;
}

ul.search-results li {
    margin: 10px 0;
}
.search-page-form {
    background: url("images/navigation/search_box.png");
    width: 477px;
    height:63px; 
    display:block;
    border:0;
    margin:10px auto;
}
.search-page-querybox {
    height: 14px;
    width: 320px;
    border:2px solid #c9c9c9;
    margin:0;
    padding:0.3em;
    font-size:1em;
    position:relative;
    left:82px; 
    top:20px;
}
.search-page-submitbox {
    height:24px;
    border:0;
    background-color:#e8e8e8;
}
.search-page-querybox, .search-page-submitbox {
    margin:0;
    padding:0.3em;
    font-size:1em;
}

.search-page-querybox:hover, .search-page-querybox:focus {
    border:2px solid #0071B0;
}

.header-search-submit-button, .search-page-submitbutton {
    display:block;
    border:0; margin:0; padding:0;
    width:24px; height:23px;
    cursor:pointer;
}

.search-page-submitbutton    {
    background:url("images/navigation/search_button.jpg");
    position:relative;
    left:415px; 
    bottom:3px; 
}
.header-search-submit-button { 
    background:url("images/navigation/header_search_button.jpg");
    position:relative;
    left:145px; 
    bottom:3px; 
}

.header-search-submit-button span, .search-page-submitbutton span {
    position: absolute; 
    left: -50000px;
}

.header-search-submit-button:hover, .search-page-submitbutton:hover {
    background-position: 0 -23px;
}

/* END Search Results Form */

/* START Back and Next Links */

.back-next-links {
    display:block;
    clear:both;
    padding: 1em 0;
}

.back span, .next span
{ position: absolute; left: -50000px; }

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

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

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

/* END Back and Next links */

/* START Galleria Image Gallery */


.gallery { list-style:none; display:none;  }
           /* Using display: none here to hide the gallery by default.
              It is turned back on by the jQuery code once the document has loaded.
              This is to prevent IE from showing unstyled content while the images are loading.
              A noscript tag in the document is used to show the gallery to users without javascript.
           */
ul.gallery { margin-top:20px; }
.galleria_wrapper { float:left; width:540px; min-height: 0px;margin:20px 0; padding:0; }
.galleria{list-style:none;width:540px; padding:0; margin:10px;}
.galleria li{display:block;width:45px;height:40px;overflow:hidden;float:left; margin:0 9px 10px 0px; padding:5px; border:1px solid #ddd;}
.galleria li:hover { border:1px solid #aaa;}
.galleria li a{display:none;} 
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */
* html .galleria { margin:0; } /* No margin on old IE */
/* END Galleria Image Gallery */


/* START Vertical Accordian Style */
/* root element hidden by default (shown through jquery when page render complete to avoid any ugliness during loading on IE)
   (also shown through noscript for users without javascript) */
#accordion {
    display: none;
    margin-bottom:20px;
}

/* accordion header */
#accordion h2 {
    margin: 5px 0 0 0;
    padding:5px 10px;
    cursor:pointer;
    border:2px solid #0096d7;
    background-color:#0096d7;
    color:white;

    /* Safari, Chrome, etc */
    -webkit-border-radius: 5px 5px 0 0;  
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; 
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;

    /* Firefox */
    -moz-border-radius: 5px 5px 0 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;

    /* Opera and future CSS3 browsers */
    border-radius: 5px 5px 0 0;
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

}

#accordion h2 a { color:white; display:block; width:inherit; text-decoration:none; }

#accordion h2:hover, #accordion h2:hover a {
    background-color:white;
    color:#0096d7;
}
#accordion h2.current:hover {
    border-bottom:0;
    margin: 5px 0 0 0;
}



/* currently active header */
#accordion h2.current {
    cursor:default;
    border-bottom:0;
    margin: 5px 0 0 0;
}

/* accordion pane */
#accordion div.pane {
    display:none;
    padding: 5px 10px;
    margin:0px 0 20px 0;
    border-top:2px solid #0096d7;
    border-left:2px solid #0096d7;
    border-right:2px solid #0096d7;
    border-bottom:2px solid #0096d7;
    background-color:#fff;

    /* Safari, Chrome, etc */
    -webkit-border-radius: 0 0 5px 5px;  
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px; 
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    /* Firefox */
    -moz-border-radius: 0 0 5px 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;

    /* Opera and future CSS3 browsers */
    border-radius: 0 0 5px 5px;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Styles for index page where all panes are expanded by default */

#kb-index div.index-pane {
    display:block;
    padding: 5px 10px;
    margin:0 0 20px 0;
    border-left:2px solid #0096d7;
    border-right:2px solid #0096d7;
    border-bottom:2px solid #0096d7;
    background-color:white;

    /* Safari, Chrome, etc */
    -webkit-border-radius: 0 0 5px 5px;  
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px; 
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    /* Firefox */
    -moz-border-radius: 0 0 5px 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;

    /* Opera and future CSS3 browsers */
    border-radius: 0 0 5px 5px;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#kb-index h2.index-title {
    display:block;
    color:white;
    border:2px solid #0096d7;
    background-color:#0096d7;
    margin: 5px 0 0 0;
    padding:10px;

    /* Safari, Chrome, etc */
    -webkit-border-radius: 5px 5px 0 0;  
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; 
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;

    /* Firefox */
    -moz-border-radius: 5px 5px 0 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;

    /* Opera and future CSS3 browsers */
    border-radius: 5px 5px 0 0;
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

}

#kb-index h2 a { display:block; width:inherit; text-decoration:none; color:white; }

#kb-index h2:hover, #kb-index h2:hover a {
    background-color:white;
    color:#0096d7;
}

/* END Vertical Accordian Style */


/* START Admonitions (used in online docs) */

.note, .fastpath, .remember, .attention, .caution, .danger, .other {
    border:2px solid #ccc;
    background-color:#eee;
    width:auto;
    line-height: 1.3em;
    margin:1em 0;
}

.tip {
    border:2px solid #ccc;
    background-color:#eee;
    width:auto;
   line-height: 1.3em;
    margin:1em 0;
}

.important, .restriction{
    border:2px solid red;
    background-color:#eee;
    width:auto;
   line-height: 1.3em;
    margin:1em 0;
}

.example {
    border:1px dashed grey;
    margin-top:50px;
    margin-bottom:50px;
    padding: 0 25px;
   line-height: 1.3em;
    margin:1em 0;
}

.notetitle { font-weight: bold }
.notelisttitle { font-weight: bold }
.tiptitle { font-weight: bold }
.fastpathtitle { font-weight: bold }
.importanttitle { font-weight: bold }
.remembertitle { font-weight: bold }
.restrictiontitle { font-weight: bold }
.attentiontitle { font-weight: bold }
.dangertitle { font-weight: bold }
.cautiontitle { font-weight: bold }

/* END Admonitions (used in online docs) */

/* START Styles for online docs */

.familylinks {display:none;}
.step-info { display:block; padding:1em 0 0 0; }
.figcap { font-style: italic }
.figdesc { font-style: normal }
.prereq { margin-left : 20px;}
ul.simple { list-style-type: none }
.bold { font-weight: bold; }
.boldItalic { font-weight: bold; font-style: italic; }
.italic { font-style: italic; }
.underlined { text-decoration: underline; }
.uicontrol { font-weight: bold; }
.parmname { font-weight: bold; }
.kwd { font-weight: bold; }
.defkwd { font-weight: bold; text-decoration: underline; }
.var { font-style : italic;}
.shortcut { text-decoration: underline; }
.dlterm { font-weight: bold; }
.dltermexpand { font-weight: bold; margin-top: 1em; }
*[compact="yes"]>li { margin-top: 0em;}
*[compact="no"]>li { margin-top: .53em;}	
pre.screen { padding: 5px 5px 5px 5px; border: outset; background-color: #CCCCCC; margin-top: 2px; margin-bottom : 2px; white-space: pre}

/* END Styles for online docs */