@charset "utf-8";
	/* CSS Document */
	/* v1.0 | 20080212 */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	/* remember to define focus styles! */
	:focus {outline: 0;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	
	p{color:#F4F28A;  font-family:'Georgia', Times New Roman, Times, serif; line-height:1.5em; text-transform:uppercase; width:300px; height:35px; float:left; padding:35px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); background-color:#333; opacity:0.9;}
	img{border:0;}
	
	
	#wrapper{width:800px;}
	#content{width:800px;  display:inline;}
	#arrow_wrap{width:1000px; float:left; display:inline; position:absolute;}
	#photo_wrap{width:710px; height:576px; position:relative;float:left; display:inline;  margin:0px; overflow:hidden;margin:auto;}
	#thumbs{position:absolute; z-index:10; left:0; list-style-type:none;  display:inline;}
	#thumbs li{ float:left; display:inline;}
	#close_msg{background:#000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; width:300px; text-align:center; position:absolute; z-index:14; top:45%; left:31%;}
	
	#large_images{position:absolute; z-index:13;}
	#large_images img{border:#464646 0px solid; width:845px; height:576px;}
	
	#next{width:230px; height:50px; float:left; display:inline;margin:5px 0; right:500px; position:relative; z-index:15; margin-top:530px; 
	-webkit-transition: 0.3s; /* Safari and Chrome */
	-moz-transition: 0.3s;/* Firefox */
	-ms-transition: 0.3s; /* IE 9 */
	-o-transition: 0.3s; /* Opera */
	transition: 0.3s; 
	opacity:100;}
	
	#next:hover{  right:490px; opacity:100;}
	
	#prev{width:60px;height:80px; float:left; display:inline;margin:5px 0;position:relative; z-index:15; margin-top:530px; left:120px;
	
	-webkit-transition: 0.3s; /* Safari and Chrome */
	-moz-transition: 0.3s;/* Firefox */
	-ms-transition: 0.3s; /* IE 9 */
	-o-transition: 0.3s; /* Opera */
	transition: 0.3s; 
	opacity:10; }
	
	#prev:hover{ opacity:0.9; left:110px;}
	#prev a, #next a {display: inline; }
	
	
	.group{position:relative; float:left; display:inline; width:710px;}
	.group li{margin:0px;}
	.thumb_img{border:#ccc 1px solid;overflow: hidden;
	opacity: 100;
	transition: all .4s ease-out;
	z-index: -1;}
	.group li, .thumb_img{float:left; display:inline; width:354px; float:left; position:relative;}
	.group .hide{position:absolute; background:#000; padding:0px; bottom:0; left:0; width:354px; float:left;  z-index:11; margin:1px; }
	.hide{display:none;}
	.loading{display:none; position:absolute; top:40%; left:48%; z-index:15;}
	.loading img{border:0 !important;}
	/*===== PRODUCT IMAGER HOVER =====*/
	.pro-continer{ width:354px; height:auto; float:left; 
	
	
	
	
	}
	.product-box {
	
	position: relative;
	
	
	
	font-size: 1em;
	overflow: hidden; 
	
	
	
	
	
	width: 354px; height:288px; z-index:1;
	
	}
	
	.product-box img {
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: -2;
	
	}
	
	.product-box a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%; 
	}
	
	.product-box a span {
	display: block;
background-color:rgba(222, 184, 71, 0.5);
color: rgba(0, 0, 0, 0.8);
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0.0;
	transition: all 0.3s ease-in-out;
	z-index: -1; 
	}
	
	.product-box a:hover span {
	height: 100%;
	opacity: 100;z-index:8;
	}
	
	.product-box p {
	text-align: center;
	margin: 100px 0;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0px; line-height:25px; font-size:20px; font-weight:500;
	}