/*-  CLEARFIX CODE
----------------------------------------------------------------------*/
.Clearfix:after /*W3C*/
{
content:" "; 
display:block; 
font-size:0;
height:0; 
clear:both; 
visibility:hidden;
}
.Clearfix {display: inline-block;}
*+html .Clearfix {min-height: 1%;} /*IE7*/
* html .Clearfix {height:1%;} /*IE6*/


.clearfloat {
clear:both !important;
}


/*-  DERM DIRECTORY MENU
----------------------------------------------------------------------*/

.dd-menu,.dd-menu * {
list-style:none;
margin:0;
padding:0;
}

.dd-menu {
font:normal 14px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
width:984px;
height:40px;
overflow:hidden;
}




.dd-menu ul li {
width:100%;
height:40px;
list-style:none;
}

.dd-menu li:hover {
visibility:inherit;
}

.dd-menu li {
position:relative;
float:left;
text-align:center;
border-left:1px solid #ADADAD;
border-right:1px solid #5D5D5D;
background-color:#79797A;
background-image:url('../images/dd-menu-bg.gif');
background-repeat:repeat-x;
background-position:top;
cursor:pointer;
}

.dd-menu li.firstItem {
border-left:none;
}

.dd-menu li.lastItem {
border-right:none;
}

.dd-menu li a {
color:#fff;
display:block;
width:130px;
position:relative;
text-decoration:none;
padding:12px 16px;
}



.mm-dropdown-arrow{
position:absolute;
top:50%;
margin-top:-20px;
margin-left:10px;
width:15px; 
height:40px;
background-image:url('../images/dd-menu-arrow.png');
background-repeat:no-repeat;
background-position:center; 
border:none;
z-index:100;
}
 
 
 
/*-  SPECIFIC HOVER STATES FOR EACH CATEGORY
----------------------------------------------------------------------*/
.dd-menu li.drugs a:hover {
color:#fff;
background:#3989c9 url('../images/dd-menu-drugs-hover.gif') repeat-x top;
}

.dd-menu li.devices a:hover {
color:#fff;
background:#f7941d url('../images/dd-menu-devices-hover.gif') repeat-x top;
}

.dd-menu li.injectables a:hover {
color:#fff;
background:#842c47 url('../images/dd-menu-injectables-hover.gif') repeat-x top;
}

.dd-menu li.skincare a:hover {
color:#fff;
background:#e1a29d url('../images/dd-menu-skincare-hover.gif') repeat-x top;
}

.dd-menu li.sunscreens a:hover {
color:#fff;
background:#9abb50 url('../images/dd-menu-sunscreens-hover.gif') repeat-x top;
}



/*-  STYLES THE FLYOUT
----------------------------------------------------------------------*/
.megamenu {
position:absolute;
display:none;
left:0;
top:0;
background:#555;
border:0 solid #ddd;
z-index:100;
padding:10px;
text-align:left;
}

.megamenu .column {
float:left;
width:200px;
margin-right:5px;
}

.megamenu .column ul {
list-style-type:none;
margin:0;
padding:0;
}

.megamenu .column ul li {
border-bottom:1px dotted #adaeae;
}

.megamenu .column ul li a {
display:block;
font:normal 13px "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
color:#FFF;
text-decoration:none;
padding:6px 8px;
}

.megamenu .column ul li a:hover {
background-color:#eee;
color:#555;
}

/* Specific Megamenu Background States: DRUGS*/
.megamenu .column ul li.mm-drugs {
border-bottom:1px dotted #4da1e3;
}

.megamenu .column ul li.mm-drugs a:hover {
background-color:#fff;
color:#3989c9;
}

/* Specific Megamenu Background States: DEVICES*/
.megamenu .column ul li.mm-devices {
border-bottom:1px dotted #f8bb49;
}

.megamenu .column ul li.mm-devices a:hover {
background-color:#fff;
color:#f7941d;
}

/* Specific Megamenu Background States: INJECTABLES*/
.megamenu .column ul li.mm-injectables {
border-bottom:1px dotted #ac2d54;
}

.megamenu .column ul li.mm-injectables a:hover {
background-color:#fff;
color:#842c47;
}

/* Specific Megamenu Background States: SKINCARE*/
.megamenu .column ul li.mm-skincare {
border-bottom:1px dotted #f2c0bc;
}

.megamenu .column ul li.mm-skincare a:hover {
background-color:#fff;
color:#e1a29d;
}

/* Specific Megamenu Background States: SUNSCREENS*/
.megamenu .column ul li.mm-sunscreens {
border-bottom:1px dotted #bbd97a;
}

.megamenu .column ul li.mm-sunscreens a:hover {
background-color:#fff;
color:#9abb50;
}

/* Border Bottom Override*/
.megamenu .column ul li.last-col-item {
border-bottom:none;
}