/*
  Yaktrax Home css
  Created by: Mazen Chami
*/

.bv-curations-cleanslate .bv-carousel-wrapper .bv-social{
	background-color: #e9ecf3 !important;
}
.home_container {
	/*height: 728px;*/
	width: 92%;
	margin: 0 auto 0 auto; 
	padding: 0;
	text-align: center;
}

#mainContent {
	margin-bottom: 10px;
}

#mainContent a {
	text-decoration: none;
	display: inline;
}

#mainContent div {
	text-align: center;
}

#mainContent div img {
	display: inline-block;
}

.wideImg {
	width: 39.3%;
}

.skinnyImg {
	width: 19%;
}

#home_container_1, #home_container_2, #home_container_3 {
	position: absolute;
}

#home_container_1 { 
	z-index: 1; 
}

#home_container_2 { 
	z-index: 2; 
}

.hiddenClass { 
	display: none; 
}

#home_container_3, .product_container_3, .product_container2_3 { 
	z-index: 5; 
}

.transparentPNG {
	width: 100%;
	height: 100%;
}

.product_container_3, .product_container3_3, .product_container4_3 {
	cursor: pointer;
}

.product_container, .product_container2, .product_container_2, .product_container2_2, .product_container_3, .product_container2_3 {
	width: 20%;
	max-width: 200px;
	display: inline-block;
	margin: 0; 
	padding: 0;
	overflow: none;
	line-height: 0em;
	/*float: left;*/
	position: relative;
}

.product_container img {
	position: relative;
	/*z-index: 1;*/
	border: none;
	width: 100%;
}
.product_container2 img {
	position: relative;
	/*z-index: 1;*/
	width: 100%;
	border: none;
}

#hoverFix {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 5;
	left: -1000px;
	background: url('/images/layout/clear.png');
	margin-top: 2em;
	/*background-color: blue;*/
}

#hoverFix2 {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 5;
	left: -1000px !important;
	background: url('/images/layout/clear.png');
	margin-top: 2em;
	/*background-color: red;*/
}

#hoverFix2 { border: none; }

#Free_ship {
	display: block;
}

#mainContentMobile {
	margin: 20px auto;
}

#mainContentMobile img {
	width: 100%;
	display: block;
}

/* Media Queries */
@media screen and (min-width: 605px) {
	#mainContentMobile {
		display: none;
	}
}

@media screen and (max-width: 605px) {
	#mainContent {
		display: none;
	}
}