/**

 * @category    Mana

 * @package     ManaPro_FilterPositioning

 * @copyright   Copyright (c) http://www.manadev.com

 * @license     http://www.manadev.com/license  Proprietary License

 */

/* CSS Document */

.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }



/* Containers of Layered Navigation */

.col-main .block-layered-nav,

.col-main .block-layered-nav .block-content { background: transparent; border: none; padding: 0; margin: 0; }



/* Titles SHOP BY and CURRENTLY SHOPPING BY */

.col-main .block-layered-nav .block-subtitle,

.col-main .block-layered-nav .currently .block-subtitle { text-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.4); cursor: auto; margin: 0; padding-right: 5px; border: none; background: none; font-weight: bold; text-transform: uppercase; }



/* CURRENTLY SHOPPING BY bar */

.col-main .block-layered-nav .currently,

.col-main .block-layered-nav .currently ol { float: left; width: 100%;}

.col-main .block-layered-nav .currently li { float: left; white-space: nowrap; margin-right: 20px; background: transparent; border: none; }

.col-main .block-layered-nav .currently .btn-remove { position: relative; left: 20px; float: right; }



/* Top (as Menu) LN =================================================================================================================================== */



/* Price slider width */

.col-main .block-layered-nav.m-topmenu { margin-left:80px;width: 300px; float:left; }

.col-main .block-layered-nav.m-topmenu .m-filter-slider { width: 180px; }
.col-main .block-layered-nav.m-topmenu label {
vertical-align: middle;
}

/* SHOP BY bar */

.col-main .block-layered-nav.m-topmenu dl { float: left; }

.col-main .block-layered-nav.m-topmenu dl dt { float: left;
border:1px solid #efefef;
padding: 0px 20px;
padding-left:2px;
padding-right:30px;
cursor: pointer; background: url("../images/manapro_filterpositioning/i-dropdown.gif") 0px 14px no-repeat;background-position:right;
margin-left: 5px;
font-weight: normal;
text-transform: none;
text-align:left;
color: #818181;
margin-right:20px;}

.col-main .block-layered-nav.m-topmenu dl dd { background: white; position: absolute; width: auto; padding: 20px 10px 10px 10px; border-bottom: 5px solid #DEE5E8; display: block; z-index: 9999;

/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#eaeaea'); 

    background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(white));

    background: -moz-linear-gradient(top,  white,  #eaeaea);

*/

    filter: alpha(opacity=90); 

  	-moz-opacity: 0.9;       

  	opacity: 0.9;               

    

    }     

/* Javascript operates with these classes */

.col-main .block-layered-nav.m-topmenu dl dt.m-ln {  }

.col-main .block-layered-nav.m-topmenu dl dd.m-ln {  }



/* Classes added on Mouse Over */

.col-main .block-layered-nav.m-topmenu dl dt.m-popup-filter { /*background: #DEE5E8;*/ }

.col-main .block-layered-nav.m-topmenu dl dd.m-popup-filter {  }





/* Top LN =================================================================================================================================== */



.col-main .block-layered-nav.m-top .m-filter-slider { position: relative; right: 6px; }

/* 1 Column Layout */

.col1-layout .col-main .block-layered-nav.m-top dl { width:20%; }

.col1-layout .col-main .block-layered-nav.m-top .m-filter-slider { width: 160px; }



/* 2 Columns Layout */

.col2-left-layout .col-main .block-layered-nav.m-top dl,

.col2-right-layout .col-main .block-layered-nav.m-top dl { width:25%; }

.col2-left-layout .col-main .block-layered-nav.m-top .m-filter-slider,

.col2-right-layout .col-main .block-layered-nav.m-top .m-filter-slider { width: 160px; }



/* 3 Columns Layout */

.col3-layout .col-main .block-layered-nav.m-top dl { width:33%; }

.col3-layout .col-main .block-layered-nav.m-top .m-filter-slider { width: 140px; }



/* SHOP BY bar */

.col-main .block-layered-nav.m-top dl { float: left; }

.col-main .block-layered-nav.m-top dl dt {}

.col-main .block-layered-nav.m-top dl dd { background: transparent; margin-right: 5px;}





/* Types styling for Top LN only */

.m-standard {} /* One item can be selected at the time */

.m-list {} /* Text, multiple select */

.m-checkboxes {} /* checkboxes - form elements */

.m-css_checkboxws {} /* checkboxes - images */

.m-colors {} /* Colors and Images - horizontal */ 

.m-colors_vertical {} /* Colors and Images - vertical */ 

.m-colors_label {} /* Colors and Images with labels */

.m-dropdown {} /* Dropdowns */

.m-radios {} /* Radio buttons */

.m-slider {} /* Slider */ 

.m-filter-item-list li { background: url(../images/fashionvalet/layered-dot.png) no-repeat 0% 50% ; padding-left:15px; }