div#GroupEndorsementStripContainer {
    width: 100%; 
    height: 36px; 
    position: relative; 
    background-color: #535353 
}

div#GroupEndorsementStrip {
    width: 960px;
    height: 36px; 
    margin: 0 auto; 
    background-color: #535353;
}

div#GroupEndorsementStrip p {
    font-family: arial; 
    color: #fff; 
    font-size: 11px; 
    line-height: 13px; 
    margin: 5px 0 0 5px; 
    float:left;
}

div#ESGroupNavMenu {
    float: right; 
    margin-right: 50px; 
    margin-top: 7px;
}

div#ESGroupNavMenu form {
    padding: 0; 
    margin: 0;
}

div#ESGroupNavMenu form select {
    font-size: 11px; 
    font-family: arial; 
}

/* ENDORSEMENT STRIP (DF @ BP 062015) ----------------------------------------------------------------------------*/

/* tweaks to autocue css */
header,
#outter_wrapper {
	clear: left;
}
/* end of tweaks */

#endorsement-strip{
	clear: left;
	float: left;
	width: 100%;
	background: #535353;
}
#endorsement-strip *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
#endorsement-strip #endorsement-strip-inner{
	clear: left;
	max-width: 980px; /* adjust this value to match the main content area width of the website */	
	margin: 0 auto;
	padding: 0;
}
#endorsement-strip #endorsement-strip-inner .vitec{
	clear: left;
	float: left;
	width: 100%;
	height: 36px;
	padding: 5px 0 5px 40px;
	background: url(/userstorage/images/vitec-logo.png) 0 2px no-repeat;
}
#endorsement-strip #endorsement-strip-inner .vitec .vitec-brand{
	clear: left;
	float: left;
	width: auto;
	line-height: 13px;	/* px values used (insted of em) to ensure consistency across websites */
	font-size: 11px;	/* px values used (insted of em) to ensure consistency across websites */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
}
#endorsement-strip #endorsement-strip-inner .vitec .vitec-selector{
	clear: none;
	float: right;
	width: auto;
	cursor: pointer;
	line-height: 26px;	/* px values used (insted of em) to ensure consistency across websites */
	font-size: 11px;	/* px values used (insted of em) to ensure consistency across websites */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	padding: 0 15px 0 0;
	background: url(/userstorage/images/downarrow.png) right center no-repeat;
}
#endorsement-strip #endorsement-strip-inner .vitec .vitec-selector.active{
	background-image: url(/userstorage/images/uparrow.png);
}
#endorsement-strip #endorsement-strip-inner .vitec .vitec-selector:hover{
	color: #dddddd;	
}
#endorsement-strip #endorsement-strip-inner .vitec-list{
	display: none; /* initial view */
	clear: left;
	float: left;
	width: 100%;
	padding: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #535353;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul{
	clear: none;
	float: left;
	list-style: none;
	padding-right: 20px;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul.one{
	width: 20%;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul.two{
	width: 30%;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul.three{
	width: 50%;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul li{
	clear: left;
	float: left;
	width: 100%;
	padding: 0 10px 3px 0;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul li:nth-child(1){ /* headings */
	width: 100% !important;	
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	margin-bottom: 6px;
	padding-bottom: 6px;	
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul.three li{
	width: 50%;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul.three li:nth-child(2n+1){
	clear: none;
	float: right;	
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul li a{
	clear: left;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;	/* px values used (insted of em) to ensure consistency across websites */
	font-weight: normal;
	color: #dddddd;
	text-decoration: none;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul li a:hover{
	color: #ffffff;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul li:nth-child(1) a{ /* headings */
	display: block;
	font-size: 16px;	/* px values used (insted of em) to ensure consistency across websites */
	font-weight: bold;
	color: #ffffff;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul li:nth-child(1) a:hover{ /* headings */
	color: #dddddd;
}
#endorsement-strip #endorsement-strip-inner .vitec-list ul li a .note{ /* sub text for nat geo etc. */
	clear: left;
	float: left;
	width: 100%;
	font-size: 11px;	/* px values used (insted of em) to ensure consistency across websites */
	color: #999999;
}

@media screen and (max-width: 980px){ /* adjust this value to match the main content area width of the website (same width value as #endorsement-strip-inner (above) */	
	#endorsement-strip #endorsement-strip-inner{
		padding: 0 20px;
	}
}

@media screen and (max-width: 870px){ 	
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.one{
		width: 100%;
		margin-bottom: 16px;
	}
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.two{
		clear: left;
		width: 40%;
	}
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.three{
		width: 60%;
	}
}

@media screen and (max-width: 650px){ 
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.two,
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.three{
		width: 100%;
		margin-bottom: 16px;
	}
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.two li{
		width: 50%;
	}
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.two li:nth-child(2n+1){
		clear: none;
		float: right;	
	}
}

@media screen and (max-width: 400px){ 
	#endorsement-strip #endorsement-strip-inner .vitec .vitec-selector span{
		display: none;	
	}
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.two,
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.three{
		width: 100%;
		margin-bottom: 16px;
	}
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.two li{
		width: 100%;
	}
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.two li:nth-child(2n+1),
	#endorsement-strip #endorsement-strip-inner .vitec-list ul.three li:nth-child(2n+1){
		clear: left;
		float: left;	
	}
}