/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
.skin_user { min-height:40px; background:#fafafa; border-bottom:1px solid #e5e5e5; }
#skin_topLeft { float:left; margin-top:1px; padding-left:10px; }
.skin_top_right {/*float:right;*/ display:none;} /* WPNU - hide login and user in header */
.skin_header { border-bottom:1px solid #eee; background:#fff;   }
.header_style { position:relative; min-height:140px;}
.logo_style { float:left; margin:0; padding:10px; }
.site_logo { line-height:120px; }
.user_style { float:left; padding:3px 10px 0 0; min-height:40px; }
#skin_social { float:right; margin-top:7px; padding-right:15px;}
.menu_style { float:right;  padding-top:33px; padding-right:15px;}

/*Scroll To Fixed Fixed*/
.scroll-to-fixed-fixed.skin_header { -webkit-box-shadow:0 0 3px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px rgba(0,0,0,.1); box-shadow:0 0 3px rgba(0,0,0,.1); }
.scroll-to-fixed-fixed.skin_header .header_style{ min-height:80px;}
.scroll-to-fixed-fixed.skin_header .site_logo { line-height:60px; }
.scroll-to-fixed-fixed.skin_header .menu_style { padding-top:0;}
.scroll-to-fixed-fixed.skin_header .skin_search { display:none; top:30px; }

/*menu hover effect*/
.setHover { position:absolute; right:50%; bottom:6px; width:0; height:4px; transition: width 0.4s ease 0s; -webkit-transition: width 0.4s ease 0s; -moz-transition: width 0.4s ease 0s; z-index:1;}
.setHover02 { position:absolute; left:50%; bottom:6px; width:0; height:4px; transition: width 0.4s ease 0s; -webkit-transition: width 0.4s ease 0s; -moz-transition: width 0.4s ease 0s; z-index:1;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; margin:0 auto;}
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none;}

#standardMenu .rootMenu li a{ display:block; position:relative; cursor:pointer; text-decoration:none;}
#standardMenu .rootMenu > li.selected > a, #standardMenu .rootMenu > li.breadcrumb > a { text-decoration:none; }
#standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}

#standardMenu .rootMenu li a span { display:block; padding:0 18px; line-height:80px; color:#777;  white-space:nowrap; font-size:14px; font-weight:normal; transition: all 0.3s ease 0s;  -webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
#standardMenu .rootMenu li:hover .setHover, #standardMenu .rootMenu li:hover .setHover02 { width:50%;}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; width:200px; top:70px;z-index:1210;display:none;padding:0; border-top:4px solid; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:#f7f7f7; background:rgba(255,255,255,1); border:1px solid #ddd; border:1px solid rgba(0,0,0,.1); }
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; }
#standardMenu .subMenu li.item a{ border:none;border-bottom:1px solid #ddd;  padding:0; margin:0; background:none; }
#standardMenu .subMenu li.last > a{ border-bottom: 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 { cursor:pointer; background:#fbfbfb; padding-left:20px; padding-right:10px; }
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;z-index:999;}

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

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

/*--------- MegaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto;}
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none;}

#megaMenu .root li a{ display:block; position:relative; cursor:pointer; text-decoration:none;}
#megaMenu .root > li.selected > a, #megaMenu .root > li.breadcrumb > a { text-decoration:none; }
#megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}

#megaMenu .root li a span { display:block; padding:0 18px; line-height:80px; color:#777;  white-space:nowrap; font-size:14px; font-weight:normal; transition: all 0.3s ease 0s;  -webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
#megaMenu .root li:hover .setHover,#megaMenu .root li:hover .setHover02 { width:50%;}

/*-- category --*/
#megaMenu .category{ display:none; position:absolute;left:0;top:70px;z-index:1210;width:380px; padding:0; border-top:4px solid;}
#megaMenu .category > ul{ margin:0; position:relative; z-index:1200; padding:5px 9px 20px; background:#f7f7f7; background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,.1); border-top:none;}
#megaMenu .category li{ background:none; margin:0; width:180px; padding:0 10px; float:left; }
#megaMenu .category li.item a{ border-bottom:1px dashed #aaa; border-bottom:1px dashed rgba(0,0,0,.25);background:none;}
#megaMenu .category 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:11px 0 8px 2px; 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; padding-left:5px;}

#megaMenu .leaf li{ clear:both; float:none; width:175px; margin:0 0 0 5px; padding:0; }
#megaMenu .leaf li.item a{ padding:0 0 0 8px; background:url(../images/right.gif) left 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:165px; margin:0 0 0 10px; }

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


/*--------- Search Style ----------*/
.skin_search { float: right; position: relative; top:65px; right:15px;}
.skin_search .search_button_close { display:none;}
.skin_search .search_button span { background:url(../images/icon_search.jpg) no-repeat;}
.skin_search .search_button_close span { background:url(../images/search_close.png) no-repeat scroll center center transparent;}
.skin_search .search_button span, .skin_search .search_button_close span { display: block; height: 17px; width: 17px; cursor:pointer; }

#Search { display:none; position:absolute; right:0; top:35px;}
.search_position {position:absolute;right:0;}
#Search input[type="text"] { background:rgba(255,255,255,1); border:1px solid rgba(0,0,0,.1); font-size:12px; color: #333; width: 200px; padding: 7px 30px 7px 8px; position:relative; z-index:999; outline:none; }
#Search a{ display: block; position:absolute; right:0; top:0;height:28px; width:40px; padding:0; overflow:hidden;text-indent:-99999px;background:url(../images/icon_search.jpg) no-repeat 18px 6px; z-index:1001;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText{ margin-right:16px; margin-top:8px; z-index:1002;}

/*-------- Top Contact style --------*/
.top_contact p{margin:10px 0 5px 0;color:#717171;}
.top_contact a{color:#717171!important;}
.top_contact .fa{margin:0 6px 0 10px; font-size:14px;}


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

/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 991px){
/*menu hover effect*/
.setHover { display:none;}
.setHover02 {  display:none;}

.header_style { min-height:0;}
.logo_style { position:relative; min-height:100px; }
.site_logo { margin-right:50px; line-height:80px; }

.logo_style { float:none; width:100%; position:relative;}
.skin_search { display:none!important;}
.menu_style{ display:none; float:none; width:100%; padding:0;}

/*mobile menu*/
/* .mobile_nav { display:block; position:absolute; width:40px; height:40px; bottom:25px; right:12px;} */
.mobile_nav { display:block; position:absolute; width:40px; height:40px; bottom:25px; right:12px;} /* WPNU - changed bottom from 25px */
.menuclick { background:url(../images/btn_menu.png) no-repeat center center; width:40px; height:40px; padding:0;margin-left:1.5%; display: block; text-decoration: none; border:none; padding-top:20px 0;}

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

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

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

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; border:none; }
#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.selected > a, #standardMenu .subMenu li.item a:hover { background:none;}
#standardMenu .subMenu li.item a span{ padding:0 15px 0 25px; color:#333!important; font-weight:normal; background:none; height:35px; line-height:35px;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { padding-left:25px; }
#standardMenu .level1 li.item a span{ padding-left:40px; }
#standardMenu .level1 li.selected > a span, #standardMenu .level1 li.breadcrumb > a span, #standardMenu .level1 li.item a:hover span { padding-left:40px; }
#standardMenu .level2 li.item a span{ padding-left:55px; }
#standardMenu .level2 li.selected > a span, #standardMenu .level2 li.breadcrumb > a span, #standardMenu .level2 li.item a:hover span { padding-left:55px; }
#standardMenu .level3 li.item a span{ padding-left:70px; }
#standardMenu .level3 li.selected > a span, #standardMenu .level3 li.breadcrumb > a span, #standardMenu .level3 li.item a:hover span { padding-left: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; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto;}

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

#megaMenu .root li a{ background:#6b6b6b;}
#megaMenu .root li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; }

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

/*-- category --*/
#megaMenu .category{position:static; width:auto!important; padding:0; border:none;}
#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:none;}
#megaMenu .category li.item a span{ padding:0 15px 0 25px; color:#333!important; font-weight:normal; background:none; height:35px; line-height:35px;}
#megaMenu .category li.selected > a span, #megaMenu .category li.item > a:hover span { padding-left:25px;  background:#fff;}
#megaMenu .category li li.item a span{ padding-left:40px; }
#megaMenu .category li li.selected > a span, #megaMenu .category li li.item > a:hover span { padding-left:40px;}
#megaMenu .category li li li.item a span{ padding-left:55px; }
#megaMenu .category li li li.selected > a span, #megaMenu .category li li li.item > a:hover span { padding-left:55px;}
#megaMenu .category li li li li.item a span{ padding-left:70px; }
#megaMenu .category li li li li.selected > a span, #megaMenu .category li li li li.item > a:hover span { padding-left: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) {
#skin_topLeft { float:none; margin-top:0; padding:0 10px; }
.skin_top_right {float:none;}
.user_style { padding:3px 10px;}
.top_contact { display:none; }
}

@media handheld, only screen and (max-width: 479px) {
.user_style { float:none; }
#skin_social { float:none; margin-top:0; padding:0 10px; }
#skin_social .Social-Links { display:none; }
}

/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.menuclick { background-image:url(../images/retina/btn_menu@2x.png); -webkit-background-size:30px 21px; -moz-background-size:30px 21px; background-size:30px 21px; }
#standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2{background-image:url(../images/retina/mobile_navarrow@2x.png); -webkit-background-size:17px 80px; -moz-background-size:17px 80px; background-size:17px 80px;}
}