/*
* Pixel Point Creative - Cinch Menu Module
* License: GNU General Public License version
* See: http://www.gnu.org/copyleft/gpl.html
* Copyright (c) Pixel Point Creative LLC.
* More info at http://www.pixelpointcreative.com
* Last Updated: 3/14/13
*/

.flyout-menu a{
	text-decoration: none;
	background: none;
	font-family: arial;
}
.flyout-menu a:hover,
.flyout-menu a:visited,
.flyout-menu a:active,
.flyout-menu a:focus{
	background: none; 
}

.flyout-menu  a img {
	vertical-align:middle;
	border: 0 none;
    height: auto;
    max-width: 100%;
	padding:0 5px 0 0;
}


.flyout-menu li .item-wrapper:hover{
 /*background-color: #428bca !important; border-radius: 3px !important; */
    text-shadow: 0 -1px 0 #204a7d;
	background: #428bca; /* Old browsers */
background: -moz-linear-gradient(top, #428bca 0%, #1a68d1 49%, #1a32ce 51%, #428bca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #428bca 0%,#1a68d1 49%,#1a32ce 51%,#428bca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #428bca 0%,#1a68d1 49%,#1a32ce 51%,#428bca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428bca', endColorstr='#428bca',GradientType=0 );  
}


.flyout-menu li{
	cursor: pointer;
    background:none !important;
	
	
}
.flyout-menu > li{
	position: relative;
	z-index: 99;
}
.flyout-menu > li > .item-wrapper{
	/*background-color: #c2c7d2;*/
	border-radius: 3px !important; 
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	/* height: 35px; */
	display:inline-block;
	width:100%;

background: #dae0e5; /* Old browsers */
background: -moz-linear-gradient(top, #dae0e5 0%, #c2c7d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dae0e5 0%,#c2c7d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dae0e5 0%,#c2c7d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae0e5', endColorstr='#c2c7d2',GradientType=0 );

}

.flyout-menu > li > .item-wrapper:active{
	background-color: #c2c7d2;
	border-radius: 3px !important; 
	/*box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
	/* height: 35px; */
	box-shadow:none;
	display:inline-block;
	width:100%;
}

.flyout-menu > li:last-child .item-wrapper{
	border-bottom: none;
}
.flyout-menu > li > .item-wrapper a{
	line-height: 35px;
	font-size: 12px;
	font-weight: bold;
	width: 250px;
}
.flyout-menu li .item-wrapper .menu-button{
	width: 16px;
	height: 16px;
	overflow: hidden;
    	margin: 9px 0;	
}

.flyout-menu li .item-wrapper .menu-link{
	margin:0px 5px;
}

.flyout-menu  li li{
	position: relative;
	z-index: 100;
}
.flyout-menu  li .ul-wrapper{
	border-radius: 3px !important; 
	<--box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	background:none !important;
	position: absolute; 
    top: -6px; 
    padding-top: 6px;
	padding-left: 5px;
	display: none;
	z-index: 1000;
}
.flyout-menu  li ul {
	margin: 0px; padding: 0px;
	
}
.flyout-menu  li ul li .item-wrapper{
	/*background-color: #c2c7d2;*/
	border-radius: 3px !important; 
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	/*width:100%;*/
	display:inline-block;
	/*border: 1px solid #transparent!important;*/
	
	background: #dae0e5; /* Old browsers */
background: -moz-linear-gradient(top, #dae0e5 0%, #c2c7d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dae0e5 0%,#c2c7d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dae0e5 0%,#c2c7d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae0e5', endColorstr='#c2c7d2',GradientType=0 );
}

.flyout-menu  li ul li .item-wrapper:active{
	background-color: #c2c7d2;
	border-radius: 3px !important; 
	/*box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
	/*width:100%;*/
	box-shadow:none;
	display:inline-block;
	/*border: 1px solid #e0e0e0!important;*/
}

.flyout-menu  li ul li.last.item-wrapper{
	background: none;
}
.flyout-menu  li ul li .item-wrapper a{
	line-height: 35px;
	width: 250px;
	line-height: 35px;
    font-size: 12px;
    font-weight: bold;
    /*width: 320px;*/
	
	}

.flyout-menu.horizontal{
	width:100%;
}

.flyout-menu li{
	<--border-bottom: 1px solid #1A1A1A;
}
		
.flyout-menu li ul li:last-child{
   <--border-bottom: 1px solid #1A1A1A;
}


	.flyout-menu.lt-ie9.horizontal >li{
		display:inline-block;
		border:0;
	}
	.flyout-menu.lt-ie9.horizontal  li >.ul-wrapper.direction-left{
		position:absolute;
		left:0;
		top:100%;
		padding-top:0;
	}

	.flyout-menu.lt-ie9.horizontal  li >.ul-wrapper.direction-right{
		position:absolute;
		right:0;
		top:100%;
		padding-top:0;
	}

	.flyout-menu.lt-ie9.horizontal  li .ul-wrapper  li .ul-wrapper.direction-left{
		position:absolute;
		left:100%;
		top:-1px;
		padding-top:0;
	}

	.flyout-menu.horizontal.lt-ie9  li .ul-wrapper  li .ul-wrapper.direction-right{
		position:absolute;
		right:100%;
		top:-1px;
		padding-top:0;
	}	



@media all and (max-width: 767px) {
	.flyout-menu.vertical >li,
	.flyout-menu.horizontal >li{
		display:block;
	}
	
	.flyout-menu.vertical li ul,
	.flyout-menu.horizontal li ul{
		width:auto!important;
		border-left:0!important;
		border-bottom:0!important;
		border-right:0!important;
	}
	.flyout-menu.vertical  li .ul-wrapper{
		position: relative; 
		top: 0; 
		padding-top: 0;
		display: none;
		z-index: 1000;
		left:auto!important;
	}
	.flyout-menu.horizontal  li .ul-wrapper{
		position: relative; 
		top: 0; 
		padding-top: 0;
		display: none;
		z-index: 1000;
	}
	
}



@media all and (min-width: 768px) {
	.flyout-menu.horizontal >li{
		display:inline-block;
		border:0;
	}
	.flyout-menu.horizontal  li >.ul-wrapper.direction-left{
		position:absolute;
		left:0;
		top:100%;
		padding-top:0;
	}

	.flyout-menu.horizontal  li >.ul-wrapper.direction-right{
		position:absolute;
		right:0;
		top:100%;
		padding-top:0;
	}

	.flyout-menu.horizontal  li .ul-wrapper  li .ul-wrapper.direction-left{
		position:absolute;
		left:100%;
		top:-1px;
		padding-top:0;
	}

	.flyout-menu.horizontal  li .ul-wrapper  li .ul-wrapper.direction-right{
		position:absolute;
		right:100%;
		top:-1px;
		padding-top:0;
	}
}