body {
    background-image: url("../../../images/gradient-2.jpg");
    background-repeat: repeat-x;
    background-color: #1F7CB9;
}

.top-gradient {
    width: auto;
    height: 15px;
    background: -webkit-linear-gradient(#ad7e51, #e7cd9e);
    background: -o-linear-gradient(#ad7e51, #e7cd9e);
    background: -moz-linear-gradient(#ad7e51, #e7cd9e);
    background: linear-gradient(#ad7e51, #e7cd9e);
}

.bottom-gradient {
    width: auto;
    height: 12px;
    background: -webkit-linear-gradient(#e7cd9e, #ad7e51);
    background: -o-linear-gradient(#e7cd9e, #ad7e51);
    background: -moz-linear-gradient(#e7cd9e, #ad7e51);
    background: linear-gradient(#e7cd9e, #ad7e51);
}
.css3-shadow,
.css3-gradient1,
.css3-gradient2 {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}

#beige {
    background-color: #e7cd9e;
    padding-bottom: 15px;
}


.cd {
    margin-top: 40px;
}

.price {
    margin-top: 23px;
    padding-left: 55px;
}

.track-list {
    margin-top: 40px;
    font-size: .8em;
}

.track-heading {
    margin-top: 0;
    margin-left: -5px;
}

.track-list ol {
    padding-left: 10px;
    line-height: normal;
}

.track-list ol {
    padding-left: 10px;
    line-height: normal;
}

.artist-credit {
    list-style-type: none;
}

.cd-blurb {
    margin-top: 40px;
    background-color: #dcb380;
    border: solid 1px #ad7e51;
}

.cd-text {
    font-size: .8em;
}

.cd-heading {
    padding-top: 2em;
}

.swf {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.swf-text {
    text-align: center;
    font-size: .7em;
}
.swf-message {
        display: none;
}
.price-18all {
    margin-top: 5px;
}
.download-bone {
    margin-top: 15px;
    margin-bottom: 20px;
}
.vol2-3 {
    text-align: center;
}
.underline {
    text-decoration: underline;
}
.footer {
    background-color: #dcb380;
    height: 100px;
    margin-bottom: -2px;
}
.footer ul {
    margin-left: 80px;
}
.list-inline li {
    font-size: 82%;
    list-style-type: none;
    padding-left: 1px;
}
.divider-vertical li {
    border-right: 1px solid #333;
}

#last{
    border-right: none;
}

.copyright {
    font-size: 70%;
    margin-top: 60px;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover,
a:focus {
    color: #fff;
    text-decoration: underline;
}
/* Custom container */

.container-fixed {
    margin: 0 auto;
    max-width: 985px;
}
.banner {
    margin-bottom: -1;
    margin-left: -5px;
    background-image: url("../../../images/studio-vault-banner-999.jpg");
    background-repeat: no-repeat;
    width: 999px;
    height: 117px;
}
.mobile-banner {
    display: none;
}
.navbar {
    position: relative;
    min-height: 10px;
    margin-bottom: 0;
    font-size: 12px;
    border: none;
}
.navbar-default {
    min-height: 30px;
}
.nav > li > a {
    display: inline-block;
    position: relative;
    margin-top: 10;
    margin-left: 2px;
    padding: 10px 13px 10px 20px;
    border-right: 1px solid #cc9966;
}

.navbar-default .navbar-header, .navbar-default .navbar-collapse {
    border: none;
    background: -webkit-linear-gradient(#cc9966, #e7cd9e, #cc9966);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#cc9966, #e7cd9e, #cc9966);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#cc9966, #e7cd9e, #cc9966);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#cc9966, #e7cd9e, #cc9966);
    /* Standard syntax (must be last) */
}
.navbar-default .navbar-nav > li > a {
    color: #000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000;
    background: -webkit-linear-gradient(#ddd, #fff, #ddd);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ddd, #fff, #ddd));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ddd, #fff, #ddd);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ddd, #fff, #ddd);
    /* Standard syntax (must be last) */
    opacity: 0.5;
    filter: Alpha(opacity=50);
    /* IE8 and earlier */
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background: -webkit-linear-gradient(#ddd, #fff, #ddd);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ddd, #fff, #ddd));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ddd, #fff, #ddd);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ddd, #fff, #ddd);
    /* Standard syntax (must be last) */   
    opacity: 0.5;
    filter: Alpha(opacity=50);
    /* IE8 and earlier */
}
.text-center {
    text-align: center;
}
.navbar-default .navbar-toggle {
    margin: 15px;
    padding-left: 5px;
    border-color: #555;
    background: #fff;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    /* IE8 and earlier */
}

@media only screen and (max-width: 1024px) {
    .container-fixed {
        max-width: 910px;
    }
    .navbar-default .navbar-toggle {
        margin: 15px;
        padding-left: 10px;
        border-color: #555;
        background: #fff;
        opacity: 0.6;
        filter: Alpha(opacity=60);
        /* IE8 and earlier */
}
    .banner {
        background-image: url("../../../images/studio-vault-banner-920.jpg");
        width: 920px;
        margin: 0 0 0 -3px;
    }
     .nav > li > a {
        padding: 10px 10px 10px 15px;
        margin-right: 1px;
    }
    .list-inline li {
        font-size: 75%;
        padding-left: 4px;
        padding-right: 4px;
        margin-right: -4px;
    }
    .copyright {
        font-size: 70%;
        margin-top: 40px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 960px) {
    .container-fixed {
        max-width: 713px;
    }
    .banner {
        background-image: url("../../../images/studio-vault-banner-720.jpg");
        width: 720px;
        margin: 0 0 0 -2px;
    }
     .navbar {
        position: relative;
        min-height: 10px;
        margin-bottom: 0;
        font-size: 11px;
        border: none;
    }
   
     .nav > li > a {
        text-align: center;
        padding: 8px 5px 8px 7px;
        margin-right: -1px;
    }
    .cd {
        margin: 40px auto 0 auto;
        max-width: 372px;
    }
    .price {
        margin: 10px 0;
        padding-left: 30px;
    }
    .download-bone {
        margin-top: 6px;
        margin-bottom: 20px;
        padding-left: 20px;
    }
    .track-heading {
        text-align: center;
    }
    .track-list {
        margin: 40px auto 20px auto;
        max-width: 372px;
        font-size: .9em;
        line-height: 120%;
    }
    .cd-blurb {
        max-width: 372px;
        margin: 40px auto 20px auto;
        background-color: #dcb380;
        border: solid 1px #ad7e51;
    }
    .cd-text {
        font-size: .9em;
    }
    .cd-heading {
        padding-top: 2em;
        
    }
    .artist-credit {
        list-style-type: none;
        margin-left: -20px;
        font-size: .9em;
    }
     object {
        display: none;
    }
    .swf-text {
        display: none;
    }
    .swf-message {
        font-size: .8em;
        display: block;
        padding-bottom: 10px;
        background-color: #e7cd9e;
        border: solid 1px #ad7e51;
    }
     .divider-vertical li {
        border-right: none;
    }
     .list-inline li {
        font-size: 75%;
        padding-left: 4px;
        padding-right: 4px;
        margin-right: 20px;
    }
       .copyright {
        font-size: 70%;
        margin-top: 40px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .container-fixed {
        max-width: 478px;
        padding: 0 2px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
     .navbar {
        font-size: 13px;
    }
     .nav > li > a {
        margin-left: 0;
        border-right: none;
        border-bottom: 1px solid #cc9966;
        width: 100%;
    }
    .navbar-nav, .navbar-nav > li {
        float: none;
    }
    .banner {
        background-image: url("../../../images/banner-480-no-pick.jpg");
        width: 480px;
        margin: 0;
        margin-left: -1px;
    }
    .cd {
        margin: 40px auto 0 auto;
    }
    .price {
        margin: 10px 0;
        padding-left: 20px;
    }
    .download-bone {
        margin-top: 6px;
        margin-bottom: 20px;
        padding-left: 10px;
    }
    .track-heading {
        margin-top: 30px;
    }
    .track-list {
        margin: 40px auto 20px auto;
        padding-left: 20px;
        max-width: 372px;
        font-size: .9em;
        line-height: 120%;
    }
    .cd-blurb {
        font-size: .9em;
        background-color: #dcb380;
        border: solid 1px #ad7e51;
    }
    .cd-text {
        font-size: .9em;
    }
    .cd-heading {
        padding-top: 2em;
    }
    .artist-credit {
        list-style-type: none;
        margin-left: -20px;
        font-size: .9em;
    }
    .swf-message {
        margin: 10px auto;
        padding-bottom: 15px;
        background-color: #e7cd9e;
        border: solid 1px #ad7e51;
    }
    .footer {
        height: auto;
        margin-bottom: -12px;
    }
     .list-inline li {
        font-size: 80%;
        display: block;
        text-align: center;
        line-height: 12px;
        padding: 12px 0 0 0;
        margin-right: 65px;
    }
       .copyright {
        font-size: 70%;
        margin-top: 25px;
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 524px) {
    body {
        background-color: #207cb8;
    }
    .icon-bar {
        margin-left: 7px;
    }
    .banner {
        display: none;
    }
    .nav > li > a {
    border-right: none;
    }
    .mobile-banner {
        display: block;
        background-repeat: no-repeat;
        max-width: 480px;
        margin: 0 auto;
    }
    .navbar-default .navbar-toggle {
        margin: 15px;
        padding-left: 4px;
        border-color: #555;
        background: #fff;
        opacity: 0.6;
        filter: Alpha(opacity=60);
    /* IE8 and earlier */
}
    #beige {
        height: auto;
    }

    .price {
        margin: 10px 0;
        padding-left: 50px;
    }
    .download-bone {
        margin-top: 6px;
        margin-bottom: 20px;
        padding-left: 20px;
    }
    .track-heading {
        text-align: center;
    }
    .track-list {
        font-size: .9em;
        line-height: 120%;
        margin-left: 12px;
    }
    .cd-blurb {
        margin: 10px 38px;
        background-color: #dcb380;
        border: solid 1px #ad7e51;
    }
    .cd-text {
        font-size: .9em;
    }
    .cd-heading {
        padding-top: 2em;
    }
    .artist-credit {
        list-style-type: none;
        margin-left: -20px;
        font-size: .9em;
    }
    .footer {
        height: auto;
        margin-bottom: -12px;
    }
    .footer ul {
        padding-top: 10px;
        display: block;
    }
    .list-inline li {
        display: block;
        text-align: center;
        font-size: 87%;
        list-style-type: none;
    }
   .divider-vertical li {
        border-right: none;
    }
    .copyright {
        font-size: 70%;
        margin-top: 40px;
        padding-bottom: 10px;
    }
}