.lfloat{
	float:left;	
}
.rfloat{
	float:right;
}
.nav-bg{
    min-height: 45px;
    padding-left: 35px;
    padding-right: 35px;
    background: -webkit-linear-gradient(#595959, #303030); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#595959, #303030); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#595959, #303030); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#595959, #303030); /* Standard syntax */
    border-radius:10px;
	border:2px solid #a7a5a5;
  
}
.navigation_part {
	padding:0 0px; 
	min-height:45px; 
	display:inline-block;
	width:100%;
}
.toggleMenu {
	width:46px;
	height:34px;
    display:  none;
    background: #666;
    padding: 5px 10px;
    color: #fff;    
    font-size: 0px;
	margin:0 auto 0;
	background:url(../image/toggleMenu.png) no-repeat scroll right 5px #313131;
	border-radius:7px;
}
.nav {
    list-style: none;
     *zoom: 1;
	 margin:0 10px 0 0;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 8px 10px;
    color:#fff;
}
.nav li {
    position: relative;
	
}
.nav > li {
	display:inline-block; 
	list-style-type:none; 
}
.nav > li:last-child {
	border-right:0px
}
/*.nav li:hover a{
 	color:#fff; 
	background:#13B0FA; 
}*/
.nav > li.selected a{
 	color:#fff; 
	background:#13B0FA; 
}
.nav > li > .parent {
    background-image:url(../image/toggleMenu.png);
    background-repeat: no-repeat;
    background-position: 170px center;
}
.nav > li > a {
    font-size:18px; 
	color:#fff;
	font-family:Arial;
	font-weight:normal;	
	display: block;
	padding:12px 14px;
	margin:0 0px; 
	text-decoration: none;
	line-height:26px;
}
.nav li:first-child a{
	border-left:0;	
}
.nav li ul {
    position: absolute;
    left: -9999px;   
    z-index:100; 
	min-width:210px;
	background:#13B0FA;
	border-radius:0 0 10px 10px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;    
}
.nav li li  {	
	 color:#ffffff;
	 padding:0 15px;
}
.nav li li a {
	color:#fff!important;
	font-size: 13px;
    display: block;
    background: #ffffff;
    position: relative;
    z-index:100;
    padding:10px 0px;
}
.nav li li:hover a {
	color:#ffffff!important;
}
.nav li li:first-child a {
	border-top: 0px;
}
.nav li li li a {
    z-index:200;
	color:#ffffff!important;
	font-size: 13px;
    display: block;
    background: #ffffff;
    position: relative;
    z-index:100;
    padding:10px 0px;
    border-top: 1px dotted #999999;
	margin:0 0px 0 0;
}
.nav li li li:hover a {
	color:#333333!important;
}

.nav li a:hover{background:#f76a01;}

@media screen and (max-width: 989px) {
	
	.nav-bg{
		background:none;
		padding:0;	
	}
	.nav ul{
		margin:0;	
	}
		
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	.nav.lfloat{
		float:none;
	}
	.nav.rfloat{
		float:none;
	}

	.nav {		
        z-index: 9999999;
		position: static!important;
		overflow: hidden;
		width: auto;
		margin:0;
		background:#313131;
	}
    .active {
        display: block;
    }
.nav > li {
		min-height: 25px;
        padding-left: 0px;
		float: none;
		line-height:16px;
		list-style-type: none;
		margin: 0 auto;
		width: 100%;
		text-align:center;
	 	z-index: 9999999;
		border-top:1px solid #ccc;
    }
.nav > li > a {
    font-size:16px; 
	color:#fff;
	font-family:Arial;
	font-weight:normal;	
	display: block;
	padding:12px 14px;
	margin:0 0px; 
	text-decoration: none;
	line-height:16px;
}
	
    .nav > li > a {
    	color:#fff;
		border:none;
    }
    .nav li ul {
		width: 100%;
    	background: #000000;
    }
    .nav li li a {
    	background: #000000;
    	border-top: 1px solid #333333;
    }
	.nav li:hover a {
    	background:#fd9a26 ;
	}
    .nav > li:last-child {
    	text-align:center;
    	z-index: 9999999;
        float: none;
    }
    .nav > li > .parent {
        background-position:92.5% 50%;
    }
    .nav li li .parent {
        background-image: url(../images/downArrow.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        margin:0 5px;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    .nav li li:hover a {
		color: #ffffff!important;
	}
	.nav li li  a{ color:#FFFFFF !important;}

	.nav li li li a{
		background: #333333;
		color: #fff;
		border-top: 1px solid #666666;
	}
	.nav li li li:hover a{
		color: #cccccc!important;
	}
	.nav li li ul {
    	background: #333333; 	
		border-bottom: none;
    }
    .toggleMenu {
		width: 100%;
		padding:5px 0;
		text-align: center;
/*		border-top:1px solid #f26a24;*/
	}
	.navigation_part {
		display: block;
	}
	.nav > li > .parent {
    	background-image: url(../images/downArrow_new.png);
	}
	.nav > li > li > .parent {
    	background-image: url(../images/downArrow.png);
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.nav.lfloat{
		float:none;
	}
	.nav.rfloat{
		float:none;
	}


	.nav {		
        z-index: 9999999;
		position: static!important;
		overflow: hidden;
		width: auto;
		margin:0;
	}
    .active {
        display: block;
    }
    .nav > li {
		min-height: 20px;
		background:#313131;
		border-top: 1px solid #ccc;
		float: none;
		font-size:16px;
		line-height:25px;
		list-style-type: none;
		margin: 0 auto;
		width: 100%;
		text-align:center;
	 	z-index: 9999999;
		
		
    }
    .nav > li > a {
    	color:#ffffff;
		border:none;
    }
    .nav li ul {
		width: 100%;
    	background: #000000;
    }
    .nav li li a {
    	background: #000000;
    	border-top: 1px solid #333333;
    }
	.nav li:hover a {
    	background:#fd9a26;
	}
    .nav > li:last-child {
    	text-align:center;
    	z-index: 9999999;
        float: none;
        background-image: none;
		border-bottom: 1px solid #d6ab3d;
    }
    .nav > li > .parent {
        background-position: 89% 50%;
    }
    .nav li li .parent {
        background-image: url(../images/downArrow.png);
        background-repeat: no-repeat;
        background-position:95% 50%;
        margin:0 5px;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    .nav li li:hover a {
		color: #ffffff!important;
	}
	.nav li li  a{ color:#FFFFFF !important;}

	.nav li li li a{
		background: #333333;
		color: #fff;
		border-top: 1px solid #666666;
	}
	.nav li li li:hover a{
		color: #cccccc!important;
	}
	.nav li li ul {
    	background: #333333; 	
		border-bottom: none;
    }
    .toggleMenu {
		width: 100%;
		padding:5px 0;
		text-align: center;
	}
	.navigation_part {
		display: block;
	}
	.nav > li > .parent {
    	background-image: url(../images/downArrow_new.png);
	}
	.nav > li > li > .parent {
    	background-image: url(../images/downArrow.png);
	}
	
	
}




@media only screen and (min-width: 320px) and (max-width: 479px) {

	.nav.lfloat{
		float:none;
	}
	.nav.rfloat{
		float:none;
	}
	
	.nav {		
        z-index: 9999999;
		position: static!important;
		overflow: hidden;
		width: auto;
		margin:0;
	}
    .active {
        display: block;
    }
.nav > li {
		min-height: 20px;
		background:#313131;
		border-top: 1px solid #ccc;
		float: none;
		font-size:16px;
		line-height:16px;
		list-style-type: none;
		margin: 0 auto;
		width: 100%;
		text-align:center;
	 	z-index: 9999999;
    }
    .nav > li > a {
    	color:#ffffff;
		border:none;
    }
    .nav li ul {
		width: 100%;
    	background: #000000;
    }
    .nav li li a {
    	background: #000000;
    }
	.nav li:hover a {
    	background:#fd9a26 ;
	}
    .nav > li:last-child {
    	text-align:center;
    	z-index: 9999999;
        float: none;
        background-image: none;
		border-bottom: 1px solid #d6ab3d;
    }
    .nav > li > .parent {
        background-position: 89% 50%;
    }
    .nav li li .parent {
        background-image: url(../images/downArrow.png);
        background-repeat: no-repeat;
        background-position:95% 50%;
        margin:0 5px;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    .nav li li:hover a {
		color: #ffffff!important;
	}
	.nav li li  a{ color:#FFFFFF !important;}

	.nav li li li a{
		background: #333333;
		color: #fff;
		border-top: 1px solid #666666;
	}
	.nav li li li:hover a{
		color: #cccccc!important;
	}
	.nav li li ul {
    	background: #333333; 	
		border-bottom: none;
    }
    .toggleMenu {
		width: 100%;
		padding:5px 0;
		text-align: center;
	}
	.navigation_part {
		display: block;
	}
	.nav > li > .parent {
    	background-image: url(../images/downArrow_new.png);
	}
	.nav > li > li > .parent {
    	background-image: url(../images/downArrow.png);
	}
 
}