/*
	Style.css

	Modifications:
	5/02/2002 23:00 MSP - File created.
	5/16/2002 18:30 MSP - Widened .fieldName from a width of 100px.
	5/18/2002 16:37 GWB - Fixed a couple Netscape-related problems.
	5/30/2002 17:53 GWB - Fixed the NS4 "no-margin" problem.
	6/03/2002 17:38 MSP - Added class .fieldReq as the style for the asterisk in req'd fields.
	6/03/2002 18:15 MSP - Added classes .asteriskDesc and errorDesc.  
                         Fixed issue that prevented the correct font size from being displayed.
	6/20/2002 21:10 BJA - Added class .errorHeading for the heading at the to of the page that
				notifies the when he miss-entered data in a form.
	11/18/2002 18:07 IAG - Added hidden class for hidden text
	12/17/2002 17:01 BNB - Added class .checkoutError for the extra obvious error on the checkout pages.
	
	font-family: Verdana, Geneva, Helvetica, sans-serif;
*/

body {
	font-size: 11px;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
 	
 	background: #ffffff;
 	padding: 0;
 	
 	/* Another NS4 hack, replaced with "html body" style in IE */
 	margin: -10px 0 0 -10px;
 	
 	/* Netscape 4 can't handle line-height when applied to an element containing images. */
	/* line-height: 130%; */
}

tr, td, th {
	font-size: 11px;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
}

.pageFooter {
	text-decoration: none;
}

html body {
	margin: 0;
}

.pageHeadline {
	color: #3366CC;
	background: #ffffff;
	font-weight: 600;
	text-align: left;
	font-size: 200%;
	line-height: 130%;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.pageHeadlineBlack {
	color: #000000;
	background: #ffffff;
	font-weight: 600;
	text-align: left;
	font-size: 200%;
	line-height: 130%;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.topMenu {
	font-size: smaller;
	color: #999999;
}

.topMenu.selected {
	color: #666666;
	font-weight: bold;
}

.selected {
	color: #666666;
	font-weight: bold;
}
	

.fieldName {
	width: 130px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	color: #000000;
	background: #ffffff;
}

.fieldData {
	width: 350px;
	vertical-align: top;
}

.fieldHowto {
	color: #0000FF;
	background: #ffffff;
}

.fieldError {
	color: #FF0000;
	background: #ffffff;
}

.fieldReq {
	color: #4422FF;
	background: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
}

.asteriskDesc {
	color: #000000;
	background: #ffffff;
}

.errorDesc {
	color: #FF0000;
}

.errorHeading {
	text-align: center;
	color: #FF0000;
	font-size: 150%;
}

.checkoutError {
	text-align: center;
	color: #FF0000;
	background: #ffffff;
	font-size: 180%;
}

.info {
	font-size: 95%; 
	color: #555555;
	background: #ffffff;
}

.nfo {
	font-size: 95%; 
	color: #555555;
	background: #ffffff;
}

.formTable {

	cellpadding: 3px;
}

.operatorBanner {
	font-size: 200%;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}

.coverText {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	width: 93px;
	max-width: 93px;
	font-size: 7pt;
	color: #000000;
	background: #ffffff;
}

.hidden {
	color: #ffffff;
	background: #ffffff;
	
A:hover {font-weight: bold;
background-color: #0080ff ;
text-decoration: underline;
color: #000080 }

}

.title {
	background: #ffffff;
}

img {
	/* color and background set to body background for NS4.7 compatability. */
	color: #ffffff;
	background: #ffffff;
	border: 0;
}

h1, h2 {
	color: #3366cc;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h1 {
	font-size: 150%;
	font-weight: 600;
}

h2 {
	font-size: 133%;
	font-weight: 700;
}

.blue {
	color: #3366cc;
}

.black {
	color: #000000;
}

.white {
	color: #ffffff;
}

.red {
	color: #dd0000;
}

.bucketHeader {
	color: #3366cc;
	font-size: 110%;
	font-stretch: ultra-condensed ;
	font-weight: 700;
}

.bucketLink {
	float: right; 
	padding: 2px 2px 2px 2px ; 
	margin: 2px 0px 2px 2px ;
}

.heading {
	color: #3366cc;
	font-weight: 600;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 145%;
	font-weight: 700;
}

em {
	color: #3366cc;
	font-weight: bold;
	font-style: normal;
	font-size: 120%
}

pre {
	font-size: 12px;
}

small { 
	font-size: 85%; 
}

th {
	color: #ffffff;
	background: #023abc;
	font-weight: bold;
	height: 35px;
	/* text-decoration: underline; */
}

th.searchResults {
	color: #ffffff;
	background: #023abc;
	font-weight: bold;
	height: 35px;
	text-decoration: underline;
}

table.controlTable {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
}

table.spotlightTable {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
}

th.controlHeader {
	width: 100%;
	color: #ffffff;
	background: #000000;
	border: solid 1px #000000;
	font-weight: bold;
	height: 22px;
	text-decoration: none;
}

th.spotlightHeader {
	width: 100%;
	color: #ffffff;
	border: solid 1px #666666;
	background: #666666;
	font-weight: bold;
	height: 25px;
	text-decoration: none;
}

th.spotlightImage {
	color: #000000;
	background: #ffffff;
	border: solid 1px #666666;
}

img.listingImage {
	border: solid 1px #023abc;
}

td.controlContents {
	vertical-align: top;
	border: solid 1px #000000;
	padding: 5px 10px 7px 10px;
}

td.spotlightContents {
	width: 100%;
	vertical-align: top;
	border: solid 1px #666666;
	padding: 6px 6px 0px 6px;
}

td.listingContents {
	width: 100%;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}

th.binHeader {
	width: 56px;
	height 35px;
	font-weight: bold;
	color: #000000;	
	background: #ffffff;	
}

td.binContents {
	width: 56px;
	height 35px;	
	font-weight: bold;	
}

.categoryHeading {
	font-family: arial, sans-serif;
	font-size: 250%;
	font-weight: bold;
	line-height: 180%
	color: #000000;
}

.memberAgreement {
	font-size: 13px; font-family: Arial, New Times Roman, Verdana, Geneva, Helvetica, sans-serif;
}


.sidebar { /* Used in Promotion HowTo */
	width: 30%; 
	float: right; 
	background: #e7eefc; 
	padding: 12px 12px 12px 12px ; 
	margin: 12px 0px 12px 12px ;
}

th.ttlHdr {
	height: 20px;
	background: #cad7f9;
	color: #000000;
}

table.ttlInside {
	margin: 0px 5px 0px 5px;
	background: #ffffff;
	border: solid 1px #000000;
	text-align: left;
	padding: 0px;
}

table.ttlOutside {
	background: #f0f0f0;
	border: solid 1px #000000;	
	padding: 0px 0px 5px 0px;
}

td.ttlCol {
	padding: 0px 3px 0px 3px;
}

table.ttlInner {
	padding: 0px;
}

th.keyHeader {
	color: #000000;
	background: #ffffff;
	border: solid 1px #000000;
	font-weight: bold;
	height: 22px;
}

td.keyContents {
	color: #000000;
	border: solid 1px #000000;
	height: 22px;
}