/* CSS Document */

body {
	background: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	margin: 0;
	padding: 0;
	}
	
h1 { font-size: 160%; }
h2 { font-size: 144%; }
h3 { font-size: 130%; margin-bottom: 3px; } 
h4 { font-size: 120%; margin-bottom: 3px; color: #0000ff; } 
h5 { font-size: 110%; margin-bottom: 3px; } 

li { padding-bottom: 5px; }
	
/* -------------------- */	
/* -- layout ---------- */
/* -------------------- */
	
#container { 
	background: #fff;
	width: 800px;
	border: 1px solid #000;
	margin-top: 15px;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	padding: 0;
	text-align: center;
	font-size: 75%;
	overflow: auto;
	}

#header {
	width: 800px;
	height: 195px;
	margin: 0;
	padding: 0;
	}

#content_home {
	background: #000066;
	width: 800px;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#content {
	width: 760px;
	margin: 0;
	padding: 20px;
	text-align: left;
	}
	
#content table { font-size: 100%; }

#footer {
	width: 800px;
	margin-top: 10px;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	padding: 0;
	text-align: center;
	font-size: 70%;
	}
	
/* --------------------- */	
/* -- navigation ------- */	
/* -------------------- */	

#nav {
	width: 800px;
	height: 195px;
	background: url("https://cloud2.shopsite.com/rnjelectronics/images/rnjbanner_nav.jpg") no-repeat;
	margin: 0; 
	padding: 0;
	position: relative;
	}	

#nav li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
	}

#nav a {
	display: block;
	}

#newsletter { left: 312px; top: 0px; width: 172px; height: 18px; }
#cart { left: 564px; top: 0px; width: 73px; height: 18px; }
#myaccount { left: 653px; top: 0px; width: 86px; height: 18px; }
#home { left: 752px; top: 0px; width: 38px; height: 18px; }
#products { left: 13px; top: 170px; width: 69px; height: 18px; }
#express { left: 92px; top: 170px; width: 104px; height: 18px; }
#about { left: 207px; top: 170px; width: 74px; height: 18px; }
#specials { left: 291px; top: 170px; width: 97px; height: 18px; }
#contact { left: 398px; top: 170px; width: 80px; height: 18px; }
#search { left: 558px; top: 165px; width: 225px; height: 30px; }

#newsletter a { height: 18px; }
#cart a { height: 18px; }
#myaccount a { height: 18px; }
#home a { height: 18px; }
#products a { height: 18px; }
#express a { height: 18px; }
#about a { height: 18px; }
#specials a { height: 18px; }
#contact a { height: 18px; }

#newsletter a:hover { background: url("/images/rnjbanner_nav.jpg") -312px -195px no-repeat; }
#cart a:hover { background: url("/images/rnjbanner_nav.jpg") -564px -195px no-repeat; }
#myaccount a:hover { background: url("/images/rnjbanner_nav.jpg") -653px -195px no-repeat; }
#home a:hover { background: url("/images/rnjbanner_nav.jpg") -752px -195px no-repeat; }
#products a:hover { background: url("/images/rnjbanner_nav.jpg") -13px -365px no-repeat; }
#express a:hover { background: url("/images/rnjbanner_nav.jpg") -92px -365px no-repeat; }
#about a:hover { background: url("/images/rnjbanner_nav.jpg") -207px -365px no-repeat; }
#specials a:hover { background: url("/images/rnjbanner_nav.jpg") -291px -365px no-repeat; }
#contact a:hover { background: url("/images/rnjbanner_nav.jpg") -398px -365px no-repeat; }

.leftnav {
	display: block;
	background: #1717a0;
	padding: 10px;
	margin: 10px;
	}
	
.leftnav a { 
	color: #FFFF66;
	font-style: bold;
	text-decoration: underline;
	}

/* -------------------- */	
/* -- general --------- */	
/* -------------------- */			
	
.right { float: right; }
.left { float: left; }
.login { font-size: 120%; }