/* Global Header Nav
Author: David Pascual
Creation Date: 11/20/2014

-------
Revision History:
1.0 Initial Build (11/19/2014)
-------
Breakpoints: 768px, 992px, 1200px;
Table of Contents
-------
  1.0 - GLOBAL
    1.1 Resets
    1.2 General Classes
    1.3 Breakpoint Specific: 768px;
    1.4 Breakpoint Specific: 992px;

  2.0 - Car Bar
    2.1 Resets
    2.2 General Classes
    2.3 Breakpoint Specific: 768px;
    2.4 Breakpoint Specific: 992px;

  3.0 - Car Bar Overlay
    3.1 Resets
    3.2 Form Elements
    3.3 Breakpoint Specific: 768px;
    3.4 Breakpoint Specific: 992px;


  4.0 - Primary Nav Bar
    4.1 General Classes
    4.2 Breakpoint Specific: 768px;
    4.3 Breakpoint Specific: 992px;

  5.0 - Flyout Details
    5.1 General Classes
    5.2 Try SiriusXM
    5.3 Buy SiriusXM
    5.4 What's On
    5.5 Manage My Account
    5.6 Search
    5.7 Breakpoint Specific: 768px;
    5.8 Breakpoint Specific: 992px;

  6.0 - Slide Menu
    6.1 - General Classes
    6.2 Breakpoint Specific: 768px;
    6.3 Breakpoint Specific: 992px;

*/
/*-------------------------*/
/*  1.0 GLOBAL
/*-------------------------*/
/* 1.1 Resets */

#sxmcorporateheader-r a, #sxmcorporatefooter-r a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
}
#sxmcorporateheader-r img {
    width: auto;
    max-width: 100%;
}
.sxm-bootstrap.non-responsive .container {
    width: 992px;
  max-width: none !important;
}

#sxmcorporateheader {
    height: auto;
}
#page-content-wrapper .sxmNavImage {
    display: none;
}

#sxmcorporatefooter-r {
  padding: 0 0 10px;
  clear: both;
  position: relative;
  margin: 0 auto;
  border: none;
}

/* 1.2 General Classes */

.breadcrumb-wrapper .breadcrumb {
    top: 60px;
}

#sxmcorporateheader-r #sxmVehicleHeader {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    /*
    padding-top: 11px;
    padding-bottom: 11px;
    */
    
    z-index: 5000;
    overflow: hidden;
    width: 100%;
}
#sxmcorporateheader-r #sxmVehicleHeader-sticky-wrapper.is-sticky #sxmVehicleHeader {
    -moz-box-shadow: 0px 0px 3px 0px #333;
    -webkit-box-shadow: 0px 0px 3px 0px #333;
    box-shadow: 0px 0px 3px 0px #333;
}
#sxmVehicleHeader {
    display: none;
}
#head_sxmNavPrimary {
    display: none;
}
#sxmNavPrimary_details {
    display: none;
}
#sxmStickyContainer-sticky-wrapper {
    /*
  height:50px !important;
*/
}
#sxmcorporateheader-r .sxm-bootstrap .content-center {
    text-align: center;
}
#sxmcorporateheader-r-xs {
    height: 50px;
    width: 100%;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #e9e9e9;
}
#sxmVehicleHeader .sxmVehicleLogo {
    padding: 15px 0px
}
#sxmStickyContainer {
    z-index: 5000;
    overflow: hidden;
    width: 100%;
}
.content-center {
    text-align: center;
}
#sxmcorporateheader-r-xs .sxmXsLogo {
    text-align: center;
    height: 50px;
}
#sxmcorporateheader-r-xs .sxmXsLogo img {
    width: 195px;
}
#sxmVehicleHeader .sxmSearchContainer a {
    display: block;
    font-size: 20px;
    padding: 27px 0px 28px 0px;
    text-align: center;
}

a.sxm-nav-blogpost-title {
    font-size:14px;
    font-weight:400;
}
#sxm-nav-blogpst-blogimage {
margin:0;
padding:0 15px 0 0;
}   
#sxm-nav-blogpost-blogdesc {
margin:0;
padding:0;
}

#footer-container {
  /* background: url(/sxm/img/global/footer/drop-shadow-top.png) top center repeat-x #FFF; */
  padding-top: 55px;
  padding-bottom: 10px;
  background-color: #FFF;
  box-shadow: 0px -2px 5px #eee;
}


#sxmcorporatefooter-r {
width: 96%;
padding-left: 2%;
padding-right: 2%;
}

#sxmcorporatefooter-r .row {
  width: 265px;
  margin: 0 auto;
  background-color: #FFF;
}


/*#sxmcorporatefooter-r .row {
  max-width: 1150px;
}*/

#sxmcorporatefooter-r .section {
  height: 120px;
  font-family: Roboto, sans-serif;
  color: #000;
  margin-bottom: 20px;
}



#sxmcorporatefooter-r .col-sm-3 .section:first-child {
  margin-top: 20px;
}

#sxmcorporatefooter-r h4 {
  font-size: 14px;
  font-weight: 700;
  
}

#sxmcorporatefooter-r .section ul li {
  font-size: 11px;
  line-height: 18px;
  color: #707070;
}


#sxmcorporatefooter-r .section a {
  font-weight: 700;
  color: #707070;
  text-decoration: none;
  border-bottom: 1px dotted #707070;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0) !important;

}

#sxmcorporatefooter-r .section a:hover {
  border-bottom: 1px solid #000;
  color: #000;
}

#sxmcorporatefooter-r .contact {
  font-family: Roboto, sans-serif;
  text-align: center;
  color: #000;
  padding-top: 20px;
}

#sxmcorporatefooter-r .contact a.footer-logo {
  background: url(/sxm/img/global/footer/footer-logo.png);
  display: block;
width: 221px;
height: 39px;
overflow: hidden;
text-indent: -1000px;
margin: 0 auto;
}

.contact ul li {
  display: inline-block;
  padding-right: 14px;
}

.contact ul li:last-child {
  padding-right: 0;
}

.contact ul.social li a {
  display: block;
background: url(/sxm/img/global/footer/social-media-icons.png) no-repeat 0 0;
text-indent: -1000px;
overflow: hidden;
height: 34px;
}

.contact ul.social li a.facebook {
  width: 35px;
  background-position: 0 0;
}
.contact ul.social li a.twitter {
  width: 35px;
  background-position: -49px 0;
}
.contact ul.social li a.instagram {
  width: 35px;
  background-position: -97px 0;
}
.contact ul.social li a.youtube {
  width: 35px;
  background-position: -146px 0;
}


.contact ul.contact-us li a {
    display: block;
background: url(/sxm/img/global/footer/contact-us-icons.png) no-repeat 0 0;
text-indent: -1000px;
overflow: hidden;
height: 34px;
}

.contact ul.contact-us li a.chat {
  width: 35px;
  background-position: 0 0;
}
.contact ul.contact-us li a.call {
  width: 35px;
  background-position: -49px 0;
}
.contact ul.contact-us li a.message {
  width: 35px;
  background-position: -97px 0;
}
.contact ul.contact-us li a.help {
  width: 35px;
  background-position: -146px 0;
}

.contact ul.listen li a {
    display: block;
background: url(/sxm/img/global/footer/listen-icons.png) no-repeat 0 0;
text-indent: -1000px;
overflow: hidden;
height: 34px;
}

.contact ul.listen li a.laptop {
  width: 35px;
  background-position: 0 0;
}
.contact ul.listen li a.itunes {
  width: 35px;
  background-position: -49px 0;
}
.contact ul.listen li a.playstore {
  width: 35px;
  background-position: -97px 0;
}
.contact ul.listen li a.amazon {
  width: 35px;
  background-position: -146px 0;
}

div.copyright {
  /*background: url(/sxm/img/global/footer/drop-shadow-bottom.png) top center repeat-x #FFF;*/
  background-color: #FFF;
  padding: 25px 4% 20px;
  box-shadow: 0px -2px 5px #eee;

}

div.copyright p {
text-align: center;
font-size: 11px;
font-family: Roboto, sans-serif;
}

div.copyright a {
  font-weight: 700;
    color: #707070;
    text-decoration: none;
    border-bottom: 1px dotted #707070;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0) !important;
}

div.copyright a:hover {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none;
}

/*1.3 Breakpoint: 768px*/

@media (min-width: 768px) {
  
  .breadcrumb-wrapper .breadcrumb {
    top: 150px;
}

    #sidebar-wrapper {
        width: 0;
    }
    #wrapper.toggled #page-content-wrapper {
        position: absolute;
        margin-right: 0px;
    }
    #sxmStickyContainer-sticky-wrapper {
        /*    height:82px !important;*/
    }
    .sxmNavPrimary_details {
        display: block;
    }
    #sxmVehicleHeader {
        /* height:82px;*/
    }
    #sxmVehicleHeader {
        display: block;
    }
    #head_sxmNavPrimary {
        display: block;
    }
    #sxmcorporateheader-r-xs {
        display: none;
    }

    #sxmcorporatefooter-r {
    width: 570px;
    padding-left: 2%;
    padding-right: 2%;
    }

    #sxmcorporatefooter-r .row {
    width: auto;
    }

    body.ie8 #sxmcorporatefooter-r .section {
      height:150px;
    }

    #sxmcorporatefooter-r .contact {
      width: 221px;
    }

    #sxmcorporatefooter-r .contact {
      font-family: Roboto, sans-serif;
      text-align: center;
      color: #000;
      padding-top: 0;
    }
}
/*1.4 Breakpoint: 992px*/

@media (min-width: 992px) {
    #sxmVehicleHeader .sxmVehicleLogo {
        padding: 10px 0px
    }
    #page-content-wrapper .sxmNavImage {
        display: block;
    }

    #sxmcorporatefooter-r {
        width: 980px;
    }

    #sxmcorporatefooter-r .section {
        height: 130px;
    }

    body.ie8 #sxmcorporatefooter-r .section {
      height:190px;
    }


}
/*-------------------------*/
/*  2.0 Car Bar
/*-------------------------*/
/* 2.1 Resets */

#sxmVehicleHeader .non-responsive .container {
    width: 980px;
    max-width: none !important;
    padding-left: 0px;
    padding-right: 0px;
}
#sxmVehicleHeader [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}
#sxmVehicleHeader [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}
/* 2.2 General Classes */
/* Loading Screen*/

#sxmVehicleHeader .sxmVehicleDisplay {
    display: none;
}
#sxmVehicleHeader .sxmVehicleLoading {
    display: none;
    font-size: 14px;
    padding-top: 11px;
    color: #666666;
}
/* Vehicle Updates */

#sxmVehicleHeader a.head_sxmVehicleUpdate {
    padding: 9px 0px 2px 28px;
    display: block;
    float: left;
    background: url(/sxm/bootstrap/img/sxm-settings.png) 0px 8px no-repeat;
}
/* Subscribe Button */

#sxmVehicleHeader #sxmCarBar-subscribebtn {
    font-size: 12px;
    padding: 8px 20px !important;
}
#sxmVehicleHeader .head_sxmSubButton {
    float: none;
    margin: 0px 6px 0px 2px !important;
    text-align: right;
}
/* Vehicle Display */

.sxm-bootstrap #head_sxmVehicleService {
    color: #666666;
    float: left;
    font-family: Roboto Condensed;
    font-weight: 400;
    font-size: 14px;
    padding: 13px 0px 0px 10px;
}
#sxmVehicleHeader .head_sxmSubText {
    float: left;
    padding-top: 9px;
}
#sxmVehicleHeader .head_sxmSubDetailsCol {
    float: left;
    padding-top: 12px;
}
#head_sxmVehicleYear,
#head_sxmVehicleModel,
#head_sxmVehicleMake {
    color: #1072ba;
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 18px;
}
/*    2.4 Breakpoint Specific: 768px; */

@media (min-width: 768px) and (max-width: 991px) {
    #sxmVehicleHeader .sxmVehicleDisplay {
        padding-top: 20px;
    }
    #sxmVehicleHeader .head_sxmSubButton {
        padding-top: 6px;
    }
    #sxmVehicleHeader #head_sxmVehicleYear,
    #sxmVehicleHeader #head_sxmVehicleModel,
    #sxmVehicleHeader #head_sxmVehicleMake {
        font-size: 16px;
    }
    #sxmVehicleHeader #head_sxmVehicleService {
        font-size: 12px;
    }
    #sxmVehicleHeader a.head_sxmVehicleUpdate {
        background: url(/sxm/bootstrap/img/sxm-settings.png) 0px 6px no-repeat;
    }
}
@media (max-width: 768px) {
    #sxmVehicleHeader .head_sxmSubButton {
        float: left;
    }
    #sxmVehicleHeader .sxmVehicleLogo img {
        width: 215px;
    }
}
/*    2.5 Breakpoint Specific: 992px; */

@media (min-width: 992px) {
    #sxmVehicleHeader .sxmVehicleDisplay {
        padding-top: 20px;
    }
    #sxmVehicleHeader .head_sxmSubButton {
        padding-top: 13px;
    }
}
/*-------------------------*/
/*  3.0 Car Bar Overlay
/*-------------------------*/
/* 3.1 Resets */

#cboxClose {
    display: none;
    width: 35px;
    height: 35px;
}
#cboxContent {
    border: 5px solid #1af;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    box-shadow: 0 0 50px #000;
    -moz-box-shadow: 0 0 50px #000;
    -webkit-box-shadow: 0 0 50px #000;
    background: #fff;
    overflow: visible;
}
.sxm-dropdown-container {
    float: none;
    width: 248px;
    height: 29px;
    margin-right: 10px;
    overflow: hidden;
    background: url(/sxm/bootstrap/img/sxm-dropdown.png) no-repeat right #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 1px solid #ccc;
    padding-bottom: 5px;
}
/* 3.2 Overlay Form */

.sxmVehicle-overlay button#sxmVehicleSubmit-Car {
    white-space: normal;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 16px;
}
.sxmVehicle-overlay button#sxmVehicleSubmit-Radio {
    white-space: normal;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 16px;
}
.sxmVehicle-overlay .sxm-bootstrap .btn-sm,
.sxm-bootstrap .btn-group-sm > .btn {
    font-size: 16px;
}
.sxmVehicle-overlay .sxmVehicleButton {
    padding: 15px 0 10px 0px;
}
.sxmVehicle-overlay .sxmVehicleButton .btn-lg {
    width: auto;
}
#sxmVehicle-selectVehicle .row {
    padding-top: 20px;
}
#sxmVehicle-selectVehicle .details {
    padding-top: 5px;
}
#sxmVehicle-selectVehicle li {
    float: left;
    width: 241px;
    padding-right: 20px;
}
#sxmVehicle-selectVehicle li a {
    font-weight: bold;
}
#sxmVehicle-selectVehicle .last {
    padding-right: 0px;
}
#sxmVehicle-selectVehicle .title {
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
}
#lsxmVehicle-selectVehicle .where-thumb1 {
    background: url(/wo/i/sxm20landing/images/overlay/where-1.jpg) 0 0;
    height: 114px;
    width: 241px;
}
#sxmVehicle-selectVehicle .where-thumb2 {
    background: url(/wo/i/sxm20landing/images/overlay/where-2.jpg) 0 0;
    height: 114px;
    width: 241px;
}
#sxmVehicle-selectVehicle .where-thumb3 {
    background: url(/wo/i/sxm20landing/images/overlay/where-3.jpg) 0 0;
    height: 114px;
    width: 241px;
}
#sxmVehicle-selectVehicle .where-thumb4 {
    background: url(/wo/i/sxm20landing/images/overlay/where-4.jpg) 0 0;
    height: 114px;
    width: 241px;
}
#sxmVehicle-selectVehicle .where-thumb5 {
    background: url(/wo/i/sxm20landing/images/overlay/where-5.jpg) 0 0;
    height: 114px;
    width: 241px;
}
#sxmVehicle-selectVehicle li a {
    font-weight: bold;
}
#sxmVehicle-selectVehicle .last {
    padding-right: 0px;
}
#sxmVehicle-vehicleDetails .col1 {
    width: 220px;
    float: left;
    padding-right: 15px;
}
#sxmVehicle-extra-2 ul {
    padding-top: 20px;
}
#sxmVehicle-extra-2 li {
    padding-left: 45px;
    padding-bottom: 20px;
}
#sxmVehicle-extra-2 .first {
    background: url(/wo/i/sxm20landing/images/overlay/when-1.jpg) 0px 5px no-repeat;
}
#sxmVehicle-extra-2 .second {
    background: url(/wo/i/sxm20landing/images/overlay/when-2.jpg) 0px 5px no-repeat;
}
#sxmVehicle-extra-2 .third {
    background: url(/wo/i/sxm20landing/images/overlay/when-3.jpg) 0px 5px no-repeat;
}
#sxmVehicle-extra-2 .col2 {
    background: url(/wo/i/sxm20landing/images/overlay/when-hero.jpg) 0px 0px no-repeat;
    width: 527px;
    height: 443px;
    float: left;
}
.form-item .sxmChkbx label {
    float: left;
    width: auto;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
.sxmChkbx:not(.default) > input {
    padding: 0;
    margin: 0;
    height: 16px;
    width: 16px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
}
.sxmChkbx:not(.default) > label {
    line-height: 16px;
    color: #000;
    padding: 0 0 0 24px;
}
/*
.sxmChkbx:not(.default) > input:hover + label, .sxmChkbx:not(.default) > input:focus + label,
.sxmChkbx:not(.default) > input + label:hover, .sxmChkbx:not(.default) > input:focus + label            { text-shadow: 1px 1px 3px #000; color: #2C7AD0; }
*/

.sxmChkbx:not(.default) > input + label {
    background: url(/sxm/bootstrap/img/sxm-custom-inputs.png) 0 -1px no-repeat;
    height: 16px;
}
.sxmChkbx:not(.default) > input[type=radio] + label {
    background-position: 0 -161px;
}
/* Checked styles */

.sxmChkbx:not(.default) > input[type=radio]:checked + label {
    background-position: 0 -241px;
}
.sxmChkbx:not(.default) > input[type=checkbox]:checked + label {
    background-position: 0 -81px;
}
.sxmChkbx:not(.default) > input[type=checkbox]:hover:checked + label,
.sxmChkbx:not(.default) > input[type=checkbox]:focus:checked + label,
.sxmChkbx:not(.default) > input[type=checkbox]:checked + label:hover,
.sxmChkbx:not(.default) > input[type=checkbox]:focus:checked + label {
    background-position: 0 -101px;
}
.sxmChkbx:not(.default) > input[type=radio]:hover:checked + label,
.sxmChkbx:not(.default) > input[type=radio]:focus:checked + label,
.sxmChkbx:not(.default) > input[type=radio]:checked + label:hover,
.sxmChkbx:not(.default) > input[type=radio]:focus:checked + label {
    background-position: 0 -261px;
}
/* Hover & Focus styles */

.sxmChkbx:not(.default) > input[type=checkbox]:hover + label,
.sxmChkbx:not(.default) > input[type=checkbox]:focus + label,
.sxmChkbx:not(.default) > input[type=checkbox] + label:hover {
    background-position: 0 -21px;
}
.sxmChkbx:not(.default) > input[type=radio]:hover + label,
.sxmChkbx:not(.default) > input[type=radio]:focus + label,
.sxmChkbx:not(.default) > input[type=radio] + label:hover {
    background-position: 0 -181px;
}
/* Active styles */

.sxmChkbx:not(.default) > input[type=checkbox]:active + label,
.sxmChkbx:not(.default) > input[type=checkbox] + label:hover:active {
    background-position: 0 -41px;
}
.sxmChkbx:not(.default) > input[type=radio]:active + label,
.sxmChkbx:not(.default) > input[type=radio] + label:hover:active {
    background-position: 0 -201px;
}
.sxmChkbx:not(.default) > input[type=checkbox]:active:checked + label,
.sxmChkbx:not(.default) > input[type=checkbox]:checked + label:hover:active {
    background-position: 0 -121px;
}
.sxmChkbx:not(.default) > input[type=radio]:active:checked + label,
.sxmChkbx:not(.default) > input[type=radio]:checked + label:hover:active {
    background-position: 0 -281px;
}
.sxm-vehicle-selection-container {
    padding-top: 10px;
}
.styled-select {
    width: 240px;
    height: 34px;
    overflow: hidden;
    background: url(/sxm/bootstrap/img/sxm-dropdown.png) no-repeat right #ddd;
    border: 1px solid #ccc;
}
.sxm-overlay-menu-toggle {
    background: #ececec;
    padding: 25px 0px;
    font-size: 14px;
}
.sxm-overlay-content-container {
    padding: 25px 25px 5px 25px;
}
@media (min-width: 300px) {
    #sxmBasicNav {
        display: block;
    }
    p.feature-title.roboto-thin {
        font-size: 22px;
    }
    #sxmBasicFooter {
        display: block;
    }
    .sxm-dropdown-container select {
        background: transparent;
        width: 247px;
        padding: 2px 6px;
        color: #555555;
        font-size: 12px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 29px;
        -webkit-appearance: none;
        -moz-appearance: checkbox-container;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        text-overflow: '';
    }
    .sxm-dropdown-container select::-ms-expand {
        display: none;
    }
    .col-sm-6.sxmVehicleDisplay {
        padding-bottom: 4px;
    }
    .sxmVehicle-overlay {
        /*  padding:25px 57px 0px 57px;*/
        
        padding-top: 10px;
        width: 300px;
        /*background:#9CF;*/
    }
    .sxm-form-radio-col2 {
        padding: 15px 0 0 0px;
    }
    .sxm-overlay-content-container {
        height: 340px;
    }
    .sxm-dropdown-container {
        margin-bottom: 5px;
    }
    .sxm-bootstrap .btn-lg,
    .sxm-bootstrap .btn-group-lg > .btn {
        white-space: normal;
        width: 240px;
        font-size: 14px;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    .sxmChkbx {
        height: 40px;
    }
}
@media (min-width: 768px) {
    #sxmBasicFooter {
        display: none;
    }
    #sxmBasicNav {
        display: none;
    }
    .sxm-form-radio-col1 {
        float: left;
    }
    .sxm-form-radio-col2 {
        float: left;
        padding: 8px 0 0 20px;
    }
    .sxm-dropdown-container {
        float: left;
        width: 153px;
        height: 29px;
        margin-right: 10px;
        overflow: hidden;
        background: url(/sxm/bootstrap/img/sxm-dropdown.png) no-repeat right #ffffff;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        border: 1px solid #ccc;
    }
    .sxm-dropdown-container select {
        background: transparent;
        width: 158px;
        padding: 2px 6px;
        color: #555555;
        font-size: 12px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 29px;
        -webkit-appearance: none;
        -moz-appearance: checkbox-container;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        text-overflow: '';
    }
    .sxm-dropdown-container select::-ms-expand {
        display: none;
    }
    .sxm-overlay-content-container {
        height: 250px;
    }
    .sxmVehicle-overlay .disclaimer-overlay {
        font-size: 14px;
        color: #980000;
        padding-top: 10px;
        min-height: 27px;
    }
    .sxmVehicle-overlay {
        /*  padding:25px 57px 0px 57px;*/
        
        padding-top: 10px;
        width: 550px;
        /*background:#9CF;*/
    }
    .sxmVehicle-overlay a {
        text-align: left;
    }
    .sxmVehicle-overlay .feature-title {
        font-size: 35px;
        letter-spacing: .5px;
        color: #000;
        padding-bottom: 10px;
        text-align: center;
    }
    /*.lynx-overlay p {padding:5px;}*/
    
    .sxmVehicle-overlay .last {
        padding-right: 0px;
    }
    .sxmVehicle-overlay .details {
        font-size: 11pt;
        text-align: left;
        line-height: 17px;
        letter-spacing: -.2px;
    }
}
/*-------------------------*/
/*  4.0 Primary Nav Bar
/*-------------------------*/
/* 4.1 Nav Bar General Classes */

#head_sxmNavPrimary .nav-options-selected {
    /*
  background:#f3f6f9;
  border-bottom:1px solid #a6bfcf;
  */
    
    background: #0e5581;
}

#head_sxmNavPrimary .nav-options-selected:hover {
    text-decoration: none !important;
}
#head_sxmNavPrimary .listen-now {
    width: 13%;
}
#head_sxmNavPrimary #sxmNavPrimary_whatis {
    width: 16%;
}
#head_sxmNavPrimary #sxmNavPrimary_try {
    width: 13%;
}
#head_sxmNavPrimary #sxmNavPrimary_buy {
    width: 13%;
}
#head_sxmNavPrimary #sxmNavPrimary_whatson {
    width: 12%;
}
#head_sxmNavPrimary #sxmNavPrimary_manage {
    width: 18%;
}
#head_sxmNavPrimary #sxmNavPrimary_help {
    width: 15%;
}
#head_sxmNavPrimary #sxmNavPrimary_search {
    width: 100%;
}
#head_sxmNavPrimary .nav-search {
    font-size: 20px;
    padding: 15px 0px;
    text-align: center;
}
#head_sxmNavPrimary {
    background: #E2E2E2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #D6D6D6 0%, #E2E2E2 5%, #e2e2e2 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C1C1C1), color-stop(5%, #E2E2E2), color-stop(100%, #e2e2e2));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #D6D6D6 0%, #E2E2E2 5%, #e2e2e2 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #D6D6D6 0%, #E2E2E2 5%, #e2e2e2 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #D6D6D6 0%, #E2E2E2 5%, #e2e2e2 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #D6D6D6 0%, #E2E2E2 5%, #e2e2e2 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#D6D6D6', endColorstr='#e2e2e2', GradientType=0);
    /* IE6-9 */
    
    height: 59px;

}
#head_sxmNavPrimary .nav-menu>ul {
    /*  display: table;*/
    
    font-size: 15px;
    width: 100%;
}
#head_sxmNavPrimary .nav-menu>ul>li {
    /*display: table-cell;*/
    /*  padding:20px 0px;*/
    /*  width: auto;*/
    
    text-align: center;
    float: left;
}
/*
#head_sxmNavPrimary a{
color:#000;
}

#head_sxmNavPrimary a:hover{
  text-decoration: none;
}
*/

#head_sxmNavPrimary .nav-menu {
    padding: 0;
}


#head_sxmNavPrimary .nav-menu-option>a:focus {
outline:none;
}

#head_sxmNavPrimary .nav-menu-option>a:hover {
    /*  background:#f3f6f9;
  border-bottom:1px solid #a6bfcf;
  */
  color:#fff;    
    text-decoration: none;
}

#head_sxmNavPrimary .nav-menu-option.hovered {
    background: #0e5581;
    background: -moz-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C1C1C1), color-stop(5%, #0e5581), color-stop(100%, #0e5581));
    background: -webkit-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    background: -o-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    background: -ms-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    background: linear-gradient(to bottom, #000 0%, #0e5581 5%, #0e5581 100%);
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#0e5581', GradientType=0);
}
#head_sxmNavPrimary .nav-menu-option.hovered a{
    text-decoration: none;
}
#head_sxmNavPrimary .nav-menu-option.hovered a:focus{
    text-decoration: none;
}

#head_sxmNavPrimary .nav-menu-option.dropdown.hovered>a:before {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    bottom: 0;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}

#head_sxmNavPrimary .nav-menu-option.hovered>a {
    color: #fff;
}

#head_sxmNavPrimary .nav-details {
    /*  display:none;*/
    
    padding: 10px 10px 30px 10px;
}
/*-------------------------*/
/*  5.0 Flyout Details
/*-------------------------*/
/* 5.1 General Classes */

#head_sxmNavPrimary div.nav-menu>ul>li.nav-menu-option {
    float: left;
    list-style-type: none;
    text-align: center;
}
#head_sxmNavPrimary div.nav-menu>ul>li.nav-menu-option>a {
    line-height: 17px;
    padding-top: 12px;
    padding-bottom: 12px;
}
@media (min-width: 992px) {
    #head_sxmNavPrimary div.nav-menu>ul>li.nav-menu-option br {
        display: none;
    }
    #head_sxmNavPrimary div.nav-menu>ul>li.nav-menu-option>a {
        padding: 0px;
        line-height: 59px;
    }
}
#head_sxmNavPrimary .nav-menu-option>a {
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-property: opacity 0.2s ease-out;
    -ms-transition-property: opacity 0.2s ease-out;
    -o-transition-property: opacity 0.2s ease-out;
    -webkit-transition-property: opacity 0.2s ease-out;
    transition-property: opacity 0.2s ease-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    color: #000;
    cursor: pointer;
    display: block;
    padding: 0px;
    position: relative;
}
#head_sxmNavPrimary .nav-menu-option:hover {
    background: #0e5581;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C1C1C1), color-stop(5%, #0e5581), color-stop(100%, #0e5581));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #000 0%, #0e5581 5%, #0e5581 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #000 0%, #0e5581 5%, #0e5581 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#0e5581', GradientType=0);
    /* IE6-9 */
}
#head_sxmNavPrimary .nav-menu-option.dropdown:hover>a:before {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    bottom: 0;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
#head_sxmNavPrimary .nav-menu-option:hover>a {
    color: #fff;
}
div.nav-menu ul li.nav-menu-option>div.details-container {
    /*
  -moz-transition: max-height 0.2s ease-in;
  -o-transition: max-height 0.2s ease-in;
  -webkit-transition: max-height 0.2s ease-in;
  transition: max-height 0.2s ease-in;
*/
    
    background: #d5d5d5;
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);*/
    position: absolute;
    max-height: 0;
    background: #fff;
/*    left: -15px;*/
    text-align: left;
    overflow: hidden;
    z-index: 1000;
}
#head_sxmNavPrimary div.nav-menu>ul>li.nav-menu-option#sxmNavPrimary_search>a {
    line-height: 39px;
    padding: 14px 0px 6px 0px;
}
#head_sxmNavPrimary div.nav-menu ul li.nav-menu-option:hover>div.details-container {
    /*display: block;
  max-height: 160px;*/
    
    max-height: 500px;
    transition: max-height 0.3s ease-in;
}
#head_sxmNavPrimary div.nav-menu ul li.nav-menu-option>div.details-container.focused {
    /*display: block;
  max-height: 160px;*/
    
    max-height: 500px;
}

.sxmNavPrimary_details {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.sxmNavPrimary_details .nav-details-title:nth-of-type(1) {
    font-size: 12px;
    padding-top:10px;
}

.sxmNavPrimary_details .nav-details-title {
    font-size: 12px;
    padding-top:15px;
}


.sxmNavPrimary_details {
    background: #ffffff;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 97%, rgba(233, 233, 233, 0.95) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.95)), color-stop(97%, rgba(255, 255, 255, 0.95)), color-stop(100%, rgba(233, 233, 233, 0.95)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 97%, rgba(233, 233, 233, 0.95) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 97%, rgba(233, 233, 233, 0.95) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 97%, rgba(233, 233, 233, 0.95) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 97%, rgba(233, 233, 233, 0.95) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#f2e9e9e9', GradientType=0);
    /* IE6-9 */
    /*padding-bottom:25px;*/
    
    position: absolute;
    /*width:100%;*/
    
    z-index: 4500;
    /*  display:none;*/
    
    font-size: 12px;
}
.sxmNavPrimary_details li {
    padding: 5px 0;
}
.sxmNavPrimary_details a {
    font-weight: bold;
}
.sxmNavPrimary_details .nav-caption {
    font-size: 11px;
}
.sxmNavPrimary_details h3 {
    font-weight: 700;
}
.sxmNavPrimary_details h4, .sxmNavPrimary_details .nav-details h4 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px;
}
/*    5.2 Try SiriusXM*/

@media (min-width: 768px) {
    #sxmNavPrimary_try_details, .sxmNavPrimary_try_details {
        width: 710px;
        left: -185px;
    }
}
@media (min-width: 992px) {
    #sxmNavPrimary_try_details, .sxmNavPrimary_try_details {
        width: 865px;
        left: -150px;
    }
}
@media (min-width: 1200px) {
    #sxmNavPrimary_try_details, .sxmNavPrimary_try_details {
        width: 900px;
        left: -50px;
    }
}
/*    5.3 Buy SiriusXM*/

@media (min-width: 768px) {
    #sxmNavPrimary_buy_details, .sxmNavPrimary_buy_details {
        width: 550px;
        left: -195px;
    }
}
@media (min-width: 992px) {
    #sxmNavPrimary_buy_details, .sxmNavPrimary_buy_details {
        width: 800px;
        left: -201px;
    }
}
@media (min-width: 1200px) {
    #sxmNavPrimary_buy_details, .sxmNavPrimary_buy_details {
        width: 800px;
        left: -90px;
    }
}
/*    5.4 What's On*/

@media (min-width: 768px) {
    #sxmNavPrimary_whatson_details, .sxmNavPrimary_whatson_details {
        width: 600px;
        left: -252px;
    }
}
@media (min-width: 992px) {
    #sxmNavPrimary_whatson_details, .sxmNavPrimary_whatson_details {
        width: 900px;
        left: -418px;
    }
}
@media (min-width: 1200px) {
    #sxmNavPrimary_whatson_details, .sxmNavPrimary_whatson_details {
        width: 900px;
        left: -327px;
    }
}
/*    5.5 Manage My Account*/

@media (min-width: 768px) {
    #sxmNavPrimary_manage_details, .sxmNavPrimary_manage_details {
        width: 615px;
        left: -387px;
    }
}
@media (min-width: 992px) {
    #sxmNavPrimary_manage_details, .sxmNavPrimary_manage_details {
        width: 650px;
        left: -475px;
    }
}
@media (min-width: 1200px) {
    #sxmNavPrimary_manage_details, .sxmNavPrimary_manage_details {
        width: 650px;
        left: -450px;
    }
}
/* 5.6 Help */

@media (min-width: 768px) {
    #sxmNavPrimary_help_details, .sxmNavPrimary_help_details {
        width: 740px;
        left: -575px;
    }
}
@media (min-width: 992px) {
    #sxmNavPrimary_help_details, .sxmNavPrimary_help_details {
        width: 940px;
        left: -750px;
    }
}
@media (min-width: 1200px) {
    #sxmNavPrimary_help_details, .sxmNavPrimary_help_details {
        width: 1000px;
        left: -830px;
    }
}
/*    5.7 Search*/

#sxmVehicleHeader .sxmSearchForm {
    display: none;
/*    background: #EFEFEF;*/
}
#sxmVehicleHeader .sxmSearchForm a {
    color: #A0A0A0;
}
#sxmVehicleHeader #search-r .inputbox {
    background: none;
    /*border: 1px solid #cecece;*/
    
    border: none;

    color: #808080;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 300;
/*    padding: 26px;*/
    border-bottom: 1px solid #cecece;
    padding: 25px 0px 5px 0px;
    width: 100%;
}
#sxmNavPrimary_search_details, .sxmNavPrimary_search_details {
    margin-bottom: 30px;
}
#sxmNavPrimary_search_details .search-button, .sxmNavPrimary_search_details .search-button {
    text-align: right;
}
@media (min-width: 768px) {
    #sxmVehicleHeader #search-r .inputbox {
        background: none;
        /*border: 1px solid #cecece;*/
        
        color: #808080;
        font-family: 'Roboto', sans-serif;
        font-size: 23px;
    border-bottom: 1px solid #cecece;
    padding: 25px 0px 5px 0px;
    }
}
@media (min-width: 992px) {
    #sxmNavPrimary_search_details, .sxmNavPrimary_search_details {
        width: 940px;
        left: -862px;
    }
}
@media (min-width: 1200px) {
    #sxmNavPrimary_search_details, .sxmNavPrimary_search_details {
        width: 1000px;
        left: -905px;
    }
}
/*-------------------------*/
/*  6.0 Slide Out Menu
/*-------------------------*/
/* 6.1 General Classes */
/*Toggle Icon */


#sxm-menu-toggle-icon {
    display: block;
    font-size: 10px;
    padding: 22px 0px 0px 2px;
    width: 30px;
    height: 45px;
}
#sxm-menu-toggle-icon span {
    background: #333;
    display: block;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
}
#sxm-menu-toggle-icon span,
#sxm-menu-toggle-icon span:before,
#sxm-menu-toggle-icon span:after {
    width: 100%;
    height: .2em;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translate3d(0, 0, 0);
}
#sxm-menu-toggle-icon span:before,
#sxm-menu-toggle-icon span:after {
    background: #333;
    content: " ";
    margin-top: -.6em;
    position: absolute;
}
#sxm-menu-toggle-icon span:after {
    margin-top: .6em;
}
#sxm-menu-toggle-icon.on span {
    background: transparent;
}
#sxm-menu-toggle-icon.on span:before {
    -moz-transform: rotate(45deg) translate(.5em, .4em);
    -ms-transform: rotate(45deg) translate(.5em, .4em);
    -o-transform: rotate(45deg) translate(.5em, .4em);
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
    transform: rotate(45deg) translate(.5em, .4em);
}
#sxm-menu-toggle-icon.on span:after {
    -moz-transform: rotate(-45deg) translate(.45em, -.35em);
    -ms-transform: rotate(-45deg) translate(.45em, -.35em);
    -o-transform: rotate(-45deg) translate(.45em, -.35em);
    -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
    transform: rotate(-45deg) translate(.45em, -.35em);
}
/* Toggle Styles */

.sxm-slideout-menu .sidebar-nav li a {
    font-size: 14px;
    color: #1072ba;
    font-weight: bold;
}
/* Sidebar Styles */

.sxm-slideout-menu .sxmVehicleDisplay {
  padding:15px;
}
.sxm-slideout-menu .sidebar-nav {
    background:#efefef;
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sxm-slideout-menu .sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}
.sxm-slideout-menu .sidebar-nav #search {
    padding: 10px;
    margin: 0px;
    position: relative;
    top: 0px;
    right: 0px;
}
.sxm-slideout-menu .sidebar-nav #search .search-input {
    width: 95%;
    background: #ffffff;
    border: none;
    color: #808080;
    font: 14px/24px arial, sans-serif;
    font-weight: normal;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.sxm-slideout-menu .sidebar-nav .rr-carbar-title {
    color: #fff;
}
.sxm-slideout-menu .sidebar-nav .rr-carbar-model {
    color: #fff;
}
.sxm-slideout-menu .sidebar-nav>li>a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #cbcbcb;
}
.sxm-slideout-menu .sidebar-nav>li>a:hover {
    text-decoration: none;
   /* color: #fff;*/
    background: rgba(255, 255, 255, 0.75);
}
.sxm-slideout-menu .sidebar-nav>li>a:active,
.sxm-slideout-menu .sidebar-nav>li>a:focus {
    text-decoration: none;
}
.sxm-slideout-menu .sidebar-nav > .sidebar-brand {
    background: #0070bd;
    color: #fff;
    /*height: 65px;*/
    
    font-size: 18px;
    /*    line-height: 64px;*/
}
.sxm-slideout-menu .sidebar-nav li.sidebar-brand {
    text-indent: 0px;
    line-height: 16px;
}

.sxm-slideout-menu .sidebar-nav .rr-carbar-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #fff;
    padding-top: 10px;
}
.sxm-slideout-menu .sidebar-nav .rr-carbar-model {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}
.sxm-slideout-menu .sidebar-nav > .sidebar-brand a {
    color: #fff;
}
.sxm-slideout-menu .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.sxm-slideout-menu {

/*    position: fixed;*/
    top: 50px;
    position:absolute;
    left: -250px;
    width: 250px;
    height: 100%;
    background: #efefef;
    z-index: 9000;
}
.sxm-slideout-menu .sxm-menu-toggle {
    position: absolute;
    top: 12px;
    right: 10px;
    display: inline-block;
    padding: 6px 9px 5px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    background: #222;
    color: #999;
    text-decoration: none;
    vertical-align: top;
}
.sxm-slideout-menu .sxm-menu-toggle:hover {
    color: #fff;
}

.sxm-slideout-menu .head_sxmVehicleUpdate a>span{
color:#fff;
}

@media (min-width: 768px) {
.sxm-slideout-menu {
display:none;
}
}

@media (max-width: 767px) {
  .sxm-bootstrap .col-xs-0 {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sxm-bootstrap .col-sm-0 {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sxm-bootstrap .col-md-0 {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .sxm-bootstrap .col-lg-0 {
    display: none !important;
  }
}