@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
@import url('sbs-homepage.css');
@import url('animated.css');
/*@import url(//fonts.googleapis.com/css?family=Roboto);*/
/*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro|Montserrat);*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600|Open+Sans:400,700');
*, body, p, .Normal {
	line-height: 1.5;
}
body, p, .Normal {
/*	color: #333;*/
}
html, body {
	margin: 0;
	padding: 0;
	font: normal 15px/1.5 'Open Sans', Arial, sans-serif;
	color: #222;
}
html, .modal, .modal.in, .modal-backdrop.in {
	overflow-y: auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-family: 'Open Sans', Arial, sans-serif;
}
img, object, embed {
	max-width: 100%;
}
img {
	height: auto;
}
.flex {display: flex;}
.list-group {
	margin-left: 0;
}
ul li li {
	list-style-type: circle;
}
h1, .h1 {
	font-size: 28px;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #000000;
	font-weight: 600;
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}
h2, .h2 {
	font-size: 24px;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #000000;
	font-weight: 600;
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}
h3, .h3 {
	font-size: 20px;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #000000;
	font-weight: 600;
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}
h4, .h4 {
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #000000;
	font-weight: 600;
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}
h5, .h5 {
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #000000;
	font-weight: 600;
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}
h6, .h6 {
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0;
	color: #000000;
	font-weight: 600;
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, #header #mainMenu, #portal-name, #portal-name .Normal, #portal-switcher, #portal-switcher label, .container, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Montserrat', Arial, Tahoma, sans-serif;
}


 /*-----ADA skip to main styles-------*/
#skin_wrapper { width: 100%; position: inherit!important; z-index: 1; background: #fff; margin: 0 auto; }
div#main-content {margin-top: -115px; padding-top: 115px; /*ADA skip to main*/}
a#main-link {background: #000000;
	color: #ffffff;
  height: 30px;
  left: 50%;
  padding: 8px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
z-index: 20000}
a#main-link:focus {transform: translateY(0%);}

/*-------End ADA skip to main styles-------*/
/* Fix DNN Styles */
a:visited, a:active, a:hover {
/*	outline: none !important;*/
/*	color: #4a9dd7;*/
}
a:focus {outline-offset: 2px;}
/*
.mfps A:link {
	color: #0fafff;
	text-decoration: none;
}
.mfps A:visited {
	color: #008bd1;
	text-decoration: none;
}
.mfps A:hover, .mfps .overview A:visited {
	color: #001994;
	text-decoration: none;
}
.mfps A:active {
	color: #0fafff;
	text-decoration: none;
}
.aquos-boards A:link {
	color: #00c4aa;
	text-decoration: none;
}
.aquos-boards A:visited {
	color: #00A58D;
	text-decoration: none;
}
.aquos-boards A:hover {
	color: #016d5f;
	text-decoration: none;
}
.aquos-boards A:active {
	color: #00c4aa;
	text-decoration: none;
}
.professional-displays A:link {
	color: #ed9278;
	text-decoration: none;
}
.professional-displays A:visited {
	color: #e55643;
	text-decoration: none;
}
.professional-displays A:hover {
	color: #831c00;
	text-decoration: none;
}
.professional-displays A:active {
	color: #ed9278;
	text-decoration: none;
}
*/
.dnn_mact > li.actionMenuMove > ul li {
	height: auto;
	line-height: normal;
}
a.dnnPrimaryAction, a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited, a.dnnPrimaryAction:hover {
	color: #fff;
	text-shadow: none;
	background: #adb6c1;
	background: -moz-linear-gradient(top, #adb6c1 0%, #868d96 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #adb6c1), color-stop(100%, #868d96));
	background: -webkit-linear-gradient(top, #adb6c1 0%, #868d96 100%);
	background: -o-linear-gradient(top, #adb6c1 0%, #868d96 100%);
	background: -ms-linear-gradient(top, #adb6c1 0%, #868d96 100%);
	background: linear-gradient(to bottom, #adb6c1 0%, #868d96 100%);
}
.RadEditor table {
	table-layout: initial !important;
}
.Normal, .NormalDisabled, .NormalDeleted {
	color: initial;
	font-size: 14px;
	font-weight: initial;
	line-height: initial;
}
.dnnDropDownList, .dnnDropDownList * {
	box-sizing: initial !important;
	-moz-box-sizing: initial !important;
}
h1, .h1, h2, .h2, h3, .h3 {
	letter-spacing: normal;
}
input[type="text"], input[type="email"], input[type="password"], textarea, .dnnFormItem textarea, .dnnFormItem select {
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	z-index: 3;
	color: #7d7d7d;
	font-size: 0.8125em;
	font-weight: bold;
}
textarea {
	padding: 10px;
	height: 100px;
	font-weight: bold;
	font-size: 0.82em;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid rgba(89, 135, 198, .3);
	-webkit-box-shadow: inset 0px 10px 30px 10px #f8f8f9, 0px 0px 5px 1px rgba(89, 135, 198, .3);
	box-shadow: inset 0px 10px 30px 10px #f8f8f9, 0px 0px 5px 1px rgba(89, 135, 198, .3);
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
#ControlBar_ControlPanel, #ControlBar_ControlPanel * {
	box-sizing: initial;
	-moz-box-sizing: initial;
}
body > form #ControlBar_ControlPanel {
	z-index: 1050 !important;
}
::selection, ::-moz-selection, ::-webkit-selection {
	background: transparent;
	color: #999;
	text-shadow: none;
}
::-webkit-input-placeholder, :-moz-placeholder {
	color: #b1bac5;
}
#ControlBar_ControlPanel, #ControlBar_ControlPanel * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
#ControlBar_ControlPanel ~ header.navbar-fixed-top {
	top: 55px;
}
#ControlBar_ControlPanel ~ section#content {
	top: 150px;
}
#ControlBar_ControlPanel ~ footer {
	margin-top: 60px;
}
.DNNEmptyPane {
	display: none !important;
}
/*fix for being unable to access module edit move icons*/
.dnnEditState .DNNModuleContent {
	z-index: 1000;
}
/* End Fix DNN Styles */
#Body {
	background: #fff;
	padding-top: 61px;
}
/* header */
#header {
	background-color: #fff;
	box-shadow: none;
/*	padding: 10px 0;*/
	border-bottom: 1px solid #ddd;
	height: 70px;
}
#header #dnn_dnnLOGO_hypLogo {
	background-image: url(img/sbs-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 141px;
	height: 45px;
	max-width: 100%;
	max-height: 100%;
	background-position: bottom;
}
#header nav.navbar-default {
	border: 0;
}
/*--------NAV Styles --------------------------------*/
ul.nav li li {
	list-style-type: none;
}
.nav > li > a {
	padding: 8px;
}
nav#mainMenu {
	margin-top: 5px;
}
header.navbar-fixed-top {
	z-index: 990;
}
#header #branchNav {
	text-align: right;
/*	margin-top: 5px;*/
}
#contact-links, #search {display: none;}
@media handheld, only screen and (min-width:768px) {
	#contact-links, #search {display:block;}
	#mobile-contact-links, #mobile-search {display: none;}
	#Body {padding-top: 102px;}
}
#header #branchNav ul, #header #contact-links ul, #header #mobile-contact-links ul {
	margin: 0;
}
#header #branchNav li, #header #contact-links li {
	float: right;
	border-right: #000000;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
	position: relative;
	display: block;
	padding: 0 8px;
	min-width: 15px;
	height: 41px;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	line-height: 41px;
	color: #000000;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	font-family: 'Montserrat', Arial, sans-serif;
}
#header #branchNav li:first-child, #header #contact-links li:first-child {
	border: none;
}
/*
#header #branchNav .branchLinks a, #header #contact-links  a {
	color: #000;
}
*/
.mobile_nav {
	display: none;
}
/*--------- Search Style ----------*/
#search {
/*	margin-right: 42px;*/
}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	display: block;
	height: 39px;
	height: 38px;
	text-indent: -99999px;
	overflow: hidden;
}
.searchSite {
	text-indent: -99999px;
}
a.searchcss:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
#search input, #mobile-search input {
	background: #eeeeee;
	background: rgba(0, 0, 0, 0.1);
	right: 0;
	top: 0;
	border: none;
	font-size: 10px;
	color: #333;
	width: calc(100% - -15px);
	height: 39px;
	line-height: 39px;
	padding: 0 5px 0 10px;
	z-index: 1999;
	/*border: 1px solid #7A7A7A; border: 1px solid rgba(122,122,122,0.2);*/
}

#search .ElasticSearch.SkinObject .SearchBox {max-width: 150px;}
#search input:active, #Search input:focus, #mobile-search input:active, #mobile-search input:focus {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) inset;
	outline: none;
}
#search a.searchcss, #mobile-search a.searchcss  {
	display: block;
	position: absolute;
/*	right: 0;*/
	right: -16px;
	top: 0;
	height: 39px;
	width: 40px;
	padding: 0;
	border: 1px solid #cccccc;
	box-shadow: none;
	webkit-box-shadow: none;
	overflow: hidden;
	text-indent: -99999px;
	background: url(img/top_search.png) no-repeat 12px 12px #777;
	background: url(img/top_search.png) no-repeat 12px 12px rgba(0, 0, 0, .4);
	z-index: 1;
	cursor: pointer;
}
#mobile-search a.searchcss  {right: 15px;top:15px;}
#search a.searchcss:hover, #mobile-search a.searchcss:hover {
	background: url(img/top_search.png) no-repeat 12px 12px rgba(0, 0, 0, .2);
	transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
}
#search ul.searchSkinObjectPreview, #mobile-search ul.searchSkinObjectPreview  {
	z-index: 920;
}
div#mobile-search {padding: 15px; position: relative; }
div#mobile-search #dnn_dnnSEARCH2_ClassicSearch {}
div#mobile-search #dnn_dnnSEARCH2_ClassicSearch .searchInputContainer {display: initial;}
div#mobile-search input {background-color: #ffffff; width: 100%;}

/*Elastic Search Styles*/
#search .ElasticSearch input, #mobile-search .ElasticSearch input { width: calc(100% - 40px); }
#search .ElasticSearch.SkinObject .SearchBox > a.SearchButton, #mobile-search .ElasticSearch.SkinObject .SearchBox > a.SearchButton  {
	background: url(img/top_search.png) no-repeat 12px 12px #991B21;
	    width: 40px;
    height: 39px;
	margin: 0;
}
#search .ElasticSearch.SkinObject .SearchBox > a.SearchButton:hover, #mobile-search .ElasticSearch.SkinObject .SearchBox > a.SearchButton:hover {
	background: url(img/top_search.png) no-repeat 12px 12px rgba(0,0,0,1);
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
}
#mobile-search .ElasticSearch.SkinObject .SearchBox {display: block;}
/*--------- StandardMenu style ----------*/
#standardMenu {
	position: relative;
	margin: 0 auto;
}
#standardMenu ul {
	list-style: none;
	margin: 0;
	padding: 0 1px;
}
#standardMenu li {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	list-style-type: none;
}
#standardMenu li.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	background-color: inherit;
	border-radius: 0;
}
#standardMenu li.back {
	position: absolute;
	background: rgba(255, 255, 255, 0.01);
	height: 10px;
	z-index: 8;
	top: 35px;
}
#standardMenu li.back .left {
	position: absolute;
	top: 3px;
	background: rgba(255, 255, 255, 0.01);
	width: 60%;
	text-align: center;
	padding-left: 40%;
}
#standardMenu li.back .left .center {
	height: 0;
	width: 0;
	left: 40%;
	top: 7px;
	border-bottom: 7px solid #7A7A7A;
	border-bottom: 7px solid rgba(122, 122, 122, 0.9);
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
	z-index: 10000;
}
#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.rmHover 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 8px;
	height: 40px;
	line-height: 40px;
	color: #000;
	white-space: nowrap;
	font-size: 12px;
	font-family: 'Montserrat', arial, sans-serif;
	text-transform: none;
}
/*#standardMenu .rootMenu > li.last a span { border-right: 1px dashed #ddd; }*/
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span {
	color: #000;
}
/*-- submenu --*/
#standardMenu .subMenu {
	position: absolute;
	left: 0;
	width: 180px;
	top: 44px;
	z-index: 1210;
	display: none;
	padding: 0;
	background: #eee;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, .5);
	border-top: none;
}
#standardMenu .rootMenu li.rmHover .subMenu {
	display: block;
}
#standardMenu .subMenu ul {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1200;
}
#standardMenu .subMenu li {
	float: none;
	clear: both;
	background: none;
	width: 100%;
	padding: 0;
	*margin-bottom: -3px;
}
#standardMenu .subMenu li.item a {
	border: none;
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, .5);
	padding: 0;
	background: none;
}
#standardMenu .subMenu li.first > a {
	border-top: none;
}
#standardMenu .subMenu li.last > a {
	border-bottom: none;
}
#standardMenu .subMenu li.item a span {
	display: block;
	background: none;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	white-space: normal;
	height: auto;
	line-height: 1.5em;
	padding: 8px 15px 8px 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 {
	background: #7A7A7A;
	background: rgba(255, 255, 255, .1) !important;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	transition: all 0.4s ease-in 0s;
}
#standardMenu .subMenu .subarrow {
	background: url(../images/menu-arrow02.gif) no-repeat;
	position: absolute;
	right: 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.gif) no-repeat;
	position: absolute;
	right: 0;
	top: 15px;
	width: 15px;
	height: 7px;
}
#standardMenu ul li ul li ul {
	display: none;
	width: 180px;
	margin: 0;
	background: #7A7A7A;
	background: rgba(122, 122, 122, 0.9);
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, .5);
}
#standardMenu ul li ul li ul.level1 {
	display: none;
	position: absolute;
	left: 178px;
	top: 0;
	padding: 0;
}
#standardMenu ul li ul li.child-1 ul.level1 {
	border-top: none;
}
#standardMenu ul li ul li ul li ul.level2 {
	display: none;
	position: absolute;
	left: 178px;
	top: 0;
	padding: 0;
}
#standardMenu ul li ul li ul li.child-1 ul.level2 {
	top: -1px;
}
#standardMenu ul li ul li ul li ul li:hover ul.level3 {
	display: block;
	position: absolute;
	left: 178px;
	top: 0;
	padding: 0;
}
#standardMenu ul li ul li ul li ul li.child-1 ul.level3 {
	top: -1px;
}
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 {
	display: block;
	position: absolute;
	left: 178px;
	top: 0;
	padding: 0;
}
#standardMenu ul li ul li ul li ul li ul li.child-1 ul.level4 {
	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 1px; }
#megaMenu ul.root {display: flex;}
#megaMenu li { /*position: relative;*/ display: flex; align-items: center; float: left; margin: 0; list-style-type: none; } /* Changed display: block; to flex and added align-items: center; for ADA Testing*/
/*#megaMenu li:not(:first-child) {border-left: 1px solid #666;}*/
#megaMenu ul.root > li {float: none;}
#megaMenu li.back { display: none; position: absolute; background: rgba(255,255,255,0.01); height: 10px; z-index: 8; top: 28px; }
#megaMenu li.back .left { position: absolute; top: 3px; background: rgba(255,255,255,0.01); width: 60%; text-align: center; padding-left: 40%; }
#megaMenu li.back .left .center { height: 0; width: 0; left: 40%; top: 7px; border-bottom: 7px solid #000000; border-bottom: 7px solid rgba(0,0,0,0.9); border-left: 7px solid #fff; border-right: 7px solid #fff; z-index: 10000; }
#megaMenu .root li a { display: block; position: relative; float: none; z-index: 10; cursor: pointer; text-decoration: none; }
#megaMenu .root > li a {height: 70px; display: flex; justify-content: center; align-items: center; /*border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;*/} /* Removed borders for ADA Testing*/
/*Added for ADA testing*/
#megaMenu .root > li {border-left: 1px solid #D5D5D5; border-bottom: 1px solid #f0f0f0;}
#megaMenu .root > li:last-child {border-right: 1px solid #D5D5D5;}
#megaMenu .root > li:hover, #megaMenu .root > li:focus, #megaMenu .root > li.rmhover, #megaMenu .root > li.rmhover:focus {/*background-color: #f0f0f0;*/ border-left: 1px solid #D5D5D5;/*border-right: 1px solid #D5D5D5;*/ border-bottom: 1px solid #f0f0f0; z-index: 1220;}
#megaMenu .root > li a:hover /*, #megaMenu .root > li.rmhover a*/ {background-color: #f0f0f0; text-decoration: underline;color: #000000;}
#megaMenu .root > li.selected > a:hover, #megaMenu .root > li.breadcrumb > a:hover {background-color: transparent;}
/*#megaMenu .root > li a:hover, #megaMenu .root > li a:focus, #megaMenu .root > li.rmhover a, #megaMenu .root > li.rmhover a:focus {background-color: #f0f0f0; border-left: 1px solid #D5D5D5;border-right: 1px solid #D5D5D5; border-bottom: 1px solid #f0f0f0; z-index: 1220;}*/
#megaMenu .root > li a:focus, #megaMenu .root > li.rmhover a:focus {text-decoration: underline;}
/*-----Styles for selected top menu items-----*/
#megaMenu .root > li.selected, #megaMenu .root > li.breadcrumb {
    border-left: 2px #939393 solid;
    height: 72px;
    /* box-shadow: black 2px 3px inset; */
    box-shadow: inset 1px 4px 5px #2d000047;
    background-color: #e4e4e4;
    border-right: 2px #939393 solid;
	padding: 0;
	border-radius: 0;
}
#megaMenu .root >li.selected a span {
    color: #000000;
    font-weight: bold;
}
/*Added for ADA testing*/	
#megaMenu .root li .navarrow, 
#megaMenu .root li.selected .navarrow, 
#megaMenu .root li.breadcrumb .navarrow, 
#megaMenu .root li.rmHover .navarrow, 
#megaMenu .root li:hover .navarrow
{width:35px; height:69px; background-image:url(img/chevron.png); background-repeat: no-repeat; background-position: center; background-color: transparent; padding: 0; /*margin-left: -6px;*/ border-top: none; border-right: none; border-bottom: none; border-left: none;}

#megaMenu .root li .navarrow2, #megaMenu .root li.selected .navarrow2, #megaMenu .root li.breadcrumb .navarrow2, #megaMenu .root li.rmHover .navarrow2, #megaMenu .root li:hover .navarrow2, #megaMenu .root li a:hover + .navarrow2, 
#megaMenu .root li a:hover + .navarrow { width:35px; height:69px;background-color: #f0f0f0; background-image:url(img/chevron-up.png); background-repeat: no-repeat; background-position: center;   padding: 0; /*margin-left: -6px;*/ border-top: none; border-right: none; border-bottom: none; border-left: none;}
#megaMenu .root li.selected .navarrow2, #megaMenu .root li.selected a:hover + .navarrow, #megaMenu .root li.breadcrumb .navarrow2, #megaMenu .root li.breadcrumb a:hover + .navarrow {background-color: transparent;}



#megaMenu .root > li .category li a:hover, #megaMenu .root > li .category li a:focus, #megaMenu .root > li .category li.rmhover a, #megaMenu .root > li .category li.rmhover a:focus {border: none; z-index: 55;}
#megaMenu .root > li .category li a { display: block; position: relative; float: none; z-index: 10; cursor: pointer; text-decoration: none; height: auto; }
/*-- new megaMenu :hover and .selected styles - replaces lavaLamp.js --*/
/*
#megaMenu .root li a:hover:after{ content: ""; margin-left: -5px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #999999 transparent; position: absolute; left: 50%; bottom: 3px;}
#megaMenu .root > li.breadcrumb:after { content: "";  margin-left: -5px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent black transparent; position: absolute; left: 50%; bottom: 3px;}
*/
/*#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration: none; color: #cc0000; color: rgba(204,0,0,1);}*/
#megaMenu .root >li a span { display: block; padding: 0 12px; height: 40px; line-height: 40px; color: #000000; white-space: nowrap; font-size: 13px; font-weight: 400; font-family: 'Open Sans', Arial, Tahoma, sans-serif; }
#megaMenu .root >li.haschild a span {padding: 0 5px 0 12px;}
#megaMenu .root > li.last a span { /*border-right: 1px dashed #ddd;*/ }
/*#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { color: #7A7A7A; }
*/
/* Added for ADA Testing*/
/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
       only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 768px),
       only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
       only screen and (min-device-pixel-ratio: 2) and (min-width: 768px) {
	#megaMenu .root li .navarrow, 
    #megaMenu .root li.selected .navarrow, 
    #megaMenu .root li.breadcrumb .navarrow, 
    #megaMenu .root li.rmHover .navarrow, 
           #megaMenu .root li:hover .navarrow { background-image:url(img/chevron@2x.png); background-size: 8px 4px;}
   
    #megaMenu .root li .navarrow2, 
    #megaMenu .root li.selected .navarrow2, 
    #megaMenu .root li.breadcrumb .navarrow2, 
    #megaMenu .root li.rmHover .navarrow2, 
    #megaMenu .root li:hover .navarrow2, 
    #megaMenu .root li a:hover + .navarrow2,  #megaMenu .root li a:hover + .navarrow
	{background-image: url(img/chevron-up@2x.png); background-size: 8px 4px; /*border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #ccc;*/ /*-webkit-background-size:12px 60px; -moz-background-size:12px 60px; background-size:12px 60px;*/}
}

/*Added for ADA testing*/
.searchbox {margin-left: 9px;  z-index: 100;}

/*-- category --*/
#megaMenu .category { position: absolute; left: 0 !important; top: 72px; z-index: 1210; /*width: 378px;*/ width: 750px; display: none; padding: 8px 8px 20px 8px; background: #F0F0F0; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.63); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.63); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.63); border: 1px solid #D5D5D5;}
#megaMenu ul li:hover ul { visibility: visible; }
#megaMenu .root li.rmHover .category { display: block; }
#megaMenu .category ul { margin: 0; padding: 0; position: relative; z-index: 1200; }
#megaMenu .category li { background: none; margin: 8px; width: 165px; padding: 0; float: left; }
#megaMenu .category li.item a { border: none; /*border-bottom: 1px dashed #000000; border-bottom: 1px dashed rgba(0,0,0,.8);*/ background: none; }
#megaMenu .category li a:hover:after{ display: none;}
#megaMenu .root .category ul > li a span {font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-weight: bold;}
#megaMenu .category li.item a span { display: block; background: none; font-size: 12px; color: #000000; font-weight: normal; white-space: normal; height: auto; line-height: 1.5em; padding: 4px 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; color: #CC0000; cursor: pointer; 	/* [disabled]font-weight: 600; */ }
#megaMenu ul li ul li ul { position: relative; padding: 0; width: auto; border: none; }
#megaMenu .root .category .leaf ul > li a span {font-weight: normal;}
#megaMenu .leaf li { clear: both; float: none; width: 160px; margin: 0 0 0 5px; padding: 0; }
#megaMenu .leaf li.item a { text-transform: none; font-size: 12px; padding: 0; line-height: 1em; /*background: url(../images/right-blk.png) left 16px no-repeat;*/ border: none; font-family: 'Open Sans';}
#megaMenu .leaf li.item a span { display: block; background: none; font-size: 12px; color: #000000; font-weight: normal; height: auto; line-height: 0.9em; padding: 8px 0; text-transform: none; border: none; font-family: 'Open Sans';}
#megaMenu .leaf li li { clear: both; float: none; width: 155px; }
#megaMenu .leaf li.selected > a span { color: #cc0000; cursor: pointer; }
#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; }
@media handheld, only screen and (min-width:1035px) {
	#megaMenu .root >li a span { height: 60px; line-height: 60px; }
	#megaMenu .category { top: 72px;}
}

/*--------END NAV Styles --------------------------------*/

#nav-bar {justify-content: space-between;}
#nav-bar .logo-wrapper {margin: 10px 20px 2px 0px;}
#nav-bar #search {position: relative;}


/* search */
#search .input-group, #search .input-group input {
	padding-top: 5px;
}
#search .input-group-btn .btn-default {
	background: #ddd;
	color: #fff;
}
#search .input-group-btn .btn-default:hover {
	background: #ccc;
}



/* search  */
/* portal switcher */
#portal-switcher {
	padding-top: 10px;
	padding-bottom: 10px;
}
#portal-switcher .form-group {
	margin-bottom: 0;
}
#portal-switcher label {
	color: #fff;
}
/* portal switcher */
#hero {
	background: #ccc;
	min-height: 100px;
}
#hero #portal-name {
	background-color: #aaa;
	background-color: rgba(0, 0, 0, 0.5);
}
#hero #portal-name .Normal {
	display: block;
	padding: 10px 0;
	font-size: 22px;
	color: #fff;
	line-height: 34px;
}
#hero #page-name .Normal {
	display: block;
	padding: 10px 0;
	font-size: 28px;
	color: #fff;
	margin-top: 10px;
	font-weight: bold;
	font-family: 'Montserrat', Arial, sans-serif;
}
@media handheld, only screen and (min-width:768px) {
    #hero #page-name .Normal {margin-top: 80px;}
    
}
/*Breadcrumb styles - OLD*/
/*
#breadcrumb {
	margin: 10px 0;
}
#breadcrumb .breadcrumb {
	background-color: #666;
	overflow: hidden;
	margin-left: 0;
}
#breadcrumb .breadcrumb li {
	color: #fff;
	position: relative;
	margin-right: 45px;
}
#breadcrumb .breadcrumb li a {
	color: #fff;
}

#breadcrumb .breadcrumb > li + li:before {
	content: "";
}
#breadcrumb .breadcrumb > li:before {
	content: " ";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #FFF;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
#breadcrumb .breadcrumb > li:after {
	content: " ";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid #666;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
*/

/*NEW BREAD CRUMB STYLES */
#breadcrumb .breadcrumb > li {
  display: inline-block;
}
#breadcrumb .breadcrumb {
  padding: 8px 2px;
  margin-bottom: 15px;
  list-style: none;
  background-color: #ffffff;
  border-radius: 4px;
}
#breadcrumb {
  margin: 10px 0;
}
#breadcrumb .breadcrumb {
/*  background-color: #666;*/
  overflow: hidden;
}
#breadcrumb .breadcrumb li {
  color: #414143;
  position: relative;
  margin-right: 20px;
}
#breadcrumb .breadcrumb li a {
  color: #414143;
	font-size: 14px;
	
}
#breadcrumb .breadcrumb li a:hover {text-decoration: underline;}
#breadcrumb .breadcrumb > li + li:before {
  content: "";
}
#breadcrumb .breadcrumb > li:before {
  content: " ";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  position: absolute;
  top: 0;
  margin-top: 0px;
  margin-left: 0px;
  left: 100%;
  z-index: 1;
}
#breadcrumb .breadcrumb > li:after {
  content: "/";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    top: 0;
    margin-top: 0;
    left: auto;
    z-index: 2;
    color: #666;
    right: -8px;
}
#breadcrumb .breadcrumb > li:last-child:after {
	content: " ";
} 

/*END breadcrumb styles*/


#content {
	position: relative;
	background: #fff;
/*	padding: 50px 0;*/
}
/* footer */
footer {}
footer *, footer p {
	color: #fff;
}
footer #footer_content a, footer #footer_content a:link, footer #footer_content a:visited, footer #footer_content a:hover, footer #footer_content a:active {
	transition: color .2s linear;
	color: #fff;
}
footer #footer_content a:hover {
	color: #fff;
	text-decoration: underline;
}
footer #footer_content {
	background-color: #000000;
	padding: 20px 0;
	color: #fff;
	line-height: 24px;
}
footer h3 {
	font-size: 20px;
	text-transform: none;
	color: #fff;
}
footer ul {
	list-style: none;
	margin: 0;
}
footer #legal {
	border-top: solid 1px #3E454B;
	background-color: #000000;
	padding: 20px 0;
}
footer #legal .SkinObject, footer #legal A:LINK, footer #legal A:visited, footer #legal A:active {
	margin: 0 10px;
	font-size: 12px;
}
footer #legal .SkinObject {	color: #7A7A7A;}
footer #legal A:LINK, footer #legal A:visited, footer #legal A:active {color: #ffffff;}
footer #legal a.SkinObject:hover, footer #legal A:hover  {
/*	text-decoration: none;*/
}
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active {
  padding: 0px 8px;
  color: #BBBDBE;
  font-size: 12px;
  text-decoration: none;
    line-height: 2.2em;
}
A.Footer:hover {
  color: #7A7A7A;
  text-decoration: none;
}
.footer_left ul.footer-links {margin-left: 10px; }
/*
.footer_left ul.footer-links li:before {content: "|";
    position: absolute;
    left: -7px;
    top: -3px; }
*/
.footer_left ul.footer-links li { list-style-type: none; display: block; border-bottom: 1px solid;
    padding: 8px;}
.footer_left .footer-links > li > a:hover, .footer-links > li > a:focus { text-decoration: underline; background-color: transparent;}

@media handheld, only screen and (min-width:768px) { 
.footer_left ul.footer-links li { list-style-type: none; display: inline-block; border-bottom: none; border-left: 1px solid; padding: 0 8px;}
/*	.footer_left ul.footer-links li:first-of-type {border-left: none;}*/
    .footer_left ul.footer-links, span#dnn_dnnCOPYRIGHT_lblCopyright {display: inline-block;}
}



/*-------------FOOTER STYLES---------------*/
.site-footer.flex, .site-footer .flex {justify-content: space-between; flex-wrap: wrap; flex-direction: column;}
.site-footer.flex div {padding-top: 20px; padding-right: 20px;}
.site-footer.flex div:last-of-type {padding-bottom: 20px;  padding-right: 0;}
.site-footer, .site-footer h3, .site-footer h4, .site-footer li { color: #FFF; }
.site-footer {margin-top: 60px;}
/*.site-footer .periodic4 {width: 350px;}*/
.site-footer h3, .site-footer h4 {text-transform: uppercase; margin-top: 0px;}
.site-footer h4 {font-size: 13px; margin-top: 0;line-height: 30px;}
.site-footer ul { margin-left: 0; }
.site-footer ul li {
	list-style-type: none;
	line-height: 42px;
}
.site-footer ul.social-links li {
	list-style-type: none;
	line-height: 42px;
	padding-left: 35px;
	position: relative;
}
.site-footer a:link, .site-footer a:visited, .site-footer a:hover, .site-footer a:active { color: #fff !important;}
.site-footer a:hover { text-decoration: underline; }
/*
#footer_content ul.social-links li {
	list-style-type: none;
	line-height: 29px;
	padding-left: 30px;
	position: relative;
}
*/

#footer_content h2 {
font-size: 20px;
  margin-top: 0px;
}

span.fb-link {
	background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat 0 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
	left: 0px;
}
span.pin-link {
	background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -31px 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
	left: 0px;
}
span.tw-link {
	background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -1221px 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
	left: 0px;
}
span.in-link {
	background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -522px 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
	left: 0px;
}
span.yt-link {
	background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -641px 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
	left: 0px;
}
span.ig-link {
    background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -582px 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    left: 0px;
}
span.hz-link {
    background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -1163px 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    left: 0px;
}
span.bl-link {
    background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -118px 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    left: 0px;
}
span.tk-link {
    background: url(/Portals/_default/Skins/Support-USA/images/socialicons.png) no-repeat -1192px 0;
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    left: 0px;
}
@media handheld, only screen and (min-width:400px) { 
	.site-footer.flex, .site-footer .flex {flex-direction: row;}
    div#fortune {
    order: 2;
    padding-right: 0;
}

div#get-in-touch {
    order: 1;
}

div#about-sharp {
    order: 3;
}

div#social {
    order: 5;
    width: 100%;
}

} 
@media handheld, only screen and (min-width:520px) {
      div#fortune {
          order: 4;}
    div#social {order: 3;}
    .site-footer.flex div { width: 45%;}
    
    ul.social-links {
    display: flex;
    flex-wrap: wrap;
}
    .site-footer ul.social-links li {width:  50%;}
/*    ul.social-links li span {margin-top: 8px;}*/
      .site-footer.combined.flex div#social .flex { width: 100%;}
    .site-footer.flex div.business-social,  .site-footer.flex div.consumer-social {width: 100%;}
}
@media handheld, only screen and (min-width:768px) {

	.site-footer.flex div {padding-top: 0px;}
.site-footer.flex div:last-of-type {padding-bottom: 0px;}
	.site-footer ul li {
	line-height: 30px;
}
    ul.social-links {display: block;}
	.site-footer ul.social-links li {
	line-height: 29px;
        width: unset;
}
    .site-footer.flex div {width: unset;}
    div#fortune {
    order: 1;
}

div#get-in-touch {
    order: 2;
}

div#about-sharp {
    order: 3;
}

div#social {
    order: 4;
    width: unset;
}
}





/* scroll to top */
#scrollToTop {
	color: #CDCDCD;
	height: auto;
	position: fixed;
	bottom: 25px;
	margin: 0px;
	z-index: 10000;
	transition: all 0.3s ease 0s;
	right: 25px;
	display: none;
	background-color: transparent;
	border: none;
}
#scrollToTop span {
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-decoration: none;
	border-radius: 52px;
	transition: all 0.2s ease 0s;
	border: 2px solid #E8E8E8;
/*	background: none repeat scroll 0% 0% transparent;*/
	background: #2f2f2f;
	text-align: center;
}
#scrollToTop span i {
	font-size: 22px;
	transition: color 0.2s ease 0s;
	color: #ffffff;
	line-height: 52px;
}
#scrollToTop:hover span {
	background-color: #fff;
	cursor: pointer;
    border-color: #000000;
}
#scrollToTop:hover span i {
    color: #000;}
/*---------Addtional Button themes----------*/
.btn-mfps, a.btn-mfps:link, a.btn-mfps:visited, a.btn-mfps:active {
	color: #ffffff;
	background-color: #008bd1;
	border-color: #006294;
}
.btn-mfps:hover, a.btn-mfps:hover, .btn-mfps:focus, .btn-mfps:active, .btn-mfps.active, .open .dropdown-toggle.btn-mfps {
	color: #ffffff;
	background-color: #006294;
	border-color: #001994;
}
.btn-mfps:active, .btn-mfps.active, .open .dropdown-toggle.btn-mfps {
	background-image: none;
}
.btn-mfps.disabled, .btn-mfps[disabled], fieldset[disabled] .btn-mfps, .btn-mfps.disabled:hover, .btn-mfps[disabled]:hover, fieldset[disabled] .btn-mfps:hover, .btn-mfps.disabled:focus, .btn-mfps[disabled]:focus, fieldset[disabled] .btn-mfps:focus, .btn-mfps.disabled:active, .btn-mfps[disabled]:active, fieldset[disabled] .btn-mfps:active, .btn-mfps.disabled.active, .btn-mfps[disabled].active, fieldset[disabled] .btn-mfps.active {
	background-color: #0fafff;
	border-color: #008bd1;
}
.btn-mfps .badge {
	color: #0fafff;
	background-color: #fff;
}
.btn-aquos, a.btn-aquos:link, a.btn-aquos:visited, a.btn-aquos:active {
	color: #ffffff;
	background-color: #00c4aa;
	border-color: #00a58d;
}
.btn-aquos:hover, .btn-aquos:focus, .btn-aquos:active, .btn-aquos.active, .open .dropdown-toggle.btn-aquos {
	color: #ffffff;
	background-color: #00a58d;
	border-color: #016d5f;
}
.btn-aquos:active, .btn-aquos.active, .open .dropdown-toggle.btn-aquoso {
	background-image: none;
}
.btn-aquos.disabled, .btn-aquos[disabled], fieldset[disabled] .btn-aquos, .btn-aquos.disabled:hover, .btn-aquos[disabled]:hover, fieldset[disabled] .btn-aquos:hover, .btn-aquos.disabled:focus, .btn-aquos[disabled]:focus, fieldset[disabled] .btn-aquos:focus, .btn-aquos.disabled:active, .btn-aquos[disabled]:active, fieldset[disabled] .btn-aquos:active, .btn-aquos.disabled.active, .btn-aquos[disabled].active, fieldset[disabled] .btn-aquos.active {
	background-color: #00c4aa;
	border-color: #00a58d;
}
.btn-aquos .badge {
	color: #60ecd9;
	background-color: #fff;
}
.btn-displays, a.btn-displays:link, a.btn-displays:visited, a.btn-displays:active {
	color: #ffffff;
	background-color: #ed9278;
	border-color: #e56643;
}
.btn-displays:hover, .btn-displays:focus, .btn-displays:active, .btn-displays.active, .open .dropdown-toggle.btn-displays {
	color: #ffffff;
	background-color: #e56643;
	border-color: #831c00;
}
.btn-displays:active, .btn-displays.active, .open .dropdown-toggle.btn-displays {
	background-image: none;
}
.btn-displays.disabled, .btn-displays[disabled], fieldset[disabled] .btn-displays, .btn-displays.disabled:hover, .btn-displays[disabled]:hover, fieldset[disabled] .btn-displays:hover, .btn-displays.disabled:focus, .btn-displays[disabled]:focus, fieldset[disabled] .btn-displays:focus, .btn-displays.disabled:active, .btn-displays[disabled]:active, fieldset[disabled] .btn-displays:active, .btn-displays.disabled.active, .btn-displays[disabled].active, fieldset[disabled] .btn-displays.active {
	background-color: #f4bdae;
	border-color: #ed9278;
}
.btn-displays .badge {
	color: #ed9278;
	background-color: #fff;
}
/*---------------------------------------------*/
.btn-cpo {
	color: #ffffff;
	background-color: #59abdb;
	border-color: #529fc9;
}
.btn-cpo:hover, .btn-cpo:focus, .btn-cpo:active, .btn-cpo.active, .open .dropdown-toggle.btn-cpo {
	color: #ffffff;
	background-color: #529fc9;
	border-color: #2e7196;
}
.btn-cpo:active, .btn-cpo.active, .open .dropdown-toggle.btn-cpoo {
	background-image: none;
}
.btn-cpo.disabled, .btn-cpo[disabled], fieldset[disabled] .btn-cpo, .btn-cpo.disabled:hover, .btn-cpo[disabled]:hover, fieldset[disabled] .btn-cpo:hover, .btn-cpo.disabled:focus, .btn-cpo[disabled]:focus, fieldset[disabled] .btn-cpo:focus, .btn-cpo.disabled:active, .btn-cpo[disabled]:active, fieldset[disabled] .btn-cpo:active, .btn-cpo.disabled.active, .btn-cpo[disabled].active, fieldset[disabled] .btn-cpo.active {
	background-color: #59abdb;
	border-color: #529fc9;
}
.btn-cpo .badge {
	color: #51bbf9;
	background-color: #fff;
}
@media handheld, only screen and (max-width:720px) {
	.btn {
		width: 95%;
		margin: 5px 0;
		white-space: normal;
	}
}
/*--------IMAGE STYLES--------*/
img.doc-outline {
	box-shadow: 1px 1px 5px #ccc;
}
.sm {
	max-height: 170px;
}
/*--------- Accordion Style ----------*/
.ui-accordion .ui-accordion-header {
	   border-top: none;
    border-right: none;
    border-left: none;
    width: 100%;
    text-align: left;
  border-bottom: solid 1px #ccc;
	cursor: pointer;
	margin-top: 12px;
	display: block;
	min-height: 0;
	padding: 8px 10px 8px 40px;
	position: relative;
	line-height: 31px;
}
.footerpane_style .ui-accordion .ui-accordion-header {
	border-bottom: solid 1px #444;
}
.accordion2 .ui-state-default, .accordion2 .ui-widget-content .ui-state-default, .accordion2 .ui-widget-header .ui-state-default {
	background: url(/portals/_default/skins/simple-gray/images/accordion-buttons.png) no-repeat 2px 11px;
	font-weight: normal;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: url(/portals/_default/skins/simple-gray/images/accordion-buttons.png) no-repeat 2px -84px;
	font-weight: normal;
}
.long-title .ui-state-default, .long-title .ui-widget-content .ui-state-default, .long-title .ui-widget-header .ui-state-default {
	background: url(/portals/_default/skins/simple-gray/images/accordion-buttons_200.png) no-repeat 2px 11px;
	font-weight: normal;
}
.long-title .ui-state-active, .long-title .ui-widget-content .ui-state-active, .long-title .ui-widget-header .ui-state-active {
	background: url(/portals/_default/skins/simple-gray/images/accordion-buttons_200.png) no-repeat 2px -165px;
	font-weight: normal;
}
.ui-helper-reset {
	font-size: 100%;
	list-style: none outside none;
	margin: 0;
	outline: 0 none;
	padding: 0;
	text-decoration: none;
}
.accordion2 p {
	font-size: 100%;
	line-height: 26px;
	list-style: none outside none;
	margin: 0;
	outline: 0 none;
	padding: 0;
	text-decoration: none;
}
.accordion2 > h3 {
	color: #171717;
	font-size: 15px !important;
}

.eds_news_Ozone-Sharp .accordion2 h3  {
    font-size: 15px;
  margin-top: 7px;
}

.ui-accordion .ui-accordion-content {
	overflow: auto;
	padding: 10px 15px 5px 5px;
}
/* DEMO Video Iframe Styles */
.demoVideo iframe {
	height: 302px;
	width: 536px;
}
@media handheld, only screen and (max-width: 600px) {
	.demoVideo iframe {
		height: 168px;
		width: 300px;
	}
}
/*---------------CaseStudy/Webinar/Whitepaper Thumbnails -------*/
.doc-thumb-sm {
	width: 120px;
	border: 1px solid #DDDDDD;
	height: 80px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
.doc-thumb-sm a {
	display: block;
	height: inherit;
}
.doc-name {
	margin-top: 15px;
}
.doc-name a {
	border: 1px solid #dddddd;
	border-radius: 4px;
	padding: 10px;
	width: 100%;
	display: block;
}
@media handheld, only screen and (min-width:768px) {
	.doc-name a {
		border: none;
		border-radius: 0;
		padding: 0;
		width: auto;
		display: block;
	}
	#it-ref-guide {
		background-image: url(/Portals/0/forms/images/thumb_doc-IT-Reference-Guide.png);
		background-position: center center;
	}
	#cs-cin-reds {
		background-image: url(/Portals/0/forms/images/thumb-doc-Cincinnati-Reds-CaseStudy.png);
	}
	#cs-indy-indians {
		background-image: url(http://siica.sharpusa.net/portals/0/forms/images/thumb-doc-Indianapolis-Indians-CaseStudy.png);
	}
	#cs-cin-zoo {
		background-image: url(/Portals/0/forms/images/thumb-doc-Cincinnati-Zoo-CaseStudy.png);
	}
	#cs-major-metro {
		background-image: url(/Portals/0/forms/images/thumb-doc-Major-Metropolitan-City-CaseStudy.png);
	}
	#cs-law-firm {
		background-image: url(/Portals/0/forms/images/thumb-doc-VM-Legal-LawFirm-CaseStudy.png);
	}
	#cs-shelbyville-school {
		background-image: url(/Portals/0/forms/images/thumb-doc-Shelbyville-Central-CaseStudy.png);
	}
	#cs-caldwell-univ {
		background-image: url(/Portals/0/forms/images/thumb-doc-Caldwell-University-CaseStudy.png);
	}
	#wp-IDC-whyCloud {
		background-image: url(/Portals/0/forms/images/thumb-doc-CPO-IDC-Whitepaper.png);
	}
	#wp-njpa {
		background-image: url(/Portals/0/forms/images/thumb-doc-NJPA-Whitepaper.png);
	}
	#sec-suite-broch {
		background-image: url(/portals/0/forms/images/doc-Security_Suite_Brochure.png);
	}
	#guide-sec-infographic {
		background-image: url(/Portals/0/forms/images/thumb-doc-Security-Infographic.png);
	}
	#cs-community-health {
		background-image: url(/Portals/0/forms/images/doc-Community_Health_Network-CaseStudy.png);
	}
	#cs-miami-beach {
		background-image: url(/Portals/0/forms/images/doc-City-of-Miami-Beach-Police-CaseStudy.png);
	}
	#cs-blossom-school {
		background-image: url(/Portals/0/forms/images/doc-Blossom-Montessori-School-CaseStudy.png);
	}
	#cs-state-university {
		background-image: url(/Portals/0/forms/images/doc-State-University-CaseStudy.png);
	}
	#cs-state-judicial {
		background-image: url(/Portals/0/forms/images/doc-State-Judicial-Court-CaseStudy.png);
	}
	#cs-physical-therapy {
		background-image: url(/Portals/0/forms/images/doc-State-Physical-Therapy-Organization-CaseStudy.png);
	}
	#cs-pepperdine {
		background-image: url(/Portals/0/forms/images/doc-Pepperdine-University-CaseStudy.png);
	}
	#cs-greenwood-county {
		background-image: url(/Portals/0/forms/images/doc-Greenwood-County-School-CaseStudy.png);
	}
	#cs-city-anderson {
		background-image: url(/Portals/0/forms/images/doc-City-of-Anderson-CaseStudy.png);
	}
	#guide-sec-checklist {
		background-image: url(/Portals/0/forms/images/doc-Security-checklist.png);
	}
	#education-brochure {
		background-image: url(/Portals/0/forms/images/doc-Education-Brochure.png);
	}
	#healthcare-brochure {
		background-image: url(/Portals/0/forms/images/doc-Healthcare-Brochure.png);
	}
	#government-brochure {
		background-image: url(/Portals/0/forms/images/doc-Government-Brochure.png);
	}
	#legal-brochure {
		background-image: url(/Portals/0/forms/images/doc-Legal-Brochure.png);
	}
	
#cs-denmarkTech { 
background-image: url(/Portals/0/forms/images/doc-Denmark-Technical-CaseStudy.png); 
}

#cs-dallas-county {
  background-image: url(/Portals/0/forms/images/doc-Dallas-County-CaseStudy.png);
}
  
    #cs-wilkerson-jones {
  background-image: url(/Portals/0/forms/images/doc-wilkerson-jones.png);
 }

    #security-flyer {
      background-image: url(/Portals/0/downloads/Flyers/images/doc-Security-Flyer.png);
    }
    #security-guide {
      background-image: url(/Portals/0/forms/images/doc-Sharp-Security-Guide.png);
      background-position: left;
    }
    #office-data-security-infographic {
      background-image: url(/Portals/0/forms/images/doc-Office-Data-Security-Infographic.png);
    }
	    #simply-smarter-healthcare-infographic {
      background-image: url(/Portals/0/downloads/Flyers/images/doc-simply-smarter-healthcare.png);
    }
  
  #law-office {
  background-image: url(/Portals/0/forms/images/doc-law-office.png);
}
  
    #legal-war-room {
  background-image: url(/Portals/0/forms/images/doc-legal-war-room.png);
 } 
}
/**************************NEWS FEED STYLES *********************/
.DNNModuleContent.ModDNNNewsFeedsC h4 {
	border-top: 1px solid #dddddd;
	padding-top: 8px;
}
/****************** Video Button Style  ****************/
.sharpVid {
	width: 384px;
	min-height: 216px;
	margin: 0px;
	padding: 0px;
	position: relative;
	cursor: pointer;
}
.sharpVid img {
	border-radius: 10px;
}
.sharpVid img:nth-of-type(2) {
	border-radius: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.6;
}
.sharpVid img:nth-of-type(2):hover {
	opacity: 1;
}
@media handheld, only screen and (max-width:1023px) {
	.sharpVid {
		width: 256px;
		min-height: 144px;
	}
}
@media handheld, only screen and (max-width:767px) {
	.sharpVid {
		width: 320px;
		min-height: 180px;
	}
}
/*-----------------------Animation-----------------------------------*/
.visible {
	opacity: 1;
}
.animation:not(.visible) {
	opacity: 0;
}
.no-csstransitions .animation {
	opacity: 1;
}
.animation.periodic, .animation.periodic1, .animation.periodic2, .animation.periodic3, .animation.periodic4, .animation.periodic5, .animation.periodic6, .animation.periodic7 {
	opacity: 1;
}
.animated.periodic1 {
	-webkit-animation: fadeInUp 300ms linear 100ms both;
	-moz-animation: fadeInUp 300ms linear 100ms both;
	-ms-animation: fadeInUp 300ms linear 100ms both;
	-o-animation: fadeInUp 300ms linear 100ms both;
	animation: fadeInUp 300ms linear 100ms both;
}
.animated.periodic2 {
	-webkit-animation: fadeInUp 300ms linear 400ms both;
	-moz-animation: fadeInUp 300ms linear 400ms both;
	-ms-animation: fadeInUp 300ms linear 400ms both;
	-o-animation: fadeInUp 300ms linear 400ms both;
	animation: fadeInUp 300ms linear 400ms both;
}
.animated.periodic3 {
	-webkit-animation: fadeInUp 300ms linear 800ms both;
	-moz-animation: fadeInUp 300ms linear 800ms both;
	-ms-animation: fadeInUp 300ms linear 800ms both;
	-o-animation: fadeInUp 300ms linear 800ms both;
	animation: fadeInUp 300ms linear 800ms both;
}
.animated.periodic4 {
	-webkit-animation: fadeInUp 300ms linear 1200ms both;
	-moz-animation: fadeInUp 300ms linear 1200ms both;
	-ms-animation: fadeInUp 300ms linear 1200ms both;
	-o-animation: fadeInUp 300ms linear 1200ms both;
	animation: fadeInUp 300ms linear 1200ms both;
}
.animated.periodic5 {
	-webkit-animation: fadeInUp 300ms linear 1600ms both;
	-moz-animation: fadeInUp 300ms linear 1600ms both;
	-ms-animation: fadeInUp 300ms linear 1600ms both;
	-o-animation: fadeInUp 300ms linear 1600ms both;
	animation: fadeInUp 300ms linear 1600ms both;
}
.animated.periodic6 {
	-webkit-animation: fadeInUp 800ms linear 2000ms both;
	-moz-animation: fadeInUp 800ms linear 2000ms both;
	-ms-animation: fadeInUp 800ms linear 2000ms both;
	-o-animation: fadeInUp 800ms linear 2000ms both;
	animation: fadeInUp 800ms linear 2000ms both;
}
.animated.periodic7 {
	-webkit-animation: fadeInUp 300ms linear 2400ms both;
	-moz-animation: fadeInUp 300ms linear 2400ms both;
	-ms-animation: fadeInUp 300ms linear 2400ms both;
	-o-animation: fadeInUp 300ms linear 2400ms both;
	animation: fadeInUp 300ms linear 2400ms both;
}
@keyframes scaleUp {
	0% {
		opacity: 0;
		transform: scale(.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-moz-keyframes scaleUp {
	0% {
		opacity: 0;
		-moz-transform: scale(.8);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}
@-webkit-keyframes scaleUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.8);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}
@-ms-keyframes scaleUp {
	0% {
		opacity: 0;
		-ms-transform: scale(.8);
	}
	100% {
		opacity: 1;
		-ms-transform: scale(1);
	}
}
@-o-keyframes scaleUp {
	0% {
		opacity: 0;
		-o-transform: scale(.8);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}
.animated.scaleUp {
	-webkit-animation-name: scaleUp;
	-moz-animation-name: scaleUp;
	-o-animation-name: scaleUp;
	animation-name: scaleUp;
}
/* X3 Form checkbox bootstrap responsive fix */
#X3_FormBuilder .radio input[type=radio], #X3_FormBuilder .radio-inline input[type=radio], #X3_FormBuilder .checkbox input[type=checkbox], #X3_FormBuilder .checkbox-inline input[type=checkbox] {
	margin-left: 0px;
}
.pc_display {
	display: block;
}
@media handheld, only screen and (max-width: 767px) {
	#content .row {
		margin-left: -10px;
		margin-right: -10px;
	}
	.pc_display {
		display: none;
	}
	.menu-wrapper {margin-left: -15px; margin-right: -15px;}
	#nav-bar-left .menu_box {
		display: none;
		float: none;
		position: relative;
		padding: 0 0 10px;
		background-color: #dddddd;
	}
	.mobile_nav {
	display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 14px;
    right: 10px;
	}
	.menuclick {
		background: url(img/btn_menu.png) no-repeat center center;
		width: 40px;
		height: 40px;
		display: block;
        border: none;
	}
	/*--------- StandardMenu style ----------*/
	#standardMenu {
		width: auto;
	}
	#standardMenu ul {
		padding: 0;
	}
	#standardMenu .rootMenu {
		float: none;
		border: none;
	}
	#standardMenu .rootMenu li, #nav-bar-left #mobile-contact-links li {
		width: 100%;
		float: none;
		margin-bottom: 2px;
		text-align: left;
		background: none;
	}
	#standardMenu .rootMenu li a, #nav-bar-left #mobile-contact-links li a {
		background: #6b6b6b;
		display: block;
		padding: 0;
		outline: none;
	}
	#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover, #nav-bar-left #mobile-contact-links li a {
		background: #7A7A7A;
		text-decoration: none;
	}
	#standardMenu li.back {
		display: none;
	}
	#standardMenu .rootMenu > li.last a span {
		border: none;
	}
	#standardMenu .rootMenu li a span, #nav-bar-left #mobile-contact-links li a {
		display: block;
		margin: 0;
		padding: 0 15px;
		color: #FFFFFF !important;
		white-space: nowrap;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Montserrat', arial, sans-serif;
		text-shadow: none;
		text-transform: uppercase;
		height: 38px;
		line-height: 38px;
		position: relative;
		border: none;
	}
	#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span {
		text-decoration: none;
	}
	#standardMenu .rootMenu a span .navarrow {
		position: absolute;
		width: 60px;
		height: 38px;
		margin-right: 0;
		right: 0px;
		background: url(img/mobile_navarrow-dark.png) no-repeat center 0;
	}
	#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow {
		margin-right: 0;
		background: url(img/mobile_navarrow-dark.png) no-repeat center 0;
	}
	#standardMenu .rootMenu a span .navarrow2 {
		position: absolute;
		width: 60px;
		height: 38px;
		margin-right: 0;
		right: 0px;
		background: url(img/mobile_navarrow-dark.png) no-repeat center -42px;
	}
	#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2 {
		margin-right: 0;
		background: url(img/mobile_navarrow-dark.png) no-repeat center -42px;
	}
	/*-- submenu --*/
	#standardMenu .subMenu {
		background: none;
		left: 0;
		position: static;
		width: auto;
		border: none;
	}
	#standardMenu .subMenu ul {
		width: auto;
		border: none;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	#standardMenu .subMenu li {
		float: none;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
		*margin-bottom: -3px;
		position: relative;
		filter: Alpha(Opacity=100);
		opacity: 1;
	}
	#standardMenu .subMenu li.item a {
/*		background: url(img/mobile_subnav_bg.png) !important;*/
		background-color: #ffffff;
		border-top: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
		margin: 0;
		padding: 0;
		height: auto;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		filter: Alpha(Opacity=100);
		opacity: 1;
	}
	#standardMenu .subMenu li.haschild > a {
		background: url(img/mobile_subnav_bg.png) !important;
	}
	#standardMenu .subMenu li.last > a {
		border-bottom: none;
	}
	#standardMenu .subMenu li li.item a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	}
	#standardMenu .subMenu li.item a span {
		padding: 0 35px 0 15px;
		color: #111111 !important;
		background: none !important;
		height: 35px;
		line-height: 35px;
	}
	#standardMenu .subMenu li.item a:hover span {
		background: #444444 !important;
		color: #FFFFFF !important;
		cursor: pointer;
	}
	#standardMenu .subMenu li.selected > a span {
		color: #FFFFFF !important;
	}
	#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span {
		background: none !important;
	}
	#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span {
		background: #444444 !important;
	}
	#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span {
		background: #444444 !important;
	}
	#standardMenu .level1 li.item a span {
		padding: 0 35px 0 25px;
		background: none !important;
		display: block;
	}
	#standardMenu .level2 li.item a span {
		padding: 0 35px 0 35px;
		background: none !important;
		display: block;
	}
	#standardMenu .level3 li.item a span {
		padding: 0 35px 0 45px;
		background: none !important;
		display: block;
	}
	#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span {
		background: #444444 !important;
	}
	#standardMenu .subMenu .subarrow {
		display: none;
		background: none;
	}
	#standardMenu ul li ul li ul {
		display: block;
		width: auto;
		margin: 0;
		border: none;
	}
	#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;
		padding: 0;
	}
	#standardMenu ul li ul li ul li ul li ul li ul.level4 {
		display: block;
		position: static;
		left: auto;
		top: auto;
	}
	#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 {
		display: block;
		position: static;
		left: auto;
		top: auto;
		padding: 0;
	}
/*REMOVED FOR ADA
	#breadcrumb {
		display: none;
	}
*/
/*	Mega Menu Mobile*/
#megaMenu { width:auto;}
#megaMenu ul { padding:0;}
#megaMenu .root { float:none;border:none;flex-direction: column;}
#megaMenu .root li{ display: flex; flex-wrap: wrap; width:100%; float:none; margin-bottom:2px; text-align:left; background:none;}

#megaMenu .root li a{ background:transparent; display:block; padding:0; width: inherit; height: auto; border: none;}
#megaMenu .root li.haschild > a{ width: calc(100% - 60px);} /*Added for ADA Testing*/
	
	
#megaMenu .root li.selected, #megaMenu .root li.rmHover, #megaMenu .root li.breadcrumb, #megaMenu .root li:hover { background:#c6c6c6; text-decoration:none; border-bottom: 1px solid #9f9f9f; height: auto;}
#megaMenu .root li a:hover { background: transparent; border: none;}
	
	
#megaMenu  li.back{ display:none;}
#megaMenu .root li a span, #site-category-menu li a { display:block; margin:0; padding:0 5px; color:#333333!important; white-space:nowrap; font-size:14px; font-weight:normal; text-shadow:none; text-transform:uppercase; height:42px; line-height:42px; position:relative;border:none;}
#site-category-menu li a {border-top: 1px solid #cccccc;border-radius: 0; height: 55px; line-height: 55px;}
#site-category-menu {margin: 30px 0;}
#megaMenu .root > li.last a span{border:none; }
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover > a span, #megaMenu .root li a:hover span, #site-category-menu li a:hover { text-decoration:underline; }
	
/*Added for ADA testing*/
#megaMenu .root li.breadcrumb a span {text-decoration: none;}
#megaMenu .root li.selected { text-decoration:none; border-left: 4px solid #981b21; background-color:#ffffff;}	
	
/*#megaMenu .root li.breadcrumb a span {background-color: #c6c6c6; text-decoration: none;}*/
/*#megaMenu .root li.selected > a span { text-decoration:none; border-left: 4px solid #981b21; background-color:#ffffff;}*/

/*Added for ADA testing*/	
#megaMenu .root li .navarrow, #megaMenu .root li.selected .navarrow, #megaMenu .root li.breadcrumb .navarrow, #megaMenu .root li.rmHover .navarrow, #megaMenu .root li:hover .navarrow, #megaMenu .root li a:hover + .navarrow{width:60px; height:38px; margin-right:0; background:url(img/mobile_navarrow-dark.png) no-repeat center 0; border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #ccc;}

#megaMenu .root li .navarrow2, #megaMenu .root li.selected .navarrow2, #megaMenu .root li.breadcrumb .navarrow2, #megaMenu .root li.rmHover .navarrow2, #megaMenu .root li:hover .navarrow2, #megaMenu .root li a:hover + .navarrow2{ width:60px; height:38px; margin-right:0; background:url(img/mobile_navarrow-dark.png) no-repeat center -42px;  border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #ccc;}
	
/*
#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow-dark.png) no-repeat center 0;}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow-dark.png) no-repeat center 0;}
*/

/*
#megaMenu .root a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow-dark.png) no-repeat center -42px;}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow-dark.png) no-repeat center -42px;}
*/

/*-- submenu --*/
#megaMenu .category{ background:none; left:0; position:static; width:100%; margin:0; padding:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;-webkit-box-shadow: none; box-shadow: none;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ background-color: #ffffff;/*background:url(../images/mobile_subnav_bg.png)!important;*/ border-bottom:1px solid rgba(0, 0, 0, 0.15); margin:0; padding:0; height:auto; filter:Alpha(Opacity=100); opacity:1; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
/*#megaMenu .category li.haschild > a { background:url(../images/mobile_subnav_bg.png)!important;}*/
#megaMenu .category li.last > a { border-bottom:none;}
#megaMenu .category li li.item a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .category li.item a span{  padding:0 35px 0 15px; color:#111111!important; background:none!important; height:42px; line-height:42px;}
	#megaMenu .root .category ul > li a span {font-weight: normal;}
#megaMenu .category li.item a:hover span { /*background:#444444!important; color:#FFFFFF!important;*/ text-decoration: underline; cursor:pointer;}
/*#megaMenu .category li.selected > a span { color:#FFFFFF!important;}*/
#megaMenu .category li.selected > a span, #megaMenu .category li.breadcrumb > a span, #megaMenu .category li.breadcrumb.haschild > a span{ background:none!important;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { background:#444444!important; }
/*#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span, #megaMenu .category li.selected.haschild > a span{ background:#444444!important;}*/

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; display: none;}
#megaMenu .leaf li.last > a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);}
#megaMenu .leaf li.item a span{ display:block; background:none!important; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 25px; text-transform:none;}
#megaMenu .leaf li li.item a span { padding:0 35px 0 35px;}
#megaMenu .leaf li li li.item a span { padding:0 35px 0 45px;}
#megaMenu .leaf li.selected > a span{ background:#444444!important;}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}

	
}

@media handheld, only screen and (min-width:768px) {
	#nav-bar, #nav-bar-left, #nav-bar-right {display: flex;}
	#nav-bar-left {flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center;}
	div#nav-bar-right {
    flex-wrap: wrap;
    justify-content: flex-end;
		order: 2;
}
	div.menu-wrapper {order:3;}
/*	#nav-bar #search {right: 16px;}*/
	#header {
		padding-bottom: 0;
/*		max-height: 100px; */
		height: auto;}
	#header .container {width: 100%;
    max-width: 1140px;
    min-width: 767px;}
}
@media handheld, only screen and (min-width:992px) {.support-wrapper {
/*    margin-right: 10px;*/
}
/*	#nav-bar #search {right: auto;}*/
}
@media handheld, only screen and (min-width:1018px) {

}
@media handheld, only screen and (min-width:1032px) {
	div#nav-bar-right {flex: 2;}
		div#nav-bar-right {order: 3;}
	div.menu-wrapper {order: 2;}
	#Body {padding-top: 61px;}
}
/*Style to show dropdown background color in Taxonomy*/
ul.rcbList {
	background-color: rgba(255, 255, 255, 0.8);
}
/*Style to fix module menu shared tag*/
div.actionMenu ul.dnn_mact li.dnn_shared > div {
	height: initial !important;
	writing-mode: vertical-lr !important;
	-webkit-transform: inherit !important;
	-moz-transform: inherit !important;
	-o-transform: inherit !important;
	padding: 5px 0 !important;
}

/*Covid-19 style*/
.covid-link a, .covid-link a:link, .covid-link a:visited, .covid-link a:hover, .covid-link a:active {
    font-size: 11px;
/*    padding: 10px;*/
    text-transform: uppercase;
    color: #c50505;
    font-weight: bold;
}
#bpNav-covid {
  background: linear-gradient(to bottom, #68190c 20%, #781d0e 100%);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
}
#bpNav-covid:hover {
 background: linear-gradient(to bottom, #781d0e 20%,#68190c 100%);   
 color: #fff;   
    
}

#bpNav-covid a, #bpNav-covid a:active, #bpNav-covid a:hover, #bpNav-covid a:visited {

 color: #fff; 
 text-decoration: none;
    
}
 @media handheld, only screen and (max-width: 600px) {
  
     
#bpNav-covid {
  text-align: center;
  padding: 10px;
}
     
 }
@media handheld, only screen and (min-width:768px) {#bpNav-covid {margin-top: 30px;}}
@media handheld, only screen and (min-width:992px) { #bpNav-covid {margin-top: 0px;}}


/*X3 Product Catalog Style*/
.search-filters fieldset legend {margin-bottom: 0;
font-size: inherit;}