.jqueryslidemenu{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	width: 100%;
	position: relative;
	font-weight:bold;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:center;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	text-align:center;
 	display: inline-block;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color:#ffffff; /*link color*/
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color:#ffffff; /*link color*/
}

.jqueryslidemenu ul li a:hover{
	background: #02559a; /*tab link background during hover state*/
	color:#ffffff; /*link color*/
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #555559;
	background-color: #0088cc;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #0088cc;
		color:#ffffff; /*link color*/
}

/****************** mobile *********************** mobile *************************************/
@media only screen and (max-width: 480px) {

	.jqueryslidemenu {
		clear:both;
		list-style: none;
		*zoom: 1;
		display:none;
		left:0;
		float: left;
		width: 93%;

	}
	.jqueryslidemenu:before,
	.jqueryslidemenu:after {
		content: " "; 
		display: table; 
	}
	.jqueryslidemenu:after {
		clear: both;
	}
	.jqueryslidemenu ul {
		list-style: none;
		width: 100%;
		left:0;
	}
	.jqueryslidemenu ul li  {
		clear:both;
		float:left;
		width:100%;
		display: block;
		position: relative;
		
	}
	.jqueryslidemenu ul li a {
		width:98%;
		background-color:#b3b5b8;     /* change as needed */
		color: #02559a;
		border-top:2px solid #555559;  /* change as needed */
		background-image:none;
		padding-left:5%;
		text-align:left;
		
	}
	.jqueryslidemenu ul li ul li  {
		width: 250px; /*width of sub menus*/
		display: block;
		padding-left:10px;
		z-index:9999;
		position:relative;
		
	}
	/* Sub level menu links style */
	.jqueryslidemenu ul li ul li a{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12px;
		font-weight:bold;
		padding: 8px;
		margin: 0;	
		border-top-width: 0;
		border-bottom: 1px solid #000000;   /* change as needed */
		background-color: #02559a;
		color:#ffffff; /*link color*/
		background-image: none;
		text-align: left;
	}
	.jqueryslidemenu ul li ul li ul li  {
		width: 250px; /*width of sub menus*/
		display: block;
		padding-left:30px;
		z-index:9999;
		position:relative;
	}
	.jqueryslidemenu > li {
		float: left;
		/*border-top: 1px solid #0077b3;*/
	}
	.jqueryslidemenu ul li .parent {
		background-image: url("https://www.ubersox.net/theme_full/images/down.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.jqueryslidemenu > li > a {
		display: block;
	}
	.jqueryslidemenu li  ul {
		position: absolute;
		left: -9999px;
	}
	.jqueryslidemenu > li.hover > ul {
		left: 0;
	}
	.jqueryslidemenu li li.hover ul {
		left: 100%;
		top: 0;
	}
    .active {
        display: block;
    }
    .jqueryslidemenu > li {
        float: none;
    }
    .jqueryslidemenu > li > .parent {
        background-position: 95% 50%;
    }
    .jqueryslidemenu ul {
        display: block;
        width: 100%;
    }
   .jqueryslidemenu > li.hover > ul , .jqueryslidemenu li li.hover ul {
        position: static;
    }

}

/****************** tablet landscape *********************** tablet landscape *************************************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

.jqueryslidemenu{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:bold;
		font-size: 14px;
		position:relative;
		text-align:center;
}

.jqueryslidemenu ul{
		position: relative;
 text-align:center;
 display: inline-block;
}
	.jqueryslidemenu  ul li {  /* look is relatively same as desktop - width of each listing is smaller - can change width if needed */
		position: relative;
 text-align:center;
 display: inline-block;
	}
	.jqueryslidemenu ul li a {
		margin: 0;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		padding: 10px 6px;
	}
	.jqueryslidemenu ul li a:hover{        	
		color: white;
	}
	/*1st sub level menu*/
	.jqueryslidemenu ul li ul{
		position: absolute;
		left: 130px;
		display: block;
		visibility: hidden;
		border-top: 1px solid gray;
	}

	.jqueryslidemenu  ul li ul li {
		/*float: none;*/
		width: 200px;
		padding: 0;
		margin: 0;
	}
	.jqueryslidemenu ul li ul li ul li  {
		width: 200px; /*width of sub menus*/
		display: list-item;
		position:relative;
		/*left:375px;  helps on android!!*/
		/*float:right;*/
		/*padding-left:30px;*/
		
	}
}

/****************** tablet *********************** tablet *************************************/
@media only screen and (min-width: 661px) and (max-width: 768px) {

	.jqueryslidemenu{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:bold;
		font-size: 12px;
		position:relative;
		text-align:center;
	}

	.jqueryslidemenu ul{
		position: relative;
 text-align:center;
 display: inline-block;
	}
	.jqueryslidemenu  ul li {  /* look is relatively same as desktop - width of each listing is smaller - can change width if needed */
		position: relative;
 text-align:center;
 display: inline-block;
	}
	.jqueryslidemenu ul li a {
		margin: 0;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		padding: 10px 6px;
	}
	.jqueryslidemenu ul li a:hover{        	
		color: white;
	}
	/*1st sub level menu*/
	.jqueryslidemenu ul li ul{
		position: absolute;
		left: 130px;
		display: block;
		visibility: hidden;
		border-top: 1px solid gray;
	}

	.jqueryslidemenu  ul li ul li {
		/*float: none;*/
		width: 200px;
		padding: 0;
		margin: 0;
	}
	.jqueryslidemenu ul li ul li ul li  {
		width: 200px; /*width of sub menus*/
		display: list-item;
		position:relative;
		/*left:375px;  helps on android!!*/
		/*float:right;*/
		/*padding-left:30px;*/
		
	}
}

/****************** phone landscape *********************** phone landscape *************************************/
@media only screen and (min-width: 481px) and (max-width: 660px) {

	.jqueryslidemenu {
		clear:both;
		list-style: none;
		*zoom: 1;
		display:none;
		left:0;
		float: left;
		width: 94%;

	}
	.jqueryslidemenu:before,
	.jqueryslidemenu:after {
		content: " "; 
		display: table; 
	}
	.jqueryslidemenu:after {
		clear: both;
	}
	.jqueryslidemenu ul {
		list-style: none;
		width: 100%;
		left:0;
	}
	.jqueryslidemenu ul li  {
		clear:both;
		float:left;
		width:100%;
		display: block;
		position: relative;
		
	}
	.jqueryslidemenu ul li a {
		width:98%;
		background-color:#b3b5b8;     /* change as needed */
		border-top:2px solid #555559;  /* change as needed */
		background-image:none;
		padding-left:5%;
		text-align:left;
		
	}
	.jqueryslidemenu ul li ul li  {
		width: 250px; /*width of sub menus*/
		display: block;
		padding-left:10px;
		z-index:9999;
		position:relative;
		
	}
	/* Sub level menu links style */
	.jqueryslidemenu ul li ul li a{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12px;
		font-weight:bold;
		padding: 8px;
		margin: 0;	
		border-top-width: 0;
		border-bottom: 1px solid #000000;   /* change as needed */
		background-color: #02559a;
		color:#ffffff; /*link color*/
		background-image: none;
		text-align: left;
	}
	.jqueryslidemenu ul li ul li ul li  {
		width: 250px; /*width of sub menus*/
		display: block;
		padding-left:30px;
		z-index:9999;
		position:relative;
	}
	.jqueryslidemenu > li {
		float: left;
		/*border-top: 1px solid #0077b3;*/
	}
	.jqueryslidemenu ul li .parent {
		background-image: url("https://www.ubersox.net/theme_full/images/down.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.jqueryslidemenu > li > a {
		display: block;
	}
	.jqueryslidemenu li  ul {
		position: absolute;
		left: -9999px;
	}
	.jqueryslidemenu > li.hover > ul {
		left: 0;
	}
	.jqueryslidemenu li li.hover ul {
		left: 100%;
		top: 0;
	}
    .active {
        display: block;
    }
    .jqueryslidemenu > li {
        float: none;
    }
    .jqueryslidemenu > li > .parent {
        background-position: 95% 50%;
    }
    .jqueryslidemenu ul {
        display: block;
        width: 100%;
    }
   .jqueryslidemenu > li.hover > ul , .jqueryslidemenu li li.hover ul {
        position: static;
    }

}