div.centered { text-align: center; }
div.centered table { margin-left: auto; margin-right: auto; text-align: left; }
.pagelist_banner { border: solid black 2px; font-size: 10pt; background-color: #eed; color: #000; padding: 4px; }
.pagelist_banner a { text-decoration: underline; color: #008; }
.pagelist_banner a:hover { color: #22a; }
.pagelist_banner img { vertical-align: middle; }
.pagelist_banner span.pagelist_option { white-space: nowrap; margin-right: 3em; }
.pagelist_banner span.pagelist_otheropts { font-size: 9pt; white-space: nowrap; }
.pagelist_banner span.pagelist_minioption { font-size: 9pt; white-space: nowrap; }
table.pagelisting { border: solid black 2px; }
table.pagelisting th { vertical-align: bottom; }
table.pagelisting tr.cat td { border-top: solid black 2px; }
table.pagelisting tr.page td { border-top: dashed black 1px; }
#tooltip { position: absolute; z-index: 100; display: none; width: 20em; border: solid black 1px; background-color: #ffc; color: #000; padding: 2px; }
#tooltip, #tooltip p, #tooltip *, #tooltip * * { font-size: 10px; }
@media print { .noprint { display: none; } }

td#main {padding-left: 20px;}

ul#projects, ul#thumbs {margin: 0; padding: 0; list-style-type: none}
ul#projects a img, ul#thumbs a img {border: 1px solid #7e7a71;}
ul#projects #thumbnail {float: left; margin-right: 15px;}
ul#projects #description {padding-top: 8px;}
ul#projects li div p {margin: 5px 0 8px 0;}
ul#projects li {border-bottom: 1px solid #ccc; height: 100px; margin-top: 10px;}

ul#thumbs {float: left; margin-bottom: 20px;}
ul#thumbs li {float: left; margin-right: 8px;}

.return {clear: both;}

ul#productCats {float: left;margin:0; padding: 0; list-style-type: none;}
ul#productCats li {float: left; border: none}
ul#productCats li a {border: 1px solid #ccc; display: block; margin: 0 15px 15px 0; padding: 5px;}
ul#productCats li a img {border: none}


ul#productThumbs {float: left;margin:0; padding: 0; list-style-type: none;}
ul#productThumbs li {float: left; border: none}
ul#productThumbs li a {border: 1px solid #ccc; display: block; margin: 0 15px 15px 0; padding: 5px;}
ul#productThumbs li a img {border: none}

p.warning {border: 1px solid #ff0000; background-color: #eec4c4; padding: 5px;}
p.thankyou {border: 1px solid #009c0f; background-color: #bde4c0; padding: 5px;}
form label {display: block;}
form span.warning {color: #ff0000; font-style: italic;}
form input[type="text"], select {padding: 4px;}

div#leftCol {float: left; width: 380px; margin-right: 20px;}
div#rightCol {float: right; width: 200px;}
div#rightCol img {margin-bottom: 20px;}

ul#productCats li a.deptImage {background:url("/images/overlay.png") center center no-repeat;display:block;}  
ul#productThumbs li a {background:url("/images/overlay_sml.png") center center no-repeat;display:block;}  
  
ul#productCats li a.deptImage img, ul#productThumbs li a img{
	-webkit-transition:opacity 0.5s linear;  
    -moz-transition:opacity 0.5s linear;  
    -o-transition:opacity 0.5s linear;  
    transition:opacity 0.5s linear;
    }  
ul#productCats li a.deptImage:hover img, ul#productThumbs li a:hover img{
	opacity:0.2;
	-webkit-transition:opacity 0.5s linear;  
    -moz-transition:opacity 0.5s linear;  
    -o-transition:opacity 0.5s linear;  
    transition:opacity 0.5s linear;
    }