* { font-family: 'Segoe UI', Calibri }

A:link {text-decoration: none; color: Green}
A:visited {color: Green}
A:hover {text-decoration: underline;}
A:active {}

A:link IMG {border: 0}

p {color: Gray; font-size: 11pt;}

P.pageNotice {background-color : #fafad2; border: dashed 1px #008000; padding: 10px 15px; margin: 15px 5px;}

.categoryPanel {float: left; margin: 1%; min-width: 150px; max-width: 600px; width: 31%; border: solid 1px #818181;}
.categoryPanel IMG {
	width: 100%;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.categoryPanel DIV {position: relative; line-height: 32px; background-color: #818181; padding: 0 15px;}
.categoryPanel A {color: white; text-decoration: none}

.categoryPanel:hover {border-color: Black;}
.categoryPanel:hover IMG {
	width: 100%;
	opacity: 0.65;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
}
.categoryPanel:hover DIV {background-color: Black;}

.pSpecialPricing {white-space: nowrap;}

.productPanel IMG {border: 0px; z-index: -999;}
.productPanel INPUT {font-size: x-small}
.productPanel TABLE {width: 100%; height: 100%; border-collapse: collapse;}
.productPanel {
	float: left;
	width: 31%; min-width: 250px;
	height: 160px;
	text-align: left;
	vertical-align: middle;
	border: dashed 1px silver;
	margin: 1%;
}
.productPanel TABLE TD {padding: 5px; margin: 0}
.productPanel TABLE TD.productImage {width: 128px; height: 128px; text-align: center}
.productPanel TABLE TD.productImage IMG {margin: auto} /* Center the image in the cell */
.productPanel .productCode {font-weight: bold; font-size: small}
.productPanel .productDescription {color: GrayText; font-size: small;}

.productFilter {text-align: right;}
.productFilter SELECT {font-size: 8pt;}

.eventPanel {
	float: left;
	margin: 1%;
	width: 47%; min-width: 600px; max-width: 800px;
	height: 250px;
}
.eventPanel TABLE {height: 100%;}
.eventPanel TABLE TD {padding: 15px;}

.clear {clear: both}

/* Extra stuff for Nivo Slider */
/*
.slider-wrapper {
	height: 100%;
	overflow: hidden;
}

.slider-wrapper DIV {
	max-height: 100%;
	overflow: hidden;
	z-index: 0;
	vertical-align: middle;
}
*/