@charset "iso-8859-1";
/* main.css */

/****************************************** tags ******************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFE2BA; /* Site tan background */
}
table {
	border-collapse: collapse;
}
tr {
	vertical-align: top;
}
/* td {
	margin: 0;
	padding: 0;
	border: none;
 }
*/
img {
	border: 0;
}
img[align="left"] {
	padding: 0.5em 0.5em 0.5em 0;
}
img[align="right"] {
	padding: 0.5em 0 0.5em 0.5em;
}
h1, h2, h3, h4, h5 {
	clear: both;
	color:#FFFF20;
	background-color:#700000; /* HEADER RED ELEMENTS */
	padding-left: 0.25em;
	padding-right: 0.25em;
}

h1 {
	font-size: 100%;
}


/****************************************** top ******************************************/
table.topBanner {
	width: 100%;
	background-color: #FFE2BA; /* Top header Tan background */
	
}
table.topBanner tr {
	vertical-align: middle;
	border-color:#700000;  
	border-width: 3;
}

td.pdgtopnav {
	padding: 2px 1em 2px 1em;
	font-weight:bold;
	color:#FFFF20;
	background-color:#700000; /* Top header RED Index banner */
	text-align: center;
}
td.pdgtopnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
td.pdgtopnav li {
	padding: 0 1em 0 1em;
	margin: 0;
	list-style: none;
	display: inline;
}
.pdgtopnav a:link, .pdgtopnav a:visited {
	color:#FFFF20;
	text-decoration: none;
}
.pdgtopnav a:hover, .pdgtopnav a:active {
	color:#FFFFFF;
	text-decoration: underline;
}


/****************************************** left ******************************************/
/***** registration box text right nav ******/
.pdgleftnav, .pdgrightnav {
	font-size: 80%;
	font-weight: bold;
	color: #700000; 
}
/***** solid vertical line left nav ******/
td.pdgleftnav, {
	width: 10%;
	padding: 0px;
	border: 1px solid #700000;
}

/***** active link color of both left and right nav #990000 ******/
.pdgleftnav a:link, .pdgleftnav a:visited, .pdgrightnav a:link, .pdgrightnav a:visited {
	color:#0000cc;
	text-decoration:underline
}
/***** hover link color of both left and right nav ******/
.pdgleftnav a:hover, .pdgleftnav a:active, .pdgrightnav a:hover, .pdgrightnav a:active {
	color: #9900cc;
	text-decoration:underline
}
.pdgleftnav h1, .pdgrightnav h1 {
	font-size: 80%;
	color:#FFFF20;
	background-color:#700000;
	text-align: center;
	padding: 2px;
	margin: 1em 0 0 0;
	width: 10%;
}

td.pdgleftnav ul.browse li ul li {
	display: inline;
	font-size: 80%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

td.pdgleftnav ul.browse li ul li a:link, td.pdgleftnav ul.browse li ul li a:visited {
	text-decoration: underline;
}
td.pdgleftnav ul.browse li ul li a:hover, td.pdgleftnav ul.browse li ul li a:active {
	text-decoration: underline overline;
} 

/****************************************** right ******************************************/
td.pdgrightnav {
	width: 10%;
	padding: 0px;
	border: 1px solid #700000;
}

.pdgrightnav h1 {
	font-size: 80%;
	color:#FFE2BA;
	background-color:#700000;
	text-align: center;
	padding: 2px;
	margin: 1em 0 0 0;
}
/****************************************** bottom ******************************************/
.footer {
	font-size: 80%;
	text-align: center;
	padding: 3em 1em 1em 1em;
}

/****************************************** main / center ******************************************/
td.pdgmain {
	margin: 0;
	padding: 10px;
	background-color: #FFE2BA;

		font-size: 10pt;
		color: #880000;
}

.pdgmain a:link, .pdgmain a:visited, a.pdgmainlnk:link, a.pdgmainlnk:visited, a.pdglink:link, a.pdglink:visited {
	color: #blue;
	text-decoration:underline
}
.pdgmain a:hover, .pdgmain a:active, a.pdgmainlnk:hover, a.pdgmainlnk:active, a.pdglink:hover, a.pdglink:active {
	color: #9900cc;
	text-decoration:underline
}

.pdgmainhdr {
	font-weight: bold;
}

td.pdgmain h1 {
}

.table2Column {
	text-align: left;
	width: 80%;
}
.table2Column tr {
	vertical-align: middle;
}
.table2Column th {
	padding: 0 0.5em 0 0.5em;
	text-align: right;
}
.table2Column td {
	padding: 0 0.5em 0 0.5em;
	text-align: left;
}
.table2Column input[type="text"], .table2Column input[type="password"] {
	width: 15em;
}

.blockCenter table {
	margin-left: auto;
	margin-right: auto;
}

/****************************************** special ******************************************/
.pdgoutertable {
	width: 100%;
}

ul.categoryList {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.categoryList li {
	padding: 0;
	margin: 0 0 1em 0;
	list-style: none;
}

div.basketSelect table {
	border: thin solid black;
	margin-left: auto;
	margin-right: auto;
}
div.basketSelect td {
	border: thin solid silver;
	padding: 2px;
}
div.basketSelect table table {
	border: none;
}
div.basketSelect td td {
	border: none;
	padding: 0;
}

table.productListing {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #880000;  /* don't know what this is */
}
table.productListing tr {
	vertical-align: top;
}
table.productListing td {
	padding: 0 1em 0 1em;
	text-align: left;
}

input[type="text"].quantity {
	width: 4em;
}


.userUpdate table {
	border: thin solid black;
}
.userUpdate form > table {
	margin-bottom: 1em;
}
.userUpdate table table tr {
	vertical-align: middle;
}

.error {
	font-weight: bold;
	font-size: 110%;
	color: red;
}
/****************************************** Basket ******************************************/
p.ordimg {
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }
}

p.orddesc {
padding-left: 11em;
}
.proi {
	color : #880000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	cursor: default;
}
.proi a:active { color: #880000; text-decoration: none; }
.proi a:link { color: #880000; text-decoration: none; }
.proi a:visited { color: #880000; text-decoration: none; }
.proi a:hover { color: #880000; text-decoration: none; }