/*
=============================================
 Development By: Infinity Arts Interactive, LLC - www.InfinityArts.com, © Copyright 2013 - All rights reserved.
 Description: Layout CSS Styles
 Date: 07/16/2013
=============================================
*/


/* =================================== LAYOUT DEFINITIONS =================================== */

	#Wrapper { min-width:1200px; min-height:100%; position:absolute; top:0; left:0; overflow:hidden; width:100%; }

	#gallery { width: 677px; height: 954px; position: relative; z-index: 10; top:10px; overflow:hidden; }
	#gallery img { position: absolute; top:0; left:0; }

	#SideBar { background:#000!important; float:left; height:100%; padding:0px 30px 0px 30px; width:20%; min-width:230px; position:relative; padding-bottom:15000px; margin-bottom:-15000px; }
		#SideBar div { background:#000; width:240px; padding:20px 0px 20px 0px; height:100%; float:right; }
		#SideBar div img { margin:0px 0px 0px 139px; }
		#SideBar div p {  padding:0; margin:0; font-size:15px; font-family:Georgia, serif; line-height:17px; text-align:justify; text-indent: 24px; color:#e7dfca; font-style:italic; }
		#SideBar div p:last-child { text-align:right; }
		#SideBar .audio-wrap { text-align:right; height:18px; width:100%; margin:10px 0px 30px 0px; }
		#SideBar #musicControl { cursor:pointer; display:inline-block; height:18px; width:19px; padding:0; background:url('/assets/images/audio_indicator.png'); background-repeat:no-repeat; background-position:top right; }
		#SideBar #MiniNav { visibility: hidden; margin:50px 0px 0px 0px; }
		#SideBar a { visibility:visible; display:block; font-family:'sackersGoth', verdana, arial, sans-serif; margin:0px 0px 0px 0px; text-align:right!important; line-height:4px; text-transform:uppercase; font-size:12px; color:#e7dfca!important; }
		#SideBar #MiniNav ul { visibility:visible; margin-top:20px; padding:5px 0px 0px 0px; border-top:1px solid #e7dfca; width:auto; float:right; }
		#SideBar #MiniNav ul li { visibility:visible; display:block; margin:11px 0px 0px 0px; padding:3px 0px 2px 0px!important; height:4px; width:100%; padding:0px; }
		#SideBar #MiniNav ul li.on { border-right: 16px solid #FCF9F2!important; margin:11px 0px 0px 0px; padding:3px 7px 2px 0px!important; }
		#SideBar #MiniNav ul li.on a {  color: #FCF9F2!important; text-decoration:none!important; cursor:default; }

		.subscribe-form { padding: 0 0 20px 0 !important; }
		.subscribe-form h4 { font-size: 14px; color: #e7dfca !important; }
		.subscribe-form h1 { font-size: 16px; color: #e7dfca !important; margin:0; }
		.subscribe-form input { padding: 0 5px; height: 29px; line-height: 29px; width: 158px; float:left; border:0; border-radius: 2px; }
		#SideBar .subscribe-form a.btn {
			float:right; color: #ffffff !important; height: 30px; letter-spacing: 1px; text-shadow: 0 2px #430702; line-height: 29px !important; padding: 0 10px; font-size: 10px; text-align:center; display:inline-block; border:0; cursor:pointer; border-radius: 2px; font-weight:normal; font-family: arial, sans-serif; text-transform:uppercase;
			background: #8a2121; background: -moz-linear-gradient(top, #8a2121 0%, #6e1a1a 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a2121), color-stop(100%,#6e1a1a));
			background: -webkit-linear-gradient(top, #8a2121 0%,#6e1a1a 100%);
			background: -o-linear-gradient(top, #8a2121 0%,#6e1a1a 100%);
			background: -ms-linear-gradient(top, #8a2121 0%,#6e1a1a 100%);
			background: linear-gradient(to bottom, #8a2121 0%,#6e1a1a 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a2121', endColorstr='#6e1a1a',GradientType=0 );
		}


	#ContentWrap { float:left; min-height: 100%; padding:30px 30px 30px 58px; position:relative; width:513px; text-align:left; }
		#ContentWrap #CartBlock { height:auto; border-bottom: 5px solid #e7dfca; margin:130px 0px 18px 0px; padding:0px 0px 20px 0px; text-align:right; }
		#ContentWrap #CartBlock p { margin:0; font-size:12px; text-align:left; }
		#ContentWrap #CartBlock p a { font-family:Georgia, serif; color:#e7dfca; }
		#ContentWrap #PhotoBlock { width:600px; }
		#ContentWrap #PhotoBlock a { display:inline-block; float:left; height:92px; width:135px; margin:0px 40px 36px 0px; border:2px solid #e7dfca; overflow:hidden; }
		#ContentWrap #PhotoBlock a img { width:138px; }
		#ContentWrap p { clear:both; }
		#ContentWrap p img { margin:2px 12px 12px 0px; float:left; }

	#NavBar { height:24px; position:relative; z-index:1; float:left; width:640px; padding:0px; }
		#NavBar ul { list-style-type:none; padding:0px; margin:0px; text-align:left; }
		#NavBar ul li { display:inline-block; color:#e7dfca; font-family:'sackersGoth', verdana, arial, sans-serif; margin:0px 25px 0px 0px; text-transform:uppercase; font-size:11px; }
		#NavBar ul li:hover { text-decoration:underline; }
		#NavBar img { display:inline-block; background: #BBAE92; height:18px; width:18px; border-radius:2px; margin:0px 2px 0px 0px; }

	#Footer { width:760px; height:50px; border-top:1px solid #e7dfca; z-index:3; padding:10px 0px 0px 0px; float:left; margin:100px 0px 0px 0px; }
		#Footer p {  color:#e7dfca; font-family:georgia, serif; font-size:12px; margin:0px 0px 3px 0px; }
		#Footer ul { list-style-type:none; display:block; text-align:left; margin:0; padding:0; }
		#Footer ul li { display:inline-block; font-family:georgia, serif; color:#e7dfca; font-size:11px; margin:0px 8px 0px 0px; color:#e7dfca; }
		#Footer ul li a { color:#e7dfca; }

	#ExtraBlock { float:left; padding-top:175px; position:relative; width:auto; text-align:left; }

	h4 a { font-size:14px; font-family:'sackersRoman', Georgia, Times, serif; font-weight:bold; }


/* =================================== SLIDESHOW DEFINITIONS =================================== */
	
	.slideshow { background-color: transparent; position: relative; overflow:hidden; height:300px; border-radius:3px; }
	.slideshow img { position: absolute; top: 0; left: 0; height:100%; width:auto; }
	.slideshow ul { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 10px; right: 10px; z-index: 1000; }
	.slideshow ul li { border:0; background: url('/assets/images/slideshow/btn-bg.png') top center no-repeat; margin-left: 2px; padding: 0; width: 25px; height: 25px; font-family: arial; color: #333; font-size: 13px; font-weight: bold; line-height: 25px; text-align: center; display: block; float: left; cursor: pointer; }
	.slideshow ul li.ovr { background: url('/assets/images/slideshow/btn-bg-ovr.png') top center no-repeat; }
	.slideshow ul li.on { color: #000; background: url('/assets/images/slideshow/btn-bg-ovr.png') top center no-repeat; }
	.slideshow ul li img { position: static; display: block; width: 25px; height: 25px; }

	.slideshow ul { display:none; }

	.btn-prev { cursor:pointer; margin:115px 0px 0px 0px; height:70px; position:absolute; z-index:1000; }
	.btn-prev img { height:100%; }
	.btn-next { cursor:pointer; margin:115px 0px 0px 688px; height:70px; position:absolute; z-index:1000; }
	.btn-next img { height:100%; }


/* ===================================================================== */


.productBlock1, .productBlock2, .productBlock3 { vertical-align:top; width:231px; height:305px; border-radius:3px; display:inline-block; padding:0px; margin:20px 10px 0px 0px; }
.productBlock3 { margin:20px 0px 0px 0px; }
.productBlock1 { background:url('/assets/images/Image3.jpg'); background-size:cover; }
.productBlock2 { background:url('/assets/images/Image4.jpg'); background-size:cover; }
.productBlock3 { background:url('/assets/images/Image5.jpg'); background-size:cover; }

.productBlock3 p {  text-transform:uppercase; background:rgba(255,255,255,0.5); padding:10px;text-align:center; font-family:sackersRoman; font-weight:bold; font-size:18px; color: #000; }
.productBlock1 p, .productBlock2 p {  text-transform:uppercase; background:rgba(255,255,255,0.5); padding:22px 10px 22px 10px;text-align:center; font-family:sackersRoman; font-weight:bold; font-size:18px; color: #000; }

.productBlock1 .btn, .productBlock2 .btn { margin:170px 0px 0px 85px; padding:0px 20px; }
.productBlock3 .btn { margin:176px 0px 0px 85px; padding:0px 20px; }

#bottomBlock { margin:20px 0px 0px 0px; background:url('/assets/images/image6.jpg'); background-position:center top; background-size:cover; height:270px; width:600px; padding:30px 60px 0px 60px; border-radius:3px; }
#bottomBlock p, #bottomBlock { text-align:center; }
#bottomBlock p:first-child { font-family:sackersRoman; font-weight:normal; text-transform:uppercase; padding:0px; font-size:32px; width:400px; margin:10px auto; }
#bottomBlock p { font-family:georgia; color: #F2EDE0; font-size:18px; text-shadow:0px 0px 20px #000; border-radius:5px; padding:10px; }
#bottomBlock .btn { padding:0px 20px; }