MyMuse CSS

@CHARSET "UTF-8";

.clear {
    clear: both;
}
/**  needed with some templates
*, *::after, *::before {
    box-sizing: border-box;
}
*/

/* override the print and email icons */
ul.actions {
    list-style-type:none;
    margin:0;
    padding:0;
    height: 20px;
}

.actions li {
    float:left;    
}

.actions a {
    display:block;
    width:20px;
}

.mymusetable {
    width: 100%;
}
.mymusetable td {
    padding: 5px;
}
.mymuse_msg {
    color:#dd0000;    
    
}

/*category desc */
div.category-desc > img {
    height: 150px;
    max-width: 150px;
    padding: 10px;
    float: left;
}

/* blog or list subcats */
div.cat-children li > span.subcat-image > a > img {
    height: 150px;
    max-width: 150px;
    padding: 10px;
}
div.cat-items ul {
    padding: 0 0 0 20px;
    margin: 5px 0 5px 0;
}
/* some templates force all list items to have display: inline" */
div.cat-items ul li {
    display: block;
}

/* blog layouts */
.blog {
 margin: 1px 1px 1px 10px;

}
.item-title {
    font-weight: bold;
}

/*sub-categories columns*/
/*blog products columns */
.cat-items .cols-2 .column-1,
.cat-items .cols-2 .column-2,
.cat-items .cols-3 .column-1,
.cat-items .cols-3 .column-2,
.cat-items .cols-3 .column-3,
.cat-items .cols-4 .column-1,
.cat-items .cols-4 .column-2,
.cat-items .cols-4 .column-3,
.cat-items .cols-4 .column-4
{
  float: left;
  clear: right;
  padding: 2px;
}

.cat-items .cols-2 .column-1 { width: 48%; }
.cat-items .cols-2 .column-2 { width: 48%; }

.cat-items .cols-3 .column-1 { width: 32%; }
.cat-items .cols-3 .column-2 { width: 32%; }
.cat-items .cols-3 .column-3 { width: 32%; }

.cat-items .cols-4 .column-1 { width: 24%; }
.cat-items .cols-4 .column-2 { width: 24%; }
.cat-items .cols-4 .column-3 { width: 24%; }
.cat-items .cols-4 .column-4 { width: 24%; }

.cat-items .cols-1 .column-1 { width: 98%; }

div.cat-items div.items-row{
    clear: both;
}

.intro-item {
    margin: 0;
    float: left;
    width: 90%;
}

div.intro-item .list-image img {
    width: 100%;
    margin: 2px;
}

div.intro-item .title {
    font-weight: bold;
      margin-bottom: 10px;
      clear: left;
}
div.intro-item .readmore {
    font-weight: bold;
    clear: left;
}

/*blog sub-categories */
.cat-children ul {
    list-style-type:none;
}

.cat-children ul li {
    break: both;
}

/*blog product items */
.cat-items {
    margin-top:20px;
}

.cat-items .title {
  font-weight: bold;
  margin-bottom: 10px;
}

/* blog links */
.items-more
{
    clear: both;
}
/* end blog */

/* product pages */
.product-image{
    max-width: 100%;
    float: left;
    clear: right;
    padding-right: 10px;
}
.product-image img{
    
}
.product-content {
    float: left;
}
.product-content ul{
    margin-bottom: 20px;
}
.product-content .release{
    font-weight: 700;
    font-size: 30px;
}
.release-title {
    font-weight: 500;
    font-size: 30px;
}
.product-content .release:after{
    content: ":";
}
.product-intro{
    max-width: 100%;
}

.product-content-item .category {
    font-weight: 700;
}
.product-content-item .category:after {
    content: ":";
}
.product-content ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

/* cart */

.mymuse_cart ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
table.mymuse_cart, div.mymuse_cart {
    background-color: #FFFFFF;
    margin: 1px;
    padding: 0px;
    border: 1px solid #CCCCCC;
    border-spacing: 0px;
    width: 100%;
}

table.mymuse_cart tr:nth-of-type(even) {
  background: #eee;
}

table.mymuse_cart_inner {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    border: 1px solid #CCCCCC;
    border-spacing: 0px;    
    width: 100%;
}

.mymuse_cart thead th{
    background-color: #ddd;
    font-weight: bold;
    border: 1px solid #999999;
}

table.mymuse_cart td, table.mymuse_cart th, div.mymuse_cart {
    padding: 4px;
    vertical-align: middle;
    border: 1px solid #CCCCCC;
}

.mycheckbox{
    text-align: center;
}
.myquantity .inputbox {
    width:auto;
}

#player{
    margin-left: 174px;
}

.image_pad{
    border: 0;
}

div.mymuse_button a {
    padding: 5px 5px 5px 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #CCCCCC;

}

.mymuse-wrap {
    background-color: #eee;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    border: 1px solid #ccc;
    border-spacing: 0px;
    width: 100%;
}
.mymuse-button-left{
    width: 47%;
}

.mymuse-button-right{
    width: 47%;
    text-align: right;
}

.mymuse-wrap .button{
    margin: 3px 3px 3px 3px;
}

span.discount {
    text-decoration: line-through;
    color: red;
}

.myselect, .myfilesize{
    margin-right: auto;
    margin-left: auto;
    text-align: center;

}
td.myprice, td.myquantity,td.mytotal, td.myoriginalsubtotal, td.myshoppergroupdiscount,
td.mynewsubtotal, td.mytaxname, td.mytax, td.mytotal, td.mydiscount,
 td.mytax, td.myshipping, td.mysubtotal, td.mycoupon
{
    text-align: right;
}
    
/* to hide the player, uncomment this commented section
#product_player {
  top: -1000px;
  position: absolute;
  z-index:2000000;

}
#jp-title-div  {
  top: -1000px;
  position: absolute;
  z-index:2000000;
}
*/
/* end of hide player */

/* Minicart on page */
#parent {
 float:left;
position: relative;
padding-bottom: 10px;
}
#mini-cart {
 float:right;
position: relative;
padding-bottom: 10px;
}

.mini-cart-top{
    width: 300px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 4px;
}
.mini-cart-content{
    border-radius: 8px;
    background: #fff none repeat scroll 0% 0%;
    padding: 10px;

}
.mini-cart-cart, .mini-cart-text, .mini-cart-link {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}
.mini-cart-cart {
    background: url('../images/cart.png') no-repeat scroll 0% 0%;
    width: 34px;
    height: 34px;
}
.mini-cart-text, .mini-cart-link {
    padding: 1px 10px;
}

/* alphabet */
#alphabet .letter{
    padding: 0 5px 0 0;
    font-weight:bold;
}
#alphabet .selected{
   font-size:150%
}

/* Add to cart Modal */
#my_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    z-index: 1000;
}

#my_modal {
    position: fixed;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    padding: 8px;
    z-index: 1001;
}

#my_content {
    border-radius: 8px;
    background: #fff;
    padding: 20px;
    z-index: 1001;
}

#my_close {
    position: absolute;
    background: url('../images/close.png') 0 0 no-repeat;
    width: 24px;
    height: 27px;
    display: block;
    text-indent: -9999px;
    top: -7px;
    right: -7px;
}    
/* related/recommended items */
#mymuse-container-wrap {
    margin: 50px 0px 35px 0px
}
#mymuse-container {
    width: 100%;
}
.related-item {
    display: inline-block;
    width: 13.98%;
}
.related-item img {
    width: 100%
}
    
.licence-text{
    margin-top: 10px;
    font-weight: bold;
}
/* Only Phones */  
@media (max-width: 767px) {
    
    .cat-items .cols-2 .column-1, .cat-items .cols-2 .column-2,
    .cat-items .cols-3 .column-1, .cat-items .cols-3 .column-2, .cat-items .cols-3 .column-3,
    .cat-items .cols-4 .column-1, .cat-items .cols-4 .column-2, .cat-items .cols-4 .column-3, .cat-items .cols-4 .column-4
      { width: 100%; }

    //.product-image{
    //    width:100%;
    //    clear: both;
    //}
    td.myselect, td.myprice, td.myfilesize, td.mytotal, td.myquantity,
    td.myoriginalsubtotal, td.myshoppergroupdiscount,
    td.mynewsubtotal, td.mytaxname, td.mytax, td.mytotal,
    td.mydiscount, td.myshipping, td.myshipmethod, td.mysummarytotal,
    td.mysubtotal, td.mycoupon, td.mypreview, td.mydownloads, td.myexpiry
    {
        text-align: left;
    }

    /* Force table to not be like tables anymore */
    .mymuse_cart table, .mymuse_cart thead, .mymuse_cart tbody, .mymuse_cart th,
    .mymuse_cart td, .mymuse_cart tr {
        display: table-row;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .mymuse_cart thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .mymuse_cart tr { border: 1px solid #ccc; }
    
    .mymuse_cart td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-left: 50%;
    }
    
    
    td.myselect:before, td.mytitle:before, td.mytime:before,
    td.myfilesize:before, td.myprice:before, td.mypreviews:before,
    td.myquantity:before, td.mysku:before, td.mysubtotal:before,
    td.myaction:before, td.myoriginalsubtotal:before, td.myshoppergroupdiscount:before,
    td.mynewsubtotal:before, td.myshipping:before, td.mytotal:before,
    td.myupdatecart:before, td.mycoupon:before, td.myreservationfee:before,
    td.myothercharges:before, td.mypaynow:before, td.mydiscount:before,
    td.myimage:before, td.myauthor:before, td.myhits:before, td.mysales:before,
    td.mydate-modified:before, td.mydate-created:before, td.mydate-published:before,
    td.mydate-product_made_date:before, td.myartist:before, td.myorderid:before,
    td.mydate:before, td.myorderstatus:before, td.myfullname:before, td.myemail:before,
    td.myphone:before, td.myaddress:before, td.mycity:before, td.myzip:before,
    td.myregion:before, td.mycountry:before, td.mycompany:before , td.myfax:before,
    td.myColour:before, td.myshipmethod:before, td.myordernumber:before,
    td.myorderdate:before, td.mypaid:before, td.mysummarytotal:before,
    td.mypreview:before, td.mydownloads:before, td.myexpiry:before
     {
        white-space: nowrap;
        padding-right: 7%;
        margin-right: 7%;
        width: 26%;
        display: inline-block;
        border-right: 1px solid #ccc;

    }
    
    
    td.myselect, td.mytitle, td.mytime,
    td.myfilesize, td.myprice, td.mypreviews,
    td.myquantity, td.mysku, td.mysubtotal,
    td.myaction, td.myoriginalsubtotal, td.myshoppergroupdiscount,
    td.mynewsubtotal, td.myshipping, td.mytotal,
    td.myupdatecart, td.mycoupon, td.myreservationfee,
    td.myothercharges, td.mypaynow, td.mydiscount,
    td.myimage, td.myauthor, td.myhits, td.mysales,
    td.mydate-modified, td.mydate-created, td.mydate-published,
    td.mydate-product_made_date, td.myartist, td.myorderid,
    td.mydate, td.myorderstatus, td.myfullname, td.myemail,
    td.myphone, td.myaddress, td.mycity, td.myzip,
    td.myregion, td.mycountry, td.mycompany , td.myfax,
    td.myColour, td.myshipmethod, td.myordernumber,
    td.myorderdate, td.mypaid, td.mypreview, td.mydownloads, td.myexpiry
    {
        clear:both;
    }
    td.mytotal:before, td.mytotal, td.myoriginalsubtotal:before, td.myoriginalsubtotal,
    td.mydiscount:before, td.mydiscount, td.myshipping:before, td.myshipping {
        font-weight: bold;
    }
    
    td.mobile-hide{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
}