/* 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-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;}
p.font-replaced-light {font-size:25px;text-transform:uppercase;}
/* EO Font Replacement */


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

/* set default link hover colors */
#content a {color:#e41918;}
#content a:hover {color:#e4322e;}
/* end */

#main_content_wrapper {border:0;}
#content .font-replaced-light

#content.rbf-page {
	float:none;
	overflow: hidden;
	padding: 0 0 0;
	position:relative;
	}
	#content .font-replaced {
		float: none;
		font-weight: 200;
		line-height: 1;
		margin: 0;
		overflow: hidden;
		}
	#content .hidden {display:none;}
	
	/* hero */
	#content .rbf-hero {
		background:#fff url("/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_bg_hero.jpg") 0 0 no-repeat;
		height:450px;
		margin-bottom:15px;
		overflow: hidden;
		position: relative;
		}
	
	
	
		#content .rbf-hero h1.font-replaced {
			color:#ffffff;
			font-size: 80px;
			font-weight: 200;
			height: 135px;
			left: -9999px;
			line-height: .8;
			margin-bottom: 1px;
			position: absolute;
			text-indent: -99999em;
			text-transform: uppercase;
			top: 30px;
			width: 400px;
			}
			

	.rbf-hero .rbf-tagline {
		color:#5d5d5d;
		font-size:18px;
		position:absolute;
		left:135px;
		text-transform:uppercase;
		top:306px;
		}
	.rbf-hero .rbf-hero-cta-nav {
		left:135px;
		padding:0;
		position:absolute;
		top:370px;
		}
		.rbf-hero .rbf-hero-cta-nav li {
			list-style:none;
			}
			#content .rbf-hero .rbf-hero-cta-nav a.rbf-hero-cta {
				background:url("/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_bg_hero_cta.png")  no-repeat;
				background-position: 100% 5px; 
				color:#000;
				font-size:36px;
				display:block;
				line-height:1;
				padding:0;
				text-transform:uppercase;
				width:180px;
				}
				#content .rbf-hero a.rbf-hero-cta:hover {
					background-position: 100% -29px;
					color: #e4332d !important;
					}	
	/* main content styles */
	.rbf-main {
		border:1px solid #ccc;
		display:block;
		margin-bottom:15px;
		padding:17px 20px 0 23px;
		width:897px;
		}
		
		.rbf-modules {
			height:309px;
			margin-bottom:15px;
			}
			.rbf-modules .rbf-col {
				float:left;
				position:relative;
				}
			.rbf-modules .rbf-col:first-child {width:625px;}
				#content .rbf-modules h3.font-replaced,
				#content .rbf-history h3.font-replaced {	
					border-bottom:6px solid #000;
					font-size:52px;
					}
			
			/* rbf-cta-nav */
			.rbf-modules .rbf-col.rbf-cta-nav {
				height:309px;
				margin-left:22px;
				width:250px;
				}
				.rbf-modules .rbf-col.rbf-cta-nav h4 {
					border-bottom: 6px solid #000;
					color:#e4332d;
					font-size:16px;
					font-weight:200;
					margin: 0 0 5px;
					padding:7px 0;
					text-transform: uppercase;
					}
				.rbf-modules .rbf-col.rbf-cta-nav ul {
					background-color:#000;
					height:264px;
					list-style-type: none; 
					margin: 0;
					padding: 34px 0 0 0;
					}
					.rbf-modules .rbf-col.rbf-cta-nav ul li { 
						margin: 0; 
						padding: 0; 
						}
					.rbf-cta-nav li a {
						color: #fff !important; 
						display: block; 
						font-size: 16px;
						line-height: 2;
						padding-left: 20px; 
						text-transform: uppercase; 
						width: 100%;
						}
						.rbf-cta-nav li a:hover { 
							background: #fff; 
							color: #000 !important;  
							}
						.rbf-cta-nav li a span {
							background: url('/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_red_right_carrot.png') no-repeat;
							display: inline-block;
							height: 11px;
							margin-left: 5px; 
							width: 6px; 
							}
						.rbf-cta-nav li a span.rbf-polarized {
							background: transparent url('/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_icon_polarized.png') no-repeat;
							display: inline-block;
							height: 12px;
							margin-left: .25em;
							width: 12px;
							}
			/* end rbf-cta-nav */
		
		/* rbf-carousel */
			.rbf-carousel {
				left:21px;
				margin:70px 0 0 0;
				overflow:hidden;
				position:relative;
				height: 180px;
				width: 582px;
			}
			.rbf-carousel .rbf-carousel-list{
				margin:0;
				overflow:visible;
				padding:0;
				position:absolute;
				top:0;
				width:20000px;
				
				height: 180px;
				padding-top: 0;
			}
			.rbf-carousel .rbf-carousel-list li {
				float: left;
				list-style: none;
				overflow:hidden;
				padding:0;
				position:relative;
				
				height: 180px;
				width: 194px;
			}
			.rbf-carousel .rbf-carousel-list li a.rbf-product {
				color: #666 !important;
				display: block;
				max-height: 285px;
				position:absolute;
				
				margin:0;
				top:0;
				}
				
			.rbf-carousel .rbf-carousel-list li a.rbf-product:hover {color:#751f54 !important;}
			
			.rbf-carousel .rbf-carousel-list li > a.rbf-product img {margin:0;}
				
			
			.rbf-carousel .rbf-carousel-list li > a.rbf-product .rbf-product-details {
				color: #e4171a;
				display: block;
				font-size: 12px;
				left:35px;
				position: absolute;
				top:110px;
				white-space: nowrap;
				}
			.rbf-carousel .rbf-carousel-list li a.rbf-product:hover span.rbf-product-brand,
			.rbf-carousel .rbf-carousel-list li a.rbf-product:hover span.rbf-product-name {color:#751f54;}
			.rbf-carousel .rbf-carousel-list li a.rbf-product span.rbf-product-color { 
				color: #363636;
				display: block; 
				}
			.rbf-carousel .rbf-carousel-list li > a.rbf-product span.rbf-product-price {
				color: #363636;
				display:block;
				font-weight: bold;
				}
				
			.rbf-col > .rbf-carousel-prev,
			.rbf-col > .rbf-carousel-next {
				background-image: url("/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_carousel_nav.png");
				 background-repeat: no-repeat;
				display:block;
				height:30px;
				overflow:hidden;
				position:absolute;
				text-indent: -7000px; 
				top:60%;
				width:20px;
			}
			
			.rbf-col .rbf-carousel-prev{
				background-position:  0 0;
				left:0;	
			}
			.rbf-col .rbf-carousel-prev:hover{
				background-position: 0 0;
			}	
			.rbf-col .rbf-carousel-prev.carousel-nav-disabled,
			.rbf-col .rbf-carousel-prev.carousel-nav-disabled:hover {
				background-position: 0 0;
				cursor:default;
				opacity: .5;
			}
			
			.rbf-col .rbf-carousel-next{
				background-position: 0 -30px;
				left:604px;
			}
			.rbf-col .rbf-carousel-next:hover{
				background-position: 0 -30px;
			}	
			.rbf-col .rbf-carousel-next.carousel-nav-disabled,
			.rbf-col .rbf-carousel-next.carousel-nav-disabled:hover{
				background-position: 0 -30px;
				cursor:default;
				opacity: .5;
			}
			.rbf-carousel .rbf-polarized { 
				background: transparent url('/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_icon_polarized.png') no-repeat; 
				display: block; 
				height: 16px; 
				right: 15px; 
				position: absolute; 
				text-indent: 15px;
				top: -2px;
				width: 16px;
				}
				
		/* END rbf-carousel */
		
		.rbf-history {
			background:transparent url("/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_bg_history.jpg") 0 70px no-repeat;
			clear:both;
			height:410px;
			margin:0;
			overflow:hidden;
			position:relative;
			}
			.rbf-history .rbf-history-copy {
				height:425px;
				margin-top:-27px;
				}
				#content .rbf-history .rbf-history-copy h4.font-replaced {
					color:#fff;
					font-size:60px;
					left:534px;
					position:absolute;
					text-transform:uppercase;
					top:80px;
					width:330px;
					}
				.rbf-history .rbf-history-copy p {
					color:#bebebe;
					font-family: "SGHLight", Arial, Helvetica, sans-serif;
					font-size:14px;
					font-weight: normal;
					left:534px;
					position:absolute;
					top:200px;
					width:330px;
					}
		
	/*  video embed */	
		
	.rbf-display-box{
		background: #fff url("/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_bg_product_box.jpg") 0  no-repeat;
		border:2px solid #565656;
		height:475px;
		left:33px;
		margin:0;
		overflow:hidden;
		padding:0;
		position:absolute;
		top:5px;
		width:944px;
		z-index: 2;
		}
	#rbf-video {
		background:rgba(0,0,0,0.2);
		height:405px;
		padding: 45px 0px 0 152px;
		position: absolute;
		top: 0; 
		width:792px;
		}
		#rbf-video .rbf-flash-container {
			border:2px solid #515151;
			position: absolute;
			z-index:10000;
			}
		#rbf-video .rbf-close {
			background: url("/wcsstore/SGH/experiences/ray-ban-aviators/css/images/rbf_btn_close.png") 0 0 no-repeat;
			cursor:pointer;
			height:16px;
			padding:0;
			position:absolute;
			right:180px;
			text-indent:-99999em;
			top:70px;
			width:15px;
			z-index:1000;
		}

	/* END video embed */	
		
	/* content social styles */

	/* BEGIN social component styles */
		#rbf-social{
			height:22px;
			position: relative;
			left: 760px; 
			top: 12px; 
			width:182px;
		}
		#rbf-social h3{
			width:58px;
			height:16px;
			background-position:-48px 0;
			margin-right:5px;
		}
		.rbf-share,
		.rbf-share-twitter {
			display:block;
			cursor:pointer;
			height:22px;
			position:absolute;
			text-indent:0;
			top:0;
			width:90px;
		}
		.rbf-share-twitter {
			right:5px;
			width:86px;
			}
		
		#rbf-twitter {
			text-indent:-99999em;
			width:80px;
			}
		.like-container{
			height:22px;
			overflow:hidden;
			position:absolute;
			width:90px;
		}
	/* END social component styles */
	/* end content social styles */