﻿/* Regular Menu 
 * <ul class="menu__regular"><li><a><span>CAPTION</span></a></li></ul>
 * ul.active
 * li.menu__regular-srch-btn // Add Loupe Icon
*/
	.menu__regular li {
		float: left;
		margin-right: 8px;
	}
		.menu__regular li:first-child { /* alignment by grid */
			margin-left: 10px;
		}
		.menu__regular [class^="icon-"]:before, 
		.menu__regular[ class*=" icon-"]:before {
			margin: 0 6px 0 0;
		}
	.menu__regular a {
		display: block;
		padding: 8px 11px;
		font-size: 15px;
		text-decoration: none;			
		color: #333333;
		border-radius: 4px;
		cursor: pointer;
	}
	.menu__regular span {
		background: url(../images/dots_light-grey.gif) left bottom repeat-x !important; 			
	}
	.menu__regular a:hover {
		padding: 7px 10px;
		background: url(../images/bg_menu-regular.png);
		border: 1px solid #CCCCCC;
	}	
	.menu__regular a:before {
		font-size: 13px;
	}
	.menu__regular .active a:hover,
	.menu__regular a:active	{
		padding: 8px 11px;
		border: 0 !important;
		color: #f8f8f8;
		cursor: default;
	}	

	.menu__regular a:active,
	.menu__regular .active a {
		color: #ffffff;
		background: #62B9E0 url(../images/bg_menu-regular_active.png) repeat-x !important;
		background-size: 100% 100% !important;
			-moz-box-shadow:0px 1px 0px 0px rgb(255,255,255), inset 0px 1px 3px rgba(60,114,137,0.95);
			-webkit-box-shadow:0px 1px 0px 0px rgb(255,255,255), inset 0px 1px 3px rgba(60,114,137,0.95);
			box-shadow:0px 1px 0px 0px rgb(255,255,255), inset 0px 1px 3px rgba(60,114,137,0.95);
	}
	.menu__regular a:active span,
	.menu__regular .active span{
		position: relative !important;
		top: 1px;
		background: none !important;
	}
		.menu__regular-invrt a {
			color: #EBEBEB;
		}	
			.menu__regular-invrt a:hover {
				cursor: pointer;
			}
/* Regular Tabs 
 * <div class="menu__tabs"><ul><li><a>CAPTION</a></li></ul></div>
 * ul.active
 * depends wrappers.css > c-980
*/

.menu__tabs {
	overflow: hidden;
	background: url(../images/bg_tabs.png) 0 0 repeat-x;
	height: 36px;
}

.menu__tabs ul {
	height: 362px;
	line-height: 36px;	
}
	.menu__tabs li {
		float: left;
		margin: 0 15px;
	}
		.menu__tabs li.active {
			background: url(../images/bg_tabs.png) 0 -36px repeat-x;
			height: 36px;
			margin: 0 0 0 15px;
			line-height: 39px;
		}		
		.menu__tabs li.active:before,
		.menu__tabs li.active:after {
			content: '';
			display: inline-block;
			float: left;
			width: 15px; height: 36px;
			background: url(../images/bg_tabs.png) 0 -72px no-repeat;
		}
		.menu__tabs li.active:after  {	
			background-position: 0 -108px;
		}
		.menu__tabs li.active:before {
			margin-top: 0;
			margin-left: -15px;
		}	
/* Tabs links */
	.menu__tabs a {
		font-size: 15px;
		color: #4691B5;
		background: url(../images/dots_light-blue.gif) bottom repeat-x;
	}	
		.menu__tabs a:hover {
			color: #D80000;
			background-image: url(../images/dots_pink.gif);
		}
		.menu__tabs a:active {
			position: relative;
			top: 1px;
		}
			.menu__tabs li.active a {
				color: #333333;
				background: none;
				cursor: text;
				float: left;
			}		
				.menu__tabs .active a:active {
					top: 0;
				}
.menu__tabs ul.c-980 li:first-child {
	margin-left: 20px;
} 	

/* SIMPLE STYLE MENU 
 * <ul class="menu__simple"><li><a>CAPTION</a><b>NUM</b></li></ul>
 * li.active
 * li.empty 
*/

.menu__simple {
	overflow: hidden;
}
.menu__simple.hor li {
	float: left;
}
.menu__simple.hor li {
	margin-right: 25px;
	padding-bottom: 1px;
}
	.menu__simple li {
		font-size: 13px;
	}
		.menu__simple a {
			color: #4A92B2;
			background: url(../images/dots_light-blue.gif) bottom repeat-x;			
		}
			.menu__simple a:hover {
				cursor: pointer;
				color: #d80000;
				background-image: url(../images/dots_pink.gif);				
			}
			.menu__simple .active a {
				cursor: text;
				font-weight: bold;
				color: #111111;
				background: none;
			}
			.menu__simple .empty a {
				cursor: text;
				color: #cccccc;
				background-image: url(../images/dots_grey.gif);						
			}
				.menu__simple .empty.active a {
					background-position: bottom;
					background-repeat: repeat-x;
				}			
		.menu__simple b {
			font-weight: bold;
			color: #AAAAAA;
		}