body 
{ 
   font-family: verdana,geneva,arial,helvetica,sans-serif;
   font-size: 14px;
   color: #309722;        /* green-- rgb(48, 151, 34); */
   background-color: #309722;
}

table 
{  
   background-color: #f5f5dc;  /* light-yellow f5f5dc rgb(245, 245, 220)*/
}

tr, td, caption 
{ font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
  color: #000000;
  background-color: transparent;
}


/* This is the H1 title used in the sample PHP files */
.sampleTitle {
   text-align:center;
}

/* This is one product grid cell (the box that contains each product image and text) */
.gridCell {
  float:left;
  text-align:center;
  position:relative;
  overflow:hidden;
}


/* This is the style given to the product image link by default */
.gridCell .realviewLink 
{
  border:1px solid #3e6535;  /* green */
  display:block;
  padding:0px;
}

/* This is the style given to the product image itself by default */
.gridCell .realviewImage {
  border:2px;
}


/* This is the style given to the inside of the image link when hovering over the image */
.gridCell .realviewLink:hover .realviewImage {
  border:2px solid #3e6535!important;
}

/* This is the style given to the outside of the image link when hovering over the image */
.gridCell .realviewLink:hover {
  border:1px solid #3e6535!important;
}

/* This is the style given to the text underneath the image (title, description, price...) */
.gridCellInfo {
  text-align:center;
  font-size:12px;
}

/* Centers text under the product  */
.gridCellInfo a, .gridCellInfo a span {
  text-align:center;
}

/* This is the main container for the grid of products */
.allGrids {
  text-align:center;
  width:100%;
  background-color: #f5f5dc;
}

/* Centers the grid of products inside allGrids */
.centerGrids {
   margin-left: auto;
   margin-right: auto;
}

.error {
  border:1px solid;
  padding:18px;
  margin-bottom:23px;
}

/* The currently selected sort method */
.selectedSort, .selectedSort a {
  text-decoration:none;
}

/* The pagination links */
.count {
     float:left;
     margin-left:5px;
     margin-bottom:7px;
     text-align:left;
     position:relative;
}

/* Powered by Zazzle logo */
/*.pbimg {
   position:absolute;
   top:-5px;
   left:0px;
}
*/

.pbimg {
   position : relative;
   text-align:center;
}

.pbimg img {
  border:1px solid #000000;
}

/* Empty classes in case you want to change the look of the pagination and sort */
.count a, .sortLinks a
{
  text-align:left
}

.sortLinks
{
  text-align:left
}

/* Used to stop product grids from floating to the left (at the end of the grid) */
.clearMe {
  clear:both;
  margin:0px;
  padding:0px;
}

/* Height of clearMe DIV */
.short {
  height:10px;
}

/* Fix for Mozilla browsers for floating elements...best not touch this! */
.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Empty class in case you want to style the currently selected page number */
.current {

	}
/* The product description text. To show more than one line of the description, increase the height. */	
.productDescription {		
  cursor: default;
  text-decoration: none;
  position:relative;
  overflow:hidden;
  height:25px;
}

/* The product title text */
.productTitle {
  display:block;
  height:15px;
  overflow:hidden;
  font-weight:bold; 
}

/* Product price text */
.productPrice {
  cursor: default;
  text-decoration: none;
  font-size: 8pt;	
}

/* The pagination arrows (previous/next)*/
.paginationArrows {
   text-decoration: none;	
}