/* blue color: #00589C;  or 0,88,156 */
/* lt grey: 208,212,215  color: #D0D4D7;  */
/* dk gray 97.101.104  color: #616568;  */
/* yellow 255, 251, 126  color: #FFFB7E;  */
/* yellow 98, 38, 28 color: #FFFEBC */
/* red: 126, 42, 37 color: #7E2A25; */
body {
	height: 98%;
	min-width:320px;
	overflow: hidden;
}
img{
	width:100%;
	height:100%; 
    display: block;
	margin-left: 2px;
    margin-right: 2px;
	margin: 0 auto;
 }
td {
	width: 50%;
	text-align: left;
	vertical-align: top;
	margin: 4px;
	margin-left: 4px;
	margin-right: 4px;
  	margin: 0 auto;	
	padding: 4px;
}
.imgProduct {
	width: 100%;
	height: 100%;
  	margin: 4px;
	margin-left: 4px;
	margin-right: 4px;
   	margin: 0 auto;	
	border: 3px;
	padding: 4px;
}
#txtProduct {
	width: 100%;
	height: 100%;
  	margin: 4px;
	margin-left: 4px;
	margin-right: 4px;
   	margin: 0 auto;	
	border: 3px;
	padding: 4px;
}
.imgProduct:hover {
	width: 100%;
	height: 100%;
	margin: 0px;
	margin: 0 auto;
	border: 4px solid  #FFFB7E;
	padding: 0;
}
.shelf-wrapper {
	position: relative;
	margin: 0 auto;
	font-family: Arial;
	font-size: 10pt;
	padding: 0;
	top: -10px;
	
}
.nav-arrow {
	position: relative;
	cursor: pointer;
 	display: inline-block;
	margin: 0 auto;
}
.carousel-wrapper {
	position: relative;
	margin: auto;
	display: inline-block;
}
ul {
	padding: 0;
}
.shelf {

}
.shelf-item {
	display: inline-block;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: rgba(208,212,215, .5);
	position: relative;
}