/*
CSS for all Media (lightbox, carousel, etc)
*/

.carousel-component {
	background: none;
}
	.yui-overlay .carousel-component ol {
		overflow: hidden;
		width: 353px; /* default width */
	}
	.yui-overlay.target-resized .carousel-component ol {
		overflow: visible;
		width: auto;
	}
		.carousel-component li {
			float: left;
		}

/* ______________ BEGIN : .yui-widget-carousel ______________ */
.yui-widget-carousel {
	margin: 0 auto;
}
	.yui-carousel {
		margin: 0 auto;
		overflow: visible;
		position: relative;
		text-align: left;
		visibility: hidden;
		zoom: 1;
	}
	.yui-overlay .has_variants.yui-carousel {
		left: -36px;
		position: relative;
	}
	.has_variants .yui-carousel {
		float: left;
		margin-left: 36px;
	}
	.has_variants .carousel-show-all {
		margin-left: 0;
	}
	.yui-carousel.yui-carousel-visible {
		visibility: visible;
	}
	.yui-overlay .yui-carousel-loading {
		left: -999em;
		position: absolute;
		top: -999em;
	}
		.yui-carousel-content {
			overflow: hidden;
			position: relative;
			text-align: center;
		}
			.front_view ol,
			.yui-carousel-element {
				list-style: none outside none;
			}
			.yui-carousel-element li {
				cursor: pointer;
				height: 47px;
				list-style: none;
				margin: 0 3px;
				overflow: hidden;
				outline: none;
				position: absolute;
				text-align: center;
				width: 55px;
			}
				.yui-carousel-element li a {
					background: none;
					display: block;
					height: 47px;
					margin: 0;
					opacity: 0.99;
					filter: alpha(opacity=99);
					padding: 0;
					width: 55px;
					zoom: 1;
				}
			.yui-carousel-element li a:hover,
			.yui-carousel-element .yui-carousel-item-selected {
				opacity: 0.6;
				filter: alpha(opacity=60);
			}
			.yui-log .carousel {
				background: #f2e886;
			}
			.yui-carousel-min-width {
				min-width: 115px;
			}
			.yui-carousel-element {
				overflow: hidden;
				position: relative;
				margin: 0 auto;
				padding: 0;
				text-align: left;*margin:0;
			}
			.yui-carousel-horizontal .yui-carousel-element {
				width: 320000px;
			}
			.yui-carousel-nav select {
				position: static;
			}
			.yui-carousel .yui-carousel-item-selected {
			}
	.yui-carousel-nav {
		margin: 0;
		zoom: 1;
	}
	.yui-carousel-nav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.yui-overlay .yui-carousel-nav {
		padding-top: 8px;
	}
		.yui-carousel-button {
			background: url(/static/images/icons/sprite_icon_carousel.png) no-repeat 0 0;
			bottom: 10px;
			float: left;
			height: 29px;
			overflow: hidden;
			position: absolute;
			right: -36px;
			width: 29px;
			/*z-index: 1;*/
		}
		.carousel-show-all .yui-carousel-button {
			display: none;
		}
		.yui-carousel-next-button:hover,
		.yui-carousel-next-button-focus {
			background-position: -40px 0;
		}
		.yui-carousel-button-disabled:hover,
		.yui-carousel-button-disabled {
			background-position: -80px 0;
		}
			.yui-carousel-button input,
			.yui-carousel-button button {
				background-color: transparent;
				border: 0;
				cursor: pointer;
				display: block;
				height: 29px;
				padding: 0 0 0 50px;
			}
			.yui-carousel-first-button-disabled input,
			.yui-carousel-first-button-disabled button,
			.yui-carousel-button-disabled input,
			.yui-carousel-button-disabled button {
				cursor: default;
			}
		span.yui-carousel-first-button {
			background-position: 0 -40px;
			left: -36px;
			right: auto;
		}
		.yui-carousel-first-button:hover,
		.yui-carousel-first-button-focus {
			background-position: -40px -40px;
		}
		span.yui-carousel-first-button-disabled:hover,
		span.yui-carousel-first-button-disabled {
			background-position: -80px -40px;
		}
		.yui-carousel-nav ul {
			float: right;
			height: 8px;
			margin: 0;
			margin-left: -5px;
			padding: 0;
			position: relative;
			left: -50%;
			zoom: 1;
		}
		.yui-carousel-nav ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.yui-overlay .yui-carousel-nav ul {
			/*height: 6px;*/
		}
			.yui-carousel-nav ul li {
				background: url(/static/images/icons/sprite_icon_carousel.png) no-repeat -24px -80px;
				cursor: pointer;
				float: left;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="Enabled");
				height: 8px;
				list-style: none;
				margin: 0px 0 0 5px;
				overflow: hidden;
				padding: 0;
				position: relative;
				left: 50%;
				width: 9px;
			}
			.yui-overlay .yui-carousel-nav ul li {
				/*margin-top: 8px;*/
			}
			.yui-overlay .carousel-show-all .yui-carousel-nav,
			.carousel-show-all .yui-carousel-nav ul li {
				display: none;
			}
			.yui-carousel-nav ul li:hover,
			.yui-carousel-nav ul li.yui-carousel-nav-page-focus {
				background-position: -12px -80px;
			}
			.yui-carousel-nav ul li.yui-carousel-nav-page-selected {
				background-position: 0px -80px;
			}
			.yui-carousel-nav ul li.yui-carousel-nav-page-selected a {
				cursor: default;
			}
				.yui-carousel-nav ul li a {
					background: none;
					display: block;
					width: 100%;
					height: 100%;
					text-indent: -10000px;
					text-align: left;
					overflow: hidden;
				}
			.yui-carousel-content {
				padding-top: 8px;
			}
			.carousel-show-all .yui-carousel-content {
				padding-top: 12px;
			}
			.yui-overlay .carousel-show-all .yui-carousel-content {
				padding-top: 24px;
			}
	/* optional view pane (spotlight) */
	.yui-spotlight {
		margin: 0 auto 10px;
		position: relative;
	}
	.yui-overlay .yui-spotlight {
		margin: 0 -15px;
		min-height: 200px;
		padding: 0 15px;
	}
	.yui-overlay.target-resized .yui-spotlight {
		border-bottom: 1px solid #ddd;
	}
	.media-target_carousel_ProductViews .yui-spotlight {
		margin: 0 -50px;
		padding: 0 50px;
	}
	.front_view  .yui-spotlight {
		height: 300px;
		width: 353px;
	}
		.yui-spotlight .spotlight-item {
			/*display: none;*/
			height: 100%;
			left: 0;
			opacity: 0;
			filter: alpha(opacity=0);
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
		}
		.yui-spotlight .default-view,
		.yui-spotlight .spotlight-item-selected {
			/*display: block;*/
			opacity: 0.99;
			filter: none;
		}
		.yui-spotlight a {
			display: block;
		}
			.yui-spotlight embed,
			.yui-spotlight object,
			.yui-spotlight img {
				display: block;
				margin: 0 auto;
			}
			.yui-spotlight .enlargeBtn {
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="Enabled");
			}
			.yui-overlay .yui-spotlight img {
				/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="Enabled");*/
			}
			/*
			.front_view .yui-spotlight img {
				height: 100%;
				width: 100%;
			}
			*/

		.spotlight-pagination {
			bottom: -4px;
			color: #333;
			font-size: 11px;
			line-height: 14px;
			font-weight: bold;
			height: 14px;
			left: 0;
			padding: 9px 0 11px;
			position: absolute;
			text-align: center;
			width: 100%;
			z-index: 1;
			zoom: 1;
		}
			.spotlight-pagination-asset-type {
				text-transform: capitalize;
			}

	.yui-carousel-item-loading {
		background: url(/static/images/icons/icon_loading.gif) no-repeat 50% 50%;
		position: absolute;
		text-indent: -150px;
		left: -500px;
	}
/* _______________ END : .yui-widget-carousel _______________ */


/**
 * Fluid corners
 */
.fluid {
	margin: 11px 12px;
	padding-top: 0;
	padding-bottom: 7px;
	padding-left: 0;
	padding-right: 8px;
	width: 100%;
}
.fluid .fl-content-wrapper,
.fluid .fl-content-pad,
.fluid .fl-content {
	display: block;
	position: relative;
}
.fluid .fl-content-wrapper,
.fluid .fl {
	#height: 1%;
}
.fluid .fl {
	float: left;
	height: 11px;
	width: 12px;
}
.fluid .fl-br,
.fluid .fl-tr {
	float: right;
}
.fluid .fl-bl,
.fluid .fl-tl,
.fluid .fl-content-wrapper {
	margin-left: -12px;
}
.fluid .fl-br,
.fluid .fl-tr,
.fluid .fl-content-pad {
	margin-right: -12px;
}
.fluid .fl-tl,
.fluid .fl-t,
.fluid .fl-tr {
	margin-top: -4px;
}
.fluid .fl-bl,
.fluid .fl-b,
.fluid .fl-br {
	margin-bottom: -4px;
}
.fluid .fl-b,
.fluid .fl-t {
	width: 100%;
}
.fluid .fl-content-wrapper,
.fluid .fl-bl {
	clear: left;
}
.fluid .fl-t { background: transparent url(/static/images/backgrounds/popups/liquid/fl-bdr-t.png) repeat-x top; }
.fluid .fl-b {
	background: transparent url(/static/images/backgrounds/popups/liquid/fl-bdr-b.png) repeat-x bottom;
}
.fluid .fl-content-wrapper {
	background: transparent url(/static/images/backgrounds/popups/liquid/fl-bdr-l.png) repeat-y left;
	padding-left: 4px;
}
.fluid .fl-content-pad {
	background: transparent url(/static/images/backgrounds/popups/liquid/fl-bdr-r.png) repeat-y right;
	padding-right: 4px;
	#padding-right: 24px;
	#width: 100%;
}

.fluid .fl-tl { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-tl.png) no-repeat left top; }
.fluid .fl-tr { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-tr.png) no-repeat right top; }
.fluid .fl-br { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-br.png) no-repeat right bottom; }
.fluid .fl-bl { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-bl.png) no-repeat left bottom; }
.fluid,
.fluid .fl-content {
	background: #fff;
}

.fluid-f5 .fl-tl { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-tl-f5.png) no-repeat left top; }
.fluid-f5 .fl-tr { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-tr-f5.png) no-repeat right top; }
.fluid-f5 .fl-br { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-br-f5.png) no-repeat right bottom; }
.fluid-f5 .fl-bl { background: transparent url(/static/images/backgrounds/popups/liquid/fl-cnr-bl-f5.png) no-repeat left bottom; }
.fluid-f5,
.fluid-f5 .fl-content {
	background: #f3f3f3;
}
.fluid .fl-content {
	padding: 0 8px;
	#padding-right: 12px;
	#width: 100%;
}



/**
 * Color Variants
 */
.container_colors {
	float: right;
	font-size: 11px;
	height: 60px;
	margin: -2px 0 0;
	position: relative;
	width: 80px;
	zoom: 1;
}
.container_colors:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-overlay .container_colors {
	margin-top: 6px;
}
.yui-carousel .container_colors {
	position: absolute;
	right: -126px;
	top: 9px;
}
.carousel-show-all .container_colors {
	right: -100px;
}
.yui-carousel .container_colors.multirow {
	top: 0;
}
	.container_colors label {
		clear: both;
		color: #333;
		display: block;
		font-size: 11px;
		height: 14px;
		padding: 0 0 6px 2px;
	}
	.yui-overlay .container_colors label {
		padding-bottom: 4px;
	}
	.container_colors .color {
		float: left;
		height: 20px;
		margin: 2px 0 0;
		width: 20px;
	}
		.container_colors .color a {
			background: none;
			border: 1px solid #fff;
			cursor: pointer;
			display: block;
			font-weight: normal;
			padding: 0;
		}
		.container_colors .selected a,
		.container_colors .color a:hover {
			border-color: #fd0;
		}
			.container_colors .swatch {
				cursor: pointer;
				display: block;
				height: 16px;
				overflow: hidden;
				width: 16px;
				position: relative;
			}
				.container_colors .swatch img {
					/*background-color: #efefef; --FPO*/
					display: block;
					height: 16px;
					width: 16px;
				}
			.container_colors .swatch_thumb {
				border: 1px solid #fff;
			}
	.container_colors .overlay {
		bottom: 58px;
		color: #333;
		display: none;
		float: left;
		left: -24px;
		padding: 0;
		position: absolute;
		width: auto;
		#width: 58px;
	}
	/*.container_colors .selected a .overlay,*/
	.container_colors a:hover .overlay {
		display: block;
	}
			.container_colors .overlay .swatch {
				display: block;
				height: 58px;
				margin: 0 auto;
				overflow: hidden;
				position: relative;
				width: 58px;
			}
				.container_colors .overlay .swatch img {
					display: block;
					height: 58px;
					position: relative;
					text-align: center;
					width: 58px;
				}
			.container_colors .overlay .swatch_name {
				color: #333;
				display: table; /* opera why wont you listen?! */
				font-size: 11px;
				line-height: 12px;
				/*letter-spacing: -0.02em;*/
				margin: 7px 0 0;
				white-space: normal;
				width: 58px;

				#display: block;
				#width: auto;
			}

			.container_colors .fluid .fl-tl { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-cnr-tl.png); }
			.container_colors .fluid .fl-tr { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-cnr-tr.png); }
			.container_colors .fluid .fl-br { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-cnr-br.png); }
			.container_colors .fluid .fl-bl { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-cnr-bl.png); }

			.container_colors .fluid .fl-content-wrapper { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-bdr-l.png); }
			.container_colors .fluid .fl-content-pad { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-bdr-r.png); }
			.container_colors .fluid .fl-r { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-bdr-r.png); }
			.container_colors .fluid .fl-t { background-image: url(/static/images/backgrounds/popups/liquid/fl-shd-bdr-t.png); }
			.container_colors .fluid .fl-b {
				background: transparent url(/static/images/backgrounds/popups/liquid/fl-call-b.png) no-repeat center bottom;
				position: relative;
				bottom: -6px;
			}


/* _______________ END : .yui-widget-carousel _______________ */






/* _______________ BEGIN : .yui-widget-container _______________ */
.yui-module {
	zoom: 1;
}
.yui-module:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.yui-overlay,
.yui-panel-container {
	background: #fff;
	/*padding-top: 11px;*/
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

.yui-panel {
	position: relative;
}
.yui-panel-container form {
	margin: 0;
}
.mask {
	z-index: 1;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.mask.block-scrollbars {
	overflow: auto;
}
html.masked {
	#overflow: hidden;
}
body.masked {
	overflow: hidden;
	padding-right: 15px;
	padding-right: 16px\9;
	#padding-right: 16px;
}
.masked select,
.drag select,
.hide-select select {
	_visibility: hidden;
}
.yui-panel-container select {
	_visibility: inherit;
}
.hide-scrollbars,
.hide-scrollbars * {
	overflow: hidden;
}
.hide-scrollbars select {
	display: none;
}
.show-scrollbars {
	overflow: auto;
}
.yui-panel-container.show-scrollbars,
.yui-tt.show-scrollbars {
	overflow: visible;
}
.yui-panel-container.show-scrollbars .underlay,
.yui-tt.show-scrollbars .yui-tt-shadow {
	overflow: auto;
}
.yui-panel-container.shadow .underlay.yui-force-redraw {
	padding-bottom: 1px;
}
.yui-effect-fade .underlay,
.yui-effect-fade .yui-tt-shadow {
	display: none;
}
.yui-tt-shadow {
	position: absolute;
}
.yui-override-padding {
	padding: 0!important;
}
.yui-panel-container .media-title {
	color: #333;
	font-size: 15px;
	left: 15px;
	padding-bottom: 2px;
	position: absolute;
	top: 0;
}
.yui-overlay.yui-force-redraw,
.yui-panel-container.yui-force-redraw {
	margin-bottom: 1px;
}
.mask {
	background-color: #000;
	opacity: .25;
	filter: alpha(opacity=25);
}
/*
.yui-panel-container {
	padding: 0 1px;*padding:2px;
}
*/
.yui-panel {
	position: relative;
	left: 0;
	top: 0;
	/*border: 1px solid #ccc;*/
	z-index: 1;*border-width:1px;*zoom:1;
	_zoom: normal;
}

.yui-panel .hd,
.yui-panel .bd,
.yui-panel .ft {
	display: block;
	margin-left: -10px;
	padding-left: 10px;
	position: relative;
	zoom: 1;
}
	.yui-panel .hd .inner,
	.yui-panel .ft .inner {
		margin-right: -10px;
		min-height: 1%;
		padding-right: 10px;
		width: 100%;
	}
	.yui-panel .hd,
	.yui-panel .ft,
	.yui-panel .hd .inner,
	.yui-panel .ft .inner {
		#height: 5px;
		min-height: 10px;
	}
	.yui-panel .hd .inner,
	.yui-panel .ft .inner {
	}
	.yui-overlay .hd {
		background: transparent url(/static/images/backgrounds/popups/bg_overlay_corner_tl.png) no-repeat left top;
	}
		.yui-overlay .hd .inner {
			background: transparent url(/static/images/backgrounds/popups/bg_overlay_corner_tr.png) no-repeat right top;
		}
	.yui-overlay .ft {
		background: transparent url(/static/images/backgrounds/popups/bg_overlay_corner_bl.png) no-repeat left bottom;
	}
		.yui-overlay .ft .inner {
			background: transparent url(/static/images/backgrounds/popups/bg_overlay_corner_br.png) no-repeat right bottom;
		}
	.yui-panel .bd {
		background: #fff;
		margin-right: -10px;
		padding: 22px 15px 15px;
		zoom: 1;
	}
	.yui-panel .bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.media-target_carousel_ProductViews .bd {
		padding: 22px 50px 15px;
	}
	.yui-panel .bd a.lightbox {
		background: none;
		margin: 0;
		padding: 0;
	}

.container-close {
	background:transparent url(/static/images/icons/mb_buttons.gif) no-repeat -30px -72px;
	background-position: -30px -71px\9; /* ie 8 */
	border:0 none;
	display: block;
	cursor:pointer;
	float:left;
	font-size: 12px;
	font-weight: bold;
	height:11px;
	line-height: 13px;
	overflow:hidden;
	padding: 0 0 1px 14px;
	position:absolute;
	right:5px;
	text-decoration:none;
	top: 11px;
}
.yui-panel-container .underlay {
	right: -1px;
	left: -1px;
}
.yui-panel-container.matte {
	padding: 9px 10px;
	background-color: #fff;
}
.yui-panel-container.shadow {
	_padding: 2px 4px 0 2px;
}
.yui-panel-container.shadow .underlay {
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;*top:4px;*left:-1px;*right:-1px;*bottom:-1px;
	_top: 0;
	_left: 0;
	_right: 0;
	_bottom: 0;
	_margin-top: 3px;
	_margin-left: -1px;
	background-color: #000;
	opacity: .05;
	filter: alpha(opacity=5);
}

#loader_spotlight {
	margin: 0 auto;
	position: relative;
	top: 50%;
	width: 85px;
}

#loader {
	display: none;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	left: 50%;
}

.region-tease-container {
	position: relative;
}
	.region-tease-container .toggle {
		display: block;
		height: 14px;
		line-height: 1em;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		text-indent: -999em;
		text-transform: uppercase;
		top: -24px;
		width: 14px;
	}
	.region-tease-container .more {
		background: transparent url(/static/images/buttons/btn_more.png) no-repeat 0 0;
	}
	.region-tease-container .less {
		background: transparent url(/static/images/buttons/btn_less.png) no-repeat 0 0;
	}
	.media-list .additional {
	}

.view-helper-img {
	left: -999em;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: -999em;
	visibility: hidden;
}
.view-holder {
	margin: 0 auto;
}

.media-content {
	text-align: left;
}

.target-media-view {}
.target-media-view-video {
	margin: 0 0 -10px;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
.target-media-view-video object,
.target-media-view-video embed {
	display: block;
	margin: -30px 0 0 -15px;
	position: relative;
	zoom: 1;
}
.yui-spotlight .target-media-view-video object,
.yui-spotlight .target-media-view-video embed {
	margin-left: 0;
}