/* ok */
body {
	margin:0;
	padding:0;
	border:0;
	background:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
img {
	margin:0;
	padding:0;
	border:0 !important;
	}
/* old styles still in use */
/* newer styles listed at bottom */
/* begin links */

.sidelinks {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	clip: rect( );
	width: 120px;
	height: 15px;
	white-space: nowrap;
	}
a.sidelinks:hover {
	color: #000000;
	background: #e6e6e6;
	clip: rect( );
	width: 120px;
	height: 15px;
	line-height: 14px;
	text-decoration: none;
	}
.sidelinksPRODUCTS {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	}
a.sidelinksPRODUCTS:hover {
	background: #e6e6e6;
	}
.sidelinksWrap3lines {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	clip: rect( );
	width: 120px;
	height: 40px;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: none;
	}
a.sidelinksWrap3lines:hover {
	color: #000000;
	background: #e6e6e6;
	line-height: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: none;
	}
.sidelinksWrap {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	width: 120px;
	height: 25px;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: none;
	}
a.sidelinksWrap:hover {
	color: #000000;
	background: #e6e6e6;
	width: 120px;
	height: 25px;
	line-height: 12px;
	text-decoration: none;
	border: none;
	}
.marketlinks {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	clip: rect( );
	text-decoration: none;
	}
.LinkCategory {
	font: bold normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	width: 120px;
	height: 16px;
	clip: rect( );
	}
.linkedheading {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: top;
	}
/* end links */
/* begin text */
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.2em;
	}
h1 {
	padding:0 0 1em 0;
	font-size:32px;
	}
h2 {
	padding:0 0 1em 0;
	font-size:24px;
	}
h3 {
	padding:0 0 1em 0;
	font-size:19px;
	}
h4 {
	padding:0 0 1em 0;
	font-size:16px;
	}
h5 {
	padding:0 0 1em 0;
	font-size:13px;
	}
h6 {
	padding:0 0 1em 0;
	font-size:11px;
	}
.comboboxlite {
	font: 10px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	}
.breadcrumb {  
	font: 10px Arial, Helvetica, sans-serif; 
	color: #000000;
	background:#E6E6E6;
	padding-left:8px;
	width:100%;
	}
.ptext10 {
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	}
.ptextitalics {
	font: italic 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
.market {
	font: normal 18px/normal Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	}
.productTypes {
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	}
.maintext {
	font: normal 11px/normal Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	}
.smallwhite {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
.smalltext {
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	}
.contactText {
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	}
.ptext {
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
.smalltext {
	font: 10px/10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	}
/* end text */
/* begin heading */
.productHeading {
	font-weight:bold;
	font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	}
.heading10 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	}
.productPageHeading20 {
	font: bold 18px/normal Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	}
.heading11 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	}
.darkbarHeader {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	clip: rect( );
	text-decoration: none;
	}
.heading14 {
	font: bold 14px/normal Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
/* end heading */
/* begin list text*/
.list {
	font: 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
.listText {
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin:0;
	padding:0;
	}
.listGrey {
	font: 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-image: url(/graphics/arrow.gif) ;
	color: #333333;
	}
.listBlue {
	font: 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-image: url(/graphics/arrow.gif);
	color: #333333;
	}
/* end list text*/
/* end old styles still in use*/
/* begin new styles */
.heading-alt01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
.heading-alt02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FD7D01;
	}
.heading-alt03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	}
/*- alternative links -*/
A.alt:link {
	color: #FD7D01;
	text-decoration: underline;
	}
A.alt:visited {
	color: #FD7D01;
	text-decoration: underline;
	}
A.alt:active {
	text-decoration: underline;
	}
A.alt:hover {
	color: #FD7D01;
	text-decoration: none;
	}
/* header bars :: added 6.1.04 by kyle */
/* Sneak Peek Header : dark red header : 100% */
dl.sneak {
	width:100%;
	margin:0;
	padding:0;
	}
dt.sneak {
	margin:0;
	padding:5px;
	background: #300 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	}
dd.sneak {
	margin:0;
	padding:0;
	color:#FC3;
	}
/* Blue header bar : 100% */
dl {
	width:100%;
	margin:0;
	padding-bottom:8px;
	}
dt {
	margin:0;
	padding:5px;
	background: #069 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
dd {
	margin:0;
	padding:0;
	color:#FC3;
	}
/* Blue header bar : 60% */
dl.hBlue {
	width:60%;
	margin:0;
	padding:0;
	}
dt.hBlue {
	margin:0;
	padding:5px;
	background: #069 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	}
dd.hBlue {
	margin:0;
	padding:0;
	color:#FFF;
	}
dl.blueBox {
	width:100%;
	margin:0;
	padding:0px;
	}
dt.blueBox {
	margin:0;
	padding:5px;
	background: #069 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	}
dd.blueBox {
	margin:0;
	padding:0;
	color:#FC3;}
/* Grey header bar : 100% */
dl.grey100 {
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	}
dt.grey100 {
	margin: 0;
	padding: 5px;
	background: #CCC url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#000;
	}
/* Grey header bar : 60% */
dl.hGrey {
	width:60%;
	margin:0;
	padding:0;
	}
dl.hGrey dt, dl.hGreyLocal dt {
	margin:0;
	padding:5px;
	background: #CCC url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#000;
	}

dl.greyBox {
	width:100%;
	margin: 0;
	padding:0;
	}
dt.greyBox {
	margin:0;
	padding:5px;
	background: #999 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	}
dd.greyBox {
	margin:0;
	padding:0;
	color:#999;}
/* Orange header bar : 100% */
dl.orange100 {
	width:100%;
	margin:0;
	padding:0;
	}
dt.orange100 {
	margin:0;
	padding:5px;
	background: #FD7D01 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	}
/* Orange header bar : 60% */
dl.orange60 {
	width:60%;
	margin:0;
	padding:0;
	}
dt.orange60 {
	margin:0;
	padding:5px;
	background: #FD7D01 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	}
/* package includes header */
dl.info {
	width:100%;
	margin:0 0 0.5em 0;
	padding:0 8px 0 0;
	}
dt.info {
	margin:0;
	padding:5px;
	background: #CCC url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#000;
	}
/* Header bar used on the product pages */
dl.features {
	width:600px;
	margin:0px 0px 0px 0px;
	}
dt.features {
	margin:0px;
	padding:5px;
	background:#069 url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#FFF;
	}
dd.features {
	margin:0px;
	padding:0px;
	color:#FFF;
	}
/* Header bar used over the product page Icons */
.iconHdr {
	margin:2px 2px 8px 2px;
	padding:4px;
	background:#CCC;
	}
/* Used on Product landing pages (Aviation, Marine, etc.) */
#navlist dl dt {
	padding:0 0 4px 0;
	background-color:#FFF;
	}
dl dt.navList {
	padding:0 0 4px 0;
	background-color:#FFF;
	}
/* Product Page Containers */
.pContainer {
	padding:12px 0 5px 0;
	border-bottom:1px dotted #666;
	width:150px;
	float:left;
	}
.pThumb {
	margin:0 3px 3px 0;
	float:left;
	}
/* Market Page Containers */
#latestLeft {
	margin:0;
	padding:0;
	}
.container {
	padding:12px 0 5px 0;
	border-bottom:1px dotted #666;
	width:290px;
	float:left;
	clear:none;
	}
.thumb {
	margin:0 5px 5px 0;
	float:left;
	}
.pressroom {
	margin:0;
	padding:12px 0;
	border-bottom:1px dotted #666;
	width:95%;
	float:left;
	}
/* Gray Header bar for "tools" */
dl.tools {
	width:260px;
	margin:0px 0px 0px 0px;
	}
dt.tools {
	margin:0px;
	padding:5px;
	background:#CCC url(/graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#666;
	}
dd.tools {
	margin:0px;
	padding:0px;
	color:#FFF;
	}
/* left-hand sidebar list styles :: added by Kyle 7.16.04 */
#packageList {
	border: none;
	margin:2px 4px 12px 0;
	padding:0 4px 0 1em;
	}
#optionalList {
	border:0;
	margin:2px 4px 12px 0;
	padding:0 4px 0 1em;
	}
#features {
	border: none;
	margin: 0;
	width: 100%;
	padding-left: 1em;
	}
#features li {
	margin-top:8px;
	}

.price {
	margin:0 0 1em 0;
	padding:.5em 0 0 0;
	border:2px dotted #CCC;
	border-width:2px 0;
	width:60%;
	}
.price p {
	margin:0 0 .5em 0;
	padding:0;
	}

/* Style added 8.06.04 - this box is part of the media gallery redesign */
.sideBox {
	margin:0;
	padding:4px 10px 10px;
	border:2px solid #CCCCCC;
	}
.popBox {
	margin:0;
	padding:10px;
	border:2px solid #FD7D01;
	}
dl.product {
	width:100%;
	margin:8px 0;
	padding:0 8px 0 0;
	}
dt.product {
	margin:0;
	padding:5px;
	background: #CCCCCC url(../graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#333;
	}
dl.media {
	width:100%;
	margin:0;
	padding:0 8px 0 0;
	}
dt.media {
	margin:0;
	padding:5px;
	background: #EEEEEE url(../graphics/gr-cornerTop300.gif) no-repeat top right;
	color:#333;
	}
/* callout boxes - used on the product pages for map source compatibility, etc. */
div#marketBox {
	margin:0;
	padding:0;
	float:right;
	width:100%;
	}
div.calloutBar {
	margin:0;
	padding:0;
	background:#E6E6E6 none;
	border:1px solid #999;
	text-align:left;
	}
div.calloutArrow {
	float:left;
	margin:0 8px 0 0;
	padding:2px 0;
	background:#069 none;
	}
div.calloutTitle {
	float:left;
	padding:2px 0;
	vertical-align:middle;
	color:#333;
	font-weight:bold;
	}
div.spacer {
	clear:both;
	margin:0;
	padding:0;
	}
/* revised callout boxes - phase this style in over the above style */
#calloutArea {
	float: right;
	margin-left: 8px;
	}
#calloutArea select {
	width:180px !important;
	}
.calloutBox {
	margin: 0 8px 16px;
	width: 200px;
	font: 11px Arial, Helvetica, sans-serif;
	}
.calloutHeader {
	background: #E6E6E6 url(/graphics/gr-arrowBlue.gif) no-repeat top left;
	padding: 3px 0 3px 20px;
	color: #333;
	font-weight: bold;
	border: 1px solid #999;
	}
div.calloutContent {
	border: 1px solid #999;
	border-width: 0 1px 1px 1px;
	margin: 0px;
	padding: 8px;
	color:#000 !important;
	}
/* Styles added 8-14-04 for Product Pages */
table.products {
	border:2px solid #CCC;
	margin-bottom:24px;
	}
table.products td {
	border-right:1px solid #CCC;
	padding:6px;
	}
table.products td.last {
	border-right:none;
	}
div.new {
	width:99%;
	margin:0 0 8px 0;
	padding:0 0 2px 0;
	border-bottom:2px solid #D55500;
	font:bold 10px/1 Verdana, Arial, sans-serif;
	color:#D55500;
	text-align:left;
	}
/* Sidemenu Styles : added 10-19-04 */
div#sidemenu {
	width:120px;
	margin:0;
	padding:0;
	}
div#sidemenu dl {
	margin:0;
	padding:0;
	width:120px;
	background:#FFF none;
	text-align:right;
	border:2px solid #999;
	border-top:none;
	border-left:none;
	}
html>body div#sidemenu dl {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
margin:0;
	padding:0;
	width:118px;
	background:#FFF none;
	text-align:right;
	border:2px solid #999;
	border-top:none;
	border-left:none;
	}
div#sidemenu dt {
	margin:0;
	padding:8px 4px 2px 4px;
	border-bottom:1px solid #999;
	background:#FFF none;
	}
div#sidemenu dt.cell {
	margin:0;
	padding:8px 4px 2px 4px;
	height:12px;
	border-bottom:1px solid #999;
	background:#FFF none;
	}
div#sidemenu dt.cellLast {
	margin:0;
	padding:8px 4px 2px 4px;
	height:12px;
	border-bottom:none;
	background:#FFF none;
	}
div#sidemenu a:link {
	font:normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	display:block;
	}
div#sidemenu a:visited {
	font:normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	display:block;
	}
div#sidemenu a:hover {
	background:#E6E6E6 none;
	}
/* Sidemenu Styles : added 11-30-04 */
#sidenav {
	width:120px;
	font:normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #fff none;
	}
#sidelinks {
	margin:0;
	padding:0;
	width:120px;
	text-align:right;
	border:2px solid #999;
	border-top:none;
	border-left:none;
	}
/* Correct value for browsers that don't suffer from IE Win's bugs */
html>body #sidelinks {
	width: 118px;
	}
#sidelinks dt {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
	background: #FFF none;
	}
#sidelinks dt.cell {
	margin:0;
	padding:8px 4px 2px 4px;
	height:12px;
	border-bottom:1px solid #999;
	background:#FFF none;
	}
#sidelinks dt.cellLast {
	margin:0;
	padding:8px 4px 2px 4px;
	height:12px;
	border-bottom:none;
	background:#FFF none;
	}
#sidelinks a:link, #sidelinks a:visited {
	display: block;
	padding: 8px 4px 2px 4px;
	font:normal 10px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	}
#sidelinks a:hover {
	background:#E6E6E6 none;
	}
/* text color */
.textWhite {
	color: #FFF;
	}
.textBlack {
	color: #000;
	}
.textGrey {
	color: #666;
	}
.debugger {
	border:4px solid #f0f }
	
	/* BEGIN TOP NAV BAR
--------------------------------------------------*/
div#menubar {
	/*width: 100% !important;*/
	height: 41px;
	padding: 3px 0;
	margin: 0 auto;
	font: bold 12px arial, helvetica, serif;
	background:#000;
	}
/* commented backslash hack - items within this comment will apply to browsers EXCEPT IE MAC \*/
div#menubar {
	height:30px;
	}
/* end hack */
html>body div#menubar {
	padding:5px 0;
	}
#nav {
	font: bold 12px/1.8em arial, helvetica, serif;
	width:750px;
	margin:0 0 0 8px;
	padding: 5px 0 0 0;
	background:#000 none;
	}	

/* Menu Name Style
--------------------------------------------------*/
	/* formats nav bar text */
#nav a {
	font: bold 12px/1.8em arial, helvetica, serif;
	color: white;
	text-decoration: none;
	padding-right:10px;
	background:#000 none;
	border-right:1px solid white; 
	}
	/* used to remove the divider line next to the Garmin logo */
#nav a.nomark {
	border:none;
	padding-right:0;
	}
	/* positions nav bar text */
		/* =v= problem child in IE MAC, the hack below fixes a width problem =v= */
#nav li {
	font: bold 12px/1.8em arial, helvetica, serif;
	list-style: none;
	float: left;
	width:75px;
	position: relative;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: left;
	background:#000 none;
	border:none;
	}
		/* commented backslash hack - items within this comment will apply to browsers EXCEPT IE MAC \*/
#nav li {
	list-style: none;
	width: auto;
	}
		/* end hack */


/* Submenu Styles
--------------------------------------------------*/
	/* spaces between individual links */
#nav li li a {
	font: normal 12px/1.5em arial, helvetica, serif;
	display: block;
	width:140px;
	color: #000;
	padding: 4px 8px;
	border: 1px solid #999;
	border-top: none;
	background: #FFF none;
	}
	/* rollover styles */
#nav li li a:hover {
	font: normal 12px/1.5em arial, helvetica, serif;
	display: block;
	padding: 4px 8px;
	border: 1px solid #999;
	border-top: none;
	background: #EEE none;
	}
	/* dropdown position */
#nav ol {
	font: normal 12px/1.5em arial, helvetica, serif;
	list-style: none;
	padding:10px 0 0 0;
	margin:0;
	}
	/* hides the submenus */
#nav li ol {
	font: normal 12px/1.5em arial, helvetica, serif;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 8px 0 0 0;
	}

#nav li>ol {
	font: normal 12px/1.5em arial, helvetica, serif;
	top: auto;
	left: auto;
	}

#nav li li {
	font: normal 12px/1.5em arial, helvetica, serif;
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	}

#nav li:hover ol, #nav li.over ol {
	font: normal 12px/1.5em arial, helvetica, serif;
	display: block;
	}
	
div#garmin {
	float:left;
	margin: 0;
	padding: 0 24px 0 0;
	width:147px;
	}