/* Main Gallery Panel //////////////////////////////////////////////// */
#gallery_panel_mask {
	z-index: 950;
}

/* This class is for styling of the "main" panel */
#gallery_panel
{
	
}

#gallery_panel.panel .close {
	top: 5px; 
	right: 5px; 
	height: 17px; 
	width: 17px;
}

#gallery_panel.panel .close.nonsecure {
	background-image:url('//media.redcatsnordic.com/ellos/images/generic/icon_close.gif');
} 

#gallery_panel.panel.close.secure {
	background-image:url('//media.redcatsnordic.com/ellos/images/generic/icon_close.gif');
}

/* Note: this layer must have a fixed width, and a background color, for fading to work in IE */
.activeProduct
{
	width: 600px;
	background-color: #ffffff;
	height: 420px;
}


/* Footer ////////////////////////////////////////////////////77 */
 .footer
{
	font-size:smaller;
	display:inline-table;
	margin-top: 10px;
}

.footerTable
{
	margin-left: 0px; 
	width: 630px;
}

 .footer .left
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_btm_left.jpg") no-repeat left;
	text-align: left;
	width: 80px;
	height: 14px;
}

 .footer .center
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_btm.jpg") right;
	background-repeat: repeat-x;
	text-align: center;
	left: 90px;
	top: -3px;
	width: 470px;
	height: 14px;
}

 .footer .right
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_btm_right.jpg") no-repeat right;
	text-align: right;
	width: 70px;
	height: 14px;
}

.nextlink
{
	margin-right: 5px;
}

.prevlink
{
	margin-left: 5px;
}

/* Images /////////////////////////////////////////// */

.stripImage
{
	height: 45px;
	border: 1px silver solid;
	margin: 3px 3px 3px 3px;
}

.stripImageBorder
{
	height: 45px;
	border: 4px silver solid;
	margin: 0px 0px 0px 0px;	
}

.stripCellLeft
{
	width: 50;
}

.stripCellMiddle
{
	text-align:center;
}

.stripCellRight
{
	width: 50px; 
	text-align: right;
}

.stripLayerHorizontal
{
	width:200px;
	text-align: center;
	margin-left:200px;
}

.stripLayerVertical
{
	width: 550px;
	margin: 0px 0px 0px 143px;
}

/* Header //////////////////////////////////////////////////// */
#gallery_panel_h
{
	border: none;
	color: #fff;
	padding: 4px 4px 0px 4px;
	text-align: right;
	height: 23px;
}

.lblDataIndex
{
	font-weight: bold;
	position: absolute;
	left: 560px;
	top: 7px;
	color: #ffffff;
}

/* Control Panel ////////////////////////////////////////////  */
#slideShowControlPanel
{
	padding: 4px 4px 0 0;
	text-align: right;
}

/* Product   /////////////////////////////////////////////////////// */
.product_horizontal
{
	height: 410px;
	margin-left:70px;
}

.product_vertical
{
	height:410px;
	margin-left:165px;
}

.horizontal_spacer
{
	height: 35px;
}

.productImageHorizontal
{
	margin-top: 50px;
}

.productImageVertical
{
}

.productImageWrapperVertical
{
	height: 375px;
}

.productImageWrapperHorizontal
{
	height: 375px;
}

.productBoutique
{
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
}

.productBrand
{
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
}

#tdProductText
{
	text-align: center;
	font-weight: bold;
}

#tdProductPrice
{
	text-align: center;
	font-weight: bold;	
}

#tdProductAlternatePrice
{
	text-align: center;
	font-weight: bold;	
}

#tdProductDiscount
{
	text-align: center;
	font-weight: bold;	
}

.productInfoText
{
	text-align: center;
	font-weight: bold;
}

/* Strip area ///////////////////////////////////////////////// */
#strip
{
	margin-top: 10px;
}

.stripLeft
{
	float: left;
	width: 20%;
	padding: 0;
	margin: 0;
	text-align: left;
}

.stripCenter
{
	width: 60%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.stripRight
{
	float: left;
	width: 20%;
	padding: 0;
	margin: 0;
	text-align: right;
}

/* Gradient   //////////////////////////////////////////////////////// */
#gradient
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_btm_fade.gif");
	width: 630px;
	margin: 25px 0 0 0;
}

/* Buttons  ///////////////////////////////////////////////////////// */
.gallery_button
{
	width: 17px;
	height: 17px;
	margin: 0px 0pt 0pt 3px;
	text-indent: -9999px;
	float: left;
	
}

.gallery_button_big
{
	width: 23px;
	height: 23px;
	text-indent: -9999px;
	margin: 4px 0pt 0pt 6px;
	text-indent: -9999px;
	float: left;
}

.play 
{	
	position: absolute;
	left: 470px;
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_play.gif") 0 0 no-repeat;
}

.play_pressed 
{
	position: absolute;
	left: 470px;
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_play.gif") -17px 0 no-repeat;
}

.play:hover 
{
	position: absolute;
	left: 470px;
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_play.gif") -17px 0 no-repeat;
}

.pause 
{
	position: absolute;
	left: 500px;
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_pause.gif") 0 0 no-repeat;
}

.pause_pressed 
{
	position: absolute;
	left: 500px;
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_pause.gif") -17px 0 no-repeat;
}

.pause:hover 
{
	position: absolute;
	left: 500px;
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_pause.gif") -17px 0 no-repeat;
}

.gallery_prev 
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_prev.gif") 0 0 no-repeat;
	
}

.gallery_prev:hover 
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_prev.gif") -23px 0 no-repeat;
	
}

.gallery_next
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_next.gif") 0 0 no-repeat;
	float:right;
	margin-right:5px;
}

.gallery_next:hover 
{
	background: url("//media.redcatsnordic.com/ellos/images/generic/slideshow_bt_next.gif") -23px 0 no-repeat;
	float:right;
	margin-right:5px;
}

.invisible
{
	display: none;
}