/*
	File Name:		styles.css
	Description:	DME Top Menu
	Version:		1
	Author:			Dmitry Korsunov
	E-mail:			dmitry.korsunov@gmail.com
	
	No Rights Reserved.
	But some credit would be appreciated.
*/

.hide {
	display: none;
}

.show {
	display: block;
}

#menu2 {
	width: 155px;
}

#menu4 {
	width: 110px;
}

#menu5 {
	width: 145px;
}

#topMenu {
	width: 994px;
	height: 33px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: -33px;
}

	.topMenu {
		width: 994px;
		height: 30px;
		padding: 3px 1px 0 1px;
		background-color: #000;
		margin: 0;
		display: block;
	}
	
	.topMenu li,
	.topMenu li a,
	.topMenu li a span {
		display: block;
		float: left;
	}
	
	.topMenu li,
	.topMenu li a {
		height: 30px;
	}
	
	.topMenu li {
		height: 30px;
		margin: 0;
		padding: 0 9px 0 9px;
		background: url(../images/tm/li.gif) right 11px no-repeat;
		font-size: 12px;
		position: relative;
		z-index: 100;
		list-style-image: none;
	}
	
	.maincontainer #topMenu ul,
	.maincontainer #topMenu li, 
	.maincontainer #topMenu li div,
	.maincontainer #topMenu a {
		list-style: none;
		list-style-image: none;
	}
	
		#topMenu .topMenu .first {
			padding-left: 0;
		}
		
		#topMenu .topMenu .last {
			padding-right: 0;
			background: none;
		}
	
	.topMenu li a {
		color: #FFF;
		text-decoration: none;
		background: url(../images/tm/hover.gif) left -100px no-repeat;
		padding-left: 12px;
	}	
		
		.topMenu li a span {
			padding: 6px 11px 0 0;
			height: 23px;
			cursor: pointer;
		}
		
		html>body .topMenu li a span {
			height: 27px;
		}
			
			.topMenu li a u {
				text-decoration: none;
				background: url(../images/tm/arw_d.gif) right 7px no-repeat;
				padding-right: 10px;
			}
		
		.topMenu li a:hover,
		.topMenu li .act {
			color: #000;
			text-decoration: none;
			background: url(../images/tm/hover.gif) left top no-repeat;
		}		
			
			.topMenu li a:hover span,
			.topMenu li .act span {
				background: url(../images/tm/hover.gif) right top no-repeat;
			}
			
			.topMenu li a:hover u,
			.topMenu li .act u {
				text-decoration: none;
				background: url(../images/tm/arw_t.gif) right 6px no-repeat;
			}
	
	.topMenu li div {
		position: absolute;
		z-index: 100;
		left: 9px;
		top: 30px;
		background: url(../images/tm/dd_b.gif) right bottom no-repeat;
	}
	
	#topMenu .topMenu .first div {
		left: 0;
	}
	
		.topMenu li div img {
			height: 4px;
			width: 4px;
			background: url(../images/tm/dd_b.gif) left bottom no-repeat;
		}
	
	.maincontainer #topMenu ul li ul {
		padding: 2px 3px 0 3px;
		background: #FFF;
		margin: 0;
		border-left: 1px solid #CBB898;
		border-right: 1px solid #CBB898;
	}
	
	.maincontainer #topMenu ul li ul li,
	.maincontainer #topMenu ul li ul li a {
		height: auto;
		display: block;
		float: none;
	}
		.maincontainer #topMenu ul li ul li {
			padding: 0;
			background: transparent none;
			font-size: 11px;
			position: static;
			border-bottom: 1px solid #F3E7DB;
		}
		
		.maincontainer #topMenu .last {
			border-bottom: none;
		}
		
		.maincontainer #topMenu ul li ul li a {
			color: #416982;
			padding: 5px 10px 5px 3px;
			white-space: nowrap;
		}
			.maincontainer #topMenu ul li ul li a:hover {
				color: #416982;
				background: #F2E9DA;
			}
	
	.topMenu .dd {
		background-image: url(../images/tm/arw_r.gif);
		background-position: right 9px;
		background-repeat: no-repeat;
	}
		.maincontainer #topMenu .topMenu .dd:hover {
			color: #416982;
			background: #F2E9DA url(../images/tm/arw_r.gif) right 9px no-repeat;
		}
	
		
	.topMenu li li div {
		border-top: 1px solid #CBB898;
	}
	
	#topMenu .topMenu #menu10,
	#topMenu .topMenu #menu12 {
		left: auto;
		right: -50px;
		top: 48px;
	}
		#topMenu .topMenu #menu10 a,
		#topMenu .topMenu #menu12 a,
		#topMenu .topMenu #menu13 a,
		#topMenu .topMenu #menu16 a,
		#topMenu .topMenu #menu17 a,
		#topMenu .topMenu #menu18 a,
		#topMenu .topMenu #menu19 a {
			width: 30px;
		}
	
	#topMenu .topMenu #menu11 {
		left: auto;
		right: -110px;
		top: 0px;
	}
	
	#topMenu .topMenu #menu13,
	#topMenu .topMenu #menu16 {
		left: auto;
		right: -50px;
		top: 0px;
	}
	
	#topMenu .topMenu #menu14 {
		left: auto;
		right: -161px;
		top: 72px;
	}
	
	#topMenu .topMenu #menu15 {
		left: auto;
		right: -190px;
		top: 96px;
	}
	
	#topMenu .topMenu #menu17 {
		left: auto;
		right: -50px;
		top: 24px;
	}
	
	#topMenu .topMenu #menu18 {
		left: auto;
		right: -50px;
		top: 25px;
	}
	
	#topMenu .topMenu #menu19 {
		left: -50px;
		/* right: -48px; */
		top: 52px;
	}
	
	#topMenu .topMenu #menu20 {
		left: auto;
		left: -155px;
		top: 75px;
	}