html,body {
	margin : 0px;
	padding : 0px;
	height : 100%;
		background-color : #f4f4f4;
	background-position : left top;
	font-family : arial, sans-serif;
	font-size : 10pt;
	color : #000000;
}

h1, .system-pane h1, .system-header-pane h1 {
	font-family: arial, sans-serif;
	font-size: 14pt;
	color: #000000;
	border: 0px;
}

h2, .system-pane h2, .system-header-pane h2 {
	font-family: arial, sans-serif;
	font-size: 12pt;
	color: #000000;
	border: 0px;
	margin-bottom: 5px;
}

h3, .system-pane h3, .system-header-pane h3 {
	font-family: arial, sans-serif;
	font-size: 11pt;
	color: #000000;
	border: 0px;
}

.system-pane {
	border: 0px;
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.system-header-pane {
	border: 1px solid #bbbbbb;
	background-color: #dddddd;
	color: #000000;
	padding: 10px;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#page {
	position : relative;
	margin : 0px auto;
	width : 100%;
	height : auto !important;
	height : 100%;
	min-height : 100%;
	/*min-width: 1000px;*/
	background-color : #f4f4f4;
}

#social-icons {
	float: right;
	height : 25px;
}

#facebook-link a {
	background: url(/images/facebook.png) no-repeat;
	display: block;
	width: 30px !important;
	height: 30px !important;
	overflow: hidden;
	text-indent: 60px;
	padding: 0px !important;
}

#facebook-link {
	background: transparent !important;
}

#youtube-link a {
	background: url(/images/youtube.png) no-repeat;
	display: block;
	width: 30px !important;
	height: 30px !important;
	overflow: hidden;
	text-indent: 60px;
	padding: 0px !important;
}

#youtube-link {
	background: transparent !important;
}

#twitter-link a {
	background: url(/images/twitter.png) no-repeat;
	display: block;
	width: 30px !important;
	height: 30px !important;
	overflow: hidden;
	text-indent: 60px;
	padding: 0px !important;
}

#twitter-link {
	background: transparent !important;
}

#header {
	
}

#container {
	margin: 0px auto 0px auto;
	width: auto;
	padding : 20px 20px 20px 20px;
		background-color : transparent;
	background-position : left top;
	border-style: none none none none;
	border-width: 0px 0px 0px 0px;
	border-color: transparent transparent transparent transparent;
	}

#content {
	position: relative;
	float: none;
	padding : 0px 0px 0px 0px;
	width : auto;
	background-color : transparent;
	border-style: none none none none;
	border-width: 0px 0px 0px 0px;
	border-color: transparent transparent transparent transparent;
	}

#main-sidebar {
	float: none;
	width: 250px;
	height: 100%;
}

#footer {
	position : absolute;
	width : 100%;
	bottom : 0px;
	height : 70px;
	color : #7f7f7f;
	text-align : center;
	font-size : 16px;
	background-color : #ffffff;
}

#footer a {
	color : #7f7f7f;
	padding : 0px 5px 0px 5px;
}

#blazanor-footer {
	position : absolute;
	right : 10px;
	bottom : 20px;
}

#blazanor-footer a img {
	border : 0px;
	width: 20vw;
}

#text-links {
	margin-bottom : 3px;
	margin-top : 10px;
	position: relative;
	z-index: 5;
}

#menu {
	position: relative;
	min-height : 20px;
	line-height : 20px;
	text-align : left;
		background-position : left top;
	background-color : #000000;
	padding : 3px 0px 0px 0px;
	z-index: 99;
}

#menu-bar {
	width : auto;
	min-height : 25px;
	line-height : 25px;
	background-color: #ffffff;
	margin-left: auto;;
	text-align: right;
	}

#menu-bar ul {
	display : inline-block;
	padding : 0px;
	margin : 0px;
	margin-left : 0px;
	vertical-align: top;
}

#menu-bar li {
	float : left;
	list-style : none;
	margin-right : 30px;
	color : #7f7f7f;
	white-space: nowrap;
	-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
padding-left: 3px 3px 0px 0px;
padding-right: 3px 3px 0px 0px;
}

#menu-bar li ul {
	display: none;
	position: absolute;
	background-color : #ffffff;
	margin-left: 0px;
	text-align: left;
	border: 1px solid #c3c3c3;
}

#menu-bar li:hover, #menu-bar li.active {
	background-color: #ffffff;
	color : #10779c;
	}

#menu-bar li:hover ul {
	display: block;
	z-index: 99;
}

#menu-bar li ul li {
	float: none;
	margin-right: 0px;
	min-width: 200px;
}

#menu-bar a {
	text-decoration : none;
	color : inherit;
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-size : 16px;
	font-weight : bold;
	padding : 0px 0px 0px 0px;
	display: block;
	height : 25px;
}

#menu-bar li ul li a {
	font-size : 10pt;
	height: 30px;
	line-height: 30px;
	color: #555555;
}

#menu-bar li:hover {
	background-color: #ffffff;
	color : #10779c;
}

#banner {
	width : 100%;
	height : 72px;
	background-position : 20px 15px;
		background-color : #ffffff;
}

#banner-logo {
	display: block;
	background : url(/sites/wings_herbal/attachments/1/wings_logo_color.png);
	background-repeat : no-repeat;
	background-size: contain;
	width: 235px;
	height: 72px;
	;
}

#banner-caption {
	text-align : center;
	color : #555555;
	font-size : 15pt;
	width : 100%;
	position : absolute;
	top : 10px;
}

#banner #user-details {
	color : #555555;
	position: absolute;
	right : 20px;
	top: 20px;
	z-index: 999;
}

#banner #user-details a {
	color : #555555;
	display: inline-block;
}

#spacer {
	clear : both;
	height : 60px;
}

#home-slideshow-container {
	width: auto;
	margin: 0px auto 0px auto;
		;
}

#home-slideshow-content {
	margin: auto;
	width: auto;
	padding: 0px 0px 0px 0px;
	/*height: 100%;*/
}

#home-slideshow-container .slider-wrapper {
	width: 800px;
	height: 100%;
	margin: 0px;
	margin: auto;
}

#home-slideshow {
	height: 350px;
}

.slider-wrapper .nivo-controlNav {
	display: none;
}

.spacer {
	clear : both;
}

.system-pane {
	display : block;
	overflow: visible;
	font-size : 1em;
}

.widget-divider {
	border: 0px;
	border-top: 1px dashed #555555}

@media screen and (max-width: 890px) {
	/*
	;
	*/
	body {
		cursor: pointer;
	}
	
	#menu {
		height: 20px !important;
		min-width: 20px;
    padding: 0px !important;
    line-height: 20px;
    margin: 0px;
    display: block;
    position: absolute;
    left: 20px;
    top: 36px !important;
    margin-top: -10px;
    background: transparent;
    color : #555555;
    font-size: 20px;
    right: initial !important;
    cursor: pointer;
	}
	
	#menu::before {
		font-family: FontAwesome;
    content: "\f0c9";
	}
	
	#menu:hover #menu-bar {
		display: block;
	}
	
	#banner {
		padding-left: 60px;
	}
	
	#menu-bar {
		display: none;
		padding: 20px;
		border: 1px solid #7f7f7f;
		background-color: #ffffff !important;
		text-align: left;
	}
	
	#menu-bar li {
		display: block;
    float: none;
    text-align: left;
    padding: 5px;
	}
	
	#banner #user-details {
		height: 20px !important;
		min-width: 20px;
    padding: 0px !important;
    line-height: 20px;
    margin: 0px;
    display: block;
    position: absolute;
    right: 20px;
    top: 36px;
    margin-top: -10px;
    background: transparent;
    color : #555555;
    font-size: 20px;
	}
	
	#user-details::before {
		font-family: FontAwesome;
    content: "\f007";
	}
	
	#user-details:hover #user-details-bar {
		display: block;
	}
	
	#user-details-bar {
		display: none;
		padding: 20px;
    position: absolute;
    right: 0;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid #7f7f7f;
	}
	
	#banner #user-details a {
		display: block;
    float: none;
    text-align: left;
    padding: 5px;
	}
	
	#banner #user-details span {
		display: none;
	}
	
	#footer {
		font-size: 10pt;
	}
	
	#blazanor-footer {
		position: initial;
	}
	
	#blazanor-footer br {
		display: none;
	}
}