@charset "UTF-8";

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 margin:0; padding:0;
 height:46px;
 float: left;
 line-height: 21px;
 vertical-align: middle;
 font-size:15px;
 font-weight:bold;
 cursor:pointer !important;
 margin-top:10px;
}

ul.dropdown li ul li {
 margin-top:0px;
 margin-right:0px;
	}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
 font-size:14px;
 height:20px; 
 line-height: 1.3em;
 cursor:pointer;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


* html ul.dropdown li {
 height: 1px;
}

ul.dropdown ul li,
ul.dropdown-vertical {
 margin-left: -16px;
 mar\gin-left: 0;
}

ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown li:hover ul ul ul,
ul.dropdown li:hover ul ul ul ul,
ul.dropdown li:hover ul ul ul ul ul {
 visibility: hidden;
}

ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul,
ul.dropdown ul ul li:hover ul,
ul.dropdown ul ul ul li:hover ul,
ul.dropdown ul ul ul ul li:hover ul {
 visibility: visible;
}

ul.dropdown ul ul ul ul ul ul {
 visibility: hidden !important;
}



* {
 margin: 0;
 padding: 0;
}

body {
 padding: 50px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
}

p { margin-bottom: 1em; }

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}


ul.dropdown {
 font-weight: normal;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 color: #000;
	}
	
		ul.dropdown li img {
		border:none;
		padding:19px 0 0 20px ;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 /*background: url(https://www.mycwo.dev.q9digital.com/images/topmenubg.gif);*/
	 color: #000;
	}

	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
	 background-color: #4f718b;
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000000; }
	ul.dropdown a:active	{ color: #000000; }
	
	ul.dropdown ul li a:link,
	ul.dropdown ul li a:visited	{color: #585858; text-decoration: none;  width:186px; height:23px; float:left; margin-top:-10px; margin-left:-10px; padding:12px 7px 0px 7px; }
	ul.dropdown ul li a:hover		{ color: #585858; }
	ul.dropdown ul li a:active	{ color: #ffa500; }	


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 200px;
 	 font-weight: normal;
     border-top: 1px solid  #1f3a4b;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 border-style: solid;
		 border-width: 1px 1px 1px 1px;
		 border-color: #102837 #1f3a4b #1f3a4b;
		 background-color: #1f3a4b;	
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 10px;
 /* background-image: url(../images/nav-arrow-down.gif);
  background-repeat: no-repeat;*/
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(https://www.mycwo.dev.q9digital.com/images/nav-arrow-right.png);
 background-position: 96% 50%;
 background-repeat: no-repeat;
}


ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(https://www.mycwo.dev.q9digital.com/images/nav-arrow-right.png);
}

.menuholder {
	width:730px;
	float:right;
	margin-right:-20px;
}

.menuholder ul li a {
	color:#FFF !important;
	cursor:pointer;
}

.amenu { float:left; clear:both; font-size:16px; font-weight:bold;	cursor:pointer;}
.bmenu { float:left; clear:both; font-size:14px; color:#8bb4cf; font-weight:normal;	cursor:pointer;}

.dir {background-image:url(https://www.mycwo.dev.q9digital.com/images/nav-arrow-down.png); background-repeat:no-repeat;}