
/* Main Nav Styles---------------------------------------------------------------------------------------------*/	
#MainNavWrapper {
	height:12px;
}
#MainNav {
	position: relative;
}
#MainNav p {
	margin:0;
	padding:0;
}
ul#MainNav {
	margin:0;
	padding:0;
	background-image: url('/Templates/Images/Buttons/MainNav.gif');
	height:12px;
}
ul#MainNav li {
	display:inline;
	cursor: pointer;
	text-transform:uppercase;
	height:12px;
}
ul#MainNav li a {
	display:block;
	position:absolute;
	top:0;
	text-indent:-9999px;
	outline:none;
	height:12px;
}

li#Products a, li#News a, li#Support a, li#Downloads a, li#DealerLocator a, li#ContactUs a, li#DealerArea a{
	background-image: url('/Templates/Images/Buttons/MainNav.gif');
}
li#Products a {
	background-position:-26px 0px;
	width:82px;
	left:26px;
}
li#Products a:hover {
	background-position:-26px -12px;
}
li#News a {
	background-position:-129px 0px;
	width:49px;
	left:129px;
}
li#News a:hover {
	background-position:-129px -12px;
}
li#Support a {
	background-position:-200px 0px;
	width:71px;
	left:200px;
}
li#Support a:hover {
	background-position:-200px -12px;
}
li#Downloads a {
	background-position:-294px 0px;
	width:97px;
	left:294px;
}
li#Downloads a:hover {
	background-position:-294px -12px;
}
li#DealerLocator a {
	background-position:-416px 0px;
	width:94px;
	left:416px;
}
li#DealerLocator a:hover {
	background-position:-416px -12px;
}
li#ContactUs a {
	background-position:-538px 0px;
	width:73px;
	left:538px;
}
li#ContactUs a:hover {
	background-position:-538px -12px;
}
li#DealerArea a {
	background-position:-631px 0px;
	width:105px;
	left:631px;
}
li#DealerArea a:hover {
	background-position:-631px -12px;
}
/*  
Measurements for the nav image replacement:
 
	The distance from the top to the .
	
	initial state = 0 
	rollover state = 12px
	selected state = 12px

	The distance from the left to the.
	
	Products = 26px
	News = 129px
	Support = 200px
	Downloads = 294px
	DealerLocator = 416px
	ContactUs = 538px
	DealerArea = 631px


	The width of the.
	
	Products = 82px
	News = 49px
	Support = 71px
	Downloads = 97px
	DealerLocator = 94px
	ContactUs = 73px
	DealerArea = 105px

*/
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
	position:absolute;
	top: 0;
	padding:5px 0 10px 0;
	/*border-top-width: 8px;*/ /*Top border width. Should match height of .ddcolortabsline above*/
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	font:normal 12px Arial;
	line-height:18px;
	z-index:9999!important;
	visibility: hidden;
	background:url(/Templates/Images/Common/drop-down-bg.jpg) left top repeat-y;
}
.dropmenudiv a {
	display: block;
	text-indent:2px;
	padding:2px 20px 2px 10px;
	text-decoration: none;
	color:#ffffff;
}
* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
}
.dropmenudiv a:hover { /*THEME CHANGE HERE*/
	background-color:#193a6a;
}
/* Sub Nav Styles---------------------------------------------------------------------------------------------*/	
#SubNavWrapper {
	width:229px;
	min-height:400px;
}
#SubNav {
	margin:0 0 0 6px ;
	padding:6px 0 10px 0;
	width:218px;
}
#SubNav ul {
	margin:0;
	padding:0;
	list-style: none;
}
#SubNav li {
	margin:0;
	padding:0;
	cursor: pointer;
	border-bottom:1px solid #acacac;
	list-style-type:none;	
	color:#ffffff;
}
#SubNav li.selected p {
	/*background-color:#d7d7d7;*/
	font-weight:bold;
	background:url(/Templates/Images/Icons/subnav-arrow-selected.gif) 0 4px no-repeat;
}
#SubNav a {
	/*display: block;*/
	margin:0;
	text-decoration:none;	
	color:#ffffff;
}
#SubNav div {
	/*any styles we need to apply to all divs within the main navigation*/
	padding:5px 0 4px 0;
	cursor: pointer;
}
#SubNav div:hover {
	cursor: pointer;
	/*background-color:#d7d7d7;*/
}
#SubNav p {
	/*if the navigation is images then don't display the text*/
	margin:0 0 0 10px;
	padding:0 7px 0 13px;
	color:#ffffff;
	font-size:8pt;
	background:url(/Templates/Images/Icons/subnav-arrow.gif) 0 4px no-repeat;
}
#SubNav li ul {
	margin:0;
	padding:0px 10px 10px 25px;
}
#SubNav li ul li {
	margin:0 0 0 2px;
	padding:0 7px 0 11px;
	background:url(/Templates/Images/Icons/subnav-circle.gif) 0 4px no-repeat;
	border:none;
	line-height:15px;
	font-size:8pt;
	list-style-type:none;
}
#SubNav li ul li.selected {
	background:url(/Templates/Images/Icons/subnav-circle-selected.gif) 0 4px no-repeat;
}
#SubNav li ul li.selected a {
	font-weight:bold;
}
/* TertiaryNav Styles---------------------------------------------------------------------------------------------*/	
#ContentWide #TertiaryNavWrapper {
	margin-top:0;
}
#TertiaryNavWrapper {
	margin-top:15px;
	margin-bottom:20px;
	height:20px;
	font-size:9pt;
	height:19px;
}
#TertiaryNav {
	margin:0;
	height:19px;
	font-family: Arial, Helvetica, sans-serif;
}
#TertiaryNav ul {
	float:left;
	margin:0;
	padding-top:2px;
	padding-left:0;
	list-style-type:none;
	color:#000;
	height:19px;
	border-left:1px solid #056bb1;
}
#TertiaryNav ul li {
	float:left;
	padding-left:7px;
	padding-bottom:0;
	height:15px;
	color:#056bb1;
}
#TertiaryNav ul li.selected a {
	color:#0D469D;
}
#TertiaryNav ul li a:hover {
	color:#e2383f;
}
#TertiaryNav ul li a {
	/*display: block;*/
	color:#000000;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	text-decoration:none;
}
/* FooterNavWrapper Styles---------------------------------------------------------------------------------------------*/	
#FooterNavWrapper {
	float:left;
	padding-left:16px;
	padding-top:18px;
	font-size:9px;
	width:593px;
	background-color:#B6B7BA;
}
#FooterNav {
	margin:0;
	padding:0;
	height:21px;
}
ul#FooterNav {
	margin-left:0px;
	padding-top:0;
	list-style-type:none;
}
#FooterNav li {
	float:left;
	padding-right:3px;
	display:inline;
	cursor: pointer;
	color:#666;
	padding-bottom:0;
}
#FooterNav a {
	color: #000000;
	/*display: block;*/
	padding:0;
	margin:0;
	text-decoration:none;
	font-size:11px;/*for horizontal add float*/
}
#FooterNav a:hover {
	text-decoration:underline;
}
/* Site Map Styles---------------------------------------------------------------------------------------------*/	
#ContentRightWrapper #SiteMapWrapper {
	width:720px;
}
#ContentRightWrapper #SiteMapWrapper #SiteMapLeft {
	float:left;
	width:280px;
	margin-left:26px;
}
#ContentRightWrapper #SiteMapWrapper #SiteMapRight {
	float:right;
	margin-right:130px;
	width:214px;
}
#ContentRightWrapper #SiteMapWrapper ul {
	margin-left:0;
	padding-bottom:10px;
	padding-left:10px;
	font-weight:bold;
	list-style-type:square;
}
#ContentRightWrapper #SiteMapWrapper h2 {
	color:#E2383F;
}
#ContentRightWrapper #SiteMapWrapper ul li {
	margin:8px 7px 1px 20px;
	font-size:10pt;
	font-style:normal;
	list-style-type:square;
	line-height:13px;
}
#ContentRightWrapper #SiteMapWrapper ul li a {
	color:#0D469D;
	text-decoration:underline;
	font-weight:normal;
}
#ContentRightWrapper #SiteMapWrapper ul li a:hover {
	text-decoration:none;
}
#ContentRightWrapper #SiteMapWrapper ul li ul {
	margin:0;
	padding:2px 0 10px 19px;
	font-weight:bold;
}
#ContentRightWrapper #SiteMapWrapper ul li ul li {
	list-style-type:square;
}
#ContentRightWrapper #SiteMapWrapper ul li ul a {
	color:#0D469D;
	font-size:10pt;
	text-decoration:underline;
	font-weight:normal;
}
#ContentRightWrapper #SiteMapWrapper ul li ul a:hover {
	text-decoration:none;
}

