/*
  LES Music Styles
*/

* html, * html body {
 height: 100%;
 margin: 0px;
 padding: 0px;
 overflow: auto;
}

body {
 background-color: #5f000a;
 background: -ms-linear-gradient(top, #6f0017 0%, #1f0000 100%);
 background: -webkit-linear-gradient(top, #6f0017 0%, #1f0000 100%);
 background: -moz-linear-gradient(top,  #6f0017 0%,  #1f0000 100%);
 background: linear-gradient(top,  #6f0017 0%,  #1f0000 100%);
 background-repeat: no-repeat;
 background-attachment: fixed;
 height: 100%;
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-family: verdana, arial, sans-serif;
 font-size: 1em;
}

#outercontainer {
 margin: 0px;
 padding: 0px;
}

#container {
 width: 900px;
 margin: 0px auto 0px auto;
 padding: 0px;
 overflow: hidden;
}

#banner {
 position: relative;
 height: 80px;
 margin: 0px;
 padding: 0px;
 background: transparent url('./images/banner.jpg') no-repeat 0px 0px;
}

#bannerTitle {
 display: none;
}

#banner h1 {
 margin: 0px;
 padding: 20px 0px 0px 0px;
 text-align: left;
 color: #faffff;
}

#carticon {
 position: absolute;
 display: block;
 right: 10px;
 top: 10px;
 width: 32px;
 height: 32px;
 background: url('./images/cart_icon.png') no-repeat 0px 0px;
 text-align: center;
 text-decoration: none;
 z-index: 1;
}

#carticon span {
 display: inline-block;
 margin: 34px 0px 0px -4px;
 padding: 2px;
 font-size: 10px;
 font-weight: bold;
 background-color: #ffffff;
 color: #000000;
 opacity: 0.75;
 filter: alpha(opacity=75);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border: 1px solid #330000;
}

#main {
 float: left;
 width: 900px;
 padding: 0px;
 color: #f7ffff;
 overflow: hidden;
}

#content {
 margin: 0px;
 padding: 0px;
 text-align: left;
 background-color: rgba(0, 0, 0, 0.4);
}

#contentLeft {
 margin: 0px;
 padding: 0px;
 float: left;
 text-align: left;
 width: 300px;
 background-color: rgba(255, 255, 255, 0.2);
 overflow: hidden;
}

#contentRight {
 margin: 0px;
 padding: 0px;
 float: left;
 text-align: left;
 width: 600px;
 background-color: rgba(0, 0, 0, 0.4);
 overflow: hidden;
}

div.contentctr {
 margin: 0px;
 padding: 1em;
}

#footer {
 clear: both;
 height: 50px;
 padding: 10px 10px 0px 10px;
 background-color: rgba(0, 0, 0, 0.25);
}

/* Navigation */

#navigation {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: rgba(0, 0, 0, 0.5);
 text-align: left;
/* -moz-box-shadow: 2px 2px 2px #000000;
 -webkit-box-shadow: 2px 2px 2px #000000;
 box-shadow: 2px 2px 2px #000000; */
}

#navigation ul {
 display: block;
 height: 40px;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#navigation li {
 display: block;
 position: relative;
 height: 39px;
 float: left;
 margin: 0px;
 padding: 0px;
}

#navigation li.first {
}

#navigation a, #navigation a:visited, #navigation a:link {
 display: block;
 margin: 0px;
 padding: 0px;
 height: 26px;
 color: #9cd5ff;
 font-size: 15px;
 font-weight: bold;
 text-decoration: none;
 -webkit-transition: color 0.38s ease-out;
 -moz-transition: color 0.38s ease-out;
 transition: color 0.38s ease-out;
}

#navigation a.selected, #navigation a.selected:hover {
 color: #ffd65c;
 -webkit-transition: color 0.62s ease-out;
 -moz-transition: color 0.62s ease-out;
 transition: color 0.62s ease-out;
}

#navigation a:hover {
 color: #ffffff;
}

#navigation a span {
 display: block;
 margin: 10px 0px 0px 1.2em;
}

#navigation span.arrow {
 float: right;
 display: none;
}

/* Forms */

form fieldset {
 margin: 0px 0px 10px 0px;
 border: 1px solid #bf7f7f;
}

form fieldset legend {
 font-weight: bold;
 color: #f7ffff;
}

form ul {
 float: left;
 width: 300px;
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

form ul.large {
 clear: both;
 width: 100%;
}

form li {
 text-align: left;
 clear: left;
 margin: 0px 0px 6px 0px;
 padding: 0px 10px 0px 0px;
}

form li.submit {
 text-align: center;
}

form label {
 display: block;
 font-weight: bold;
 font-size: .9em;
 padding: 5px 0px 5px 0px;
 color: #f7ffff;
}

form ul.left label {
 float: left;
 width: 150px;
 text-align: right;
 padding: 0px 10px 0px 0px;
}

form select.mover {
 width: 260px;
}

span.hint {
 font-weight: normal;
 font-size: .95em;
}

div.buttonbar {
 text-align: center;
}

h3.formH3 {
 margin: 0px;
 padding: 0px 0px 3px 0px;
}

fieldset.commform textarea {
 width: 100%;
 height: 5em;
}

fieldset.commform input.text {
 width: 50%;
}

/* Pagination Controls */

div.pgnctrl {
 float: right;
 margin: 2px 0px 0px 0px;
}

a.pc_buttons, a:link.pc_buttons, a:visited.pc_buttons, a:active.pc_buttons {
 padding-left: 0px;
 padding-right: 0px;
 border: none;
}

.pc_buttons {
 display: inline-block;
 width: 10px;
 height: 9px;
 margin: 5px 1px 0px 1px;
 overflow: hidden;
}

.pc_text {
 display: inline-block;
 text-align: center;
 width: 220px;
 font-size: .8em;
 color: #dfe7e7;
}

.pc_first {
 background: transparent url('./images/pagination.gif') no-repeat 0px -9px;
}

.pc_prev {
 background: transparent url('./images/pagination.gif') no-repeat -10px -9px;
}

.pc_next {
 background: transparent url('./images/pagination.gif') no-repeat -20px -9px;
}

.pc_last {
 background: transparent url('./images/pagination.gif') no-repeat -30px -9px;
}

span.pc_first {
 background-position: 0px 0px;
}

span.pc_prev {
 background-position: -10px 0px;
}

span.pc_next {
 background-position: -20px 0px;
}

span.pc_last {
 background-position: -30px 0px;
}

.pc_buttons span {
 display: none;
}

/* Pagination Buttons */

div.pagination {
 text-align: center;
 font-size: .8em;
 line-height: 160%;
 height: 2.5em;
 margin: 3px 0px 2px 0px;
 color: #dfe7e7;
}

#main div.pagination a {
 display: block;
 float: left;
 color: #000000;
 background: #9f9fbf;
 border: 1px solid #000000;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 vertical-align: top;
 padding: 0px;
 margin: 0px .2em .1em .2px;
 width: 1.6em;
 height: 1.5em;
 -moz-border-radius: .4em;
 -webkit-border-radius: .4em;
 border-radius: .4em;
 -webkit-transition: background 0.38s ease-out;
 -moz-transition: background 0.38s ease-out;
 transition: background 0.38s ease-out;
}

#main div.pagination a:link, #main div.pagination a:visited, #main div.pagination a:active {
 color: #000000;
}

#main div.pagination a.current {
 background: #9Cd5ff;
 color: #000000;
 -webkit-transition: background 0.38s ease-out;
 -moz-transition: background 0.38s ease-out;
 transition: background 0.38s ease-out;
}

#main div.pagination a:hover {
 background: #7fefff;
 text-decoration: none;
 -webkit-transition: background 0.62s ease-out;
 -moz-transition: background 0.62s ease-out;
 transition: background 0.62s ease-out;
}

#main div.pagination a:hover.current {
 background: #1fc7ff;
 -webkit-transition: background 0.62s ease-out;
 -moz-transition: background 0.62s ease-out;
 transition: background 0.62s ease-out;
}

span.paginationMore {
 display: block;
 float: left;
 position: relative;
}

span.paginationTitle {
 display: block;
 float: left;
 margin: 0px 4px 0px 4px;
}

span.paginationMore div {
 display: none;
 width: 8.3em;
 position: absolute;
 top: 1.6em;
 left: 0px;
 margin: 0px 0px 0px 0px;
 padding: 2px 0px 0px 2px;
 background: #9f9fbf;
 border: 1px solid #000000;
}

span:hover.paginationMore div {
 display: block;
}

div.btnPermalink {
 display: block;
 margin: 0px 0px 1em 0px;
 text-align: center;
 font-size: .8em;
}

/* Shop Catalog Styles */

div.shopctr {
 clear: both;
 min-height: 90px;
 border-top: 1px solid #bf7f7f;
 padding: 7px 5px 5px 7px;
}

div.shopctr.even {
 background-color: rgba(255, 255, 255, 0.05);
}

div.shopctr div.shopiteminfo {
 margin: 0px 100px 0px 90px;
}

#main div.shopctr div.shopiteminfo h3 {
 font-size: .98em;
 margin: 0px;
 padding: 0px;
}

#main div.shopctr div.shopitemtags p {
 font-size: .9em;
 padding: 0px 0px 0px 0px;
 margin: 0px;
}

span.label {
 font-weight: bold;
 color: #dfe7e7
}

div.shopthumb {
 display: table-cell;
 float: left;
 width: 80px;
 height: 80px;
 text-align: center;
 vertical-align: middle;
}

div.nothumb {
 background: url('./images/shop_thumb_generic.png') no-repeat 0px 0px;
}

div.nothumb span {
 display: none;
}

div.shopitemopts {
 float: right;
 width: 100px;
}

div.shopprice {
 margin: 0px 0px 7px 0px;
 text-align: right;
 font-size: .9em;
 font-weight: bold;
}

div.shopctr a.shop_btn {
 font-size: .9em;
 display: block;
 text-align: center;
}

div.shopcartlink {
 text-align: right;
 font-weight: bold;
 padding: 0px 0px 16px 0px;
}

/* Shopping Cart / checkout */

table.shopcart, table.shopsavelist, table.shoporder {
 width: 99%;
 border-spacing: 0px;
 border-collapse: collapse;
 padding: 0px;
 margin: 0px auto 0px auto;
 text-align: center;
}

table.shopcart th, table.shopsavelist th, table.shoporder th {
 border-bottom: 1px solid #000000;
}

table.shopcart td, table.shopsavelist td, table.shoporder td {
 padding: 2px 0px 2px 0px;
}

table.shopcart th.carthead1 {
 text-align: left;
 width: 40%;
}

table.shopcart th.carthead2 {
 width: 25%;
}

table.shopcart th.carthead3 {
 text-align: right;
 width: 20%;
}

table.shopcart th.carthead4 {
 width: 15%;
}


table.shopcart tr td, table.shopsavelist tr td, table.shoporder tr td {
 border-top: 1px dashed #afafaf;
}

table.shopcart tr.first td, table.shopsavelist tr.first td, table.shoporder tr.first td {
 border-top: none;
}

table.shopcart td.warning {
 background-color: #ffcf2f;
}

table.shopsavelist {
 border-bottom: 1px solid #000000;
}

#main table.shopcart p.cartitemname, #content table.shopsavelist p.cartitemname, #content table.shoporder p.cartitemname {
 text-align: left;
}

#main table.shopcart p.cartprice, #content table.shopsavelist p.cartprice, #content table.shoporder p.cartprice {
 text-align: right;
}

#main table.shopcart .cartfieldqty {
 width: 60px;
}

table.shopcart tr.carttotal td, table.shoporder tr.carttotal td, table.shoporder tr.cartftotal td {
 border-top: 1px solid #000000;
}

#main table.shopcart p.carttotallabel, #content table.shoporder p.carttotallabel {
 text-align: right;
 font-weight: bold;
}

#main table.shopcart p.carttotal, #content table.shoporder p.carttotal {
 text-align: right;
}

#main table.shopcart p, #content table.shopsavelist p, #content table.shoporder p {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

div.cartbuttons {
 text-align: center;
}

div.shopsavelist {
 padding: 1.3em 0px 0px 0px;
}

table.shopsavelist th.savehead1 {
 text-align: left;
 width: 50%;
}

table.shopsavelist th.savehead2 {
 width: 25%;
}

table.shopsavelist th.savehead3 {
 text-align: right;
 width: 25%;
}

table.shoporder th.orderhead1 {
 text-align: left;
 width: 50%;
}

table.shoporder th.orderhead2 {
 width: 25%;
}

table.shoporder th.orderhead3 {
 text-align: right;
 width: 25%;
}

span.shipmethod {
 display: inline-block;
 padding: 0px 20px 0px 0px;
}

#main div.cartpaymentopts ul {
 display: block;
 list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: center;
}

#main div.cartpaymentopts li {
 display: inline-block;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

/* View Item */

div.shopitemdetails {
 margin: 0px 0px 0px 190px;
}

div.shopitemdesc {
 clear: both;
}

div.shopitemprice {
 display: block;
 width: 200px;
 background-color: rgba(255, 255, 255, 0.2);;
 border: 1px solid #000000;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 text-align: center;
}

div.shopitemprice div.shopitemopts {
 float: none;
 width: auto;
 padding: 10px;
}

div.shopitemprice div.shopprice {
 text-align: center;
}

div.shopitemprice a.shop_btn {
 text-decoration: none;
 text-align: center;
}

/* Shop Gallery View */

div.shopgalleryctr {
  float: left;
  margin: 0px 10px 16px 0px;
  padding: 0px 0px 3px 0px;
  border: 1px solid #3f0000;
}

#main div.shopgalleryview {
  position: relative;
  width: 180px;
  height: 210px;
}

div.shopgalleryview div.slide, div.shopoverlayframe div.slide {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

div.galleriesfilmstrip div.slide span {
  display: none;
}

div.shopgalleryview div.gfilmstripctr {
  position: relative;
  width: 180px;
  overflow: hidden;
}

div.shopgalleryview div.gfilmstripctr div {
  position: absolute;
}

div.shopgalleryview img {
  border: 0px;
  cursor: pointer;
}

div.shopgalleryview div.progress. div.shopoverlayframe div.progress {
  position: absolute;
  top: 0px;
  left: 0px;
}

div.shopgalleryview div.progressbg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #7f7f7f;
  z-index: 5;
}

div.shopgalleryview div.progressimg {
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent url('./images/Loading01-Anim2.gif') no-repeat center center;
  z-index: 6;
}

div.shopoverlayframe div.progressbg {
  position: absolute;
  background-color: rgba(51, 0, 0, 0.5);
  z-index: 106;
}

div.shopoverlayframe div.progressimg {
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent url('./images/Loading01-Anim2.gif') no-repeat center center;
  z-index: 107;
}

div.shopoverlaybg {
  position: fixed;
  display: none;
  background-color: rgba(127, 127, 127, 0.5);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  z-index: 100;
}

div.shopoverlay {
  position: absolute;
  width: 100%;
  left: 0px;
  top: -9999px;
  z-index: 101;
}

div.shopoverlayframe {
  display: block;
  position: relative;
  width: 700px;
  height: 840px;
  margin: 0px auto 0px auto;
  background-color: rgba(51, 0, 0, 0.9);
}

a.shopbtn {
 display: none;
 width: 30px;
 height: 30px;
}

div.shopoverlayframe:hover a.shopbtn {
 display: block;
 z-index: 107;
}

a.shopbtn span {
 display: none;
}

a.btnClose {
 position: absolute;
 right: 10px;
 top: 10px;
 background: url('./images/ipv_close.gif') no-repeat 0px 0px;
}

a.btnPrev {
 position: absolute;
 left: 10px;
 top: 50%;
 background: url('./images/ipv_left.gif') no-repeat 0px 0px;
}

a.btnNext {
 position: absolute;
 right: 10px;
 top: 50%;
 background: url('./images/ipv_right.gif') no-repeat 0px 0px;
}

/* Text Styles */

#main p {
 margin: 0px 0px 1em 0px;
 padding: 0px;
 line-height: 1.5em;
}

#main h1 {
 font-size: 1.2em;
 font-weight: normal;
 color: #ffefef;
 border-bottom: 1px solid #bf7f7f;
 margin: 0px 0px 1em 0px;
}

#main h1 span.subHead {
 font-size: 0.8em;
 font-weight: bold;
 color: #8f7f7f;
}

#main h2 {
 font-size: 1.1em;
 font-weight: bold;
 color: #ffefef;
 margin: 0px 0px 1em 0px;
}

#main h3 {
 font-size: 0.9em;
 font-weight: bold;
 color: #ffefef;
 margin: 0px 0px 0.7em 0px;
}

#main h3.contentHead {
 color: #7f8f8f;
 margin: 0px 0px 5px 0px;
}

#main img {
 border: 1px solid #ffffff;
 margin: 10px;
}

#main a, #main a:visited, #main a:link {
 color: #9cd5ff;
 font-weight: bold;
 text-decoration: none;
 -webkit-transition: color 0.38s ease-out;
 -moz-transition: color 0.38s ease-out;
 transition: color 0.38s ease-out;
}

#main a:hover {
 color: #7fefff;
 text-decoration: underline;
 -webkit-transition: color 0.62s ease-out;
 -moz-transition: color 0.62s ease-out;
 transition: color 0.62s ease-out;
}

a.shop_btn {
 text-decoration: none;
}

a.shop_btn span {
 display: inline-block;
 background-color: #9cd5ff;
 border: 1px solid #000000;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 color: #000000;
 font-size: .9em;
 font-weight: bold;
 padding: 2px 8px 2px 8px;
 -webkit-transition: background 0.38s ease-out;
 -moz-transition: background 0.38s ease-out;
 transition: background 0.38s ease-out;
}

a.shop_btn:hover span {
 background-color: #7fefff;
 -webkit-transition: background 0.62s ease-out;
 -moz-transition: background 0.62s ease-out;
 transition: background 0.62s ease-out;
}

#main p.error {
 color: #ff5f0f;
}

p.copy {
 font-size: .85em;
 font-weight: bold;
 color: #dfdfbf;
}