/*
 * Project:		Project Name
 * Date:		YYYY/MM/DD
/* ---------------------------------------- */



/* tables */

table { }
 table th, table td { padding: 5px 10px; /* border: 1px solid #ccc; */ }

/* ELEMENTS
------------------------------------------- */

#checkboxcontainer, #filter { width: 100%; overflow: hidden; /* margin: 0 0 15px;  */}
 #checkboxcontainer p, #filter p { width: 175px; padding: 5px 0 0 0; float: left; margin: 0; text-align: left; }

.itemsFound, #resultsNumber { text-align: right; font-size: 10px; }
 .itemsFound span, #resultsNumber span { font-weight: bold; }

.hideMessage, #defaultMessage { display: none; text-align: center; font-weight: bold;  }
.tags {color: white; display: none;}

/*
ul, #productsList { width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0 0 15px; }
 ul li, #productsList p { width: 173px; float: left; overflow: hidden; position: relative; padding: 40px 5px; height: 4em; margin: 0 1px 2px; border: 1px solid #ccc; text-align: center; }
  ul li span, #productsList .keywords { display: block; font-weight: bold; }
*/



#coffeeFinderWrapper {width: 815px; height: 200px; background: transparent url(/storeImages/filterHeader.gif) repeat-y; position: relative;}

#productsList {margin: 20px 0 0 15px;}

#coffeeFinderList {/* background: transparent url(/storeImages/coffeeFilterHeader_middle.gif) repeat-y; */ width: 320px; right: 30px; top: 30px; position: absolute;}

.coffeeFinderIntro {font-size: 14px; text-align: left; padding: 0 0 10px 0;}
.coffeeFilterLabel {font-size: 14px; text-align: left;}

ul#filter {list-style: none; margin: 0 0 0 20px; padding: 0;}

ul#filter li { width: 100px; float: left; overflow: hidden; position: relative; /* padding: 40px 5px; */ /* height: 4em; */ margin: 0 1px 2px; /* border: 1px solid #ccc; */ text-align: left; }