/* Sales top category */

#mx_sales_top_category {
width:100%;
margin-bottom: 15px;
text-align:center;
}

#mx_sales_top_category label, #mx_sales_top_category input[type='checkbox'],
#mx_sales_container label, #mx_sales_container input[type='checkbox'] {
cursor:pointer;
}

#mx_sales_top_category input:checked + label {
  font-weight: bold;
}

#mx_sales_top_category input {
margin:0 3px;
}

#mx_sales_container {
width:100%;
height:auto;
position:relative;
}

#mx_sales_container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#mx_sales_item_container {
float:left;
width:100%;
}

.mx_sales_column_header {
background-color: #f2f2f2;
padding: 10px;
margin-bottom: 15px;
}

.mx_sales_column_header img {
max-width:100%;
height:auto;
float:left;
display:block;
margin-right:10px;
}

.mx_sales_item {
float:left;
width:32%;
margin-right:2%;
padding-bottom:15px;
margin-bottom:25px;
border:solid 1px #DDDDDD;
}

.mx_sales_item:nth-of-type(3n) {
margin-right:0;
}

.mx_sales_item a, .mx_sales_latest_item a {
color:#000000;
text-decoration:none;
}

.mx_sales_item_column_set:after {
display:block;
content:"";
clear:both;
}

.mx_sales_item_image {
display:block;
padding:15px;
}

.mx_sales_item_image img {
width:100%;
height:auto;
display:block;
margin-bottom:15px;
}

.mx_sales_item_image h3,
.mx_sales_item_image p:last-of-type {
margin-bottom:0;
padding-bottom:0;
}

.fancybox-wrap {
max-width:1040px;
}

.fancybox-inner {
max-width:1000px;
}

.fancybox-skin {
background-color:#FFFFFF !important;
color:#000000 !important;
}

.mx_sales_item_description_image {
float:left;
width:35%;
position:relative;
}

.mx_sales_label {
position:absolute;
top:30px;
left:0;
width:auto;
background-color:#9F80A2;
color:#FFFFFF;
padding:4px 20px;
} 

.mx_sales_item_description_image img {
width:100%;
height:auto;
}

.mx_sales_item_description {
float:left;
width:65%;
padding:5px 5px 5px 15px;
}

.mx_sales_item_description_image_thumbs img {
float:left;
display:block;
width:33.3%;
cursor:pointer;
padding:5px;
}


.mx_sales_item_description h3,
.mx_sales_item_description p:last-of-type {
margin-bottom:0;
padding-bottom:15px;
}

.mx_sales_item_price {
width:55%;
padding-left:10px;
margin-left:45%;
font-weight:bold;
}

.mx_sales_cart_old_price {
color:#999999;
font-weight:normal;
text-decoration:line-through;
}

.mx_sales_cart_new_price {
color:#CC3300;
}

.mx_sales_detail_row {
padding: 10px 0;
}

.mx_sales_detail_row:last-of-type {
padding-bottom:0;
}

.mx_sales_detail_row:after {
display:block;
content:"";
clear:both;
}

.mx_sales_detail_label {
float:left;
width:45%;
}

.mx_sales_detail_input {
float:left;
width:55%;
padding-left:10px;
}

.mx_sales_detail_input select, .mx_sales_detail_input textarea {
width:100%;
}

.mx_sales_checkbox {
margin-right:5px;
}

.mx_sales_detail_input input.mx_sales_quantity {
width: 50px;
}

.mx_sales_detail_input .mx_sales_order {
float: right;
padding-right:18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
font-size:16px;
height: 38px;
line-height: 39px;
}


@media screen and (max-width: 980px) {

.mx_sales_item {
width:48%;
margin-left:1% !important;
margin-right:1% !important;
}


} /* end mediaquery */

@media screen and (max-width: 700px) {

.mx_sales_item_description_image {
    float: none;
    width: 100%;
}

.mx_sales_item_description {
    float: none;
    width: 100%;
    padding: 5px;
}

} /* end mediaquery */

@media screen and (max-width: 600px) {

.mx_sales_item {
width:100%;
margin-left:0 !important;
margin-right:0 !important;
}


.mx_sales_detail_label {
width:100%;
}

.mx_sales_detail_input {
width:100%;
padding-left:0;
}

.mx_sales_item_price {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}

.mx_sales_detail_input .mx_sales_order {
    float: none;
clear: left;
display: block;
margin-top: 15px;
}

} /* end mediaquery */