/*RCE Electronics CSS ver 7.2*/
html {
	margin: 0;
	padding: 0;
	color: #000}
body {
	font:75% Verdana, Arial, Helvetica, sans-serif; /*was 80%*/
	margin: 0;
	padding: 0;
	letter-spacing: -0.02em;
	line-height: 1.4em;
	background-color: #001F58; /*207a82*/
/*	background-image: url("img/collagebg.jpg"); */}
p {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0.4em 0 1.2em 1.5em ;
	letter-spacing: 0em;
	line-height: 1.4em}
strong {font-weight: normal}
/*strong {font-weight: normal; color: red} */
b {font-weight: bold}
h1,h2,h3 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0 1.0em 0.3em 0;
	line-height: 1.2em;
	color: #405172;} /*336721,495C84,5F7199,60739D,305298,253F78*/
h1 {font-size: 150%; letter-spacing: -0.05em;}
h2 {font-size: 140%; letter-spacing: -0.04em; margin-top: 1.4em}
h3 {letter-spacing: -0.03em; margin-top: 1.0em}
hr {background-color:  #405172; /*for Opera and Gecko*/
	color: #405172; height: 2px}
div.faq p {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0.4em 0 1.2em 0;
	padding-left: 25px;
	line-height: 1.4em}
div.faq h2 {
	font-size: 100%;
	letter-spacing: 0;
	color: #000;
	padding: 0.2em 5px 0.2em 5px;
	margin-top: 2.5em;
	background-color:#B6E9A4;}

/* order status iframe */
.osiframe {
	width: 450px;
	height: 370px}	
div.clrl {clear: left; line-height: 0; height: 0;}
div.clrr {clear: right; line-height: 0; height: 0;}	
#main{
	position: relative;
	top: 145px;
	margin-left: auto;
	margin-right: auto;
	min-width:755px;
	width: 96%; /*dflt width def 4 browsers that don't execute "expression" as no screen rezize on load??*/
    /*IE Dynamic Expression to set MIN width  But doesn't CSS validate*/
	width: expression((document.body.clientWidth < 790) ? "755px" : "96%" );
	height: auto}
.contentWrap {
	position: absolute;
	top: 0px;
	left: 0px; /*wz 153,KEY val. Sets L margin of content bxs. To right of nav menu*/
	width: auto; /*KEY val. Must match logo*/
	padding: 0px;
	margin: 0px;
	min-width:550px;
	background-color: #E5E5E9;}
.content, .contentwide {
	position: relative;
	top: 0;
	left: 0;
	width: auto; 
	margin: 0px 170px 5px 137px;
	padding: 15px 30px 20px 20px;
	background-color: #FFF;
	min-height: 470px;  /*min. sz so footer not 2 hi. IE 6 ignores this*/
	height: 470px; /*4 IE*/}
.contentwide {
	margin: 0px 0px 5px 137px;
	padding: 15px 30px 20px 20px;}
html>body .content, html>body .contentwide {height: auto; min-width:400px}/*reset to auto. IE doesn't understand this selector*/
.footer, .footerwide {
	position: relative;
	width: auto;
	padding: 0.3em 0 0.3em 0;
	margin-top: -0.7em; /*2 properly overlap content class div*/
	margin-right: 170px; /*must match margin-R of content*/
	margin-left: 137px;
	margin-bottom: 0.0em;
	/*margin -L sb 20 more than in content class*/
	text-align: center;
	background-color : #FFF}
.footerwide {
	margin-right: 0px; /*= margin-right of content*/}
.copyright 	{  
	font-size: 72%;
	margin-top: 1.3em;
	margin-bottom: 0.3em }
#newsWrap {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 150px;
	padding: 0;
	margin: 0;}
#newsRight, #news2Right {
	font-size: 89%;
	padding: 0.8em 1.5em 0.8em 1.5em;
	background-color:  #FFF;
	margin-bottom: 1.5em;
	border: #B8B6BB 1px solid}
.FormLabel {
	margin-top: 0.8em;
	margin-bottom: 0.1em;}
/*2 align buy & price graphics w bottom of txt line*/
img.buyimg {vertical-align: text-bottom;display:inline}
img.buybtn {position:relative;top: 7px;width: 83px;height: 20px;border:#fe6702 1px dashed}
/*img.buybtn {position:relative;top: 7px;width: 100px;height: 22px;border:#fe6702 1px dashed} */
.alertb, .alertg {
	font-size: 110%;
	font-weight: bold;
	font-style:italic;
	color: #E22032;}
.alertg {color:#33CC33;}
/*Pg Title Indicator goes IN CONTENTWRAP Style*/
#pgid, #pgidwide {
	display: none;
	position: absolute;
	top: 0px;
	left: 157px;
	width: auto;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	color: #5F7199;
	border: #5F7199 1px solid;
	border-top: #5F7199 0px solid}
#pgidwide {	left: 157px;}
div#pgid p, div#pgidwide p {
	margin: 0;
	padding: 0px 8px 1px 8px;
	font-size: 80%;
	font-weight: bold;}
#logo, #logobar {
	position: relative;
	top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	height: 115px;
	min-width:755px;
	width: expression((document.body.clientWidth < 790) ? "755px" : "96%" );
	padding-left: 0px;
	background-color:#001F58;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("img/stretch2.gif");}	
#logobar{
	height: 15px;
	background-color: #8CD373;
	font-size: 10px; /*prevents bar height scaling w/zooms*/
	background-image: none;}
.lgoimg {
	position:relative;
	top:0px;
	height: 115px;
	width: 316px;}
.topimg {
	position: absolute;
	top: 12px;
	right: 0%;
	height: 103px;
	width: 307px;}
#navLogo {
	position: absolute;
	top: -2px;
	right: 4%;
	width: auto;
	height: 25px;
	padding: 7px 15px 0px 7px;
	color: #B6E9A4;}
#navLeft {
	position: absolute;
	top: 7px; /*should match that of "main*/
	width: 137px;
	left: 0;
	padding: 0 0 0 0;
/*	border-right: #888 1px solid;*/}
.nve, .nveI {
	font-size: 110%;
	padding: 0.1em 4px 0.4em 4px;
	margin-bottom: 0em;
	background-color: #E5E5E9;
	line-height: 1.0em}
/*2 indent titled nav L links*/
.nveI {
	padding-left: 12px;}
/*4 titling nav L links*/
.nvhdg {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
	padding: 0 0 0 12px;
	margin: 10px 0 6px 0;
	background-image: url("img/button.jpg");
	background-repeat: no-repeat;
	background-color: #576C97;
	color: #ffffff;
	border-top: #E5E5E9 0px solid;
	border-bottom: #E5E5E9 0px solid}	
.indent  {padding-left: 25px;}
ul {list-style-type: disc;}
div#newsRight ul
{
	padding: 0.2em 5px 0.3em 1em; /*have 2 set BOTH margin & Padding 2b browser compatible 4 lists*/
	/*makes sure image marker prints*/
	margin: 0.2em 5px 0.3em 1em;
	list-style-type: disc;}
div#newsRight li {margin-bottom: 0.3em;}
div.content li, div.contentwide li {margin-bottom: 0.3em;}
/*4 coloring txt like normal lks*/ 
.linktext {	color: #0066FF;}
/*a bit darker 4 more contrast than the other gray green*/
a {color: #0165ed; text-decoration: none; font-weight:normal}
a:link {color: #0165ed; font-weight:normal} /*0165ed,238B34,0754BD*/
a:visited {color: #80169a}
a:hover {color: #00F; text-decoration: underline}
a:active {color: fuchsia}
/*4 txt colored lks w/o indication*/
a.ilk:link {color: #000;}
a.ilk:visited {color: #000;}
a.ilk:hover {color: #000;text-decoration: none; cursor: text;}
a.ilk:active {color: #000;}
/*4 dynamic lks*/
a.dlk {color: #0165ed; text-decoration: underline;}
a.dlk:visited {color: #80169a; text-decoration: underline;}
a.dlk:hover	{color: #00F; text-decoration: none;}
/*4 javascript hover*/
a.dlkh {color: #00F; text-decoration: none;
	cursor: pointer; 
	cursor: hand; /*4 IE5.x must be after pointer*/}
/*4 other, non menu dynamic links*/
a.dlkp {color: #0165ed;text-decoration: none;}
a.dlkp:visited {color: #80169A; text-decoration: none;}
a.dlkp:hover {color: #00F; text-decoration: underline;}
/*4 javascript hover*/
a.dlkph	{color: blue; text-decoration: underline;
	cursor: pointer; 
	cursor: hand;}
/*4 javascript mouse down*/
a.dlkpa	{color: fuchsia; text-decoration: underline;
	cursor: pointer; 
	cursor: hand;}
/*4 lks in darker bgs*/
a.dklk {color: #B6E9A4; font-weight:bold}
a.dklk:link {color: #B6E9A4;font-weight:bold}
a.dklk:visited {color: #D77DED;font-weight:bold}
a.dklk:hover {color: #FFF;font-weight:bold}
a.dklk:active {color: Fuchsia;font-weight:bold}
a.dklkh	{ color: #FFF; text-decoration: underline;font-weight:bold;
	cursor: pointer;
	cursor: hand;}
div.nve a,div.nveI a {font-size: 89%;} /*90 % is ng*/
div.footer a, div.footerwide a {font-size: 89%;}