body {
	margin: 0;
	padding: 0;
   font-size: 80%;
	font-family: "Tahoma", "Verdana", "Arial", sans-serif;
	color: #000;
   background-image:url('images/bg_lite7c.gif');
	background-color: #fff;
	word-spacing: 0.1em;
}

a:link {
	color: #00f;
}
a:visited {
	color: #909;
}
a:hover, a:active {
	color: #f00;
	background-color: #ccc;
}

/* Three column layout, fixed width sides. */
#content1 {
   float: left;
   margin: 0 200px 0 200px;
}
#navbar1 {
	width: 200px;
	position: absolute;
	left: 10px;
	top: 140px;
   word-spacing: normal;
}
#navbar1_follow {
   position: fixed;
   left: 20px;
   top: 470px;
}
#navbar1_notice {
   position: fixed;
   left: 0px;
   top: 470px;
}
#navbar2 {
	width: 190px;
	position: absolute;
	right: 0px;
	top: 140px;
   word-spacing: normal;
}

hr {
	height: 4px;
	color: #999;
	background-color: #999;
	width: 100%;
}

/* Navigation Bar Rollover (Rollover CSS must come before Navigation Bars CSS). */
.nav a {
	display: block;
	font-weight: bolder;
	padding: 3px 0 3px 0;
}
#navbar1 .nav a {
	padding-left: 25%;
}
#navbar2 .nav a {
	padding-left: 10%;
}
.nav a:link, .nav a:visited {
   color: #000;
   background-color: inherit;
	text-decoration: none;
}
.nav li:hover {
	background-color: #ccc;
}
.nav li:hover a {
   color: #c50;
}

/* Navigation Bars. */
/* All Navbars get the Bottom-Left corner. */
.nav {
   background: #ccc url(images/silver_bl.gif) no-repeat bottom left;
   color: #ccc;
	padding: 0px 0px 18px 0px;
  	height:auto;
	position: fixed;
	width: 180px;
}
/* All elements in Navbars gets the Bottom-Right corner. */
.nav * {
   background: #ccc url(images/silver_br.gif) no-repeat bottom right;
  	padding: 1em 2em 18px 0;
  	margin: 0 0 -18px 18px;
  	height:100%;
}
/* Scrub that Bottom-Right corner from all elements *2+* levels deep. */
.nav * * {
  	padding: 0;
  	margin: 0;
  	background: none;
   color: #fff;
  	height:auto
}
/* Set up H5 with the Navbar Title (Current Position) and Top-Right/Left corners. */
.nav h5 {
   background: #210B00 url(images/brown_tr.gif) no-repeat top right;
   color: #fff;
  	display: list-item;
   font-size: 200%;
   list-style-image: url(images/brown_tl.gif);
  	list-style-position: inside;
  	list-style-type:none;
  	padding: 0;
  	margin: 0;
  	position: relative;
}
.nav ul {
	list-style: none;
}
.nav li {
   font-size: 125%;
	width: 100%;
}
.nav li.CurrentPage a {
   background: #ccc url(images/azicon1.gif) scroll no-repeat left;
   font-size: 130%;
   color: #f50;
}
.nav p.navobject {
	font-weight: bolder;
	background-color: inherit;
   color: #000;
	text-align: center;
}
.navobject img {
	margin-left: 5px;
}
.navbar3 a:link, .navbar3 a:visited, .navbar3 a:link, .navbar3 a:visited  {
   color: #fff;
   background-color: #041;
   text-decoration: none;
}
.navbar3 a:hover, .navbar3 a:active {
   color: #f80;
   background-color: #041;
   text-decoration: none;
}
.navbar3 {
   background-color: #041;
   border: 0;
   border-bottom: solid #630 2px;
   border-top: solid #630 2px;
   color: inherit;
   font-size: 100%;
   font-weight: bolder;
   margin: 0 0 10px 0;
   padding: 0;
   text-align: center;
   text-decoration: none;
   white-space: nowrap;
   clear: both;
}

/* News Ticker. */
.navtick ul {
   height: 400px;
   list-style: none;
   margin: 0px;
   overflow: hidden;
   padding: 0px;
}
/* Height used by ticker function. */
#ticker li {
   height: 110px;
}
.navtick li {
   width: 160px;
   height: 110px;
   padding: 10px;
   border: none;
}
.navtick li a {
   color: #666;
}
.navtick li span {
   display: block;
   color: #41D;
}
.navtick {
   background-color: #ccc;
   padding: 0px 0px 18px 0px;
   height:auto;
   position: fixed;
   right: 0;
   top: 140px;
   width: 190px;
}
.navtick p a {
   color: #000;
   font-size: 150%;
   text-align: center;
   text-decoration: none;
}
/* Set up H5 with the Navbar Title (Current Position) and Top-Right/Left corners. */
.navtick h5 {
   background: #210B00 url(images/brown_tr.gif) no-repeat top right;
   color: #fff;
   display: list-item;
   font-size: 200%;
   list-style-image: url(images/brown_tl.gif);
   list-style-position: inside;
   list-style-type:none;
   padding: 0;
   margin: 0;
   position: relative;
}

/* Common Page Header and Footer. */
.az_header a:link, .az_header a:visited, .az_footer a:link, .az_footer a:visited  {
   color: #fff;
   background-color: #fff;
   text-decoration: none;
}
.az_header a:hover, .az_header a:active, .az_footer a:hover, .az_footer a:active {
   color: #fff;
   background-color: #fff;
   text-decoration: none;
}
.az_header table, .az_footer table {
   border: 0;
   margin: 0;
   padding: 0;
   width: 100%;
}
.az_header table {
   background-color: #feb;
}
.az_footer table {
   background-color: #fff;
}
.az_header td, .az_footer td {
   padding: 0 4px 0 4px;
   margin: 0;
   white-space: nowrap;
   text-align: center;
   vertical-align: middle;
}
.az_header img, .az_footer img {
   border: 0;
}
.az_footer img {
   background-color: #fff;
}

/* Newsflash. */
.newsflash {
	color: inherit;
	background-color: #ffc;
	border-color: #808080;
	border-style: dotted;
	border-width: 1px;
	padding: 10px 5px;
	margin-top: 1em;
	margin-bottom: 1em;
	min-height: 5em;
	clear: both;
}
.newsflash img {
   float: left;
	margin: 5px 10px 5px 5px;
}
.newsflash h4 {
   font-size: 180%;
   text-align: left;
   margin: 5px 10px 5px 5px;
}

/* Newsflash Pink. */
.newsflash_pink {
   color: inherit;
   background-color: #fcc;
   border-color: #808080;
   border-style: dotted;
   border-width: 1px;
   padding: 10px 5px;
   margin-top: 1em;
   margin-bottom: 1em;
   min-height: 5em;
   clear: both;
}
.newsflash_pink img {
   float: left;
   margin: 5px 10px 5px 5px;
}
.newsflash_pink h4 {
   font-size: 180%;
   text-align: left;
   margin: 5px 10px 5px 5px;
}

.product_logo {
	margin-bottom: 1em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Popup (for now needs to be before figure.) */
/* Using reversed first-child, last-child because IE7 only supports first-child as of 4/Nov/06 */
.popup div {
	position: relative;
	display: inline;
	padding-left: 1px;
}
.popup div img:last-child {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.popup:hover div img:first-child {
	display: block;
	position: absolute;
	left: -50%;
	top: -50%;
	border: solid 1px black;
}
.popup div img:first-child, .popup:hover div img:last-child {
	display: none;
}
.popup:hover div {
	z-index: 2;
}

/* Image with caption. */
.image_left {
   float: left;
   margin: 8px 8px 6px 0;
}
.image_right {
   float: right;
   margin: 8px 0 6px 8px;
}
.figure {
	margin: 1em;
}
.figure div {
	display: block;
}
.figure p {
	margin: 0;
	text-align: center;
   font-size: 100%;
   font-weight: bolder;
}

.indented {
   padding-left: 30pt;
   padding-right: 30pt;
}

/* Default table layout */
.default_table {
	text-align: center;
	border: 1px solid black;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
.default_table caption {
	font-size: larger;
	font-weight: bolder;
	padding-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
}
.default_table th {
	width: 10em;
}
.default_table td {
	border-top: 1px solid black;
	border-right: 1px solid black;
	padding: 1% 2% 1% 2%;
}
.default_table .roweven {
   background-color: #FFF;
   color: #000000;
}
.default_table .rowodd {
	background-color: #33CC33;
	color: #000000;
}
.default_table .coleven {
   background-color: #FFF;
   color: #000000;
}
.default_table .colodd {
   background-color: #33CC33;
   color: #000000;
}
.default_table img {
   margin: 10px 10px 10px 10px;
}
/* Normal table layout */
.normal_table {
   text-align: center;
   border: none;
   border-collapse: collapse;
   margin-left: auto;
   margin-right: auto;
}

/* Certification table layout */
.cert_table {
	border-collapse:collapse;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.cert_table td {
	padding: 10px 4px 0 4px;
	margin: 0;
	white-space: nowrap;
	text-align: center;
   vertical-align: middle;
}
.cert_table img {
	border-width: 0;
}

/* News, Download & FAQ Items. */
.newsitem, downloaditem, faqitem {
	margin-top: 1em;
	clear: both;
}
.newsitem > p:first-child, .downloaditem > p:first-child, .faqitem > p:first-child {
  	background: #093 url(images/green_tr.gif) no-repeat top right;
  	display: list-item;
  	list-style-image: url(images/green_tl.gif);
  	list-style-position: inside;
  	list-style-type: none;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
   padding: 0;
	position: relative;
   margin: 1em 0 0 0;
}
.newsitem > p:first-child + p, .downloaditem > p:first-child + p, .faqitem > p:first-child + p {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 2em;
	margin: 0 0 .5em 0;
	color: #000;
	background-color: #fff;
	border: solid #093;
}
.newsitem .fullstory, .downloaditem .downloadnow {
	display: block;
	font-size: larger;
	font-weight: bolder;
	float: right;
	margin-bottom: 1em;
}

/* News Pink */
.newsitem_pink {
   margin-top: 1em;
   clear: both;
}
.newsitem_pink > p:first-child {
   background: #f69 url(images/pink_tr.gif) no-repeat top right;
   display: list-item;
   list-style-image: url(images/pink_tl.gif);
   list-style-position: inside;
   list-style-type: none;
   color: #fff;
   font-size: 1.4em;
   font-weight: bold;
   padding: 0;
   position: relative;
   margin: 1em 0 0 0;
}
.newsitem_pink > p:first-child + p {
   font-size: 1.2em;
   font-weight: bold;
   padding-left: 2em;
   margin: 0 0 .5em 0;
   color: #000;
   background-color: #fff;
   border: solid #f69;
}
.newsitem_pink .fullstory {
   display: block;
   font-size: larger;
   font-weight: bolder;
   float: right;
   margin-bottom: 1em;
}

/* Download Only Items. */
.downloaditem a:link, .downloaditem a:visited {
   color: #000;
   background-color: #9C9;
   text-decoration: none;
}
.downloaditem a:hover, .downloaditem a:active {
   color: #f00;
   background-color: #ccc;
   text-decoration: none;
}
.downloaditem table {
	border: solid #093;
	display: table;
	margin: 0 0 0 0;
	width: 100%;
}
.downloaditem .downloadimage {
   float: left;
   margin: 0 .6em .6em 0;
}
.downloaditem th, .downloaditem td {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	white-space: nowrap;
	font-size: 1em;
	color: #000;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}
.downloaditem th {
	border-right: solid #093;
}
.downloaditem td {
	font-weight: normal;
}

/* FAQ Only Items. */
.faq {
   color: inherit;
   border-color: #808080;
   border-style: dotted;
   border-width: 1px;
   padding: 0px 10px 0px 10px;
   clear: both;
}
.faq h4 {
   background-color: #ff6;
   font-size: larger;
   margin: 6px 0px 6px 0px;
   padding: 6px 6px 6px 6px;
}

.faq h4 a {
   background-color: #ff6;
   color: #000;
   text-decoration: none;
}

/* Prices Tables */
#rockey_prices, #ibutton_prices  {
	clear: left;
	padding-top: 1em;
}
#accessory_prices caption {
	padding-top: 1em;
}
#meter_prices {
   clear: both;
   margin-bottom: 1em;
}

#content1 { min-height: 17em; } /* Minimum height of the center. */

/* H1 appearance same as H3 but used for SEO emphasis. */
h1 { font-size: 160%; }
h2 { font-size: 100%; }
h3 {
   font-size: 130%;
   clear: both;
}

#rocky_and_cap, #rocky_and_cap2 {
	margin-bottom: 2em;
}

.pleasenotice {
	color: #ff0000;
	background-color: inherit;
	font-weight: bolder;
}

.pleasenotice strong {
	font-size: larger;
}

/* Add vertical space above the corperate profile logo. */
#profile {
	margin-top: 2em;
}

/* Somewhat center the dates on this menu. */
.centernav ul li {
	text-align: center;
}

.fineprint {
   font-size: 80%;
}

.hilite {
   color: inherit;
   background-color: #ff3;
}

.liss {
	color: red;
	background-color: inherit;
	font-weight: bold;
}

.nowrap {
   white-space: nowrap;
}

#mail + address {
	margin-left: 2em;
}

.econtacts a {
	font-size: 150%;
	font-weight: bold;
	font-family: "Georgia", "Times New Roman", "Times", serif;
	color: #00f;
   white-space: nowrap;
}

/* Text Control. */
.bigboldtext
{
text-decoration:none;
font-size:1.5em;
font-weight:bold;
}
