/* =========== TIMELINE STYLES ============= */

#golden-radiance #timeline {
	margin-left: -350px;
	position: absolute;
	bottom: 3%;
	left: 50%;
	z-index: 10000;
}

	.timeLineShadow{
		background: url('../img/bg/timeLineShadow.png') no-repeat;
		position: absolute;
		bottom: 5%;
		left: 42%;
		z-index: -1;
		width: 854px;
		height: 41px;
		margin-left: -403px;
		margin-bottom: -20px;
	}

	#golden-radiance #timeline a {
		line-height:45px;
		height:45px;
	}	

	#golden-radiance #timeline .productLinkContainer {
		/*background: #fff;*/
	}

		#golden-radiance #timeline .productLink{
			border-left:solid 1px #faf4ed;
			border-right:solid 1px #efddc8;
			color:#b47e3b;
			font-size:14px;	
			overflow:hidden;
			position:relative;
			text-align:center;

			/* CSS3 */
			-o-text-shadow:0 1px 0 #fff;
			-moz-text-shadow:0 1px 0 #fff;
			-webkit-text-shadow:0 1px 0 #fff;
			-ms-text-shadow:0 1px 0 #fff;
			text-shadow:0 1px 0 #fff;
		}
		
		#golden-radiance #timeline .productLink:hover{
			background: url('../img/bg/tlBarHover.png') repeat-x;
		}
		
		#golden-radiance #timeline .productLink.selected{
			background: url('../img/bg/tlBarSelected.png') repeat-x;
			/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efddc8), to(#fff));
			background-image: -webkit-linear-gradient(#efddc8, #fff);
			background-image: -moz-linear-gradient(#efddc8, #fff);
			background-image: -o-linear-gradient(#efddc8, #fff);
			background-image: linear-gradient(#efddc8, #fff);*/
		}
		

			#golden-radiance #timeline .productLink.text-left {
				text-align: left;
			}

			#golden-radiance #timeline .productContentIndicatorsContainer {
				position: absolute;
				top: 0;
				right: 0;
				overflow:hidden;
				width: 0;
			}
			
				#golden-radiance #timeline .productContentOpenContainer{
					position: relative;
					width: 13px;
					height: 45px;
					z-index: 10000;
				}
			
				#golden-radiance #timeline .productContentOpen{
					background: url('../img/bg/timeLineOpen.png') no-repeat;
					border-right: 1px solid #f2e8e0;
					width: 13px;
					height: 45px;
					position: absolute;
					top: 0;
					left: 0;
					pointer-events: none;
				}
				
				#golden-radiance #timeline .productContentIndicators{
					background: url('../img/bg/timelineBar-Inactive.png') no-repeat;
					border-right: 1px solid #f2e8e0;
					width: 13px;
					height: 45px;
				}
				
				#golden-radiance #timeline .productContentIndicators:hover{
					background: url('../img/bg/timelineBar-Active.png') no-repeat;
				}
				
				#golden-radiance #timeline .productContentIndicators.active{
					background: url('../img/bg/timelineBar-Active.png') no-repeat;
				}
				


/* ========= TIMELINE BTN STYLES =========== */

	#golden-radiance .btn {
		behavior:url(../js/resources/pie/PIE.htc);
		background: #b47e3b;
		color: #fff;
		padding:0 20px;

		/* CSS3 */
		-o-border-radius:0 40px 40px 0;
		-moz-border-radius:0 40px 40px 0;
		-webkit-border-radius:0 40px 40px 0;
		-ms-border-radius:0 40px 40px 0;
		border-radius:0 40px 40px 0;
	}

	#golden-radiance .play {
		background: #b47e3b;
		/* CSS3 */
		-o-border-radius:40px 0 0 40px;
		-moz-border-radius:40px 0 0 40px;
		-webkit-border-radius:40px 0 0 40px;
		-ms-border-radius:40px 0 0 40px;
		border-radius:40px 0 0 40px;
	}
	
	
	/* -- Product View -- */
	
	#golden-radiance .timeLineProdLeft{
		behavior:url(../js/resources/pie/PIE.htc);
		background: url('../img/bg/tlProdViewBg-Sprite.png') repeat-x;
		color: rgba(255,255,255,0.6);
		width: 30px;
		height: 45px;
		overflow: hidden;
		font-size: 11px;
		text-align: center;
		position: absolute;

		top: 0;
		right: 760px;
		
		/* CSS3 */
		-o-border-radius:20px 0px 0px 20px;
		-moz-border-radius:20px 0px 0px 20px;
		-webkit-border-radius:20px 0px 0px 20px;
		-ms-border-radius:20px 0px 0px 20px;
		border-radius:20px 0px 0px 20px;
	}
	
	
	
	#golden-radiance .timeLineProdLeft:hover{
	background-position: 0 -50px;
		/*background: url('../img/bg/tlProdViewBg-Hover.png') repeat-x;*/
		color: rgba(255,255,255,1);		
	}	

	#golden-radiance .timeLineProdRight{
		behavior:url(../js/resources/pie/PIE.htc);
		background: url('../img/bg/tlProdViewBg.png') repeat-x;
		color: rgba(255,255,255,0.6);
		width: 30px;
		height: 45px;
		position: absolute;
		top: 0;
		left: 680px;
		font-size: 14px;
		text-align: center;
		
		/* CSS3 */
		-o-border-radius:0 20px 20px 0;
		-moz-border-radius:0 20px 20px 0;
		-webkit-border-radius:0 20px 20px 0;
		-ms-border-radius:0 20px 20px 0;
		border-radius:0 20px 20px 0;
	}
	
	
	#golden-radiance .timeLineProdRight:hover{
		background: url('../img/bg/tlProdViewBg-Hover.png') repeat-x;
		color: rgba(255,255,255,1);	
	}


/* ========= TIMELINE TOOLTIP STYLES =========== */

	#golden-radiance .tlTooltip{
		behavior:url(../js/resources/pie/PIE.htc);
		background: #f7eee3;
		border: 2px solid #dfc5a9;
		color: #552b2a;
		font-size: 12px;
		text-align:center;
		position: absolute;
		width:230px;

		/* CSS3 */
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	}

		#golden-radiance .tlTooltip .tooltip-content {
			padding:10px;
			position: relative;
		}
	
		#golden-radiance .tlTooltip:after{
			content: url('../img/bg/tlToolTipArrow.png');
			width: 15px;
			height: 14px;
			position: absolute;
			bottom: -14px;
			left: 50%;
			margin-left:-7px;
		}

/* ============ TIMELINE EXCEPTIONS FOR MOBILE =========== */

#golden-radiance.isMobile #timeline a:first-child {
	color: #fff;
	width: 14.6%;
	margin-left: 4%;
}