/*
* 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: Helvetica,Arial,FreeSans,sans-serif;
	font-weight: 400;
	color: #333333;
}
.flyout-menu a:hover,
.flyout-menu a:visited,
.flyout-menu a:active,
.flyout-menu a:focus{
	background: none;
	color: #555555;
}

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

.flyout-menu li{
	cursor: pointer;
    background:none !important;
}
.flyout-menu > li{
	position: relative;
	z-index: 99;
}
.flyout-menu > li a:hover{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, ##bbbbbb), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #bbbbbb 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dfdfdf');
	background-color: #bbbbbb;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	/*display:inline-block;*/
	height:18px;
	line-height:18px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.flyout-menu > li li a:hover{
	/*background: transparent;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;*/
	text-align:left;
	height:35px;
	line-height:35px;
	width:100%
}
.flyout-menu > li > .item-wrapper{
	/* height: 35px; */
	display:inline-block;
	width:100%;
}
.flyout-menu > li:last-child .item-wrapper{
	border-bottom: none;
}
.flyout-menu > li > .item-wrapper a{
	font-size: 14px;
	font-weight: normal;
}
.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{
	position: absolute; 
    top: -6px; 
    padding-top: 5px;
	display: none;
	z-index: 1000;	
	border:1px solid #dcdcdc;
	-moz-box-shadow: 3px 3px 5px 6px rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: 3px 3px 5px 6px rgba(50, 50, 50, 0.75);
	box-shadow: 3px 3px 5px 6px rgba(50, 50, 50, 0.75);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, ##bbbbbb), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #bbbbbb 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dfdfdf');
	background-color: #bbbbbb;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
}
.flyout-menu  li ul {
	margin: 0px; padding: 0px;
}
.flyout-menu  li ul li .item-wrapper{
	display:inline-block;
	width:220px;
}
.flyout-menu  li ul li.last.item-wrapper{
	background: none;
}
.flyout-menu  li ul li .item-wrapper a{
	line-height: 35px;
	}

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