/* HIDE LAYOUT FROM NS4 & EARLIER BROWSERS -------------------------------------------------------------------*/
@import "layout.css";

body { margin: 0; }

h1, h2, h3, h4, h5, h6, p, th, td, form, input, textarea { font-family: Verdana, Geneva, sans-serif; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; font-weight: normal; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.2em; }
p, th, td, input, textarea, select { font-size: 0.7em; }
td input, #orderCreate input, #fProdSelect input, #fProdDetail input { font-size: 1em; }
p { line-height: 1.4em; }

.error { color: #900; }
.error2x { color: #900; font-size: 1.4em; }
.p2x { font-size: 1.4em; }

a { font-weight: bold; color: #006; }
a:hover { color: #9FBAED; text-decoration: none; }

th, td { padding: 5px }
table {	border: 1px solid #9FBAED; width: 100% }
th { 
	background-color: #9FBAED; 
	text-align: center; 
	padding-right: 10px; 
}
th.left { text-align: left; }
th.right { text-align: right; }
th a:hover { color: #FFF; text-decoration: none; }
th.top  { background-color: #9fbaed; background-position: 0 top; text-align: center; padding-right: 10px; vertical-align: top }

td { background-color: #E3EDFF; padding-right: 10px; }
td.currency { text-align: right; }
td.currencynostock { text-align: right; background-color: #FFE3E3; }
td a { font-weight: normal; color: #006; }
td a:hover { color: #9FBAED; text-decoration: none; }
td img { border: 1px solid #9FBAED }
td.error { background-color: #FF9393; color: #fff }
td.nostock { background-color: #FFE3E3; }
td.right { text-align: right; }
td.center { text-align: center; }

table#searchResults { border: 1px solid #96A26D; }
table#searchResults th { background-color: #DBED9F; }

table#ocOrder #interact td { border-top: 1px solid #9FBAED; background-color: #F2F7FF; }
table#ocOrder .oos td { background-color: #FFE3E3; }

#ocVCP {
	border: 1px solid #9FBAED;
	background-color: #E3EDFF;
}

#ocPlaceOrder {
	border: 1px solid #B2B2B2;
	background-color: #D9D9D9;
}

#orderID { font-size: 0.9em; font-weight: bold; }

#fProdSelect .range { font-size: 0.9em; color: #5E6644; text-align: left; }
#fProdSelect .prodRange { background-color: #F8FFE3; border-top: 2px solid #FFF; text-align: left; }
#fProdSelect img { border-color: #96A26D; }
#fProdSelect td { background-color: #FFF; }

#prodDetail img { border: 2px solid #9FBAED }


/* CONTENT ------------------------------------------------------------------------------------------------*/

/* FOOTER -------------------------------------------------------------------------------------------------*/