/*
 * Common Header Block
 *===========================================================*/
div#header													{width: 100%; position:relative; z-index:10; }
div#header.news												{background: url('headerRepeat.jpg') top center no-repeat; background-color: #d6dfde}

/* Top Navigation */
.topNav														{background-color: #1D2634; position: relative}
div#header.news .topNav										{width: 960px; margin: 0 auto}
div#header.entertainment .topNav							{width: 100%}
.topNav .innerTopNav										{height: 26px; font-size: 11px; line-height: 26px}
div#header.news .innerTopNav								{width: 100%}
div#header.entertainment .innerTopNav						{width: 960px; margin: 0 auto}
.topNav a													{color: #B2B5BA !important; text-decoration: none}
.topNav a:hover												{text-decoration: underline}
.topNav a#TVNZHome											{display: block; float:left; width: 199px; height:26px; border-right: 1px solid #070213; text-indent: 15px}
.topNav div.weather											{display: block; float:left; width: 390px; height:26px; border-left: 1px solid #29374B; border-right: 1px solid #070213; text-indent: 18px; color: #dddee1; line-height: 16px; visibility: hidden}
.topNav div.weather .location								{text-transform: capitalize}
.topNav div.weather a										{margin: 0 0 0 10px; font-size: 10px}
.topNav div.weather img										{margin: 0 0 -8px 0}
.topNav div.weather span									{margin: 0 0 0 4px}
.topNav div.weather span.low								{border-left: 1px solid #B2B5BA; padding: 0 0 0 8px}
.topNav div.weather span.high strong						{color: #c30}
.topNav div.weather span.low strong							{color: #39c}
.topNav ul li												{display: block; float: left; padding: 0 15px; border-left: 1px solid #29374B; border-right: 1px solid #070213}
.topNav ul li.last											{border-right: none; padding: 0 0 0 15px}

/* Banner */
.topBanner 													{background-color: #030108; height: 120px; position: relative; width: 960px; margin: 0 auto}
.topBanner a#logo											{position: absolute; top: 0; left: 25px}
.topBanner a#sponsorLogo									{position: absolute; top: 72px; left: 25px}
.topBanner .ad												{text-align: right; float: right; display: block; width: 760px; height: 120px}
.topBanner .ad .promo										{float:left; padding:15px 13px}

/* Primary  Navigation and Search*/
div.primaryNavAndSearch										{background-color: #030108; width: 960px; margin: 0 auto; height: 40px}

/* Primary  Navigation */
ul#primaryNav												{height: 29px; width: 567px; float: left; padding:11px 0 0 25px}
ul#primaryNav li											{float: left; margin: 0 14px 0 0;}
ul#primaryNav li a											{float: left; display: block; height: 29px; background-position: top;font-size:14px;font-weight:bold;color:white;}
ul#primaryNav li a#navNews									{background: url('buttonNews.gif') no-repeat; width: 104px;}
ul#primaryNav li a#navSport									{background: url('buttonSport.gif') no-repeat; width: 104px;}
ul#primaryNav li a#navTelevision							{background: url('buttonTelevision.gif') no-repeat; width: 145px;}
ul#primaryNav li a:hover#navNews,
ul#primaryNav li a:hover#navSport,
ul#primaryNav li a:hover#navTelevision,
ul#primaryNav li a:hover,
ul#primaryNav li a.selected									{background-position: bottom !important;}

/* Search */
#header .search												{display:block; float:right; height:40px; width:323px;}
#header .search a#WatchEpisodesButton						{background: url('watchEpisodesBtn3.jpg') top no-repeat; position:relative; display: block; float:left; top: 9px; left: 147px; text-indent: -9999px; width:100px; height: 25px;}
#header .search a:hover#WatchEpisodesButton					{background-position: bottom}
#header .search div.divide									{float: left; width: 1px; height: 37px; position: relative; left: 160px; bottom: -3px; background: url('searchDivide.gif') no-repeat}

#header .search form										{display:block; float:right; margin:0; padding:0; position: relative; top: 11px; right:10px;}
form.searchForm input										{float: left}
form.searchForm input.searchField							{border: 1px solid #fff; width: 187px; height: 16px; padding: 3px 0 0 3px; margin: 0 10px 0 0; color: #74A4A5; font-size: 11px}
form.searchForm input.searchField:focus						{border: 1px solid #2cb7ca; color: #000}
form.searchForm input.searchButton							{background: url('headerSearchButton.gif') top left no-repeat; width: 62px; height: 21px}
form.searchForm input.searchButton:hover					{background-position: bottom;}

/* Green Divider Bar */
#primaryBar													{background: url('barBg.gif') repeat-x; height: 20px; display: block}
div#header.news #primaryBar									{width: 960px; margin: 0 auto}
div#header.entertainment #primaryBar						{width: 100%}

/* Flash or JavaScript disabled noscript block */
.flashMessageBg												{background-color: #1E88B0; width: 100%;}
.flashMessage												{background: url('noFlashExclamation2.jpg') left no-repeat;  height: 92px; display: block; width: 870px; margin: 0 auto; padding: 0 0 0 90px; color: #8796A5; font-size: 11px;}
.flashMessage h5											{background: url('noFlashTitle2.jpg') 0 14px no-repeat; text-indent: -9999px; text-transform: uppercase; width: 550px; display: block; padding: 10px 0 0 0; height: 25px;}
.flashMessage p												{color:#fff;}
.flashMessage a.buttonInstallFlash,
.flashMessage a.buttonHelpEnablingJS						{height: 29px; display: block; float: left; margin: 0 17px 0 0; font-size: 0px;}
.flashMessage a.buttonInstallFlash							{background: url('installFlash.gif') top no-repeat; width: 146px;}
.flashMessage a:hover.buttonInstallFlash					{background-position: bottom;}
.flashMessage a.buttonHelpEnablingJS						{background: url('enableJS.gif') top no-repeat; width: 169px;}
.flashMessage a:hover.buttonHelpEnablingJS					{background-position: bottom;}