h1 {
  font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; color: #ccc; font-size: 14px;
}
h2 {
  font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; color: #ccc; font-size: 13px;
}
p, li, td, label  { margin:0px 20px 10px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; color: #ccc; font-size: 10px;}


label {
  font-weight: bold ;
}
a {
  color: #77aadd;
  z-index:100;
}

ul li a {
  color: #77aadd;
}

a:visited {
  color: #77aadd;
}

a.thumbnailLink img {
	border:1px solid #666 ;
}

a.thumbnailLink:hover img {
	border:1px solid #ccc ;
}

span.productName {
	margin-top:0px;
	font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; color: #ccc; font-size: 12px;
}

input, select {
  margin: 2px ;
  padding: 2px ;
  font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; color: #000; font-size: 10px;
}



table.productList {
	width: 100% ;
}

table.productList tr th {
	color: #fff ;
	font-family: verdana, san-serif ;
	font-size: 11px ;
}

table.productList tr td {
	color: #fff ;
	padding: 3px ;
}

table.productList tr.odd {
	background-color: #222 ;
	color: #fff ;
}

table.productList tr.even {
	background-color: #000 ;
	color: #fff ;
}

.error {
	font-weight: bold ;
	color: red ;
}

/* Flash Messages - not as in SWF but as in errors'n'stuff */


div.flashMessage {
  display: block ;
  padding-top:20px ;
  padding-bottom:20px ;
  min-width: 300px ;
}
div.flashMessage div.note {
  padding: 10px ;
  background-color: #cfc ;
  border: 1px solid #9f9 ;
  font-size: 1.2em ;
}

div.flashMessage div.error {
  padding: 10px ;
  background-color: #fcc ;
  border: 1px solid #f99 ;
  font-size: 1.2em ;
}
div.flashMessage div.warning {
  padding: 10px ;
  background-color: #ffc ;
  border: 1px solid #f99 ;
  font-size: 1.2em ;
}
div.flashMessage div.notice {
  padding: 10px ;
  background-color: #fff ;
  border: 1px solid #f99 ;
  font-size: 1.2em ;
}