/* CSS DOCUMENT */

.top_nav{display:table;
background-color:#f7941e;
width:1000px;
margin:0;
margin-top:48px;
padding:0px;


}

.top_nav li{
	display:table-cell;
	list-style:none;
	text-align:center;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-family:dincomp-condregular;
	background:url(../images/top_menu_separator.png) no-repeat 100%;
	padding-top:2px;

	
}
.top_nav li{
	padding-left:20px; padding-right:20px;
}

.top_nav li a{
	display:block;
	color:#000;
	text-decoration:none;
	/*border-left:1px #c8720d solid;
	border-right:1px #ffb35a solid;*/
	padding:10px 0;
}

.top_nav li.active, .top_nav li:last-child.active, .top_nav li:hover, .top_nav li:last-child:hover{
	color:#FFF;
	background:#BF1E2E;
}
.top_nav li a:hover{color:#fff;}

.top_nav li.active a{color:#fff;}


.top_nav li:last-child {background:none;}

/* submenu, it's hidden by default */
		
		#top_nav ul{
			position:absolute; 
			left:175px; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			z-index:101;
			
		}
		
		
		#top_nav ul li {
			width:221px;
			border-top:0px solid #fff;
			display:block;
			background-image:none;
			
		}
		
		/* display block will make the link fill the whole area of LI */
		#top_nav ul a {
			height:25px;
			padding: 8px 5px; 
			
		}
		
		#top_nav ul a:hover {
			text-decoration:none;
			color:#F90;	
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #top_nav ul {
	margin:0 0 0 -2px;
}

#top_nav  ul{

background:url(../images/slide-bg.png);


	
}


#top_nav  ul a{
	display:block;
	text-decoration:none;
	color:#FFF;
}



/* submenu, it's hidden by default end */



.right_nav{display:table;
background-color:#F2F2F2;
width:263px;
border-left:1px #CCC solid;
border-bottom:1px #CCC solid;
border-right:0px;
height:757px;

}

.right_nav li{display:table-cell;
list-style:none;
display:block;
border-top:1px #fffffe solid;
border-bottom:1px #D9D9D9 solid;
vertical-align:middle;
}

.right_nav a{color:#F60;
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding:8px;

display:block;


}

.right_nav a:hover{color:#FFF;
}

.right_nav li:hover{background-color:#F90;}

.right_nav li:first-child {border-top:0px;}

.right_nav li:last-child {border-bottom:0px;}


.bottom_nav{
	display:table;
	vertical-align:middle;

	
}

.bottom_nav li{
	display:table-cell;
	vertical-align:middle;
	border-left:1px #ffffff solid;
	border-right:1px #CCCCCC solid;
	list-style:none;
	text-align:center;
	padding:8px 20px;
	padding-top:10px;
}

.bottom_nav li.active, .bottom_nav li:hover{background:#999999;}

.bottom_nav a{display:block;
text-decoration:none;
color:#000;
font-family:dincomp-condregular;
font-size:16px;

}

.bottom_nav li.active a, .bottom_nav li:hover, .bottom_nav a:hover{color:#fff!important;}

.bottom_nav li:first-child{border-left:0px;}

.bottom_nav li:last-child{border-right:0px;}


/* paging */
/

.paging{}
.paging a:first-child,.paging a:last-child{color:#c1272d; font-size:13px; padding-top:4px;}
.paging a{
		display:block;
		float:left;
		padding:6px 10px;
		margin-right:3px;
		border:1px solid #e0dddd;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
		margin-bottom:10px;
		margin-top:10px; 


	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(255,255,255,1) 15%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(15%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 15%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 15%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 15%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 15%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	




	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;


}
.paging a.active, .paging a:hover{
	background:#FF6600;
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1272d', endColorstr='#c1272d',GradientType=0 ); /* IE6-9 */
	color:#fff;
}



.img_hover a:hover{outline:auto #FF6600 thin;

}