a {
	color: #003399;
	text-decoration: none;}

a:hover {
	color: #990000}

a.footer {
	color: #808080;
	text-decoration: none;
	font-family: Verdana, sans-serif;
    font-size: 11px;}
	
a.footer:hover {
	color: #990000;}

a.navbaractive {
	color: #990000;
	font-weight: bold;}

a.header {
	color: #000066;
	text-decoration: none;
	font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;}
	
a.header:hover {
	color: #990000;}

td.category {
	color: #888888;
	font-family: arial, sans-serif;
	font-size: 18px;
	background: #EEEEEE;
	height: 30px;}
	
td.navbar {
	color: #000066;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;}

td.querynavbar {
	color: #000066;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: right;}

td.text {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 5px;}

td.price {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	padding: 0px;
	spacing: 0px;
	height: 5px;}

td.canvas {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 5px;
	vertical-align: top;}

table.footer {
	width: 760px;}

table.footer td {
	padding: 5px;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #999999;}
	
table.bodyTable {
	width: 760px;
	padding: 0px;
	spacing: 0px;}

table.priceTable {
	width: 700px;
	padding: 0px;
	spacing: 0px;}

table.quickieTable {
	width: 233px;
	padding: 0px;
	spacing: 0px;}

table.detailTable {
	width: 488;
	padding: 0px;
	spacing: 0px;}
	

input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;}

select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;}

/*
 * Divider formats===========================================================
 * divContainer, divLogo, divTopNavBar, divInfoBar, divLeftNavBar, divMain, divBottomNavBar, divLeftAndMain, divProcessing, 
 * divRetailerUpdate
 */

html, body, #divContainer {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #divContainer {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
}

#divContainer {
	position: absolute;
	top: 10px;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#divLogo {
	position: absolute;
	top: 0;
	left: 0;
	height: 85px;
}

#divTopNavBar {
	position: absolute;
	top: 85px;
	left: 0;
	height: 14px;
}

#divInfoBar {
	position: absolute;
	top: 99px;
	left: 0;
	margin-left: 10px;
	color: #888888;
	font-family: arial, sans-serif;
	font-size: 18px;
	background: #EEEEEE;
	height: 30px;}
}

#divLeftNavBar

#divMain {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}

#divLeftAndMain

#divBottomNavBar {
	position: absolute;
	bottom: 0;
	background-color: #ccffcc;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
 
#divBottomNavBar {
    \width: 100%;
    w\idth: 70%;
}

#divBottomNavBar {
	position: absolute;
	bottom: 0px;
	width: 768px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#divProcessing {
	position: absolute;
	top: 350px;
	left: 200px;
	width: 360px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#divRetailerUpdate {
	position: absolute;
	top: 150px;
	left: 200px;
	width: 360px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Calendar Popup Javascript */
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#003366;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			border-left:0px solid #000066; border-right:0px solid #000066; border-top:0px solid #000066; border-bottom:1px solid #000066; text-align:right;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#003366;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #000066;
			border-width:1;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border-left:0px solid #000066; border-right:0px solid #000066; border-top:1px solid #000066; border-bottom:0px solid #000066; 
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#000066;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #000066;
			}
	img.cal
			{
			vertical-align: text-bottom;
			}