/*  -------------------------------------------------------------- */
/*  TABLE OF CONTENTS -------------------------------------------- */
/*  -------------------------------------------------------------- */
/*	Search for text within brackets
	
	
	1) Reset 			(RSET)
	2) Classes			(CLAS)
	3) Body 			(BODY)
	4) Container		(CONT)
	5) Header			(HEAD)
	6) Navigation		(NAV)
	7) Content			(CONT)
	   7a) Left Col		(LCOL)
	   7b) Center Col	(CCOL)
	   7c) Right Col	(RCOL)
	8) Footer			(FOOT)
	9) Page Specific	(PAGE)
	

// */

/* Reset styles (RSET)----------------------------------------------------------------- */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
	table { border-collapse: collapse; border-spacing: 0; }
	img { border: 0; }
	address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
	caption,th { text-align: left; }
	h1,h2,h3,h4,h5,h6 { font-weight: bold; }
	abbr,acronym { border: 0; }

/* body styles (BODY)-------------------------------------------------------------- */
	body {
		font-family:  arial, helvetica, sans-serif;
		font-size: 11px;
		color: #555;
		background: transparent url() repeat-x scroll 0 100px;
		position: relative;
	}
	
	h1 {
		font-size: 18px;
		color: #00548e;
		margin-bottom: 11px;
	}
	h2 {
		font-size: 12px;
		line-height: 16px;
		color: #78a53b;
		text-transform: uppercase;
		margin-bottom: 11px;
		margin-top: 11px;
		font-weight: bold;
	}
	h3 { 
		font-size: 12px;
		line-height: 16px;
		color: #555;
		margin: 11px 0;
		
	}
	h4 {
		text-transform: uppercase;
		color: #00548e;
		padding-bottom: 5px;
		font-size: 11px;
		line-height: 14px;
		margin-top: 20px;
	}
	h5 {
		font-size: 12px;
		line-height: 16px;
		color: #555;
		margin: 11px 0;
	}
	h6 {
		font-size: 12px;
		line-height: 16px;
		color: #555;
		margin: 11px 0;
	}
	p {
		line-height: 16px;
		margin-bottom: 11px;
	}
	a {
		color: #00548e;
		text-decoration: none;
	}
	a:hover {
		
	}
	
/* Classes (CLAS)-------------------------------------------------------------- */
	.features, #center-column ul {
		margin-bottom: 9px;
		margin-top: 4px;
		list-style: none;
	}
	.features li, #center-column ul li {
		margin-left: 15px;
		padding-left: 20px;
		margin-bottom: 10px;
		background: transparent url(../images/arrowBoxGrey.gif) no-repeat 0 2px scroll;
	}
	.download-link {
		padding-left: 20px;
		margin: 20px 0 20px 15px;
		background: transparent url(../images/icon-document.gif) no-repeat 0 0px scroll;
	}
	.column {
		width: 200px;
		float: left;
		overflow: hidden;
		padding-left: 0px;
		margin-left: 0px;
		border-left: 1px dotted #ccc;
		position: relative;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
	}
	.column h2 { 
		font-size: 11px; 
		margin-bottom: 5px;
	}
	.column p { margin-bottom: 5px; }
	.column ul { 
		margin-left: 0px;
		list-style: none;
	}
	html body #main .first { border: 0; }
	.last { padding-right: 0; margin-right: 0; }
	.more-info {
		background: transparent url(../images/arrowBoxGreen.gif) no-repeat 0 3px scroll;
		padding-left: 17px;
		margin-top: 40px;
	}
	.more-info a { color: #78a53b; }
	.hide { display: none; }
	.current { font-weight: bold; }
 	.logo-img { display: none; }
	.green-underline { 
		border-bottom: 3px solid #78a53b;
	}
	.features .link-list li,
	.green { color: #78a53b; }
	.green a { font-weight: bold; color: #78a53b; }
	.bullet-green {
		padding-left: 20px;
		margin-bottom: 10px;
		background: transparent url(../images/arrowBoxGreen.gif) no-repeat 0 2px scroll;
		color: #78a53b;
	}
	html body #container #main li.bullet-green  { background-image: url(../images/arrowBoxGreen.gif); }
	html body #container #main .footnote { 
		background: none; 
		padding: 0 0 0 5px;
		margin-left: 15px;
		color: #999;
	}
	.indent { 
		text-align: right; 
		padding-right: 10px;
	}
	
	/* Table Styles -------------------------------------------------------------- */
	table, .table-1 { /* Remember:  Tables are for data only */
		margin-bottom: 23px;
		border-collapse: collapse;
		margin-left: 0px;
		width: 500px;
	}
	thead, .table-1 thead { background: #ddd; }
	th, .table-1 th {
		color: #555;
		font-weight: bold;
	}
	th, td, .table-1 th, .table-1 td { padding: 8px 7px 6px 7px; }
	table .even, .table-1 .even { background: #EEE; }

/* Container (CONT) -------------------------------------------------------------- */
	#container {
		width: 960px;
		position: relative;
		
		/* DEV ---------------------------------------------------------- */
/*			opacity: 0.5;*/
		/* -------------------------------------------------------------- */
	}
/* Header (HEAD) -------------------------------------------------------------- */
	#header {
		height: 240px;
		background: transparent url(../images/title-box.jpg) no-repeat bottom left scroll;
	}
	.logo {
		margin: 0;
		padding: 0;
	}
	.logo a {
		background: transparent url(../images/logo.gif) no-repeat top left scroll;
		display: block;
		width: 123px;
		height: 39px;
		overflow: hidden;
		text-indent: -1337px;
		text-decoration: none;
		position: absolute;
		top: 35px;
		left: 31px;
	}
	#title-header {
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 1;
	}
	#title-header h2 { /* sIFR */
		color: #78a53b;
		font-size: 24px;
		margin: 0;
	}
	#title-header p { /* sIFR */
		color: white;
		font-size: 15px;
		margin: 0;
	}

/* Navigation (NAV) -------------------------------------------------------------- */
	#top-navigation ul,
	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#top-navigation a, 
	#navigation a {
		text-decoration: none;
	}
	#top-navigation {
		position: absolute;
		right: 0px;
		top: 15px;
	}
	#top-navigation ul li {
		float: left;
		margin-left: 10px;
		background: transparent url(../images/arrowBoxGreen.gif) no-repeat left center scroll;
		height: 10px;
		line-height: 13px;
	}
	#top-navigation a {
		display: block;
		color: #78a53b;
		margin-left: 15px;
	}
	
	#navigation {
		position: absolute;
		top: 78px;
		left: 200px;
		z-index: 1000;
	}
	#navigation ul ul { display: none; }
	#navigation li a {
		display: block;
		height: 23px;
		overflow: hidden;
		text-indent: -1337px;
		text-decoration: none;
		position: relative;
		z-index: 100000;
	}
	#navigation li {
		float: left;
		margin-right: 30px;
	}
	html body #nav-home a { 
		background-image: url(../images/nav/nav-home.gif); 
		width: 29px;
	}
	html body #nav-home a:hover { background-position: 0 -22px; }
	html body #nav-products a { 
		background-image: url(../images/nav/nav-products.gif); 
		width: 54px;
	}
	html body #nav-solutions a { 
		background-image: url(../images/nav/nav-solutions.gif); 
		width: 57px;
	}
	html body #nav-about-us a { 
		background-image: url(../images/nav/nav-aboutus.gif); 
		width: 50px;
	}
	html body #nav-gps a { 
		background-image: url(../images/nav/nav-gps.gif); 
		width: 61px;
	}
	html body #nav-catalogs a { 
        background-image: url(../images/nav/nav-catalogs.gif); 
        width: 51px;
    }
	html body #nav-catalogs a:hover { background-position: 0 -22px; }
	html body #nav-support a { 
		background-image: url(../images/nav/nav-support.gif); 
		width: 46px;
	}
	html body #nav-contact a { 
		background-image: url(../images/nav/contact-sales.gif); 
		width: 81px;
		height: 22px;
	}
	html body #nav-contact a.current {
		background-position: 0 22px;
	}
	html body #nav-contact {
		position: absolute;
		left: 680px;
		margin-top: 0px;
	}
	html body #nav-contact a:hover {
		background-position: 0 22px;
	}
	
	#home #nav-home .current,
    #product-listing #nav-products .current,
    #product-detail #navproducts- .current,
    #solutions #nav-solutions .current,
    #about-us #nav-about-us .current,
    #gps-gnss #nav-gps .current,
    #support #nav-support .current,
    #catalogs #nav-catalogs .current {
       background-position: 0 -22px;
        }

	#navigation .current { background-position: 0 -22px; }
	#navigation .last { border: none; }
	#navigation ul a { cursor: default; }
	#navigation ul ul a,
	#navigation ul #nav-home a,
	#navigation ul #nav-catalogs a,
	#navigation ul #nav-contact a { cursor: pointer; }
	
		#navigation ul ul {
			background: #fff;
			position: absolute;
			z-index: 100;
			top: 22px;
			margin-left: -15px;
			padding: 10px 10px 0 10px;
			border: 1px solid #00458e;
			
		}
		#navigation ul ul li {
			float: none;
			margin: 0;
			background: none;
			height: auto;
			width: 200px;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 5px;
			margin-bottom: 5px;
		}

		#navigation ul ul li a {
			background: none;
			text-indent: 0;
			height: auto;
			color: black;
			width: auto;
			display: inline-block;
		}
		#navigation ul ul li a:hover { color: #00548e; }
		#navigation .highlighted { 
			background-position: 0 -45px; 
		}
	

/* Content (Cont) -------------------------------------------------------------- */
	#main {
		padding: 20px 0 0 30px;
		color: #555;
	}
	/* Left Column (LCOL) -------------------------------------------------------------- */
		#left-nav {
			width: 170px;
			overflow: hidden;
			margin: -10px 20px 20px 0px;
			float: left;
		}
		#left-nav a {
			border-top: 1px dotted #ccc;
			display: block;
			color: #00548e;
			text-decoration: none;
			line-height: 11px;
			background: transparent url(../images/arrowSmallGreen.gif) no-repeat 7px 11px scroll;
			padding: 7px 0 7px 17px;
			position: relative;
		}
		#left-nav ul { 
			list-style: none; 
			border-bottom: 1px dotted #ccc;
		}
		#left-nav ul ul { border: 0; } 
		#left-nav ul li { height: 1%; }
		#left-nav ul ul li a { 
			padding-left: 27px; 
			background-position: 17px 11px;
		}
		#left-nav h3 {
			font-size: 18px;
			border-bottom: 3px solid #78a53b;
			padding-bottom: 0px;
			padding-left: 8px;
			margin-bottom: 10px;
		}
		#left-nav a:hover { background-color: #eee; }
		

	/* Center Column (CCOL) -------------------------------------------------------------- */
		#center-column {
			width: 500px;
			overflow: hidden;
			border: 1px dotted #ccc;
			border-width: 0 1px 0 1px;
			padding: 0 20px 50px 20px;
		}
		#center-column h2 { margin-bottom: 6px; }

		.breadcrumbs { 
			color: #555; 
			margin: 3px 0 20px 0;
		}
		
		.breadcrumbs a {
			text-decoration: none;
			color: #00548e;
		}
		.one-column #center-column { 
			border: 0; 
			width: 960px;
			padding: 0;
			overflow: hidden;
			position: relative;
		}
		.one-column#main { 
			padding: 20px 0 0 10px; 
			position: relative;
/*			width: 960px;*/
		}
		.one-column h1 { 
			margin-left: 40px; 
			margin-bottom: 10px;
		}
		#center-column h1 { margin-bottom: 10px; }
		
	/* Right Column (RCOL) -------------------------------------------------------------- */
		#right-bar {
			width: 180px;
			position: absolute;
			top: 240px;
			right: 0px;
		}
		#right-bar p { 
			line-height: 15px;
			margin: 5px 1px;
		}
		#container #right-bar li { margin-left: 5px; }
		#right-bar img { padding: 10px 0; }
		#right-bar ul { list-style: none; }
		#right-bar .multi-line {
			border-bottom: 1px dotted #ccc;
			margin-bottom: 5px;
			padding: 0 2px 5px 2px;
		}
		
		#right-bar .icon {
			padding-left: 15px;
			margin: 10px 0 8px 5px;
			background: transparent no-repeat top left scroll;
		}
		#right-bar .download { background-image: url(../images/icon-document.gif); }
		#right-bar .acrobat { background-image: url(../images/icon-acrobat.gif); }
		#right-bar .envelope { background-image: url(../images/icon-email.gif); background-position: 0 2px; }
		#right-bar .new-window { background-image: url(../images/icon-new-page.gif); }
		#right-bar .bullet-green { margin-left: 5px; }
		
/* Footer (FOOT) -------------------------------------------------------------- */
	#footer {
		clear: both;
		border-top: 1px solid #ccc;
		margin: 40px 0 50px 30px;
		padding: 20px 0 20px 0;
		color: #555;
		background: white;
		position: relative;
		z-index: 200000;
	}
	#footer a {
		color: #00548e;
		text-decoration: none;
	}
	
/* Page specific styles (PAGE) -------------------------------------------------------------- */
	#center-column.no-borders { border: 0; }
	/* Product Listing specific -------------------------------------------------------------- */
		#product-listing #main { 
			position: relative;
			z-index: 100; }
		#product-listing table td div {
			position: absolute;
			width: 200px;
			margin-left: 30px;
			margin-top: -15px;
			background: #eee;
			padding: 10px;
			z-index: 100;
		}
		#product-listing table td div h3 {
			font-size: 11px;
			text-transform: uppercase;
			margin-bottom: 15px;
		}
		#product-listing table td div ul { list-style: none; }
		#product-listing table td div li {
			background: url(../images/arrowBoxGrey.gif) no-repeat scroll 0 2px;
			padding-left: 17px;
			margin-bottom: 8px;
			color: #555;
		}
		#product-listing table td div .more-details {
			background: transparent url(../images/arrowBoxGreen.gif) no-repeat 0 1px scroll;
			position: absolute;
			top: 10px;
			right: 10px;
			padding-left: 15px;
		}
		#product-listing table td div .more-details a {
			color: #00548e;
			text-decoration: none;
		}
		#product-listing table tbody tr { cursor: pointer; }
		.table-hover { background: #eee; }
		table .grey-text { color: #555; }
		#product-listing td { border-bottom: 1px dotted #ccc; }
		#product-listing table { margin: 0 0 20px 0; }
		#product-listing #center-column { border-right: 0; }
		#product-listing #footer {
			background: transparent;
			position: relative;
			z-index: 1;
		}
	/* Site Map Specific -------------------------------------------------------------- */
		#sitemap body { background-image: url(../images/sitemap-title-bg-lrg.jpg);}
		#sitemap #header { height: 100px; background: none; }
		#sitemap #main { 
			background: transparent url(../images/sitemap-title-lrg.jpg) no-repeat top left scroll; 
			height: 650px;
			overflow: hidden;
		}
		#sitemap .column { border: 0; }
		#sitemap #main h1 { /*sIFR*/
			color: white;
			margin: 0;
			margin-left: 40px;
			margin-top: 20px;
			margin-bottom: 5px;
			color: #fff;
			font-size: 24px;
		}
		#sitemap .logo { margin-left: 0; }
		#sitemap #main h3 { 
			color: #a3dc42;
			font-size: 11px;
			text-transform: uppercase;
			margin: 10px 0;
		}
		#sitemap #main a { color: white; }
		#sitemap #main a.first { font-weight: bold; }
		#sitemap #main li {
			padding-left: 15px;
			margin: 10px 0 5px 5px;
			background: transparent url(../images/arrowSmallGreenTrans.gif) no-repeat 0 3px scroll;
			position: relative;
		}
		#sitemap #footer { 
			margin-top: 0;
			border-top: 0;
		}
		#sitemap .column { width: 190px; }
		#sitemap .first.column {
			margin-left: 20px;
		}
	/* Home Specific -------------------------------------------------------------- */
		#index body { background-image: url(../images/home-title-bg.png);}
		#index #header { 
			background-image: url(../images/home-title-new.jpg); 
			background-position: 0 100px;
			height: 360px;
		}
		#index #learn-more {
			background: transparent url(../images/title-arrow.gif) no-repeat 0 4px scroll;
			padding-left: 15px;
			position: absolute;
			margin: 10px 0 0 200px;
		}
		#learn-more a {
			color: white;
			font-size: 15px;
		}
		
		.two h1 { margin: 0 0 10px 0; }
		.two {
			width: 420px;
			padding: 0 20px 0 30px;
			margin: 20px 0 20px 0;
			border: 0;
			overflow: hidden;
		}
		.second { 
			width: 435px;
			padding: 0;
			margin: 30px 0 0 40px;
		}
		.second img {
			float: right;
			margin: -10px 40px 15px 40px;
		}
		.second h2 { 
			margin: 0 0 10px 0; 
		}
		.second li { 
			margin-top: 10px;
		}
		.two .more-info { margin: 10px 0; }
		#index div.first {
			margin-left: 0;
			padding-left: 0;
		}
		#index div.last {
			margin-right: 0;
			margin-right: 0;
		}
		#center-column .column {
			margin-right: 20px;
			padding-right: ;
			margin-left: 0;
			padding-left: 19px;
			margin-bottom: -1980px;
		}
		#index #center-column {
			margin: 0px 0 0 30px;
			padding: 0;
		}

		#index .one-column h1 { margin-left: 0; }
		#index .more-info { margin-top: 1px; }
		#index h3 { font-size: 11px; }
		#index #center-column .column .more-info  { 
			position: absolute;
			top: 155px;
		}
		
		/*---- sIFR ---*/
		.sIFR-flash{visibility:visible !important;margin:0;padding:0;}
		.sIFR-unloading .sIFR-flash{visibility:hidden !important;}
		.sIFR-replaced,.sIFR-ignore{visibility:visible !important;}
		.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
		.sIFR-replaced div.sIFR-fixfocus{margin:0pt;padding:0pt;overflow:auto;letter-spacing:0px;float:none;}
		.sIFR-dummy{width:0px;height:0px;margin-left:42px;z-index:0;}
		/*---- Header styling ---*/
		
