/*$Id: main.css,v 1.3 2006/01/05 17:14:54 rrkramer Exp $*/
/*
M A I N   C S S
*/
@import "/catalog/design3/main-background.css";

BODY, TD.label {
	font-family: Verdana,Arial,sans-serif;
	font-size:9pt;
	font-weight:bold;
	border: none;
}
BODY, HTML {
	margin: 15px 15px 15px 15px;
	padding:0;
}

/* L I N K S */
A:link { color: #0076A3; text-decoration: none; }
A:visited { color: #0076A3; text-decoration: none; }
A:active { color: #000000; text-decoration: none; }
A:hover { color: #000000; text-decoration: none; }


/* T E X T */
.headertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #CD5C5C;
 }
.title {
	text-align : center;
	color: #CD5C5C;
}
.subheadertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
 }

.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
 }

.subtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
 }

.alerttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #CD5C5C;
 }
INPUT.button, SUBMIT.button, RESET.button{
    font-size : 11px;
    background-color: #CCCCCC;
    font-family: verdana;
    font-weight: bold;
    color: #444444 !important;
    width:150px;
    border-color: #CCCCCC #5C5C5C #5C5C5C #CCCCCC !important;
    border: 2px solid;
}

SPAN.legend{
	color: #0800FF;
	font-size: 12px;
}
SMALL.note{
	font-size: 12px;
}
.note{
	background-color: #E1F1D1;
}
P.note{
	margin-bottom : 5px;
	margin-top : 7px;
	padding : 5px;
}

/*  F O R M  */
.textbox {
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }

.darktextbox {
	font-size: 11px; 
	border-right: black 1px solid; 
	border-top: black 1px solid; 
	border-left: black 1px solid; 
	border-bottom: black 1px solid; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
  }

.reverse{
	background-color: Black;
	color: White;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}
.reverse[wrap]{
	white-space: normal;
}
TH A:link {color: White; text-decoration: none; }
TH A:visited {color: White; text-decoration: none; }
TH A:hover {color: White; text-decoration: none; }
TH A:active {color: White; text-decoration: none; }

.lst-sm-img {
	vertical-align : bottom;
	width : 15px;
}
TD.lst-item { 
/*	background-color:#EEFFFF;*/
	padding-left: 5px;
	padding-right: 5px;
	font-size : 12px;
	font-weight : normal;
	text-align : left;
}
.lst-desc{
/*	background-color: #EEFFFF;*/
	padding-left: 5px;
	padding-right: 5px;
	font-size : 10px;
	font-weight : normal;
	text-align : left;
}
.lst-specs{
/*	background-color: #EEFFFF;*/
	padding-left: 5px;
	padding-right: 5px;
	font-size : 10px;
	font-weight : normal;
	text-align : right;
}
.tag{
	font-size : 11px;
	font-weight : bold;
	text-align : right;
	white-space: nowrap;
	color: #909090;
}
.section{
	font-size : 13px;
	font-weight : bold;
	text-align : left;
	color: #0000CC;
}
.os-fill {  /*os == office supplies */
/*	background-color: #EEFFFF;*/
	padding-left: 5px;
	padding-right: 5px;
	font-size : 14px;
	font-weight : bold;
	height:18px;
	color : #990000;
}
.os-grp { 
	font-size : 14px;
	font-weight : bold;
	color : #990000;
	vertical-align : top;
	background-color: White;
}
.os-fill2 { 
	background-color: White;
	padding-left: 5px;
	padding-right: 5px;
	font-size : 12px;
	font-weight : normal;
	vertical-align : middle;
}
.os-img { 
	background-color: White;
	padding-left: 5px;
	padding-right: 5px;
	font-size : 12px;
}
#prtme{
	text-align: right;/* IE hack */
	display: block;
	margin-top: -15px; 
}
/* IE5-6 recognize the above and the rules have the effect of putting the icon
to the right, but IE can't deal with position: fixed. IE also doesn't handle
child selectors, so Mozilla et al will behave properly when they encounter the
rule set below, i.e. position:fixed and shoved to the right.
*/
html>body #prtme{
	position: fixed;
	display: inline;
	right: 10px;
	margin-top: 0px; 
}
A#prtme-icon:link,A#prtme-icon:visited {
	color:black;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
*.pull-down {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px !important;
	line-height: 14px !important;
}
.pull-down-sm {
	line-height: 11px !important;
	font-size: 9px !important;
}
TABLE.tgen {
	background-color : #FFFFF0;
	table-layout : fixed;
	border-collapse: collapse;
	border: 3px ridge;
	empty-cells: show;
	padding: 0 3px 0 3px;
	margin: 0;
}
TD.gen, INPUT.gen, SELECT.gen {
	font-size: 10px;	
}
TD.gen{
	border: 3px ridge;
	padding: 0 3px 0 3px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.icon{
	height: 18px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
SPAN.button{
	background-color: #D0D0D0;
	padding: 4px 20px 4px 20px;
	font-family: verdana, sans-serif;
	font-size: 12px;
}
SPAN.em{
	font-family: sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
}
TD.tr1 {
	font-size: 15px;
	text-align: right;
	white-space : nowrap;
}
INPUT.tr1 {
	font-size: 12px;
}
*.tr1{
	position: relative;
	top: -3px;
}