@font-face {
    font-family: 'DiavloLightRegular';
    src: url('../font/diavlo_light_ii_37-webfont.eot');
    src: url('../font/diavlo_light_ii_37-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/diavlo_light_ii_37-webfont.woff') format('woff'),
         url('../font/diavlo_light_ii_37-webfont.ttf') format('truetype'),
         url('../font/diavlo_light_ii_37-webfont.svg#DiavloLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DiavloBookRegular';
    src: url('../font/diavlo_book_ii_37-webfont.eot');
    src: url('../font/diavlo_book_ii_37-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/diavlo_book_ii_37-webfont.woff') format('woff'),
         url('../font/diavlo_book_ii_37-webfont.ttf') format('truetype'),
         url('../font/diavlo_book_ii_37-webfont.svg#DiavloBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 5px 0px 0px 0px;
padding: 7px;
position: absolute;
left:0;
top: 0px;
list-style-type: none;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
width: 130px;
height:225px;
background:url(../images/bg1.png) repeat;
z-index:1000;
}


.flexdropdownmenu li{
position: relative;
float:left;
width:130px;
}

.flexdropdownmenu1, .flexdropdownmenu1 ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 5px 0px 0px -150px;
padding: 6px;
position: absolute;
left:0;
top: 0px;
list-style-type: none;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
width: 780px;
height:320px;
background:url(../images/bg1.png) repeat;
border:#ccc solid 1px;
z-index:999999;
}


.flexdropdownmenu1 li{
position: relative;
float:left;
width:130px;
}

.flexdropdownmenu4, .flexdropdownmenu4 ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 5px 0px 0px 0px;
padding: 7px;
position: absolute;
left:0;
top: 0px;
list-style-type: none;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
width: 390px;
height:275px;
background:url(../images/bg1.png) repeat;
border:#ccc solid 1px;
z-index:1000;
}


.flexdropdownmenu4 li{
position: relative;
float:left;
width:130px;
height:150px;
}

#productMainNavArea{ width:130px; margin:0px auto;}
#productMainNavArea .productMainNavImg{ padding-bottom:3px;}
#productMainNavArea .productMainNavHeading{ background:url(../images/productHeadingBg.png) no-repeat; width:124px; height:59px; font-family: 'DiavloBookRegular'; font-size:12px; color:#ffffff; text-transform:uppercase; text-align:center; text-decoration:none; padding:8px 0px 3px 0px; line-height:18px;}
#productMainNavArea .productMainNavHeading a{ font-family: 'DiavloBookRegular'; font-size:12px; color:#ffffff; text-transform:uppercase; text-align:center; padding:8px 0px 3px 0px; line-height:18px;}
#productMainNavArea .productMainSubNav{ background:url(../images/arrow.png) 0px 11px no-repeat; width:109px; font-family:'DiavloBookRegular'; font-size:12px; color:#ffffff; text-transform:capitalize; text-align:left; padding:5px 0px 3px 15px; line-height:18px; margin-top:0px;}
#productMainNavArea .productMainSubNav a{ color:#ffffff; text-decoration:none;}
#productMainNavArea .productMainSubNav a:hover{ color:#3300eb;}