.mixxxerSuperGroup{
    padding:5px;
    border-radius:4px;
    background: rgb(69,72,77); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
color:#eee;
margin-top: 20px;
}

.selItem{
    color:#078435;
}

.selItem{
    color:#078435;
}

.mixxxer_item_info_slideDown{
    display:none; 
    clear:both;
    padding:5px 10px 5px 35px;
}
a.mixer_info_link{
    color:#078435;
    font-size:10px;
}

.mixxxerSelectItemDummy .mixxxer_disabled_overlay, .mixxxerSelectItemDummy .mixxxer_disabled_overlay_text{
    display:none !important;
}

.mixxxer_sg_tabs .ui-helper-clearfix:after{
    clear:left;
}


.feature_info_desc {
    text-align: left;
}

input[name^="mi_c_text"]{
    width:90%;
}


.mixxxer_item_thumb{
    max-width:115px;
    
}

.mixxxer_item_thumb_wrapper{
    float:left;
    width:125px;
    min-height:100px;

}

.mixxxer_item_box{
    width:44%;
    margin:5px;
    float:left;
    padding:10px 10px 25px 10px;
    
    height:120px;
    position:relative;
    
    border-radius:4px;
    border: 1px solid #ddd;    
    
}

.mixxxer_item_full_box{
   width:95%;
   height:auto;

}

.mixxxer_item_box_actions{
    position:absolute;
    bottom:5px;
    right:5px;
    font-size:11px;
    line-height:13px;
    
    
}

#mixxxer_right_col{
    float:right;
    width:250px;

}

#mixxxer_left_col{
   margin-right:260px;
   

}

.fl_img{
    max-height:20px;
    max-width:20px;
}

.fl_img_wr{
    width:20px;
    height:20px;
    display:inline-block;
    float: left;
    margin-right: 5px;
}

.fl_nav{
    float:right;
}

#loading_item_list{
    height:15px;
}

.active_mixxxer_item_box{
    border: 1px solid #bbb;
    background:#daf9e0;
}

#mixxxer_tabs{
    border:0;
    box-shadow:0 0 5px #333;
    border-radius:0;

}

#mixxxer_tabs .ui-tabs-nav{
    border-radius:0;
    background:#ddd;
}

#mixxxer_tabs .ui-corner-top{
    border-radius:0px;
}

.mixxxer_item_heading{
    font-size:11px;
    margin:0 0 5px 0;
}

.mixxxer_item_desc{
    font-size:10px;
    line-height:12px;
}

#mixxxer_rc_container{
    box-shadow: 0 0 5px #333;
    padding:10px;
    width:250px;

}

#mixxxer_summary_heading{
    margin: 0 0 5px 0;
    font-size:14px;
}

.mixxxer_item_decr{
    
}

.active_mixxxer_item_box .mixxxer_item_decr{
    display:inline;
}

.maximum_reached_mixxxer_item_box .mixxxer_item_incr{
    display:none;
}

.mixxxer_item_box.disabled > *{
    opacity:0.2;
}

.mixxxer_disabled_overlay{
    position:absolute;
    z-index:1000;
    width:290px; 
    height:110px;
}

.mixxxer_disabled_overlay_text{
    position:absolute;
    z-index:1000;
    width:290px; 
    height:110px;
    opacity:1 !important;
    
}

.mixxxer_disabled_overlay_text div{
    opacity:1 !important;
    position:absolute;
    z-index:1000;
    color:#000;
    font-weight:bold;
  
    padding:30px;
    
}

.mixxxerRadioWr .mixxxer_disabled_overlay_text div{
    font-size:11px;
    padding:2px 10px;
   
    
}

.fl_line{
    height:22px;
}

.mixxxer_icon_text{
    position:relative;
    top:-5px;
}

.mixxxer_action_panel{
  padding-top:8px;
  margin-top:8px;
  border-top:1px solid #ddd;

}

a.mixxxer_button{
     display:inline-block;
     padding:4px;
     background:#eee;
     border:1px solid #ddd;
     border-radius:3px;
     color:#666;
     height:26px;
}

a.mixxxer_button:hover{
    
     background:#ddd;
     border:1px solid #ccc;
     text-decoration:none;
}

#mixxxer_price_line{
    text-align:right;
    font-weight:bold;
    font-size:14px;
}

 #tooltip_container{
    display:none;
    background:#fff;
    font-size:12px;
  
    width:400px;
    padding:25px;
    color:#333;
    
    box-shadow: 3px 3px 4px #333;
    border:1px solid #ddd;
    border-radius:5px;
  }
a.mixxxer_item_info_tooltip{
    cursor:help !important;
}
.my_comment{
  width:90%;
  height:100px;  
  
}

.mixxxer_file{
    list-style-type:none;
    margin-left:10px;
    line-height:20px;
}

.mixxxer_file_list{
    margin-bottom:6px;
}

#mixxxer_upload_file{
    width:100px;
}

#mixxxer_loading_upload{
    height:30px;
    padding-top:3px;
}

.mixxxer_qty_button{
    position:relative;
    top:4px;
}

#mixxxer_accordion .ui-accordion-content, #mixxxer_multiaccordion .ui-accordion-content{
    padding:10px;
    overflow:hidden;
}

ul#categorymenu li.level1.highlight_category a{
     color:#cc0000;
}

.mixxxer_small_button{
    background: #EEEEEE !important;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    color: #333 !important;
    display: inline-block;
    width:150px;
    padding: 4px;
    margin:2px;
}

.mixxxer_small_button:hover{
   text-decoration:none;
   border:1px solid #bbb;
}

#mixxxer_upload_button.mixxxer_small_button:hover{
   text-decoration:none;
   border:1px solid #ddd;
}

.mixxxer_small_button_2{
    background: #666 !important;
    border: 1px solid #aaa;
    border-radius: 3px 3px 3px 3px;
    color: #eee !important;
    display: inline-block;
    width:150px;
    padding: 4px;
    margin:2px;
    text-align:center;
}

.mixxxer_small_button_2:hover{
   text-decoration:none;
   border: 1px solid #666 !important;
   background: #888!important;
}

.mixxxer_small_button a{
   
    color: #333 !important;
   
}

.mixxxer_del_file{
    float:right;
}

#mixxxer_open h3{
    background:#333;
    color:#fff;
    padding: 5px;
}

#mixxxer_open h3 a{
   
    color:#fff;
   
}

.mixxxer_fancy_list_group{
    font-weight:bold;
    clear:left;
}

.mixxxer_fancy_list_item_line img{
      float:left;
      margin-right:10px;
      height:40px;
}

.mixxxer_fancy_list_item_line{
    clear:left;
}

.mixxxer_fancy_list_item_line span{
    position:relative;
    top:10px;
}

.mixxxer_item_heading a{
    color:#333 !important;
}

#scrollable_items {
  /* required settings */
  position:relative;
  overflow:hidden;
 
  height:350px;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
#scrollable_items .items {
  /* this cannot be too large */
  height:20000em;
  position:absolute;
  width:250px;
}
 
.sc_navi{
    width:18px;
    height:18px;
    margin:0 auto;
    display:block;
    background-position:0px 18px !important;
}
.sc_navi.disabled{
    background-position:0px 0px !important;
    visibility:hidden;
}
.sc_navi:hover{
    text-decoration:none;
}

.mixxxer_tax_note{
    font-size:10px;
}
#mixxxer_total_price_tax{
    font-weight:normal;
    font-size:0.9em;
    color:#aaa;
}

.active_mix{
    font-weight:bold;
}

#mix_navi a{
     display:inline-block; margin:0px 2px;
     
}

#max_val_bar{
    border: 1px solid #ddd;
    height:20px;
}

#max_val_bar_inner{
    background:#eee;
    height:20px;
    
    background-image: linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);
background-image: -o-linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);
background-image: -moz-linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);
background-image: -webkit-linear-gradient(bottom, #CCCCCC 1044%, #e2e2e2 72%);
background-image: -ms-linear-gradient(bottom, #CCCCCC 10%, #e2e2e2 72%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.10, #CCCCCC),
	color-stop(0.72, #e2e2e2)
);
    
}

#mixxx_not_complete{
    font-weight:bold;
}

.mixxxer_group{
    padding:10px !important;
}

#mixxxer_tabs .ui-helper-clearfix:after{
    clear:left !important;

}

.ui-accordion-header.ui-state-active a{
    background:#eee !important;
}

#base_price_wr{
    font-size:11px;
    font-weight:normal;
}

.mib_info_wr{
    float:left;
    width:150px;
    
}

.ui-tabs-panel > div >.mib_info_wr{
    width:135px;
}

.mixxxer_item_full_box .mib_info_wr{
    float:left;
    width:75% !important;
    
}

.clearer{
    clear:both;
    height: 0px;
    line-height:0px;
}

.add_mixxxer_links li{
    list-style-type:none;
    float:left; 
    dispaly:inline-block;
    padding:0 5px;

}
.add_mixxxer_links li a, .add_mixxxer_links li span{
    display:inline-block;
    padding:5px;
    background: #eee;
    border:1px solid #ddd;
    border-radius:3px;
    font-weight:bold;

}

.add_mixxxer_links li a:hover{
    background:#f5f5f5;
    text-decoration:none;

}

.mixList2ImgWr img{
    max-width:50px;
    max-height:50px;
    line-height:50px;
    vertical-align:middle;
}
.mixList2ImgWr span{
    
    line-height:50px;
    vertical-align:middle;
    font-size:0px;
}

.mixList2ImgWr{
    width:50px;
    height:50px; 
    padding:3px;
    border:1px solid #eee;
    line-height:50px;
    vertical-align:middle;
    float:left;
    margin:2px;
    text-align:center;
}

.volumeBasePrice{
    font-size:0.8em;
}

.mixxxer_group_volume_1 .mixxxer_item_box{
    border:0;
    background:transparent;
    padding:10px;
    height:60px;
}

.mixxxer_group_volume_1 .mixxxer_item_thumb_wrapper, .mixxxer_group_volume_1 .mixxxer_item_desc{
    display:none;
}

.mixxxer_group_volume_1 .mib_info_wr{
    width:100%;
}

.volumeTotals{
    border:1px dashed #ddd;
    border-radius:3px;
    background:#f5f5f5;
    padding:10px 15px;
    float:left;
    margin-left:15px;
    margin-top:3px;
}
.mixxxerUploadImg{
    max-width:60px;
    max-height:60px;
}

.mixxxerRadioWr{
    border:0;
    height:auto;
    padding:0;
}

.mixxxerItemRadioPriceWr{
    float:right;
    font-size:10px;
    color:#666;
    width:200px;
    text-align:right;
}

.mixxxerItemRadioInfoWr, .mixxxerItemRadioImageWr{
    float:right; margin-left:5px;
   
}

.mixxxerItemQtyField{
    width:30px;
    margin:0 3px;
}


.mixxxerItemRadioActions{
    display:none;
}