/* Menubar */
.cnav_menu {
	display: none;
	/*background-color:#003333;*/
	width: 100%;
	cursor: pointer;
}
.cnav_menu_shown { display:block; }

.cnav_menu_inner {
	text-align: center;
	font-family: Helvetica,Arial,sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	padding: 15px 10px;
	border: 1px solid #444444;
}


/* NavMenues(ULs->LIs) */
.cnm_ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.cnm_li {
	list-style: none;
	/*background-color:#000010;*/
	min-width: 50px;
}
.cnav_nav_link {
	padding: 15px;
	text-align: center;
	position: relative;
}

.cnm_li a {
	font-family: Helvetica,Arial,sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
}

.cnm_root_ul {
	position: absolute;
	z-index: 5001;
}
.cnm_root_ul > li:first-child { border-left: none; }
.cnm_root_li {
	float: left;
	border-left: 1px solid #CCCCCC;
}

.cnm_sub_ul {
	display: none;
	position: absolute;
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
}
.cnm_sub_li {
	border-top: 1px solid #AAAAAA;
	min-width: 100px;
}

/* Parent Nav(LI) that has child navs(UL) beneath it. */
.cnm_parent{}

/* After Navs Hoovered */
.cnm_li_hoovered { background-color: #000033; }

/* Parent Nav(LI) hoovered with Child Navs showing at right. */
/*.cnm_child_right{ background-color:#002200; }*/
/* Parent Nav(LI) hoovered with Child Navs showing at left. */
/*.cnm_child_left{ background-color:#002200; }*/

/* Child Navs(UL) shown at the right of the hoovered parent(LI). */
.cnm_parent_right{}
/* Child Navs(UL) shown at the left of the hoovered parent(LI). */
.cnm_parent_left{}


/* Minified NavMenues(ULs->LIs) */
.cnm_ul_min {
	position: relative;
	width: 100%;
	top: 0px;
	left: 0px;
	border-right: none;
	border-left: none;
}
.cnm_li_min {
	position: relative;
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	border-left: none;
	border-top: 1px solid #AAAAAA;
}
.cnm_li_min > .cnav_nav_link {
	padding-left: 0px;
	padding-right: 0px;
}

.cnm_touch_button {
	background-color: #FFFFFF;
	filter: alpha(opacity=80);
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.050);
	/*display: inline-block;*/
	display: none;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	width: 15%;
	max-width: 50px;
	min-width: 20px;
	top: 0px;
	z-index: 1000999;
	cursor: pointer;
}
.cnm_touch_button_left {
	float: left;
	left: 0px;
	margin-left: 0px;
}
.cnm_touch_button_right {
	float: right;
	right: 0px;
	margin-right: 0px;
}
.cnm_touch_button_logo {
	position: relative;
	background-image: url("arrow_down.png");
	top: 22px;
	margin: auto;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	z-index: 101000;
	white-space: nowrap;
}

/* CSS for SubMenues(LIs) in minified mode for different layers(i.e.- different background colors in parent->childs to distinguish them). */
.cnm_ul_min > .cnm_li_lvl_2 { background-color:#000030; }
.cnm_ul_min > .cnm_li_lvl_3 { background-color:#000050; }
.cnm_ul_min > .cnm_li_lvl_4 { background-color:#000070; }
.cnm_ul_min > .cnm_li_lvl_5 { background-color:#000090; }
.cnm_ul_min > .cnm_li_lvl_6 { background-color:#0000B0; }
.cnm_ul_min > .cnm_li_lvl_7 { background-color:#0000D0; }
.cnm_ul_min > .cnm_li_lvl_8 { background-color:#0000F0; }
.cnm_ul_min > .cnm_li_lvl_9 { background-color:#1010FF; }
.cnm_ul_min > .cnm_li_lvl_10 { background-color:#2020FF; }



/* Customized css for GB */
.navmenu_container {
	width: 100%;
	margin-top: 10px;
	float: right;
	min-height: 50px;
}
.navmenu_container a {
	font-family: Helvetica,Arial,sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}

.cnav_menu {
	background-color: #009999;
	width: 100%;
}

.cnm_sub_li { min-width: 120px; }
.cnm_li { white-space: nowrap; }

.rootnav {
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
	white-space: nowrap;
}

@media (min-width: 768px){
	.navmenu_container {
		/*margin-left: 5%;
		margin-right: 20%;
		max-width: 780px;
		width: 80%;*/
		max-width: 740px;
	}
}


.rootnav0 { background-color: #F99D1C; }
.rootnav1 { background-color: #8DC63F; }
.rootnav2 { background-color: #44C8F5; }

.rootnav0 .cnm_li_lvl_2 { background-color: #F99D1C; }
.rootnav1 .cnm_li_lvl_2 { background-color: #8DC63F; }
.rootnav2 .cnm_li_lvl_2 { background-color: #44C8F5; }

.rootnav0 .cnm_li_lvl_3 { background-color: #F99D1C; }
.rootnav1 .cnm_li_lvl_3 { background-color: #8DC63F; }
.rootnav2 .cnm_li_lvl_3 { background-color: #44C8F5; }


.cnm_sub_ul {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.cnm_sub_li {
	border-top: 1px solid #FFFFFF;
}

.cnm_ul_min {
	border-right: none;
	border-left: none;
}
.cnm_touch_button {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
}

.rootnav0 > .cnm_ul_min > .cnm_li_lvl_2 { background-color: #D97D0C; }
.rootnav0 > .cnm_ul_min > li>ul> .cnm_li_lvl_3 { background-color: #B95D00; }

.rootnav1 > .cnm_ul_min > .cnm_li_lvl_2 { background-color: #6DA61F; }
.rootnav1 > .cnm_ul_min > li>ul> .cnm_li_lvl_3 { background-color: #4D8600; }

.rootnav2 > .cnm_ul_min > .cnm_li_lvl_2 { background-color: #24A8D5; }
.rootnav2 > .cnm_ul_min > li>ul> .cnm_li_lvl_3 { background-color: #0488B5; }

.rootnav .cnm_li_hoovered { background-color: #22AAAA; }



/* DP CC Customizations here. */
.navmenu_container {
	margin-top: 0px;
	min-height: 40px;
	/*max-width: 960px;*/
	max-width: 760px;
}

.cnav_menu {
	background-color: #3497DA;
	background: -webkit-linear-gradient( #3497DA, #34C7DA  ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #3497DA, #34C7DA  ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #3497DA, #34C7DA  ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #3497DA, #34C7DA  ); /* Standard syntax */
}
.cnav_menu_inner {
	padding: 10px;
	border: 1px solid #777777;
}

.cnav_nav_link {
	padding: 10px;
}
.cnm_li a {
	color:#555555;
	font-size: 12px;
}

.cnm_sub_ul {
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	box-shadow: 0px 0px 5px #777777;
}
.cnm_sub_li {
	border-top: none;
	border-bottom: 1px solid #AAAAAA;
	min-width: 60px;
}

.cnm_touch_button { height: 40px; }
.cnm_touch_button_logo { top: 18px; }

.rootnav {
	background: inherit;
	border-radius: 0px;
}
.rootnav .cnm_li_lvl_2, .cnm_li_lvl_3 {
	background: #DDDDDD;
	background: -webkit-linear-gradient( #DDDDDD, #CCCCCC ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #DDDDDD, #CCCCCC ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #DDDDDD, #CCCCCC ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #DDDDDD, #CCCCCC ); /* Standard syntax */
}

.cnm_ul_min .cnm_li {
	background: #DDDDDD;
	background: -webkit-linear-gradient( #DDDDDD, #CCCCCC ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #DDDDDD, #CCCCCC ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #DDDDDD, #CCCCCC ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #DDDDDD, #CCCCCC ); /* Standard syntax */
}
.cnm_ul_min .cnm_sub_ul {
	box-shadow: none;
}
.cnm_ul_min .cnm_li_lvl_2, .cnm_li_lvl_3 {
	background: #EEEEEE;
	background: -webkit-linear-gradient( #FFFFFF, #EEEEEE ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #FFFFFF, #EEEEEE ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #FFFFFF, #EEEEEE ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #FFFFFF, #EEEEEE ); /* Standard syntax */
}
.cnm_ul_min .cnm_sub_li:first-child { border-top: 1px solid #AAAAAA; }


.cnm_li_hoovered {
	background-color: #AAAAAA;
	background: -webkit-linear-gradient( #BBBBFF, #AAAAAA ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #BBBBFF, #AAAAAA ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #BBBBFF, #AAAAAA ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #BBBBFF, #AAAAAA ); /* Standard syntax */
}
.rootnav .cnm_li_hoovered {
	background-color: #AAAAAA;
	background: -webkit-linear-gradient( #BBBBFF, #AAAAAA ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #BBBBFF, #AAAAAA ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #BBBBFF, #AAAAAA ); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #BBBBFF, #AAAAAA ); /* Standard syntax */
}

/* ./DP CC Customizations here. */