/* *********************** */
/* BEGIN: LOOKBOOK 		*/

/************************
 * 		MAIN LAYERS
 ************************/

#lookbook{
	width : 			100%;
	height: 			500px;
	overflow : hidden;
}

#lb-cover{
	display : none;
	width : 895px;
	margin-left: 5px;
	margin-top: 2px;
}

#lb-container{
	display : none;
	position : relative;
	width : 			100%;
	height: 			580px;
	overflow : hidden;

}


/************************
 * 		LB - MAIN LAYERS
 ************************/

#lb-path{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 13766px;
	height : 1026px;
}


#lb-path-mobile{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 1024;
	height : 550px;
}

#lb-menu{
	position : relative;
	width : 900px;
	height : 35px;
	margin : 0px auto;
}

.lb-fitContent{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 630px;
}

.lb-path-button{
	z-index : 1;
}
.lb-collection-home-shoe, .lb-shoe-item{
	z-index : 3;
}
.lb-collection-home-elements{
	z-index : 4;
}
.lb-collection-home-hitArea{
	z-index : 5;
}
.lb-back-to-home{
	z-index : 6;
}
.lb-collection-menu{
	z-index : 7;
}
#lb-menu{
	z-index : 8;
}
#lb-header{
	z-index : 9;
}
#stores-info{
	z-index : 10;
}
#lb-backTop{
	z-index : 11;
}

.lb-e-shop{
	z-index : 12;
}


/************************
 * 		MENU
 ************************/

#lb-menu li{
	float : left;
	background : url("http://www.camper.com/sites/all/themes/camper/resources/tabs.adorno.png") no-repeat scroll -3px -4px transparent;
}


.lb-adorno-loader{
	background : url("http://www.camper.com/sites/all/themes/camper/resources/tabs.adorno.png") no-repeat scroll -3px -4px transparent;
}

.lb-backTop-loader{
	background : url("img/icon.backtotop.gif") no-repeat scroll left 0 transparent;
}

#lb-backTop{
	background : url("img/icon.backtotop.gif") no-repeat scroll 0 0 transparent;
	display : none;
	position : absolute;
	top : 1000px;
	left : 50%;
	margin-left : 417px;
	width : 33px;
	height : 40px;
	cursor : pointer;
}
#lb-backTop:hover{
	background-position: 0 -40px;
}
	
#lb-menu li.first{
	background : none repeat scroll 0 0 transparent;
}

#lb-menu li a{
	padding : 0 10px;
	line-height : 30px;
}

#lb-menu li.first a{
	padding-left : 4px;
}

#lb-menu li a:hover{
	color : #E20026; 
	text-decoration: underline;
}

#lb-menu li a.select{
	color : #E20026; 
	text-decoration: none;
}

/************************
 * 		CANVAS
 ************************/
 
#canvas-container{
	display : none;	
}

#back-canvas{
	display : block;
	position : absolute;
	top : 0px;
	left : 50%;
	width : 900px;
	height: 620px;
	margin-left: -445px;
	
	
	
}

#front-canvas{
	display : none;
	position : absolute;
	top : 0px;
	left : 50%;
	margin-left : -200px;
	width : 400px;
	height: 400px;
	background-color: #000;
	
}


#canvas-alternative{
	display : block;
	position : absolute;
	top : 0px;
	left : 50%;
	width : 900px;
	height: 620px;
	margin-left: -445px;
}

/************************
 * 		COLLECTIONS CONTENT - HOME COLLECTION
 ************************/

.lb-collection{
	display : none;
}

.lb-collection-shoes{
	display : none;
}

/*********		SHOES CONTAINERS		*********/

.lb-collection-home-shoe, .lb-shoe-item{
	position : absolute;
}

.lb-shoe-item{
	padding-right : 120px;		/* para poder poner los textos a la derecha y no les obligue a hacer un wrap */
	display : none; 
	
}

/*********		SHOE COMPONENTS		*********/
.lb-shoe-image{
	position : relative;
	top : 0px;
	left : 0px;
}

.lb-shoe-name{
	position : absolute;
	color : #000;
	font-family: "FuturaMedium";
	text-align : center;
}

.lb-shoe-line{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100px;
	border-top : 1px solid #d8d8d8;
}




#stores-info{
	position : absolute;
	top : 80px;
	left : 50%;
	margin-left : 220px;
	display : none;
}

#stores-info-buy{
	cursor : pointer;
}
#stores-info-buy, #stores-info-find{
	display : none;
	position : absolute;
	top : 0px;
	left : 0px;
}



#stores-info-find-text a{
	position : absolute;
	width : 120px;
	color : #e61036;
	text-decoration : underline;
	top : 93px;
	text-align: center;
	margin-left : -17px;
	font-size: 1.4em;
}


/*********		COLLECTION HOME ELEMENTS		*********/

.lb-collection-home-hitArea{
	position : absolute;
	top : 0px;
	left : 50%;
	margin-left : -400px;
	margin-top : 40px;
	width : 800px;
	height : 400px;
	background-color : #FFF;
}


.lb-collection-home-elements{
	position : absolute;
	top : 0px;
	left : 50%;
	margin-left : -400px;
	width : 800px;
	height : 590px;
}


.lb-collection-home-element{
	display : inline;
	position : absolute;
	top : 0px;
	left : 50%;
}

.lb-collection-title{
	text-decoration: underline;
	font-family: "FuturaMedium";
	color : #000;
	font-size: 2.4em;
}




.lb-e-shop-line{
	display : none;
	position : absolute;
	top : 0px;
	left : 0px;
	border-top: 1px solid #d6d6d6;
	width: 150px;
}


.lb-e-shop-see{
	display : none;
	position : absolute;
	top : -30px;
	left : 45px;
	font-family: "FuturaMedium";
	text-align : center;
	width: 100px;
	font-size: 1.2em;
	line-height: 13px;
	color : #adadad;
}

.lb-e-shop-mw{
	position : absolute;
	font-family: "FuturaMedium";
	font-size: 1.2em;
	top : 5px;
	left : 40px;
}


.lb-e-shop-w, .lb-e-shop-m{
	position : absolute;
	display : none;
	top : 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.lb-e-shop-m{
	left : 0px;
}

.lb-e-shop-w{
	left : 45px;
}

#lb-stitching-scene .lb-e-shop-m{
	left : 30px;
}



.lb-e-shop a{
	color: #E20026;
	text-decoration: none;
}

.lb-e-shop a:hover{
	text-decoration: underline;
}


/*********		COLLECTION MENU		*********/

.lb-collection-menu{
	display : none;
	width : 316px;
	height : 100px; 
	position : absolute;
	bottom : 40px;
	left : 50%;
	margin-left : -160px;
}

.lb-collection-menu-container{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 64px;
	height : 64px;
	margin-top : 25px;
}

.lb-collection-menu-filter{
	position : absolute;
	top : 0px;
	left : 0px;
	height : 21px;
	left : 50%;
	width : 186px;
	margin-left : -93px;
}

.lb-collection-menu-text{
	position : absolute;
	top : 50px;
	left : 0px;
	width : 100%;
	height : 15px;
	font-size: 1.0em;
	font-family: "FuturaMedium";
	text-align : center;
}


/*********		HOME		*********/

.lb-home-element{
	position : absolute;
}

#lb-home-scene > .lb-main-button-walk{
	left : 50%;
	top : 50%;
	margin-left : -55px;
	margin-top : -18px;
}

#lb-home-title-spring{
	width : 241px;
	top : 130px;
	left : 50%;
	margin-left : -272px;
	margin-top : 0px;
}

#lb-home-title-summer{
	top : 130px;
	left : 50%;
	margin-left : -7px;
	margin-top : 0px;
}

#lb-home-title-2012{
	top : 192px;
	left : 50%;
	margin-left : 205px;
	margin-top : 0px;
}

#lb-home-helper-text{
	width : 200px;
	left : 50%;
	top : 50%;
	margin-left : -80px;
	margin-top : 220px;
	top : 200px;
	font-size: 1.2em;
}
	
#lb-home-helper-text li{
	float : left;
	margin-right : 10px;
}						
							
							

/*********		HOVER BUTTONS	*********/

.lb-collection-menu-filter-over-line{
	position : absolute;
	*position : relative;
	width : 19px;
	height : 1px;
	border-top : 1px solid #e20027;
	margin-left : 6px;
	margin-top : 24px;
}
		
.lb-collection-menu-filter-btn{
	width : 21px;
	height : 21px;
	display : block;
	cursor : pointer;
	float : left;
	margin-left : 5px;
	margin-right : 5px;
}

.lb-icon{
	width : 11px;
	height : 11px;
	display : block;
	cursor : pointer;
	float : left;
	margin-left : 6px;
	margin-right : 6px;
}

.lb-collection-menu-button{
	width : 12px;
	height : 20px;
	display : block;
	cursor : pointer;
	margin-top : 41px;
}

.lb-path-button{
	display : none;
	position : absolute;
	top : 0px;
	left : 50%;
	width : 38px;
	height : 38px;
	cursor : pointer;
}

.lb-back-to-home{
	display : none;
	position : absolute;
	top : 50px;
	left : 50%;
	margin-left : -440px;
	width : 56px;
	height : 56px;
	cursor : pointer;
}

.lb-main-button p, .lb-main-circle p, .lb-main-button-walk p, .lb-back-to-home p{
	font-family: "FuturaLight";
	color : #FFF;
}

.lb-main-button-inactive p{
	color : #d6d6d6;
}


.lb-main-button, .lb-main-button-inactive, .lb-main-circle, .lb-main-button-walk, .lb-back-to-home, .lb-main-button-granate{
	text-align : center;
	position : absolute;
}

.lb-main-circle{
	width : 106px;
	height : 106px;
}

.lb-main-circle p{
	font-size : 1.8em;
}


.lb-main-button, .lb-main-button-inactive, .lb-main-button-walk{
	width : 86px;
	height : 86px;
}

.lb-main-button-granate{
	width : 83px;
	height : 83px;
}

.lb-main-button p, .lb-main-button-inactive p, .lb-main-button-granate{
	font-size : 1.6em;
}

.lb-back-to-home p{
	font-size : 1.2em;
	margin-top : 21px;
	margin-left : 9px;
}


.lb-main-button-inactive .lb-snap-text{
	font-size : 0.7em;
}

.lb-main-button, .lb-main-button-walk, .lb-main-button-granate{
	left : 0px;
	cursor : pointer;
}

.lb-main-circle{
	left : 50%;
}

.lb-main-circle p{
	margin-top : 30px;
}

.lb-main-button p{
	margin-top : 23px;
}

.lb-main-button-granate p{
	margin-top : 20px;
}

.lb-main-button-inactive p{
	margin-top : 20px;
}


.lb-main-button-granate p{
	font-family: "FuturaLight";
}

.lb-main-button-granate{
	color : #FFF;
}
.lb-main-button-granate:hover{
	color : #e9232b;
}

.lb-back-to-home{
	background : url("img/back.png") no-repeat scroll 0px -56px transparent;
}

.lb-back-to-home-fake{
	background : url("img/back.png") no-repeat scroll 0px -56px transparent;
}

.lb-main-button-walk{
	background : url("img/main-button-walk.png") no-repeat scroll 0px -86px transparent;
}

.lb-main-button-walk-fake{
	background : url("img/main-button-walk.png") no-repeat scroll 0px -86px transparent;
}

.lb-main-button{
	background : url("img/main-button.png") no-repeat scroll 0px -86px transparent;
}

.lb-main-button-fake{
	background : url("img/main-button.png") no-repeat scroll 0px -86px transparent;
}

.lb-main-button-granate{
	background : url("img/main-button-granate.png") no-repeat scroll 0px -83px transparent;
}

.lb-main-button-granate-fake{
	background : url("img/main-button-granate.png") no-repeat scroll 0px -83px transparent;
}




.lb-main-circle-fake{
	background : url("img/main-circle.png") no-repeat scroll 0px 0px transparent;
}

.lb-main-circle{
	background : url("img/main-circle.png") no-repeat scroll 0px 0px transparent;
}

.lb-main-button-inactive{
	background : url("img/no-stock-button.png") no-repeat scroll 0px 0px transparent;
}

.lb-main-button-inactive-fake{
	background : url("img/no-stock-button.png") no-repeat scroll 0px 0px transparent;
}

.lb-path-button-prev{
	margin-left : -445px;
	background : url("img/btn-scene-prev.png") no-repeat scroll 0px -38px transparent;
}
.lb-path-button-next{
	margin-left : 411px;
	background : url("img/btn-scene-next.png") no-repeat scroll 0px -38px transparent;
}


.lb-collection-menu-button-prev{
	float : left;
	background : url("img/btn-icons-prev.png") no-repeat scroll 0px -20px transparent;
}
.lb-collection-menu-button-next{
	float : right;
	background : url("img/btn-icons-next.png") no-repeat scroll 0px -20px transparent;
}
.lb-icon-bg{
	background : url("img/menu-inf-icon.png") no-repeat scroll 0px -11px transparent;
}
.lb-collection-menu-filter-beige{
	background : url("img/filter/beige.png") no-repeat scroll 0px -21px transparent;
}
.lb-collection-menu-filter-blue{
	background : url("img/filter/blue.png") no-repeat scroll 0px -21px transparent;
}
.lb-collection-menu-filter-brownA{
	background : url("img/filter/brownA.png") no-repeat scroll 0px -21px transparent;
}
.lb-collection-menu-filter-brownB{
	background : url("img/filter/brownB.png") no-repeat scroll 0px -21px transparent;
}
.lb-collection-menu-filter-red{
	background : url("img/filter/red.png") no-repeat scroll 0px -21px transparent;
}
.lb-collection-menu-filter-yellow{
	background : url("img/filter/yellow.png") no-repeat scroll 0px -21px transparent;
}									

.lb-icon-bg:hover, .lb-collection-menu-filter-btn:hover, .lb-collection-menu-button:hover, .lb-path-button:hover, .lb-main-button:hover, .lb-main-button-walk:hover, .lb-back-to-home:hover, .lb-main-button-granate:hover, .hover{
	background-position: 0 0px;
}




/************************
 * 		COVER
 ************************/
#lb-cover-bg{
	cursor : pointer;
	position : relative;
	width : 895px;
	height : 475px;
	margin-bottom: 6px;
}

#lb-cover-bg-img{
	position :absolute;
	top : 0px;
	left : 0px;
}

#lb-cover-bg-text{
	position :absolute;
	top : 90px;
	left : 50%;
	margin-left : -300px;
	width : 600px;
	font-family: "FuturaMedium";
	color : #FFF;
	font-size: 8em;
	text-align: center;
}

#lb-cover-bg > .lb-main-button{
	top : 335px;
	left : 580px;
}






/************************
 * 		LOADINGS
 ************************/
#lb-loader{
	position : absolute;
	top : 300px;
	left : 300px;
}
.lb-loading{
	position : absolute;
	left : 50%;
	width : 315px;
	height : 195px;
	margin-left : -157px;
}

.lb-loading-img, .lb-loading-percent, .lb-loading-percent-img, .lb-loading-percent-text{
	position : absolute;
}

.lb-loading-percent-text{
	width: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 1.1em;
	color : #FFF;
}					

#lb-loadings{
	position : absolute;
	width : 895px;
	height : 500px;
	left : 50%;
	top : 0px;
	margin-left : -447px;
}

#lb-loadings > .lb-loading{
	display : none;
	width : 150px;
	height : 60px;
	left : 50%;
	margin-left : -75px;
}

#lb-loadings > #lb-ocean-race-loading{
	top : 150px;
}
#lb-loadings > #lb-lightweight-loading{
	top : 220px;
}
#lb-loadings > #lb-flexibility-loading{
	top : 220px;
}
#lb-loadings > #lb-hybrid-loading{
	top : 170px;
}
#lb-loadings > #lb-cushioning-loading{
	top : 240px;
}
#lb-loadings > #lb-stitching-loading{
	top : 160px;
}
#lb-loadings > #lb-together-loading{
	top : 190px;
}
#lb-loadings > #lb-color-loading{
	top : 150px;
}

#lb-cover-loading{
	margin-top : 100px;
	display : none;
}

#lb-cover-loading > .lb-loading-percent{
	top : 80px;
	left : 35px;
}


#lb-loadings .lb-loading-percent{
	top : 7px;
	margin-left : 145px;
}

#lb-lightweight-loading .lb-loading-percent{
	margin-left : 150px;
}

#lb-hybrid-loading .lb-loading-percent{
	margin-left : 135px;
}

#lb-cushioning-loading .lb-loading-percent{
	margin-left : 150px;
}

#lb-stitching-loading .lb-loading-percent{
	margin-left : 142px;
}

#lb-together-loading .lb-loading-percent{
	margin-left : 142px;
}

#lb-color-loading .lb-loading-percent{
	margin-left : 135px;
}

/*************************
 * 		CUSHIONING SHAPE
 *************************/
 
.cushioning-bubble{
	background:		url(img/shapes/shape_cushioning.png) no-repeat 0px 0px;
	width:			34px;
	height:			35px;
	display:		block;
	position:		absolute;
	
	z-index:		450;
}

.cushioning-bubble.cushioning-color2{
	background-image: url(img/shapes/shape_cushioning-2.png);
} 

.cushioning-bubble.cushioning-color3{
	background-image: url(img/shapes/shape_cushioning-3.png);
} 

.cushioning-bubble.cushioning-color4{
	background-image: url(img/shapes/shape_cushioning-4.png);
} 


.cushioning1{
	background:		url(img/shapes/shape_cushioning.png) no-repeat 0px 0px;
}
.cushioning2{
	background:		url(img/shapes/shape_cushioning-2.png) no-repeat 0px 0px;
}
.cushioning3{
	background:		url(img/shapes/shape_cushioning-3.png) no-repeat 0px 0px;
}
.cushioning4{
	background:		url(img/shapes/shape_cushioning-4.png) no-repeat 0px 0px;
}


/************************
 * 		COMMON LAYERS
 ************************/

.lb-light{
	font-family:"FuturaLight";
}
.lb-left{
	float:			left;
}
.lb-right{
	float:			right;
}
.lb-white{
	color : #FFF !important;
}


/* END: LOOKBOOK */
/* *********************** */