/* Font Replacement */
.wf-loading .font-replaced {font-family: "SGHUltComp", Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;visibility: hidden;}
/*.wf-inactive .font-replaced, .wf-active .font-replaced {font-family: "SGHUltComp", Verdana, Arial, Helvetica, sans-serif;visibility: visible; font-weight:normal !important;}*/
.wf-loading .font-replaced-light {font-family: "SGHLight", Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;visibility: hidden;}
.wf-loading .font-replaced-book {font-family: "SGHBook", Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;visibility: hidden;}
.wf-inactive .font-replaced-light, .wf-active .font-replaced-light {font-family: "SGHLight", Verdana, Arial, Helvetica, sans-serif;visibility: visible;}
h1.font-replaced{font-size:48px; text-transform:uppercase;}
h3.font-replaced{font-size:36px; text-transform:uppercase;}
h4.font-replaced{font-size:36px; text-transform:uppercase;}
p.font-replaced-light {font-size:25px;text-transform:uppercase;}
/* EO Font Replacement */


a,
a:active,
a:visited {outline: none;}

#main_content_wrapper {border-width:0;}

#content.p8-page {
	overflow: hidden;
	padding: 0 0 0;
	position:relative;
	border:solid 1px #ccc;
	}
	#content .font-replaced {
		float: none;
		font-weight: 200;
		line-height: 1;
		margin: 0;
		overflow: hidden;
		}
	#content .hidden {display:none;}
	
	.p8-trend{
		margin:20px auto 30px auto;
		position:relative;
		}
		
		.p8-trend .p8-info {
			color:#fff;
			font-size:14px;
			height: 446px;
			width: 942px;
			overflow:hidden;
			z-index:100;
			}
			.p8-trend .p8-info .text{
				position:relative;
				z-index:100;
				margin:25px 0 0 60px;
				color:white;
			}
			.p8-trend .p8-info .text img{
				margin-bottom:5px;
				
			}
			.p8-trend .p8-info .text *{
				color:white;
			}
			.p8-trend .p8-info .p8-hero-play-video{
				font-size:36px;
				text-transform:uppercase;
			}
			.p8-trend .p8-info .p8-hero-play-video:hover{
				cursor:pointer;	
			}
			.p8-trend .p8-info .p8-hero-play-video span{
				float:left;
			}
			.p8-trend .p8-info .p8-hero-play-video .p8-arrow{
				background:url(images/p8-white-circle-arrow.png) no-repeat;	
				width:50px;
				height:50px;
				position:relative;
				top:5px;
				left:5px;
				
			}
			#p8-hero.p8-trend .p8-info {
				padding-top: 0;
				padding-bottom: 0px;
				margin: 0px;
				display: block;
				overflow: hidden;
			}
			.p8-info p {
				font-size: 14px;
				width: 280px;
				line-height: 20px;
				}
				#p8-hero.p8-trend .p8-info p {
					margin-top: -8px; 
					}
					
					#content .p8-trend h3.font-replaced {
						color:#fff;
						font-size:55px;
						line-height:.9;
						margin:0 0 20px;
						text-transform:uppercase;
						width:305px;
						}
			
	#p8-hero {
		background:#888;
		margin: 17px auto 25px auto;
		position:relative;
		clear:both;
		}
	#p8-hero .p8-hero-image{
		position:absolute;
		top:0px;
		z-index:0;
	}
	#p8-hero .p8-hero-cta{
		position:absolute;
		right: 54px;
		bottom: 15px;
	}
	/* modules */
	.p8-modules {
		position:relative;
		margin-bottom:30px;
		overflow:hidden;
		}
		.p8-modules p{
			font-size:12px;
			line-height:16px;
			color:#666666;
		}
	.p8-modules .p8-col {

		float: left;
		margin: 0 0px;
		border-right:solid 1px #cccccc;
		height:335px;
	}
	.p8-modules .p8-col h2{
		font-size:36px;
	}
	.p8-modules .p8-col .p8-cta-link{
		color:#00a2d1;	
		background:url(images/p8-blue-arrow.png) no-repeat;
background-position: right 4px;
padding-right: 8px;
	}
	.p8-modules .p8-col .p8-cta-link:hover{
		color:black !important;
		cursor:pointer;	
		background-position:right -18px;
	}
	.p8-modules .p8-col .p8-cta-link .p8-blue-arrow{

	}
	
	
	.p8-modules .p8-movie-list{
		padding:0 30px;
		width:280px;
		overflow:hidden;
		position:relative;
	}
	.p8-modules .p8-movie-list .p8-list-wrapper{
		width:700px;
		position:relative;
	
	}
	.p8-modules .p8-movie-list .p8-list-wrapper div{
		float:left;
		width:280px;
		padding-right:40px;
	}
	
	.p8-modules .p8-movie-list img{
		margin-top:11px;
		margin-bottom:5px;
	}
	.p8-modules .p8-movie-list ul{
		list-style:none;
		margin:0;
		padding:0;
		margin-bottom:35px;
	}
	.p8-modules .p8-movie-list ul li{
		text-transform:uppercase;
		color:black;
		font-size:18px;
		margin:8px 0;
	}
	.p8-modules .p8-movie-list ul li span{
		color: #c36a29;
	}
	.p8-modules .p8-craftsmanship{
		width: 262px;
		padding: 0 19px;
		border: 0px;
	}
	.p8-modules .p8-craftsmanship p{
		margin-bottom:24px;	
	}
	.p8-modules .p8-craftsmanship img{
		margin-top:10px;
		margin-bottom:5px;	
	}
	/* begin nav styles */
	
	#p8-nav {
		background: rgba(255,255,255,.9);
		float:left;
		margin-bottom: 5px;
		padding: 12px 12px 0 12px;
		position:absolute;
		top:270px;
		width:180px;
		z-index:10;
		}
		.ie #p8-nav  {
	       background:transparent;
	       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
	       zoom: 1;
	    } 
	#p8-nav ul {
		margin:0;
		padding:0;
		width: 183px; 
		}
		#p8-nav li { 
			color:#fff;
			font-size:20px;
			lip8-style:none;
			height: 34px;
			margin:0 0 3px 0;
			padding:0;
			position: relative;
			text-align:center;
			}
			#p8-nav .hero-link {display: none; }
			.p8-section-title-nav {
				border-bottom: 1px solid #666;
				border-top: 1px solid #999;
				color:#000000;
				display:block;
				line-height: 34px;
				text-transform:uppercase;
				}
			#p8-nav a {  
				display: block;
				height: 100%;
				width: 100%;   
				}	
			#p8-nav a:hover, #p8-nav .active a {
				border: none; 
				color:#fff !important; 
				}	
				#p8-nav .active a:hover { cursor: default;}	
				#p8-nav p a:hover { color: #000 !important; }		
			#p8-nav .eg-link.active, #p8-nav .eg-link:hover { background: #333366; }
			#p8-nav .sc-link.active, #p8-nav .sc-link:hover { background: #c9a0c7; }
			#p8-nav .rg-link.active, #p8-nav .rg-link:hover { background: #eb1554; }
			#p8-nav .cp-link.active, #p8-nav .cp-link:hover { background: #ff7a9d; }
			.p8-back-to-top { 
				display: none; 
				text-align: right;
				width: 183px; 
				}
				.p8-back-to-top a { color: #009cce; }
			
	/* end nav styles */
	
		.p8-close{
			background:url("images/st_btn_close.png") 0 0 no-repeat;
			cursor:pointer;
			height:16px;
			padding:0;
			position:absolute;
			right:10px;
			text-indent:-99999em;
			top:8px;
			width:15px;
			z-index:10000;
		}
		#p8-video .p8-close {
			right:13px;
			top:11px;
			}
		.shop-collection { 
			position:relative; 
			left: 680px; 
			letter-spacing: 1px;
			width: 243px;  
			}
			.shop-collection span { 
				background:url("images/shop-arrow.png") 0 -166px no-repeat;
				display: inline-block;
				height: 30px; 
				position: absolute; 
				top: 2px; 
				right: 0; 
				width: 28px;
				}
			.p8-info .shop-collection {
				left: 0;
				}
				.p8-info .shop-collection a {
					color: #fff; 
					}
					
				.p8-info .shop-collection span {
					background:url("images/p8-info-cta.png") 0 0px no-repeat;
				}
			#p8-edgy-glam .shop-collection a:hover { color: #333366 !important;}
				#p8-edgy-glam .shop-collection a:hover span {background-position: 0 -1px;} 
			#p8-street-chic .shop-collection a:hover{color: #c0a4c8 !important;}
				#p8-street-chic .shop-collection a:hover span {background-position: 0 -42px;} 
			#p8-retro-glam .shop-collection a:hover{color:#ec1759 !important;}
				#p8-retro-glam .shop-collection a:hover span {background-position: 0 -85px;} 
			#p8-classic-pretty .shop-collection a:hover{color: #ff7fa2 !important;}
				#p8-classic-pretty .shop-collection a:hover span {background-position: 0 -126px;} 
				
			#p8-edgy-glam .p8-info .shop-collection a:hover { color: #fff !important;  }
				#p8-edgy-glam .p8-info .shop-collection a:hover span { background-position: 0 0; }
			#p8-street-chic .p8-info .shop-collection a:hover{color: #fff !important;}
				#p8-street-chic .p8-info .shop-collection a span, #p8-street-chic .p8-info .shop-collection a:hover span {background-position: 0 -30px;} 
			#p8-retro-glam .p8-info .shop-collection a:hover{color:#fff !important;}
				#p8-retro-glam .p8-info .shop-collection a span, #p8-retro-glam .p8-info .shop-collection a:hover span {background-position: 0 -60px;} 
			#p8-classic-pretty .p8-info .shop-collection a:hover{color: #fff !important;}
				#p8-classic-pretty .p8-info .shop-collection a span, #p8-classic-pretty .p8-info .shop-collection a:hover span {background-position: 0 -90px;} 

		.back-to-top {
			text-align: right;
			margin-right: 0px; 
			}
			.back-to-top a {
				color: #009cce;
				}	
				.back-to-top a:hover {
					color: #666;
					}
	/* content social styles */

	/* BEGIN social component styles */
		#p8-header{
			height:32px;
			margin: 20px 0 0 0;
			position:relative;
			text-align: right;
			width:100%;
			z-index:5;
			}
			#p8-header img{

				
			}
		#p8-header .p8-work-of-persol{
			float:right;
			margin-right:20px;
			position:relative;
			top:-5px;
		}
		
		#p8-social-buttons{
			position:absolute;
			top:10px;
			right:0px;
			z-index:50;
		}
		
		.p8-share-twitter {
			display:block;
			cursor:pointer;
			float: right;
			height:22px;
			text-indent:0;
			top:0;
			width:auto;
		}
		.p8-like-container{
			height:22px;
			float: right; 
			margin-right: 10px; 
			overflow:hidden;
			width:90px;
		}
		.p8-pin {
			display: none;
			height: 22px;
			overflow: hidden;
			position: absolute; left: 180px;
			width: 100px;
		}
	/* END social component styles */

	/* end content social styles */
	
	/*  video embed */	

	.p8-display-box{
		
		}
	#p8-video {
		background:#ffffff;
		border: none;
/*		height:453px;*/
		height:515px;
		margin:0;
		overflow:hidden;
		padding:0;
		position:absolute;
		top:-69px;
		left:0px;
		width:943px;
		z-index: 200;
		}
		#p8-video #p8-flash-container {
			border:none;
			position: absolute;
			z-index:10000;
			}
		#p8-video .p8-close {
			background:url("images/st_btn_close.png") 0 0 no-repeat;
			cursor:pointer;
			height:16px;
			padding:0;
			position:absolute;
			right:30px;
			text-indent:-99999em;
			top:20px;
			width:20px;
			z-index:1000;
		}
			
	/* END video embed */	

	
	/* p8-carousel */
			.p8-carousel {  
				margin: 45px 0 0 0;
				overflow:hidden;
				position:relative;
				width: 260px !important;
				padding:0 20px;
			}
				
			.p8-carousel .p8-carousel-list{
				width:6000px;
				position:relative;
				height:135px;
				margin-top:20px;
				margin-bottom:20px;
			}
			.p8-carousel .p8-carousel-list li {
				list-style: none;
				overflow:hidden;
				position:relative;
				margin: 0px; 
				/*height: 180px;*/
				width: 200px !important;
				margin-right:100px;
				float:left;
			}
			.p8-carousel .p8-carousel-list li img{
				position:relative;
			}
			.p8-carousel .p8-carousel-list li label{
				float:right;
				clear:both;
				text-transform:uppercase;
				color:#666;
			}
			.p8-carousel .p8-carousel-list li .p8-price{
				font-weight:bold;
				color:black;
			}

			.p8-carousel .p8-carousel-list li a.p8-product {
				color: #666 !important;
				display: block;
				max-height: 285px;
				position:absolute;
				margin:0;
				text-transform: uppercase;
				top:0;
				}
				
			.p8-carousel .p8-carousel-list li a.p8-product:hover {color:#000 !important;}
			
			.p8-carousel .p8-carousel-list li > a.p8-product img {margin:0;}
				
			
			.p8-carousel .p8-carousel-list li > a.p8-product .p8-product-details {
				color: #999;
				display: block;
				font-size: 12px;
				left:35px;
				position: absolute;
				top:110px;
				white-space: nowrap;
				}
			.p8-carousel .p8-carousel-list li a.p8-product:hover span.p8-product-brand,
			.p8-carousel .p8-carousel-list li a.p8-product:hover span.p8-product-name { color: #000000; }
			
			.p8-carousel .p8-carousel-list li > a.p8-product span.p8-product-price {
				color: #000;
				display:block;
				font-weight: bold;
				}
			.carousel-dots{
				display:block;
				height:50px;
				position:relative;

			}
			.carousel-dots ul{
				margin: 0px;
				padding: 0px;
				float: left;
				margin-left:10px;
				margin-top:3px;
			}
			.carousel-dots ul li{
				width: 12px;
				height: 12px;
				font-size: 36px;
				color: #CCC;
				list-style-position: inside;
				float: left;
				list-style-type: none;
				margin-right: 4px;
				background-image: url(images/p8_bullets.png);
				background-position:-26px 0px;
			}
			
			.carousel-dots ul li:hover{
				cursor:pointer;
				color:#666666;
				background-position:-13px 0px;
			}
			.carousel-dots ul .active-carousel-dot{
				color:black;
				background-position:0px 0px;
			}

			.p8-carousel .carousel-prev, 
			.p8-carousel .carousel-next {
				background:url(images/prev_next.png) no-repeat;
				cursor:pointer;
				display:block;
				height:20px;
				overflow:hidden;
				width:10px;
				z-index: 2;
				text-indent:-9999px;
				position:relative;
			}
			
			
			.p8-carousel .carousel-prev{
				left:0px;
				float:left;
			}
			.p8-carousel .carousel-next{
				background-position:0 -41px;
				float:right;	
			}

			.p8-carousel .carousel-prev:hover{
				opacity:0.7;
			}
			.p8-carousel .carousel-next:hover{
				opacity:0.7;
			}
			.p8-carousel .carousel-prev.disabled, 
			.p8-carousel .carousel-next.disabled {
				cursor:default;
				opacity:0.3;
			}

			
			
			/* END p8-carousel */