/*RC Cars Planes rcp.CSS ver 6.3*/
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: #521E6A;}
p {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0.2em 0 1.2em 1.5em;
	letter-spacing: 0em;
	line-height: 1.4em;}
strong {font-weight: normal}
/*strong {color: red; font-weight: 800} */
b {font-weight: bold}
h1,h2,h3 {
	font: bold 100% verdana, arial, helvetica, sans-serif;
	padding: 0px;
	margin: 0 1.0em 0.5em 0;
	color: #431958;}
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:  #A60000; /*for Opera and Gecko*/
	color: #A60000; 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:#FFE8B7;}
/* 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: #E6E5EA;}
.content, .contentwide {
	position: relative;
	top: 0px;
	left: 0px;
	width: auto; 
	margin: 0px 170px 5px 137px;
	padding: 15px 30px 20px 20px;
	background-color: #FFF;
	min-height: 530px;  /*min. sz so footer not 2 hi. IE 6 ignores this*/
	height: 530px; /*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;
	border: #FBF6EE 0px solid;}
div#newsWrap p {
	margin: 0;
	padding: 0;}
#newsRight, #news2Right {
	font-size: 89%;
	padding: 0.8em 1.5em 0.8em 1.5em;
	background-color:  #E6E5EA;
	margin-bottom: 1.5em;
	border: #521E6A 1px solid;}
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;}
.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;}
.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: #E6E5EA;
	color: #431958;
	border: #431958 1px solid;
	border-top: #431958 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-repeat: repeat-x;
	background-position: left bottom;
	background-image: url("img/rcplogospacer.gif");}
#logobar{
	height: 15px;
	background-color: #F8931D;
	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: 0px;
	right: -1px; /*prevents bg repeat glitch @ rt*/
	height: 115px;
	width: 307px;}
#navLogo {
	position: absolute;
	top: -2px;
	right: 4%;	
	width: auto;
	height: 25px;	
	padding: 7px 15px 0px 7px;
	color: #F8931D;}
#navLeft {
	position: absolute;
	top: 7px; /*should match that of "main*/
	width: 137px;
	left: 0;
	padding: 0;}
.nve, .nveI {
	font-size: 110%;
	padding: 0.1em 4px 0.4em 4px;
	margin-bottom: 0em;
	background-color: #E6E5EA;
	line-height: 1.0em}
/*to indent titled navigation left links*/
.nveI {
	padding-left: 12px}
/*for titling navigation left 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: #E6E5EA;
	color: #FFF;
	border-top: #E6E5EA 0px solid;
	border-bottom: #E6E5EA 0px solid;}
div.nvhdg hr {
	display: none;
	background-color:  #932E23; /*for Opera and Gecko*/
	color:  #932E23;
	height: 1px;}
.indent  {padding-left: 25px;}
ul {list-style-type: disc;}
div.content li, div.contentwide li {margin-bottom: 0.5em;}
table.pdtbl {position:relative; left: 15px; border-collapse: collapse;}
table.pdtbl td {padding: 0.4em; border-bottom: 1px solid #F8931D;}
table.pdtbl th {padding: 0.4em; border-bottom: 2px solid #431958;}
table.pdtbl caption {padding-bottom: 0.5em;}
/*4 coloring txt like normal lks*/
.linktext {	color: #00A2B2;}
/*a bit darker 4 more contrast than the other gray green*/
a {color: blue; text-decoration: none}
a:link {color: blue}
a:visited {color: #80169a}
a:hover {color: blue; 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: blue; text-decoration: underline;}
a.dlk:visited {color: #80169a; text-decoration: underline;}
a.dlk:hover	{color: blue; text-decoration: underline;}
/*4 javascript hover*/
a.dlkh {color: blue; text-decoration: underline;
	cursor: pointer; 
	cursor: hand; /*4 IE5.x must be after pointer*/}
/*4 other, non menu dynamic links*/
a.dlkp {color: blue;text-decoration: none;}
a.dlkp:visited {color: #80169A; text-decoration: none;}
a.dlkp:hover {color: blue; 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: #FFD373;	text-decoration: underline; font-weight:bold}
a.dklk:link {color: #FFD373;}
a.dklk:visited {color: #FFFFCC;}
a.dklk:hover {color: #FF3300;}
a.dklk:active {color: Fuchsia;}
a.dklkh	{ color: #FF3300; 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%;}