body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-color: #5588AA;
	background-image: url(wb_logo_small.gif);
	background-repeat: repeat-y;
	background-position: right;
	font-size: 11px;
	margin: 10px;
}
.website_title {
	color: #000000;
	background-color: #3A75AF;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
}
#logo {
	margin: 0px 0 0 0;
	background: url(c1001_top_span.gif) repeat;
}
a:link, a:visited, a:active {
	font-size: 11px;
	color: #003366;
	text-decoration: none;
}
a:hover {
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
hr {
	color: #003366;
	height: 1px;
	width: 100%;
}
h1 {
	font-size: 18px;
	color: #003366;
}
h2 {
	font-size: 15px;
	color: #336699;
}
form {
	margin: 0;
}
.bread_crumbs {
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #CDCDBB;
	font-size: 10px;
	color: #696969;
	font-weight: strong;
	text-align: left;
}
.bread_crumbs a{
	text-align: center;
}
.bread_crumbs2 {
	border-right-style: dotted;
	border-right-width: thin;
	border-right-color: #CDCDBB;
	font-size: 10px;
	color: #696969;
	font-weight: strong;
	text-align: left;
}
.bread_crumbs3 {
	border-left-style: dotted;
	border-left-width: thin;
	border-left-color: #CDCDBB;
	font-size: 10px;
	color: #696969;
	font-weight: strong;
	text-align: left;
}
.search {
	font-size: 9px;
	color: #000000;
	text-align: left;
  	border-color: #000000;
  	border: 1px solid #000000
}
.menu1 {
	vertical-align: top;
	text-align: left;
	background-color: #FFFFFF;
	width: 200px;
	padding: 5px 0 5px 0;
	font-size: 11px;
}
.menu1_current {
	font-weight: bold;
}
.menu1 ul {
	border-bottom: 0px;
	margin-left: 1.5em;
	padding: 0;
	list-style-type: none;
}
.menu1 li {
	width: 100%;
	background-image: url(star_blue.gif);
	background-repeat: no-repeat;
	padding-left: 1.6em;
	
	padding-bottom: 5px;
	color: #FFFFFF;
}
.menu1 a:link, .menu1 a:visited, .menu1 a:active {
	padding: 2px 5px 2px 5px;
	color: #002255;
	display: block;
	width: 130px;
	text-decoration: none;
}
.menu1 a:hover {
	color: #336699;
	text-decoration: none;
}
.login-preferences a:link, .login-preferences a:visited, .login-preferences a:active {
	vertical-align: top;
	text-align: left;
	padding: 0px;
	font-size: 9px;
}
.login {
	font-size: 9px;
	color: #000000;
	text-align: left;
}
.login input {
	width: 85px;
	font-size: 9px;
	border-color: #000000;
	border: 1px solid #000000;
}
.login a:link, .login a:visited, .login a:active {
	color: #343434;
	text-decoration: none;
}
.login a:hover {
	color: #660000;
	text-decoration: none;
}
.powered_by {
	padding: 3px 0px 0px 15px;
	align: center;
	background-color: #FFFFFF;
}
.content {
	padding: 10px;
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
}
.content table{
	border:thin;
}
.tablename {
	font-size: 100%; 
	font-weight: bold;
	color: #000000; 
	text-align:center;  
	
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #CDCDBB;
	
	border-top-style: dotted;
	border-top-width: thin;
	border-top-color: #CDCDBB;
	font-weight: strong;
	
	padding: 3px 3px 3px 3px;
}
.tableborder {
	background-color: #ffffff; 
	border: 1px solid #ffffff;
}
.tabletext {
	font-size: 85%; 
	font-weight: normal; 
	color: #000000;
	text-align:center;
}
.template_owner {
	padding: 2px;
	font-size: 8pt;
	color: #5E5E5E;
}
.footer {
	padding: 2px;
	height: 15px;
	background-color: #ECE9D8;
	color: #474747;
	vertical-align: top;
	text-align: center;
}
.gmtbl {background-color: #ffffff; border: 1px solid #ffffff;}
.gmtdttl {font-size: 100%; font-weight: bold;color: #ffffff; text-align:center;}
.gmtdtext {font-size: 85%; font-weight: normal; color: #000000;text-align:center;}
#logo {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#logo1 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	vertical-align:middle;
	text-align:left;
}
#logo2 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	vertical-align:middle;
	text-align:center;
}
#mainContainer{
	width:800px;
	margin:0 auto; 	/* Center alignment */
	text-align:left;
	background-color:#FFF;
}
#leftColumn{	/* Left column of the page */
	width:400px;
	float:left;
	padding-right:5px;
}
#rightColumn{	/* right column, i.e. shopping cart column */
	width:190px;
	float:right;
	height:300px;
	background-color:#DDD;
	padding-right:10px;
}
#shopping_cart{	/* Shopping cart */
	margin:3px;
	padding:3px;
}
.clear{	
	clear:both;
}
.product_container{	/* Div for each product */
	width:190px;
	margin-right:15px;
	float:left;
	margin-top:3px;
	padding:2px;
	font-weight:bold;
}
.sliding_product img{	/* Float product images */
	float:left;
	margin:2px;
}
img{	/* No image borders */
	border:0px;
}

#menu11 {
width:150px;
background-color:#CDCDBB;
margin: 2px;
padding-left:8px;
padding-right:8px;
padding-TOP:2px;
padding-BOTTOM:2px;
border:solid 1px black;
font: normal 11px verdana, sans-serif;}


#menu01 li a:link, #menu01 li a:visited, #menu11 li a:active { display:block;
border: solid 1px #CDCDBB;
background-color:TRANSPARENT;
color:#CDCDBB;
text-decoration:none;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 5px;
height: 24px;
line-height: 24px;
}

#menu01 li a:hover {background-color:#CDCDBB;
                color:#666666;
                border: solid 1px #CDCDBB;
}

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

/* General styling for both valid and invalid input */
.invalidInput,.validInput{
	display:compact;
	padding:1px;
}
/* Style for invalid input */
.invalidInput{
	border:1px solid #F00;
}

/* Style for valid input */
.validInput{
	border:0px solid #FFF;
}

.row_a {
	background-color: #EEEEEE;
}
.row_b {
	background-color: #DDDDDD;
}