.lightboxWrapper {
	background: rgba(244, 223, 194, .85) url('../img/bg/lightBoxBg.png') no-repeat center top;
	height:100%;
	position:fixed;
	width:100%;
	z-index: 14000;
}

	.lightboxContainer {
		background: rgba(255, 255, 255, .75);
		left: 50%;
		margin: -200px 0 0 -325px;
		padding: 20px;
		position: relative;
		top: 42%;
		width: 610px;
		min-height: 200px;
	}
	
		.lightboxContainer .grGoldBar{
			background: url('../img/bg/lightBox-GoldBar.jpg') no-repeat;
			width: 100%;
			height: 4px;
			position: absolute;
			top: 0;
			left: 0;
			
		}
		
		.lightboxContainer .grGoldBarBottom{
			background: url('../img/bg/lightBox-GoldBar.jpg') no-repeat;
			width: 100%;
			height: 4px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		
		.lightboxContainer h1 {
		  font-family: "proxima-nova";
		  font-weight: 100;
		  color: #b47e3b;
		  padding: 0 0 6px 0;
		  margin: 10px 0 0 0;
		  font-size: 16px;
		  }
		  
		  .lightboxContainer p{
		  	font-family: "proxima-nova";
		  	font-weight: 100;
		  	color: #663b3a;
		  	font-size: 14px;
		  	line-height: 21px;
		  }

	.lightboxNav {
		background: #b47e3b;
		position: fixed;
		top: 50%;
		z-index: 10000;
	}
	
		.left-nav-arrow {
			background: url('../img/btn/ligtbox-Left-Btns.png') no-repeat;
			width: 58px;
			height: 50px;
			overflow: hidden;
		}
		
		.left-nav-arrow:hover{
			background-position: 0 -50px;
			left:-4px;

			-o-transition:left .2s linear;
			-moz-transition:left .2s linear;
			-webkit0transition:left .2s linear;
			-ms-transition:left .2s linear;
			transition:left .2s linear;
		}
	
		
		.left-nav-arrow.disabled{
			background-position: 0 -150px;
		}

		.left-nav-arrow.disabled:hover { /* HOVER STATE */
			cursor:default;
			left:-4px;
		}
		
		.right-nav-arrow {
			background: url('../img/btn/ligtbox-Right-Btns.png') no-repeat;
			width: 58px;
			height: 50px;
			overflow: hidden;
			right: 0;
		}
			
			.right-nav-arrow:hover{
				background-position: 0 -50px;
				right:-4px;

				-o-transition:right .2s linear;
				-moz-transition:right .2s linear;
				-webkit0transition:right .2s linear;
				-ms-transition:right .2s linear;
				transition:right .2s linear;
			}
			
			.right-nav-arrow.disabled{
				background-position: 0 -150px;
			}

			.right-nav-arrow.disabled:hover { /* HOVER STATE */
				cursor:default;
				right:0;
			}
	
	.lightBoxFooter{
		width: 100%;
		padding: 4px 0px 41px 0px;
		margin: 10px 0 0 0;
		position: relative;
		z-index: 20000;
	}
		
		.lbClose{
			color: #b47e3b;
			font-family: arial;
			font-size: 12px;
			width: 98px;
			height: 38px;
			line-height: 38px;
			text-align: center;
			opacity: 0.8;

			filter:alpha(opacity=60); /* For IE8 and earlier */
		}

			.galleryImg .lbClose {
				background:rgba(255,255,255,0.95);
			}
		
		.lbClose:hover{
			opacity:1;
			filter:alpha(opacity=100); /* For IE8 and earlier */
		}
		
			.lbCloseMobile{
				display: none;
			}
	
		.lbSocialIcons{
			background: url('../img/btn/socialIconTrans.png') repeat-x bottom;
			color: #fff;
			width: 98px;
			height: 30px;
			margin: 0 10px 0 0;
			padding: 10px 0 0 5px;
			overflow: hidden;
			font-family: arial;
			font-size: 12px;
			line-height: 12px;
			
			opacity:0.8;
			filter:alpha(opacity=60); /* For IE8 and earlier */
		}
		
			.lbSocialIconSize{
				font-size: 18px;
				float: left;
			}
			
			.lbSocialIconText{
				float: left;
				padding:3px 0 0 16px;
			}
		
			.lbFacebook{
				background-color:#dbbe89 ;
			}
			
			.lbTwitter{
				background-color:#dbbe89 ;
			}
			
			.lbPinterest{
				background-color:#dbbe89 ;
			}
			
			.lbGooglePlus{
				background-color:#dbbe89 ;
			}
				
		
				.lbFacebook:hover{
					background-color: #3e5d9d;
					
					opacity:1;
					filter:alpha(opacity=100); /* For IE8 and earlier */
				}
				
				.lbTwitter:hover{
					background-color: #00aff1;
					
					opacity:1;
					filter:alpha(opacity=100); /* For IE8 and earlier */
				}
				
				.lbPinterest:hover{
					background-color: #cc2128;
					
					opacity:1;
					filter:alpha(opacity=100); /* For IE8 and earlier */
				}
				
				.lbGooglePlus:hover{
					background-color: #da4736;
					
					opacity:1;
					filter:alpha(opacity=100); /* For IE8 and earlier */
				}


/* CONTENT WITHIN LIGHTBOX */

	.lbProdImg{
		min-width: 142px;
		height: auto;
		margin-top:  -57px;
		position: relative;
	}
	
	.lbVideo{
		margin: 0 0 30px 0;
	}
	
		.lbProdImg.dayCream{
			min-width: 142px;
			height: auto;
			position: absolute;
			top: 37px;
			left: 17px;
		}
	
		.lbProdImg.nightRepair{
			width: 230px;
			height: auto;
			margin-top: -18px;
			margin-right: -41px;
			left: -57px;
			position: relative;
		}
	
	.lbProdImage{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.lbGalleryImg{
		margin: -28px 0 0 -32px;
	}
	
	.rangeComment{
		background: url('../img/bg/gold-bar-sep.jpg') center top no-repeat;
		margin: 15px 0 50px 0;
		padding: 15px 0 0 0;
	}
	
	.rangeComment.rangeVideo{
		background: url('../img/bg/gold-bar-sep.jpg') center top no-repeat;
		margin: 15px 0 0 0;
		padding: 15px 0 0 0;
	}
	
	.rangeComment.dayCream{
		background: url('../img/bg/gold-bar-sep.jpg') center top no-repeat;
		margin: 15px 0 50px 0;
		padding: 15px 0 0 0;
		width: 430px;
	}	
	
	.lbProdImgMobile{
		display: none;
	}
	
	.lbCommentBubble{
		width: 110px;
		height: 30px;
		margin: 0 0 15px 0;
	}
	
	.lbProdText{ 
		/*margin-top:10px;*/
		width: 430px;
		height: auto;
		padding-left: 10px;
	}	
	
	.lbGenText{
		font-family: "proxima-nova";
		font-weight: 100;
		color: #663b3a;
		width: 598px;
		height: auto;
		padding: 0 2px;
		margin-bottom: 30px;
	}
	
	.baName{
		font-family: "proxima-nova";
		font-size: 14px;
		margin: 5px 0 0;
		font-weight: 100;
	}
	
		.baNameTitle{
			font-family: "proxima-nova";
			color: #b47e3b;
			font-style: italic;
			font-size: 14px;
			font-weight: 100;
		}
	
		.lbGenText ul li{
			font-weight: 100;
			color: #663b3a;
			margin: 15px 0px 10px;
			text-align: left;
			list-style-position: outside;
			font-size: 21px;
			line-height: 28px;			
		}
		
		.lbGenText li{
			list-style-type: none;
			background: url('../img/bg/keyBenefitsIcon.png') no-repeat top left;
			padding:0 0 12px 40px;
		}							
	
		.nightRepair{ /* Exception for the width on the Night Repair text */
			width: 347px;
		}
		
		/* Range About Pop-Up*/
		
		.rangeHeader{
			width: 721px;
			height: 235px;
			position: relative;
			top: -90px;
			left: -32px;
		}
		
		.rageLightBoxContent{
			font-family: "proxima-nova";
			margin-top: -45px;
		}
		
			.rageLightBoxContent p{
				font-size: 18px;
				line-height: 22px;
				margin-bottom: 20px;
			}
			
			
			.rangeLeft{
				width: 402px;
			}
			
				.rangeLeft .gold{
					color:#b47e3b;				
				}				
			
			.rangeRight{
				width: 253px;
				margin-top: -40px;
			}		
		
		
	
	.grComments{
		border-top: 1px solid #b47e3b;
		padding: 20px 0;
		margin: 20px 0 0 0;
		font-size: 12px;
	}
		
		.rdComments{
			color: #663b3a;
			padding: 20px 0;
		}
		
		.baComments{
			color: #b47e3b;
			padding: 20px 0;
		}
		
		.baComments .baName{
			text-decoration: underline;
			font-style: italic;
		}
					
	.grVideo{
		width: 590px;
		height: 390px;
		margin: 0 0 30px 0;
	}

	.lightboxContent {
		padding:12px;
	}
	
/* COLLAB ABOUT POP-UP */
	.aboutCollab{
		width: 290px;
		height: auto;
		margin-bottom: 70px;
		margin-right: -10px;
	}
	
	.aboutCollab.davidBioBlock{
		width: 320px;
		height: auto;
		margin-bottom: 50px;
		margin-right: -10px;
	}
	
	.aboutCollabBar{
		width: 290px;
		height: 1px;
		background-color:#b47e3b;
		margin: 15px 0;
	}
	
	.aboutCollabBar.davidBioBlock{
		width: 320px;
		height: 1px;
		background-color:#b47e3b;
		margin: 15px 0;
	}
	
		.aboutCollab.davidBioBlock p{
			font-size: 14px;
			padding: 10px 10px 0 0;
			line-height: 21px;
		}
		
		.aboutCollab.davidBioBlock .goldText{
			color: #b67f35;
		}
		
		.aboutCollab p{
			font-size: 14px;
			padding: 0 10px 0 0;
		}
		
		.aboutCollab h1{
			font-size: 18px;
			padding: 0 10px 0 0;
		}
		
		.aboutCollabImgLeft{
			position: absolute;
			bottom:0;
			left: 0;
			margin-top: 39px;
			pointer-events: none;
		}
		
		.aboutCollabImgRight{
			position: absolute;
			top: -79px;
			right: 0;
			pointer-events: none;
		}
		
		.aboutCollabLink, .aboutCollabLink a, .aboutCollabLink a:hover{
			color:#b67f35 ;
			text-decoration: none;
			font-weight: bold;
		}
		
	
	
/* COMP POP-UP */
	.CompPopUp{
		width: 721px;
		height: auto;
	}
	
	.CompTop{
		background: url('../img/collab/competition/compTop.jpg') no-repeat top;
		width: 721px;
		height: 218px;
	}
	
		.CompTopText{
			width: 721px;
			height: 214px;
		}
	
	.CompBottom{
		background: url('../img/collab/competition/compBottom.png') no-repeat top;
		width: 721px;
		height: 359px;
	}
		
		.CompBottomText{
			width: 670px;
			height: auto;
			margin: 0 auto;
		}
		
			.CompBottomTextLeft{
				width: 386px;
				padding-top: 20px;
			}
			
			.CompBottomTextRight{
				width: 221px;
				padding:15px 0 0 35px;
			}
			
			.CompBottomTextRight a, .CompBottomTextRight a:hover{
				color: #6e3d3b;
				text-decoration: underline;
			}
			
			
			.CompBottomTextRight p{
				font-size: 12px;
				color: #6e3d3b;
				line-height: 15px;
				font-family: arial;
				margin-bottom: 16px;
			}
			
			.CompBottomTextRight h1{
				font-size: 12px;
				color: #6e3d3b;
				line-height: 15px;
				font-family: arial;
				font-weight: bold;
			}
			
			.Comp-BA-Button{
				width: 210px;
				height: 38px;
				background:url('../img/collab/competition/BA-Button.jpg') no-repeat;
				text-align: center;
				line-height: 32px;
			}
			
				.Comp-BA-Button a{
					color: #fff;
					font-size: 14px;
					text-decoration: none;
					font-weight: normal;
				}
				
				.Comp-BA-Button a:hover{
					color: #fff;
					text-decoration: underline;
				}
	
	
/*	PRELOADER */

.loadingBar {
	width: 500px;
	height: 12px;
	margin-left: -250px;
	position: absolute;
	top: 300px;
	border: 1px solid #b68d4c;
	border-radius: 5px;
	padding: 2px;
	background: rgba(255,255,255,0.4);
	left: 50%;
}
	.loadingBar .loaded {
		height: 12px;
		background: url(../img/bg/tlProdViewBg.png) 0px -6px;
		border-radius: 4px;
		width:0%;
	}

.contentItem.productItem img {
	/*pointer-events:none;*/
}

/* PRODUCT LEVEL NAVIGATION */
.productNavigation {
	
	color: #c09244;
	padding: 10px;
	top: 45%;
	z-index: 1000;
	opacity: 0.6;
	font-size: 14px;
	font-weight: normal;
	line-height: 35px;
	margin:-20px 10px 0 10px;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

	.productNavigation:hover{
		margin:-20px 5px 0 5px;
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
		.rangeNavText{
			margin: 0 15px;
			text-transform: capitalize;
		}
	
	.rangeNav{
		background: url('../img/btn/Range-Left-Right.png') no-repeat;
		overflow: hidden;
		width: 19px;
		height: 40px;
	}
	
		.leftArrow{
			background-position: 0 0;
			left: 0;
		}
		
		.RightArrow{
			background-position: 0 -35px;
			right: 0;
		}

	.productNavigation.left {		
		left:0;
	}
	 	

	.productNavigation.right {		
		right:0;
	}
	
/* REDIRECT PAGE */

#golden-radiance .redirectBlanket{
	background: url('../img/bg/grMainBg.jpg') no-repeat top;
	background-size:100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 16000;
}


#golden-radiance .redirectLogo{
	width: 507px;
	height: 105px;
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -253px;
	margin-top: -52px;
	z-index: 14000;
}

#golden-radiance .redirectPage{
	background: url('../img/bg/RedirectPage-Fade.png') no-repeat center;
	width: 1278px;
	height: 163px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -639px;
	margin-top: -98px;
	z-index: 14000;
}

	

	#golden-radiance .redirectContent{
		width: 1278px;
		height: 163px;
		position: relative;
	}
	
		#golden-radiance .redirectContentText{
			width: 733px;
			height: auto;
			padding: 30px 0;
			text-align: center;
		}
		
			#golden-radiance .redirectContentText p{
				color: #663b3a;
				font-size: 14px;
				line-height: 16px;
				margin-bottom: 30px;
			}	
		
		#golden-radiance .redirectButton{
				background: url('../img/bg/tlProdViewBg.png') repeat-x;
				color: rgba(255,255,255,0.7);
				overflow: hidden;
				font-size: 13px;
				text-align: center;
				-o-border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-ms-border-radius: 4px;
				border-radius: 4px;
				padding: 10px 20px;
				font-weight: 100;
				letter-spacing: 1px;
			}
		
			#golden-radiance .redirectButton:hover {
				color: rgba(255,255,255,1);
			}
		
		#golden-radiance .topGoldBar{
			position: absolute;
			top: -12px;
			left: 0;
		}
		
		#golden-radiance .bottomGoldBar{
			position: absolute;
			bottom: -7px;
			left: 0;
		}