﻿html, body
{
	width: 100%;
	height: 100%;
	text-align: center;
	background: #000 url("../../Images/KM/background.gif") repeat top center;
}
html, body, div, span, h1, h2, h3, p
{
	margin: 0;
	padding: 0;
}
body
{
	overflow: scroll;
}
img, table
{
	border: 0;
}
tr, td
{
	text-align: left;
	vertical-align: top;
}
a
{
	color: #008E8F;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	cursor: pointer;
}
ul
{
	margin-top: 5px;
	margin-bottom: 5px;
}
li *
{
	position: relative;
	right: 3px;
}

/* Layout Styles */

.ContentWrapper
{
	width: 946px;
}
.Header
{
	height: 120px;
}
.Logo
{
	margin: 27px 0 0 24px;
}
.MainContentTable
{
	height: 400px;
	float: left;
}
.MainContentArea
{
	width: 946px;
	background: #FFF;
	margin-top: 12px;
}
.InnerContentDiv
{
	width: 894px;
	margin-top: 22px;
	margin-bottom: 30px;
}
.LeftContentTD
{
	border-right: 1px dashed #C8C8C8;
	padding: 2px 16px 0 30px;
}
.LeftHeadingImage
{
	width: 27px;
	height: 21px;
	background: url("../../Images/KM/left-heading-bullet.gif") no-repeat 0 0;
}
.LeftHeading
{
	position: relative;
	right: 3px;
	margin-bottom: 7px;
}
.PageHeadingBullet
{
	width: 25px;
	max-width: 20px;
	height: 9px;
	overflow: hidden;
	background: url("../../Images/KM/page-heading-bullet.gif") no-repeat 0 0;
	position: relative;
	top: 8px;
}
.PageHeading
{
	margin: 0 0 7px 0;
	width: 450px;
	height: 33px;
	padding: 0;
}
.PageHeading *
{
	margin: 0; padding: 0;
}
.MainContentTD
{
	width: 670px;
	padding-left: 20px;
	padding-right: 10px;
}
.MainContentDiv
{
	width: 620px;
	/*margin-left: 13px;*/
}
.MiddleContentTD
{
	width: 503px;
	border-right: 1px dashed #C8C8C8;
	padding-left: 20px;
	padding-right: 10px;
}
.MiddleContentDiv
{
	width: 490px;
	/*margin-left: 13px;*/
}
.RightContentTD
{
	width: 133px;
}
.RightContentDiv
{
	margin-left: 11px;
}
.Footer
{
	width: 884px;
	overflow: hidden;
	border-top: 1px dashed #C8C8C8;
	margin: 0 0 0 30px;
	padding: 17px 0 0 3px;
	clear: both;
}
.Footer, .Footer a, .Footer div
{
	color: #7A7A7A;
	font: bold 11px Arial, Sans-Serif;
	text-transform: uppercase;
}
.FooterSeparator, .FootSep
{
	margin: 0 12px 0 12px;
}
.CopyDiv
{
	color: #269FA0;
}

/* End Layout Styles */

/* Homepage */

.HomeHeadingDiv
{
	width: 323px;
	height: 66px;
}
.HomeRotatorDesc
{
	width: 425px;
	max-width: 425px; /*Needed for Firefox */
}
.HomeRotatorDesc .KK_ContentHeading
{
	font-size: 28px;
	line-height: 18px;
	width: 100%;
	height: 100%;
}
.HomeRotatorDesc .KK_ContentText
{
	margin-top: 7px;
}
.HomeRotatorDesc img
{
	position: relative;
	top: 7px;
	margin-right: 7px;
	display: inline;
}
.HomeLeftHeading
{
	line-height: 21px;
}
.HomeLeftDiv, .HomeLeftHeading
{
	width: 200px;
}
.HomeLeftDiv
{
	margin-top: 11px;
}
.ImageRotatorControl
{
	max-width: 500px;
}
.HomeIndustryNewsPanel
{
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px dashed #C8C8C8;
}

/* End Homepage */

/* Contact us */

.MainContactContent table
{
	color: #008E8F;
    font: normal 11px Arial, Sans-Serif;
}
.LeftContactInfo table
{
	width: 200px;
	border-bottom: 1px dashed #C8C8C8;
	color: #636363;
	font: normal 11px Arial, Sans-Serif;
}
.LeftContactInfo br
{
	line-height: 7px;
}
.FormBoxLeft
{
	width: 4px;
	height: 20px;
	background: url("../../Images/KM/formbox-left.gif") no-repeat 0 0;
}
.FormBoxRight
{
	width: 4px;
	height: 20px;
	background: url("../../Images/KM/formbox-right.gif") no-repeat 0 0;
}
.FormBox
{
	float: left;
	width: 258px;
	height: 20px;
	background: url("../../Images/KM/formbox-bg.gif") repeat-x 0 0;
	border: 0;
	color: #636363;
	font: normal 11px Arial, Sans-Serif;
	padding: 3px 0 0 0;
	margin: 0;
}
.KK_TextArea
{
	width: 258px;
	border: 1px solid #D1D1D1;
}
.FormTextField
{
	float: left;
	width: 160px;
	height: 20px;
	background: url("../../Images/KM/formbox-bg.gif") repeat-x 0 0;
	border: 0;
	color: #636363;
	font: normal 11px Arial, Sans-Serif;
	padding: 3px 0 0 0;
}

.FormTextarea
{
	width: 170px;
	border: 1px solid #D1D1D1;
	color: #636363;
	font: normal 11px Arial, Sans-Serif;
}
.SubmitButton
{
	cursor: pointer;
	border: 0;
	width: 53px;
	height: 17px;
	background: url("../../Images/KM/submit-button.gif") no-repeat 0 0;
	margin-top: 6px;
}

/* End Contact us */

/* Device Template */

.tooltip { position:relative; z-index:24; }
	.tooltip span 
	{
		display:none;
	}
	.tooltip:hover {}
	.tooltip:hover span {
		display: block;
		position: absolute;
		width: 170px;
		max-width: 140px;
		height: 191px;
		top: 6px;
		left: -155px;
		background: url("../../Images/KM/popup-bg.gif") no-repeat;
		padding: 15px;
		font-size: 11px;
		color: #FFF;
		font: normal 10px Arial, Sans-Serif;
		z-index: 26;
		cursor: text;
		white-space: normal;
	}
.DeviceTable
{
	width: 484px;
}
.DeviceTable a, .DeviceTable a:hover
{
	text-decoration: none;
}
.DeviceDispImgTD
{
	padding-left: 33px;
}
.DeviceDescTD
{
	padding: 0 25px 0 0;
}
.DeviceSepTD
{
	width: 16px;
}

/* End Device Template */

/* Dealer Login */

.LoginTable td
{
	height: 28px;
}
.LoginButton
{
	cursor: pointer;
	border: 0;
	width: 53px;
	height: 17px;
	background: url("../../Images/KM/login.gif") no-repeat 0 0;
}
.LogoutButton
{
	width: 53px;
	height: 17px;
	background: url("../../Images/KM/logout.gif") no-repeat 0 0;
}
.ForgotPwdLink
{
	border: 0;
	background: none;
	color: #636363;
	font: normal 11px Arial, Sans-Serif;
}

/* End Dealer Login */

/* News Article List */

.NewsArticleList ul, .NewsArticleList li, .LeftSubNavDiv ul, .LeftSubNavDiv li, .DeviceNav ul, .DeviceNav li, .LeftSubNavDiv li a, .IndustryNewsPanel ul, .IndustryNewsPanel li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.NewsArticleList, .LeftSubNavDiv, .DeviceNav
{
	width: 200px;
	max-width: 200px;
}
.LeftSubNavDiv li, .DeviceNav li
{
	background: url("../../Images/KM/left-nav-list.gif") no-repeat 0 6px;
	padding: 0 0 0 22px;
	overflow: hidden;
	height: 17px;
	line-height: 17px;
}
.IndustryNewsPanel li
{
	overflow: hidden;
	height: 17px;
	line-height: 17px;
}
.NewsArticleList a, .LeftSubNavDiv a, .DeviceNav a, .IndustryNewsPanel a
{
	color: #636363;
	font: normal 11px/17px Arial, Sans-Serif;
}
.IndustryNewsPanel a
{
	color: #636363;
	background: url("../../Images/KM/left-nav-list-bw.gif") no-repeat 0 5px;
	padding: 0 0 0 22px;
	font: normal 11px/17px Arial, Sans-Serif;
	float: left;
}
.IndustryNewsPanel a:hover
{
	color: #008E8F;
	background: url("../../Images/KM/left-nav-list.gif") no-repeat 0 5px;
	text-decoration: none;
}
.LeftSubNavDiv .separator
{
	display: none;
}
.LeftSubNavDiv
{
	overflow: hidden;
}
.MovieLink a
{
	cursor: pointer;
}
.MovieLink a:hover
{
	text-decoration: underline;
}
.IndustryNewsTitle
{
	width: 200px;
	height: 21px;
	background: url("../../Images/KM/random-thing.gif") no-repeat 0 0;
}
.IndustryNewsTitle .KK_ContentSubHeading
{
	height: 21px;
	line-height: 21px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 30px;
}
.IndustryNewsTitleNoFlash
{
	width: 200px;
	height: 21px;
	background: url("../../Images/KM/random-thing.gif") no-repeat 0 0;
}
.IndustryNewsTitleInnerNoFlash
{
	height: 21px;
	line-height: 19px;
	margin: 0;
	padding: 0;
	position: relative;
	left: 30px;
}
.IndustryNewsPanel ul
{
	position: relative;
	left: 6px;
}
.IndustryNewsPanel li
{
	height: auto;
	margin: 2px 0 2px 0;
}
.IndustryNewsPanel a
{
	position: relative;
	left: 2px;
}

/* End News Article List */

/* Utility Nav */

.UtilityNavDiv
{
	padding-top: 37px;
}
.UtilityLink
{
	display: block;
	font: normal 10px/17px "Arial Narrow",Verdana,Sans-Serif;
	color: #b2b2b2;
	text-transform:uppercase;
	letter-spacing: 1px;
}

/* End Utility Nav */

/* Top Navigation & Search Area */

.NavArea
{
	height: 36px;
}
.NavLeft
{
	/*width: 4px;
	height: 36px;
	background: url("../../Images/KM/nav-left.gif") no-repeat 0 0;
	*/
	display: none;
}
.NavRight
{
	width: 4px;
	height: 36px;
	background: url("../../Images/KM/nav-right.gif") no-repeat 0 0;
}
.NavMain
{
	width: 938px;
	height: 37px;
	background: url("../../Images/KM/nav-bg.gif") repeat-x 0 0;
}
.NavMain li
{
	background: url("../../Images/KM/nav-separator.gif") no-repeat top right;
}
.KK_SearchText
{
	width: 74px;
	height: 35px;
	background: url("../../Images/KM/search-text.gif") no-repeat 0 0;
	position: relative;
	bottom: 8px;
}
.SearchBoxDiv
{
	padding-top: 8px;
	position: relative;
	top: 1px;
	margin-right: 5px;
}
.SearchBoxMain
{
	width: 159px;
	height: 20px;
}
.SearchButton
{
	width: 17px;
	height: 20px;
	border: 0;
	cursor: pointer;
}
.SearchBoxLeft
{
	width: 3px;
	height: 20px;
	background: url("../../Images/KM/search-left.gif") no-repeat 0 0;
}
.SearchBox
{
	width: 142px;
	height: 20px;
	background: url("../../Images/KM/search-box.gif") repeat-x 0 0;
	border: 0;
	padding-top: 3px;
	color: #636363;
	font: normal 11px Arial, Sans-Serif;
	margin: 0;
}
.SearchBoxDiv .KK_NavText
{
	line-height: 20px;
	margin-right: 5px;
}

/* End Top Nav & Search */

/* Text Styles */

.LoginLink a
{
	text-decoration: underline;
	margin-right: 3px;
	position: relative;
	bottom: 2px;
}

/* Text Styles */

/* Dealer Template */

.DealerMapContent
{
	margin-top: 7px;
}
.DealerNav
{
	width: 938px;
	height: 36px;
	background: url("../../Images/KM/nav-bg.gif") repeat-x 0 0;
}
.LogoutLinkTable td
{
	line-height: 33px;
	vertical-align: middle;
	text-transform: none;
}
.DealerSearchDiv
{
	padding-top: 10px;
}
.DealerNav li
{
	display: inline;
}
.DealerNav .item
{
	padding-top: 2px;
}
.DealerNav .link
{
	text-decoration: none;
	color: #D9D9D9;
	font: bold 12px "ConduitTC Bold", Arial, Sans-Serif;
	text-transform: uppercase;
	padding: 0 20px 0 20px;
	line-height: 34px;
}
.DealerNav .link:hover
{
	cursor: pointer;
	color: #929292;
	background: #010C11;
	text-decoration: none;
}
.DealerNav .separator
{
	width: 3px;
	height: 36px;
	background: url("../../Images/KM/nav-separator.gif") no-repeat 0 0;
}
/* End Dealer Template */

/*Generic Classes */

.BN
{
	border: none;
}
.CB
{
	clear: both;
}
.CB1
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
}
.CP
{
	cursor: pointer;
}
.DB
{
	display: block;
}
.DI
{
	display: inline;
}
.DN
{
	display: none;
}
.FL
{
	float: left;
}
.FR
{
	float: right;
}
.HN:hover
{
	text-decoration: none;
}
.MA
{
	margin-left: auto;
	margin-right: auto;
}
.OH
{
	overflow: hidden;
}
.TC
{
	text-align: center;
}
.TL
{
	text-align: left;
}
.TR
{
	text-align: right;
}
.VB
{
	vertical-align: bottom;
}
.VM
{
	vertical-align: middle;
}
.VT
{
	vertical-align: top;
}
.W100
{
	width: 100%;
}

/* End Generic Classes */

/*
SIFR FONTS
These are standard sIFR styles... do not modify 
*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up 
with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by 
tweaking these decoy styles */
.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 28px;
  margin:0;
  padding:0;
}

/* Mouse-over effects - Custom_DealerMap, Custom_MPT850, Custom_MTM800 */
#Menu { top:0; left:0; height:0px; }
#Menu li { list-style:none; height:0px; }
#Menu li a { position:absolute; text-decoration:none; width:35px;  height:35px;}
#Menu li a:hover { border:solid 2px #666; background-color:#e3e3e3; filter:alpha(opacity=60); opacity: 0.60; }
.HotspotInfo { position:absolute; visibility:hidden; }
.HotspotInfo h3 { font-size:12px; }
.HotspotInfo p, .HotspotInfo table { font-size:11px;}

/* Custom_DealerMap.ascx */
#DealerImageContainer
{
	position:relative;
	height:559px;
	margin-top: 13px;
}
#DealerImageMap 
{
	margin:0; padding:0;
	top:0px; left:0px;
	position:absolute;
	background: url(../../images/kordia-map-2.gif);
	width:426px;
	height:559px;
}
#Auckland { top:130px; left:250px; }
#Tauranga { top:153px; left:291px; }
#Hamilton { top:157px; left:266px; }
#Wellington { top:272px; left:258px; }
#Christchurch { top:348px; left:202px; }

.DealersPanel { top:0px; left:426px; width:190px; height:526px; overflow:auto; font-size:17px; }
.DealersPanel h2 { margin:0; margin-bottom:5px; font-size:15px; }
.DealersPanel h3 { font-size:13px; }
.DealersPanel p { margin:10px 0px; font-size:11px; }

/* Custom_CoverageMap.ascx */
#CoverageImageContainer 
{
	position:relative;
	height:559px;
	width:100%;
	
}
#CoverageImageMap 
{
	margin:0; padding:0;
	top:0px; left:0px;
	position:absolute;
	background: url(../../images/kordia-map-2.gif);
	width:426px;
	height:559px;
}
#AucklandCoverageHotspot { top:130px; left:250px;}
#HamiltonCoverageHotspot { top:157px; left:266px; }
#WellingtonCoverageHotspot { top:272px; left:258px; }
#ChristchurchCoverageHotspot { top:348px; left:202px; }

.CoverageInfoMap 
{	
	border:solid 1px #2c4352;
	background-color:#fff;
	height:400px;
	width:400px;
	text-align:left;
}

.CoverageInfoMap table { font-family:verdana, arial; }
.CoverageInfoMap h3 {width:350px; float:left;}

/* Video Page */

.VideoDescDiv
{
	float: left;
}
.DeviceLeftTD
{
	padding-right: 11px;
}
.DeviceMainTD
{
	padding-left: 11px;
}
.VideoSplashInnerDiv
{
	width: 500px;
}
.VideoSplashPanel
{
	border-right: 1px dashed #C8C8C8;
	height: 400px;
	width: 512px;
	
}
.VideoSplashPanel .PageHeading
{
	width: 450px;
	height: 66px;
	display:inline;
}
.VideoSplashPanel .PageHeadingBullet, .VideoTextPanel .PageHeadingBullet
{
	width: 18px;
	margin-right: 7px;
}
.MoviePanel
{
	padding-top: 11px;
	display: block;
}

/*------------------------------------*/
.ValidateError
{
	white-space: nowrap;
}
.SiteBy a
{
	color: #FFF;
	position: relative;
	top: 7px;
}
#DealerContainer .KK_ContentSubHeading *
{
	visibility: hidden !important;
}
.MovLink
{
	text-transform: capitalize;
}
.VideoMainContentTD .KK_ContentHeading
{
	text-transform: uppercase;
}

/* Navigation Images and such */

.TopNavigationDiv span
{
	height: 37px;
	overflow: hidden;
	float: left;
}
.KKNavSep
{
	width: 1px;
	height: 37px;
	overflow: hidden;
	float: left;
	background: url("../../Images/KK_Navigation/nav-sep.png") no-repeat 0 0;
}
#Nav1a
{
	width: 109px;
	background: url("../../Images/KK_Navigation/devices.png") no-repeat 0 0;
}
#Nav1b
{
	width: 109px;
	background: url("../../Images/KK_Navigation/devices2.png") no-repeat 0 0;
	display: none;
}
#Nav2a
{
	width: 134px;
	background: url("../../Images/KK_Navigation/integrated-gps.png") no-repeat 0 0;
}
#Nav2b
{
	width: 134px;
	background: url("../../Images/KK_Navigation/integrated-gps2.png") no-repeat 0 0;
	display: none;
}
#Nav3a
{
	width: 139px;
	background: url("../../Images/KK_Navigation/digital-network.png") no-repeat 0 0;
}
#Nav3b
{
	width: 139px;
	background: url("../../Images/KK_Navigation/digital-network2.png") no-repeat 0 0;
	display: none;
}
#Nav4a
{
	width: 119px;
	background: url("../../Images/KK_Navigation/applications.png") no-repeat 0 0;
}
#Nav4b
{
	width: 119px;
	background: url("../../Images/KK_Navigation/applications2.png") no-repeat 0 0;
	display: none;
}
#Nav5a
{
	width: 125px;
	background: url("../../Images/KK_Navigation/where-to-buy.png") no-repeat 0 0;
}
#Nav5b
{
	width: 125px;
	background: url("../../Images/KK_Navigation/where-to-buy2.png") no-repeat 0 0;
	display: none;
}
.VideoMiddleContentTD
{
	border: 0;
}
.LoginMiddleTD
{
	width: 523px;
	border-right: 1px dashed #C8C8C8;
	padding-right: 10px;
}
.LoginMiddleDiv
{
	padding-left: 20px;
}
.LoginRightTD
{
	width: 111px;
}
.KK_Articles ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
.KK_Articles li
{
	float: left;
	padding: 0 5px 0 5px;
	font-size: 10px;
}
.KK_Articles li .Selected
{
	text-decoration: underline;
	font-size: 10px;
}