/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
#skin_header{ background:#ecd98a;}
.logo_style{ padding:10px 15px 10px 10px; float:right;}
.site_logo { line-height:79px; }
.site_logo img { max-height:79px; }
.menu_box{ /*float:left;*/ padding:0 0 0 10px; height:79px;background-image:url("../images/texture-green4.png"); background-color:#ecd98a;box-shadow:1px 6px  10px #444; }
.top-right {
    color: #fff;
    padding: 0 15px;
    font-size: 12px;
    background-color: #c58c35;
    position: relative;
    width: 100%;
    text-align: left;
    z-index: 999;
}
.top-right a:link,.top-right a:visited{
    color: #fff;
    transition: all 0.5s ease 0s;
}
.top-right a:hover{
    color: #fde202;
}
/*Breadcrumb Style*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#e12524; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover  {text-decoration:none; }

/*page name*/
.page_name { background:#eee; position:relative; min-height:65px; border-bottom:1px solid #e3e3e3;}
.pagename_style { position:relative; z-index:913; }
.pagename_style h1{ float:right; padding-right:15px; color:#e12524; line-height:65px; font-size:22px; font-weight:normal; margin:0;}
.breadcrumb_style {float:left; padding-left:15px; color:#e12524; line-height:65px;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative;}
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:right; margin:0; list-style:none; margin-left:1px;z-index: 101; }

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}
#standardMenu .rootMenu >li a span { display:block; padding:0 34px; line-height:79px; color:#fff;  white-space:nowrap; font-size:13px;transition: all 1s ease 0s;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span{ color:#fff;}
li.item.child-1 a span:hover,li.selected.item.child-1 a span { background-color:#ee8fed !important;}
li.item.child-2 a span:hover,li.selected.item.child-2 a span { background-color:#d78fee !important;}
li.item.child-3 a span:hover,li.selected.item.child-3 a span { background-color:#9f8fee !important;}
li.item.child-4 a span:hover,li.selected.item.child-4 a span { background-color:#8fedee !important;}
li.item.child-5 a span:hover,li.selected.item.child-5 a span { background-color:#8feec2 !important;}
li.item.child-6 a span:hover,li.selected.item.child-6 a span { background-color:#e2ee8f !important;}
li.item.child-7 a span:hover,li.selected.item.child-7 a span { background-color:#eee28f !important;}
li.item.child-8 a span:hover,li.selected.item.child-8 a span { background-color:#eeaa8f !important;}

/*-- submenu --*/
#standardMenu .subMenu {display:none; position:absolute; right:0; top:auto; width:200px; z-index:1210; padding:0;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:#f5f5f5; background:rgba(250,250,250,.92); border:1px solid #eee; border:1px solid rgba(0,0,0,.1); border-bottom:none;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom:1px solid #eee; border-bottom:1px solid rgba(0,0,0,.1); padding:0; background:none; }

#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#555; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0; border:none;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span { color:#fff!important;cursor:pointer; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.rtl.gif) no-repeat; position:absolute; left:0; top:15px; width:15px; height:7px;}
#standardMenu .subMenu li.selected > a .subarrow, #standardMenu .subMenu li.breadcrumb > a .subarrow, #standardMenu .subMenu li.item a:hover .subarrow{ background:url(../images/menu-arrow02.rtl.gif) no-repeat;}

#standardMenu ul li ul li ul{ display:none; width:200px; margin:0;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;right:198px; top:-1px;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;right:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;right:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;right:198px;top:-1px;}

#standardMenu img.mmIcon {max-height:24px; margin-left: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:40px; margin-left:7px; margin-right:-10px; vertical-align: middle;}


/*--------- megaMenu style ----------*/
#megaMenu { position:relative;}
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{ position:relative; display:block; float:right; margin:0; list-style:none;  margin-left:1px;}

#megaMenu .root li a{  display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#megaMenu .root li.selected a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}
#megaMenu .root >li a span {  display:block; padding:0 17px; height:37px; line-height:37px; color:#555;  white-space:nowrap; font-size:13px; /*font-weight:bold;*/text-transform:none;height: auto;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span { color:#fff ; }

/*-- category --*/
#megaMenu .category{ position:absolute;right:0;top:auto;z-index:1210;width:960px; display:none; padding:21px 0 0 0; border:none;}
#megaMenu .category > ul{ margin:0; position:relative; z-index:1200; padding:5px 9px 20px; background:#fff; background:rgba(255,255,255,.92); border:1px solid #eee; border:1px solid rgba(0,0,0,.1); }
#megaMenu .category li{ background:none; margin:0; width:180px; padding:0 10px; float:right;}
#megaMenu .category li.item a{ border:none;border-bottom:1px dotted #e3e3e3; border-bottom:1px dotted rgba(0,0,0,.15);background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#555 !important; font-weight:bold; white-space:normal; height:auto; line-height:1.5em; padding:11px 2px 8px 0; margin:0; text-transform:none; border:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; cursor:pointer; color: #0088ff; }

#megaMenu .leaf li{ clear:both; float:none; width:175px; margin:0 5px 0 0; padding:0; }
#megaMenu .leaf li.item a{ padding:0 8px 0 0; background:url(../images/left.gif) right 15px no-repeat; border:none;}
#megaMenu .leaf li.item a span{ padding:8px 0; font-weight:normal; }
#megaMenu .leaf li li{ clear:both;float:none; width:170px; }

#megaMenu img.mmIcon {max-height:24px; margin-left: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:40px; margin-left:7px; margin-right:-10px; vertical-align: middle;}

@media handheld, only screen and (max-width: 1024px){
    #standardMenu .rootMenu >li a span, #megaMenu .root >li a span { padding:0 10px; }
}

@media handheld, only screen and (max-width: 991px){
    .menu_box{ min-height:0; display:none; float:none; padding:0; margin:0; }
    .logo_style{ float:none; text-align:right; min-height:89px; position:relative; }
    .site_logo { text-align:right; margin-left:40px; line-height:50px; min-height:89px; }

    /*--------- mobile menu style ----------*/
    .mobile_nav { display:block; position:absolute; width:40px; height:79px; bottom:10px; left:10px; z-index:999; }
    .menuclick {background:url(../images/btn_menu.png) no-repeat center center; width:40px; height:79px; display: block; }

    /*--------- StandardMenu style ----------*/
    #standardMenu {  padding-bottom:0;}
    #standardMenu li{ float:none; border-bottom:1px solid #ccc; margin-left:0; }
    #standardMenu li.lampback{ display:none;}

    #standardMenu .rootMenu li a{ background:#d12bd5;}
    #standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:600;height:38px; line-height:38px; }

    #standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; left:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
    #standardMenu .rootMenu a span .navarrow2{ background-position:center -42px;}
    #standardMenu .rootMenu > li > a > span:after {display:none;}

    /*-- submenu --*/
    #standardMenu .subMenu{ position:static; width:auto; padding:0; }
    #standardMenu .subMenu ul{ background:none; border:none;}
    #standardMenu .subMenu ul li {border:none;}
    #standardMenu .subMenu li.item a{ background:#f5f5f5; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
    #standardMenu .subMenu li.breadcrumb > a span {background:none!important;}
    #standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.item > a:hover span { background:#ddd!important; color:#333!important;}
    #standardMenu .subMenu li.selected > a, #standardMenu .subMenu li.item a:hover { background:#ddd!important;}
    #standardMenu .subMenu li.item a span{ padding:0 25px 0 15px; color:#333!important; background:none; height:35px; line-height:35px;}
    #standardMenu .level1 li.item a span{ padding-right:40px; }
    #standardMenu .level2 li.item a span{ padding-right:55px; }
    #standardMenu .level3 li.item a span{ padding-right:70px; }
    #standardMenu .subMenu .subarrow{ display:none; background:none;}

    #standardMenu ul li ul li ul{ display:block;width:auto;}
    #standardMenu ul li ul li ul.level1{ display: block; position:static; right:auto; top:auto;}
    #standardMenu ul li ul li ul li ul.level2 { display: block; position:static; right:auto; top:auto;}
    #standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; right:auto; top:auto;}
    #standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;right:auto;top:auto;}

    /*--------- MegaMenu style ----------*/
    #megaMenu li{ float:none; border-bottom:1px solid #ccc; }
    #megaMenu li.lampback{ display:none;}

    #megaMenu .root li a{ background:#d12bd5;}
    #megaMenu .root li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:600;height:38px; line-height:38px; }
    #megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span {border-radius:0;}

    #megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; left:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
    #megaMenu .root a span .navarrow2{ background-position:center -42px;}
    #megaMenu .root > li > a > span:after {display:none; }

    /*-- category --*/
    #megaMenu .category{position:static; width:auto!important; padding:0;}
    #megaMenu .category ul{background:#f5f5f5;  border:none; padding:0;}
    #megaMenu .category li{ width:auto; padding:0; float:none; border:none; }
    #megaMenu .category li.item a{ background:none; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
    #megaMenu .category li.selected > a, #megaMenu .category li a:hover { background:#ddd;}
    #megaMenu .category li.item a span{ padding:0 25px 0 15px; color:#333 !important; background:none; height:35px; line-height:35px;}
    #megaMenu .category li li.item a span{ padding-right:40px; }
    #megaMenu .category li li li.item a span{ padding-right:55px; }
    #megaMenu .category li li li li.item a span{ padding-right:70px; }

    #megaMenu .leaf li{ width:auto; margin:0; padding:0; }
    #megaMenu .leaf li.item a{ padding:0;}
    #megaMenu .leaf li li{width:auto; }
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
    /*page name*/
    .page_name { min-height:50px; top:0; }
    .pagename_style h1{ line-height:50px; font-size:20px; padding-top:0; }
    .breadcrumb_style{ line-height:50px; display:none; padding-top:0; }
}