/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

@charset "UTF-8";
.boxText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.errorBox {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #FFCC66;
}
.stockWarning {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #cc0033;
}
.productsNotifications {
	background-color: #CCCCCC;
}
.orderEdit {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #3366CC;
	text-decoration: underline;
}

.body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 15px 0 0 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(images/roadbkgd.jpg);
	background-repeat: repeat-x;
}

.container {
	width: 920px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-color: #FFFFFF;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
	color: #CC9933;
	text-decoration: underline;
}

FORM {
	display: inline;
}

/*styles for header elements */
.header {
	background: #DDDDDD;
	height: 136px;
	background-image: url(images/metalHead1.jpg);
	background-repeat: no-repeat;
	width: 920px;
	position: relative;
}
.header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/*This is the style element for the invisible link over the RP logo in the header. */
#apDiv1 {
	position:absolute;
	left:350px;
	top:15px;
	width:220px;
	height:110px;
	z-index:1;
}
#apDiv2 {
	position:relative;
	left:0px;
	top:-50px;
	z-index:1;
}
TR.header {
	background: #000000;
	height: 134px;
	border-width: 0px;
}

TR.headerNavigation {
	background: #FFFFFF;
}

TD.headerNavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #ffffff;
	color: #000000;
	font-weight : bold;
}

A.headerNavigation {
	color: #000000;
}

A.headerNavigation:hover {
	color: #FF0000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ff0000;
	color: #000000;
	font-weight : bold;
	text-align : center;
}

.navbar1 {
	position: relative;
	top: 54px;
	height: 29px;
	left: 40px;
	width: 270px;
	z-index: 5;
}

.navbar2 {
	position: relative;
	top: 21px;
	height: 29px;
	left: 620px;
	width: 270px;
}

.navbar3 {
	position: relative;
	top: 70px;
	height: 29px;
	left: 330px;
	width: 270px;
	z-index: 5;
}

TR.headerInfo {
	background-color: #666666;
}

TD.headerInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #666666;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.maincontent {
}

/*styles for footer elements */
.daterow {
	background-image: url(images/metalstripe.jpg);
}

TD.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	background-color: #999999;
}

.footer {
	background-image: url(images/metalHead.jpg);
	height: 150px;
}

TD.footerLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #CCCCCC;
}

A.footerLinks {
	color: #CCCCCC;
}

A.footerLinks:hover {
	color: #CC9933;
}

/*styles for info box elements */
.infoBox {
	background-color: #999999;
}

.infoBoxContents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
}

.infoBoxNotice {
	background-color: #CC6600;
}

.infoBoxNoticeContents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFCC66;
}

TD.infoBoxHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #666666;
}

TD.infoBox, SPAN.infoBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	background-color: #E0E0E0;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
	background-color: #E0E0E0;
}

TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #333333;
	border-spacing: 1px;
}

.productListing-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
}

TD.productListing-data {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

A.pageResults {
	color: #003366;
}

A.pageResults:hover {
	color: #0000FF;
	background-color: #CCCCCC;
}

TD.pageHeading, DIV.pageHeading {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}

TR.subBar {
	background-color: #CCCCCC;
}

TD.subBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

TD.main, P.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

TD.smallText2, SPAN.smallText2, P.smallText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

TD.accountCategory {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
}

TD.fieldKey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

TD.fieldValue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TD.tableHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.newItemInCart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TEXTAREA {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

SPAN.greetUser {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FF9900;
	font-weight: bold;
}

TABLE.formArea {
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	background-color: #CCCCCC;
}

TD.formAreaTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #CC6600;
	font-weight: bold;
}

SPAN.productSpecialPrice {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #ff0000;
}

SPAN.errorText {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
}

.moduleRow { }
.moduleRowOver {
	background-color: #CCCCCC;
	cursor: pointer;
	cursor: hand;
}
.moduleRowSelected {
	background-color: #FFCC66;
}

.checkoutBarFrom, .checkoutBarTo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8c8c8c;
}
.checkoutBarCurrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* message box */

.messageBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.messageStackError, .messageStackWarning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFCC00;
}
.messageStackSuccess {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
}

/* input requirement */

.inputRequirement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}