body {
	font: 62.5%/1.6 "Droid Sans", Arial, Helvetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #FFF url('http://images.tvnz.co.nz/tvnz_site_images/masthead/images/masthead-bg-r2.jpg') repeat-x !important;
	color: #525C66;
	text-rendering: optimizeLegibility;
	font-size: 10px;
}
* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}
#tvnz-masthead {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
ul, ol  {
	list-style-type: none;
}

#bigbanner, #bigbanner_companion {
	width: 728px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 10px 0 0 -365px;
}
#tvnz-masthead #top {
	width: 940px;
	height: 110px;
}
#tvnz-masthead,
#shows-container,
#channels-container {
	color: #FFF;
}
#tvnz-masthead a,
#shows-container a,
#channels-container a {
	text-decoration: none !important;
}

#tvnz-masthead #first-level-nav {
	width: 940px;
	height: 38px;
	display: block;
	overflow: hidden;
}
/* Default nav item style. */
#tvnz-masthead #first-level-nav li {
	float: left;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	margin: 8px 3px 6px;
	padding: 2px 6px;
	font-weight: bold;
}
/* Default nav link style. */
#tvnz-masthead #first-level-nav li a {
	font-family: "Centar", Arial, Helvetiva, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
}
#tvnz-masthead #first-level-nav li:hover a,
#tvnz-masthead #first-level-nav li.highlighted a {
	opacity: 0.7;
}

/* Default nav item highlight style. */
body.one-news #tvnz-masthead #first-level-nav li.news,
body.weather-forecast #tvnz-masthead #first-level-nav li.weather,
body.tv-shows #tvnz-masthead #first-level-nav li.tv-shows,
body.channels #tvnz-masthead #first-level-nav li.channels,
body.tv-guide #tvnz-masthead #first-level-nav li.tv-guide,
body.tvnz-ondemand #tvnz-masthead #first-level-nav li.tvnz-ondemand,
#tvnz-masthead #first-level-nav li.highlighted {
	background: #000;
}

body.one-news #tvnz-masthead #first-level-nav li.news a,
body.weather-forecast #tvnz-masthead #first-level-nav li.weather a,
body.tv-shows #tvnz-masthead #first-level-nav li.tv-shows a,
body.channels #tvnz-masthead #first-level-nav li.channels a,
body.tv-guide #tvnz-masthead #first-level-nav li.tv-guide a,
body.tvnz-ondemand #tvnz-masthead #first-level-nav li.tvnz-ondemand a {
	color: #fff;
}

#tvnz-masthead #first-level-nav li.tvnz {
		background: url('http://images.tvnz.co.nz/tvnz_site_images/masthead/images/logo-tvnz.svg') no-repeat 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 55px;
    float: left;
	margin-top: 6px;
}
#tvnz-masthead #first-level-nav li.tvnz:hover {
		opacity: 0.7;
}
#tvnz-masthead #first-level-nav li.tvnz a {
	color: #FE9800;
  text-indent: -9999px;
  display: block;
  width: 82px;
	height: 38px;
}
#tvnz-masthead #first-level-nav li.news {
	background-image: url('http://images.tvnz.co.nz/tvnz_site_images/masthead/images/logo-onenews.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 80px;
	text-indent: -999em;
	margin-top: 10px;
}
#tvnz-masthead #first-level-nav li.news:hover {
		opacity: 0.7;
}
#tvnz-masthead #first-level-nav li.news a {
	text-indent: -9999px;
	display: block;
}
#tvnz-masthead #first-level-nav li.tv-shows a,
#tvnz-masthead #first-level-nav li.channels a {
	background-image: url('http://images.tvnz.co.nz/tvnz_site_images/masthead/images/nav-arrow.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 12px;
	display: block;
}
#tvnz-masthead #first-level-nav li.tv-shows.highlighted a.expanded,
#tvnz-masthead #first-level-nav li.channels.highlighted a.expanded {
	background-image: url('http://images.tvnz.co.nz/tvnz_site_images/masthead/images/nav-arrow-up.png');
}

#tvnz-masthead #first-level-nav li.sign-in:hover,
#tvnz-masthead #first-level-nav li.sign-in.highlighted,
#tvnz-masthead #first-level-nav li.search-box:hover,
#tvnz-masthead #first-level-nav li.search-box.highlighted {
	background-image: none !important;
}

#tvnz-masthead #first-level-nav li.sign-in {
	margin-left: 20px;
}

#tvnz-masthead #first-level-nav li.sign-in a {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
}

#tvnz-masthead #first-level-nav li.sign-in a:hover {
	color: #39c7ea;
}

#tvnz-masthead #first-level-nav li.search-box {
	float: right;
	background-color: white;
	overflow: hidden;
	display: none;
}
#tvnz-masthead #first-level-nav li.search-box .searchForm {
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#tvnz-masthead #first-level-nav li.search-box .searchField,
#tvnz-masthead #first-level-nav li.search-box .searchButton {
	border: 0;
	margin: 0;
	padding: 0;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
}
#tvnz-masthead #first-level-nav li.search-box .searchField {
	font-family: "Centar", Arial, Helvetica, sans serif;
	color: #999;
	width: 135px;
	font-weight: normal;
}
#tvnz-masthead #first-level-nav li.search-box .searchButton {
	background: url('http://images.tvnz.co.nz/tvnz_site_images/masthead/images/bg-search.jpg') no-repeat 0 0 #FFF;
	text-indent: -9999px;
	cursor: pointer;
	width: 24px;
}
#channels-container {
	width: 100%;
	background: #1d1d1d;
	display: none;
	border-top: 1px solid #333;
}
#channels-content {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	list-style: none;
  	position: relative;
  	left: 3px;
}
#channels-content li {
	list-style-type: none;
	float: left;
}
#channels-content li a {
	display: block;
	height: 63px;
	width: 100px;
	padding: 0;
	margin: 24px 65px;
	/* The background is, by default, moved the 'wrong' way to make an unspecified item blank. */
	background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/OD-3191/masthead-channels-sprite-2016-update-masterbrand.png') 158px 0 no-repeat;
	border-radius: 4px 4px 4px 4px;
	line-height: 63px;
	color: #FFF;
	text-indent: -9999px;
}

#channels-content li.tv-one a {
	background-position: 15px 0;
}
#channels-content li.tv2 a {
	background-position: -143px 0;
}
#channels-content li.duke a {
	background-position: -300px 0;
}
#channels-content li.tvnz-online a {
	background-position: -457px 0;
}
#channels-content li.tv-one a:hover {
	background-position: 15px -63px;
}
#channels-content li.tv2 a:hover {
	background-position: -143px -63px;
}
#channels-content li.duke a:hover {
	background-position: -300px -63px;
}
#channels-content li.tvnz-online a:hover {
	background-position: -457px -63px;
}
#shows-container {
	width: 100%;
	background: #1d1d1d;
	display: none;
	border-top: 1px solid #333;
}
#shows-content {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 13px;
}
#shows-container h2 {
	font-family: "Centar Heavy", Arial, Helvetiva, sans-serif;
	line-height: 3em;
	font-weight: bold;
	font-size: 16px;
}
#shows-content ul,
#shows-content div.shows-media {
	overflow: hidden;
	float: left;
	width: 225px;
	padding: 0 0 10px 0;
	margin: 10px 10px 0 0;
}
#shows-content div.shows-media {
	margin-top: 0;
}

#shows-content li {
	text-align: left;
	color: #FFF;
	line-height: 1.2em;
	padding-bottom: 0.6em;
}
#shows-content li a {
	font-family: "Centar", Arial, Helvetiva, sans-serif;
	color: #fff;
	font-size: 13px;
}
#shows-content li a:hover {
	color: #39c7ea;
}
#shows-content h3 {
	margin: 4px 0;
}
#shows-content h3 a {
	color: #F79B1C;
	line-height: 1.3em;
	font-weight: bold;
}

#shows-content .ondemand-masthead-link {
background: url('../../news/images/interface/bg-media-icons.png') 0 -200px no-repeat;
color: #00c69e;
padding-left: 23px;
}
#shows-content span.episode-number,
#shows-content span.episode-name {
	display: block;
	color: #eee;
	font-size: 11px;
}

#shows-content span.broadcast-date {
	float: left;
}

#shows-content span.duration {
	float: right;
}

#shows-content div.shows-media {
	float: right;
	padding-left: 20px;
	padding-right: 0;
	width: 205px;
}

#shows-content h2.shows-media {
	line-height: 1.5em;
	margin: 10px 0;
}

#shows-content div.shows-media-info {
	width: 145px;
}

#shows-content div.shows-media h2:before {
	content: '\00A0'; /* Unicode non-breaking space */
    float: left;
    height: 205px;
    margin-left: -20px;
    width: 1px;
	background-color: #333;
	background-image: linear-gradient(top, black, #333, #333, #333, black);
	background-image: -moz-linear-gradient(top, black, #333, #333, #333, black);
	background-image: -webkit-linear-gradient(top, black, #333, #333, #333, black);
	background-image: -ms-linear-gradient(top, black, #333, #333, #333, black);
	background-image: -o-linear-gradient(top, black, #333, #333, #333, black);

}

#shows-content .allShows {
	background: #fff;
	color: #000;
	border-radius: 3px;
	display: block;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    margin: 12px auto 0 0;
    padding: 0 1em;
    text-align: center;
    text-transform: uppercase;
}

#shows-content .allShows:hover {
	text-decoration: none !important;
	color: white;
	background: #39c7ea;
}

#shows-content .allShows:active {
	background: #31a3bf;
}