/* ####################################### */
/* ######### =PRIMARY NAVIGATION ######### */
/* ####################################### */


/* GENERAL
------------------------------------------------*/

/*
div.e-navigation-wrap {
	background: #470F55;
	color: #F3DDF9;
}
*/




div.e-navigation-primary {
	margin-top: 1em;
	background: url(/images/nav-prod-bg.gif) no-repeat 0 0;

}



/* <div> containing the navigation <ul> -> Height (nb: this must match line-height on <li> below) and Bg of main nav <div> 
div.e-navigation-primary {
	height				: 	;
	background: url(/images/) repeat-x 0 0;
}
*/

/* Define the styles for the current tab
div.e-navigation-primary ul.pri-nav li.active-section a:link,
div.e-navigation-primary ul.pri-nav li.active-section a:visited {
	background			: 	;
	color				:	;
}
*/




/* TOP LEVEL
------------------------------------------------*/

div.e-navigation-primary ul.pri-nav {
	padding-left: 10px;
}


div.e-navigation-primary ul.pri-nav li {
	cursor: pointer; /* a little naughty so poss remove...? */
	color: #F9F9F9;
}

div.e-navigation-primary ul.pri-nav li ul {
	display: none;
}

div.e-navigation-primary ul.pri-nav li.has-drop ul {
	display: block;
}



div.e-navigation-primary ul.pri-nav li:hover {
	color: #fff;
}

div.e-navigation-primary ul.pri-nav li:hover {
	color: #fff;
	background: url(/images/nav-prod-li-hover-bg.gif) repeat-x;
}





div.e-navigation-primary ul.pri-nav li a:link,
div.e-navigation-primary ul.pri-nav li a:visited {
	color				:	#F9F9F9;
	padding				: 	0;
	font-weight			:	bold;
	padding: 0 1em;
	background: url(/images/nav-prod-li-sep.gif) no-repeat right bottom;
	text-decoration: none;
}



div.e-navigation-primary ul.pri-nav li a:hover,
div.e-navigation-primary ul.pri-nav li a:focus {
	color:				:	#fff;
}




/* 2nd LEVEL
------------------------------------------------*/


div.e-navigation-primary ul.pri-nav ul {
	background		: #44474B url(/images/nav-prod-drop-bg.gif) repeat-x;
	border			: 0;
	min-width		: 200px;
	font-size: 0.9em;
	z-index: 9999;
	width: 200px;
}



div.e-navigation-primary ul.pri-nav ul li {
	margin-top: -1px;
}

div.e-navigation-primary ul.pri-nav li li:hover {
	color		: #fff;
	background	: #470f56;
}

div.e-navigation-primary ul.pri-nav li li a:link,
div.e-navigation-primary ul.pri-nav li li a:visited {
	font-weight: normal;
	color: #E6CDED;
}

div.e-navigation-primary ul.pri-nav li li a:hover,
div.e-navigation-primary ul.pri-nav li li a:focus {
	color: #fff;
}



/*
div.e-navigation-primary ul.pri-nav ul li {
	background			: 	url(/images/) repeat-x 0 0;
	line-height			:	;
}
*/

/*
div.e-navigation-primary ul.pri-nav ul li:hover {
	background			: 	url(/images/) repeat-x 0 0;
	line-height			:	;
}
*/


/* 
div.e-navigation-primary ul.pri-nav ul a:link,
div.e-navigation-primary ul.pri-nav ul a:visited {
	background			: 	url(/images/) repeat-x 0 0;
	line-height			:	;
}
*/


/* 
div.e-navigation-primary ul.pri-nav ul a:hover,
div.e-navigation-primary ul.pri-nav ul a:focus {
	background			: 	url(/images/) repeat-x 0 0;
	line-height			:	;
}
*/





/* ####################################### */
/* ############ SECONDARY NAV ############ */
/* ####################################### */




.e-navigation-secondary {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family		:	Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	width: 555px;
}

.e-navigation-secondary ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 2.5em;
	float: right;
}

.e-navigation-secondary ul li {
	float: left;
	line-height: 2.5em;
	margin-left: 2px;
	background: url(/images/nav_tab_bg_right.gif) no-repeat 100% 0;
	cursor: pointer;

}

.e-navigation-secondary ul li a:link,
.e-navigation-secondary ul li a:visited {
	padding: 0 1em;
	font-size: 1.2em;
	display: block;
	background: url(/images/nav_tab_bg_left.gif) no-repeat 0 0;
	color: #E6CDED;
	text-decoration: none;
}

.e-navigation-secondary ul li a:hover,
.e-navigation-secondary ul li a:focus {
	color: #fff;
}

.e-navigation-secondary ul li.active {
	background: url(/images/nav_tab_bg_right_selected.gif) no-repeat 100% 0;
}

.e-navigation-secondary ul li.active a:link,
.e-navigation-secondary ul li.active a:visited {
	background: url(/images/nav_tab_bg_left_selected.gif) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
}







div.e-navigation-products {
	background: #ccc;
}

div.e-navigation-products ul {
	
}

div.e-navigation-products ul li {
	
}

div.e-navigation-products ul li ul {
	
}

div.e-navigation-products ul li ul li {
	
}




div.e-navigation-sub-wrap {
	background: #5F266F url(/images/sub_nav_bg.jpg) repeat-x 0 0;	
	border-bottom: 1px solid #33153C;
	color: #fff;
	height: 2.5em;
	position: relative;
	z-index: 4;
}

.e-navigation-sub {
	margin: 0 auto;
	width: 960px;
}


div.e-navigation-sub-wrap .nav-sub-level-1 {
	float: right;
	height: 2.5em;
	padding: 0;
	margin: 0;
	list-style: none;
}

div.e-navigation-sub-wrap .nav-sub-parent {
	position: absolute;
	left: -9999px;
}



div.e-navigation-sub-wrap .nav-sub-level-1 li {
	float: left;
	line-height: 2.5em;
	border-right: 1px solid #762F8A;
	border-bottom: 0;
	position: relative;
}

.e-navigation-sub-wrap .nav-sub-level-1 a:link,
.e-navigation-sub-wrap .nav-sub-level-1 a:visited {
	color: #fff;
	padding: 0 0.8em;
	border-right: 1px solid #522060;
	display: block;
	text-decoration: none;
}

.e-navigation-sub-wrap .nav-sub-level-1 a:hover,
.e-navigation-sub-wrap .nav-sub-level-1 a:focus {
	color: #E6CDED;
}

div.e-navigation-sub-wrap .nav-sub-level-1 li span.non-link {
	color: #E6CDED;
	padding: 0 1em;
}

div.e-navigation-sub-wrap .nav-sub-level-1 a {
	width: auto !important;
}


div.e-navigation-sub-wrap .nav-sub-level-2 {
	display 		: none;
	z-index			: 999999;
	width			: 130px;
	background		: #522060;
	position		: absolute;
	left			: -8px;
	padding-left	: 0;
	border-left		: 1px solid #762F8A;
	top: 30px;
}

div.e-navigation-sub-wrap .nav-sub-level-1 li:hover .nav-sub-level-2 {
	display 	: block;
}
div.e-navigation-sub-wrap .nav-sub-level-2 li {
	float		: none;
	list-style	: none outside none;
	text-align	: left;
}


/* ####################################### */
/* ############ SOCIAL MEDIA ############# */
/* ####################################### */

.e-social-media {
    left: 50%;
    top: 0px;
    margin-left: -470px;
    position: absolute;
}

.e-social-media ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.e-social-media li {
	float: left;
	height: 2.5em;
  	line-height: 2.5em;
  	margin-right: 20px;
}

.e-social-media a:link,
.e-social-media a:visited {
	display: block;
	color: #fff;
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 25px;
	text-decoration: none;
}

.e-social-media .tw a {
	background-image: url(/r/i/icons/socialmediaicons/twitter-16x16.png);
}

.e-social-media .fb a {
	background-image: url(/r/i/icons/socialmediaicons/facebook-16x16.png);
}

/* ####################################### */
/* ########## =SUB NAV ################### */
/* ####################################### */

/* SUB NAV
------------------------------------------------*/


div.e-panel-a div.e-common-navigation-navigation-sub {
	padding: 0;
}

div.e-panel-a div.e-common-navigation-navigation-sub h5 {
	font-weight: bold;
}

div.e-panel-a div.e-common-navigation-navigation-sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.e-panel-a div.e-common-navigation-navigation-sub ul li a:link,
div.e-panel-a div.e-common-navigation-navigation-sub ul li a:visited {
	display: block;
	border-bottom:1px dashed #DCDCDC;
	clear:both;
	color:#888888;
	float:left;
	padding: 15px 20px;
	width:233px;
	text-decoration: none;
}

div.e-panel-a div.e-common-navigation-navigation-sub ul li a:hover,
div.e-panel-a div.e-common-navigation-navigation-sub ul li a:focus {
	background: #fff;
	color: #444;
}