.as-product { width: 100%; }

.as-product .as-clearfix {
  *zoom: 1;
}

.as-product .as-clearfix:before,
.as-product .as-clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.as-product .as-clearfix:after {
  clear: both;
}

.as-product .as-album-cover {
  float: left;
}

.as-product .as-album-cover img {
  width: 350px;
  margin: 0 20px 20px;
}

.as-product .as-variants {
  float: right;
  width: 50%;
}

.as-product .as-variants table {
  width: 100%;
  /*max-width: 500px; */
  border: 0;
}

.as-product .as-variants td {
  border: 0;
}

.as-product .as-variants .as-button {
  color: #FFF;
  background-color: #000;
  border: 1px solid #FFF;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 2px 5px 2px;
}


.as-product .as-album .as-preview a {
  font-size: 18px;
  background: transparent url(//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/speaker-all.png?v=11811268517250797385) left center no-repeat;
  padding: 10px 0 10px 36px;
}

.as-product .as-album .as-price {
  width: 350px;
  text-align: right;
  line-height: 22px;
}

.as-product .as-tracks td {
  padding: 2px 0;
}

.as-product .as-tracks .as-preview {
  width: 25px;
  padding-right: 5px;
}

.as-product .as-tracks .as-price {
  width: 250px;
  text-align: right;
}

.as-product .as-price form {
  display: inline;
  margin: 0 2px 0 0;
}

.as-product .as-description {
  padding-top: 10px;
}

/*********
jk changes
**********/
.as-product .as-album-cover {
  float: left;
  width: 45%;
}

.as-product .as-album-cover img {
  width: 100%;
  margin: 0 0 20px;
}

.as-product .as-album-cover .product-thumbnails a {
  float: left;
  padding-left: 20px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
}

.as-product .as-variants .as-album .as-button {
  font-size: 15px;
  min-width: 240px;
}

.as-album {
  margin-top: 0;
}
  

.as-product .as-album .as-price {
  float: right;
  display: block;
  text-align: left;
  padding: 0 0 30px 0;
}

.as-product .as-tracks .as-price {
  width: 250px;
  text-align: left;
}

.as-product .as-variants .as-button.disabled {
  cursor: default;
  background-color: #9f9f9f;
}

.price-value.sold-out {
  color: #959595;
}


@media all and (max-width: 800px) {

  .as-product .as-variants {
    float: none;
    width: 100%;
  }

  .as-product .as-album-cover {
    float: none;
    width: 100%;
  }
}

.cp-container {
  box-sizing: content-box;
  position:relative;
  width:25px;
  height:25px;
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/bgr.png?v=10741738100418158848") 0 0 no-repeat;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}


.cp-container :focus {
  border:none;
  outline:0;
}

.cp-buffer-1,
.cp-buffer-2,
.cp-progress-1,
.cp-progress-2 {
  position:absolute;
  top:0;
  left:0;
  width:25px;
  height:25px;
  clip:rect(0px,12px,25px,0px);

  -moz-border-radius:52px;
  -webkit-border-radius:52px;
  border-radius:52px;
}

.cp-buffer-1,
.cp-buffer-2 {
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/buffer.png?v=17626698018617353637") 0 0 no-repeat;
}


/* FALLBACK for .progress
 * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
 * (It needs the container selector to work. Or use div)
 */

.cp-container .cp-fallback {
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/progress_sprite.jpg?275") no-repeat;
  background-position:0 25px;
}

.cp-progress-1,
.cp-progress-2 {
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/progress.png?v=11241725090043938274") 0 0 no-repeat;
}

.cp-buffer-holder,
.cp-progress-holder,
.cp-circle-control {
  position:absolute;
  width:25px;
  height:25px;
}

.cp-circle-control {
  cursor:pointer;
}

.cp-buffer-holder,
.cp-progress-holder {
  clip:rect(0px,25px,25px,12px);
  display:none;
}


/* This is needed when progress is greater than 50% or for fallback */

.cp-buffer-holder.cp-gt50,
.cp-progress-holder.cp-gt50,
.cp-progress-1.cp-fallback{
  clip:rect(auto, auto, auto, auto);
}

.cp-controls {
  margin:0;
  padding:7px;
}

.cp-controls li{
  list-style-type:none;
  display:block;

  /*IE Fix*/
  position:absolute;
}

.cp-controls li a{
  position:relative;
  display:block;
  width:10px;
  height:10px;
  text-indent:-9999px;
  z-index:1;
  cursor:pointer;
}

.cp-controls .cp-play {
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/controls.png?v=4025510188527184693") 0 0 no-repeat;
}

.cp-controls .cp-play:hover {
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/controls.png?v=4025510188527184693") -10px 0 no-repeat;
}

.cp-controls .cp-pause {
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/controls.png?v=4025510188527184693") 0 -10px no-repeat;
}

.cp-controls .cp-pause:hover {
  background:url("//cdn.shopify.com/s/files/1/0790/7897/t/11/assets/controls.png?v=4025510188527184693") -10px -10px no-repeat;
}

.cp-jplayer {
  width:0;
  height:0;
}