/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
#skin_header{ background:#fff;}
.logo_style{ padding:22px 35px; float:left;}
.site_logo {max-width:151px;}
.header-right {float:right; padding:0;}
.ph-number {display: block;float:right;width:auto;margin:34px 0 23px 0;padding-left:55px;color:#000;font-size:28px;line-height:42px;font-weight: bold;background: transparent url('../images/phone-icon.png') left center no-repeat;background-size:42px 42px;}
.menu_box {clear: right;float:right;}
.tagline {float: right;color:#0072cf;font-size: 16px;line-height: 1em;padding:15px 25px 15px 10px;margin-top: 25px;border-right: 1px solid #0072cf;}

/*Breadcrumb Style*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#222; 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:left; padding-left:15px; color:#222; line-height:65px; font-size:22px; font-weight:normal; margin:0;}
.breadcrumb_style {float:right; padding-right:15px; color:#222; line-height:65px;}

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

#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 25px; line-height:1.9em; color:#fff;  white-space:nowrap; font-size:18px;text-transform:none;background-color:#ef4023; }
#standardMenu .rootMenu >li:last-child a span{margin-right: 0;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span{ background-color: #cc3333;}

/*-- submenu --*/
#standardMenu .subMenu {display:none; position:absolute; left:0; top:auto; width:200px; z-index:1210; padding:1px 0 0 0;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:#ef4023; 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 #fff; padding:0; background:none; }
#standardMenu .subMenu li.item a:first-child,
#standardMenu .subMenu li.item a:last-child {border-bottom: none;}

#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:15px; color:#fff; 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;background-color: #cc3333;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}

#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;}

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

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

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

/*--------- StandardMenu style ----------*/
#standardMenu {  padding-bottom:0;}
#standardMenu li{ float:none; border-bottom:1px solid #ccc; margin-right:0; }
#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:600;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;}
#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 15px 0 25px; color:#333!important; background:none; height:35px; line-height:35px;}
#standardMenu .level1 li.item a span{ padding-left:40px; }
#standardMenu .level2 li.item a span{ padding-left:55px; }
#standardMenu .level3 li.item a 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;}

/*--------- 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; }
}

@media only screen and (max-width: 546px) {
	.logo_style {float:none;padding:22px 0;}
	.site_logo {margin: 0 auto;}
	.header-right {float:none;width:100%;}
	.ph-number {width: 100%;font-size:24px;font-weight:normal;line-height:24px;text-align: center;margin-top: 0;margin-bottom:5px;padding-left: 0;background-image: none;}
}