@charset "utf-8";

/* SP customize.css CSS file */
/*
   This CSS file contains information about margins, padding,
   colors, text, background images and the like.
*/
html, body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
}

body a:link, a:visited, a:active {
	color: #004000;
	text-decoration: none;
}

body a:hover {
	color: #004000;
	text-decoration: underline;
}

#topBanner {
	background-image: url(../images/top_bkground.gif);
	background-repeat: repeat-x;
}

#topRight {
	font-size: 0.6em;
}

#topLeft {
	font-size: 0.7em;
}

.topInfoRow {
	margin-right: 25px;
	padding: 3px 0 5px 0;
}

.topInfoRow form {
	margin: 0;
	padding: 0;
}

.topInfoRow p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 1.2em;
}

#topRight p {
	margin: 0 0 3px 0;
}

#topRight form {
	margin: 0 0 5px 0;
	padding: 0;
}

#footer, #footerB {
	color: #aaaaaa;
	font-size: 0.8em;
	background-color: white;
	text-align: center;
	border-top: 1px solid #009500
}

/*This is the left side catalog list.*/
#leftBar {
	border-right: 2px solid #009500;
	background-color: #FFFFFF;
}

#leftBar p {
	padding-left: 2px;
	font-size: 0.6em;
	margin-left: 25px;
	text-indent: -25px;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

#leftBar b {
	color: #004000;
	font-weight: bold;
	font-size: 1em
}

.catalogGroup {
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

#searchArea {
	text-align: center;
}

#catList {
	padding-left: 1px;
}

/* Status area */
#statusArea {
	border-bottom: 2px solid #009500;
	font-size: 0.8em;
	background-color: #FFFFFF;
}

#statLine {
	font-weight: bold;
	/*	font-size: 0.8em; */
}

.statBottom {
	background-color: #E5F4E5;
}

/*
#statTop { }
#statLt { font-size: 0.8em }
#statRt { font-size: 0.8em }
*/
#centerContent {
	margin-right: 5px;
	margin-left: 5px
}

#instructionArea {
	font-size: 0.9em;
	padding-right: 5px;
}

#instructionArea dl {
	margin-top: 0;
	padding-top: 0;
}

#instructionArea em {
	font-size: 0.8em;
}

#instructionArea ul {
	margin-top: 0;
	padding-top: 0;
}

/* Make the submit buttons look a little nicer. */
.btn {
	font-size: 1.0em;
	color: #004000;
	border: 2px outset #568f56;
}

.btn:hover {
	border: 2px outset #cc0033;
	background: #FFFFFF;
}

.btnLO {
	font-size: 1.0em;
	color: #004000;
	border: 2px outset #568f56;
	padding-top: 2px;
}

.btnHL {
	border: 2px outset #CC0021;
}

.btnHL:hover {
	border: 2px outset #004000;
	background: #FFFFFF;
}

/* td { color: red; text-align: center; } */
table#orderForm {
	font-size: 0.7em
}

table#orderForm caption {
	font-size: 1.5em
}

table#orderForm th {
	color: #004000;
	font-weight: bold;
	font-size: 1em
}

table#orderForm tr {
	text-align: center;
}

.textHL {
	font-size: 0.9em;
	color: #CC0021;
}

.rowHL {
	background: #EEEEBB;
}

.rowProdHL {
	background: #FFBBFF;
}

.rowProdHLOther {
	background: #FFE6FF;
}

.footNote {
	color: #004000;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

.unitSelect {
	width: 75px;
}

/* Confirm page Green Program formatting */
.grnP {
	font-weight: bold;
	color: #006300;
}

/* These are the popup boxes for the order form items that are already on the invoice. */
.textAlign {
	vertical-align: text-bottom;
}

.popup {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 200px;
	border-style: solid;
	border-width: 4px;
	border-color: #cc0033;
	background-color: white;
	padding: 5px;
	color: #004000;
	font-family: Arial;
	font-weight: bold;
	font-size: 0.9em;
	z-index: 8;
	visibility: hidden;
}

/* ToolTips */
a.gpTip {
	font-weight: bold;
	color: #009500;
	position: relative;
	text-decoration: none;
}

a.gpTip:hover {
	color: #009500;
	text-decoration: none;
}

a.gpTip span {
	display: none;
}

a.gpTip:hover span {
	display: block;
	position: absolute;
	top: 2.8em;
	left: -10em;
	width: 29em;
	border: 2px solid #cc0033;
	background-color: #FFF;
	color: #000;
	font-weight: normal;
	text-align: left;
}

.prodDescNote {
	font-size: 0.8em;
}

/* Price Discounted */
.priceDiscounted {
	color: red;
}

/* Group Discounted */
.groupDiscounted {
	color: green;
}

/* Item Unavailable */
.itemUnavailable {
	color: #ff00cc;
}

/* Item Notes */
.itemNote {
	color: #ff00cc;
}

/* Substitute Note */
.substituteNote {
	background-color: #ff9999;
	font-weight: bold;
}