@charset "utf-8";

/* gallery-specific styles */

/* gallery container */
.gallery {
	width:650px;
	text-align: center;    /* centers inline paragraphs */
	margin: 0;
	background-color: #fff;
	/*border: 1px solid #999;*/
	padding: 5px 0 20px 0;
}
.gallery a {
	text-decoration: none;
	vertical-align: middle;
	margin-top:auto;
	margin-bottom:auto;
}
.gallery a img {
position:relative;
	padding-top:8px;
	/* border-width: 1px; */
	vertical-align: middle;
	margin-top:auto;
	margin-bottom:auto;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
	font-size:.80em;
	vertical-align: middle;
}

/* inner container for each image/caption pair */
.gallery a {
position:relative;
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: 0;
	padding: 5px 0;
	vertical-align: middle;   /* aligns the img/caption container */
	width: 8em;            /* adjusts with text size */
	min-width: 155px;      /* not always honored, but that's OK */
	margin-top:auto;
	margin-bottom:auto;
}

/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 208px;         /* a bit larger than highest img */
	width:155px;
	background:url(../img/product_border.png) top left no-repeat;
	line-height: 110px;    /* same value as height */
	text-align: center;
	vertical-align: middle;
/*	border: 1px dashed #f00; /* uncomment to show */
}
/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 2.5em;         /* makes each box a consistent height */
	padding: 3px 2px 0 2px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}
/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */
#gallery_store {
	width:650px;
	text-align: center;    /* centers inline paragraphs */
	margin: 0;
	background-color: #fff;
	/*border: 1px solid #999;*/
	padding: 5px 0 10px 0;
}
#gallery_store td {
	width:155px;
	background:url(../img/product_border.png) top left no-repeat;
	text-align:center;
}
.picbox {
	height:208px;
	width:155px;
}
#gallery_store img {
	margin-top:5px;
}
.infobox {
	height:8em;
	width:155px;
}
.cart_btn {
	

}