﻿body 
{
    height:100%;
    width:100%;
   /* background:#404040;*/
    background:white;
    font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
    color: White;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
a 
{
	color:  #000000;
}
a:visited 
{
	color:  #000000;
}
a:active
{
	color:  #000000;
}
a:hover 
{
    color: #000000;	
	font-weight:bold;
}

.textbox
{
	/*BORDER-RIGHT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;*//*PDF*/
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 8pt;
	PADDING: 0px, 3px, 0px, 3px;
	/*BORDER-LEFT: #ffffff 1px solid;*/
	BORDER-LEFT: #000000 1px solid;/*PDF*/
	BORDER-BOTTOM: #000000 1px solid;/*PDF*/
	FONT-FAMILY: Tahoma
}

.promote
{
    line-height:23px;
    padding-bottom:10px;
}
.bullet
{
    font-weight:bold;
    font-size:smaller;
}
.heading
{
    font-weight: bold; 
    font-size:9pt;
    padding-top:10px;
    padding-bottom:10px;
}
.stage
{
    width:338px;
    height:430px;
    padding:0px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
.tools
{
    position: absolute;
    z-index:1;
    visibility:hidden;
    display:none;
}
.thumbSlide
{
    width: 160px;
    height: 160px;
    text-align: center;
    vertical-align: middle;
    border: outset 2px white;
    background-color: White;
}
.panelOff
{
    height:450px;
    display:none;
    position: absolute;
    padding:0 0 0 0;
    margin:0 0 0 0;
    
}
.panelOn
{
    height:450px;
    display:block;
    position: absolute;
    padding:0 0 0 0;
    margin:0 0 0 0; 
    left:250px; 
    z-index:5;
    
}
.panelBottomOn
{
    display:block;
    line-height:25px;
}
.panelBottomOff
{
    display:none;    
}
.subPanelOff
{
    display:none;
}
.subPanelOn
{
    display:block;
}
.sub2PanelOff
{
    display:none;
}
.sub2PanelOn
{
    line-height:25px;
    display:block;
}
.subPanelMenu
{
    height:100%;
    width:110px;
    line-height:25px;
    padding-left:20px;
    /*background-color: #404040; PDF, 20100921 FOR BIMAX EVENT*/
    background-color:Silver;
    color:Black;
    /*end changes*/
    filter:alpha(opacity=90);
    moz-opacity: .90;/*PDF*/
    opacity: .90;/*PDF*/
}
.subPanelTextOn
{
    display:block;
    height:450px;
    width:300px;
    padding-left:20px;
    padding-right:10px;
    /*background-color: #404040; PDF, 20100921 FOR BIMAX EVENT*/
    background-color:white;
    color:Black;
    /*end changes*/
    filter:alpha(opacity=80);
    /*moz-opacity: .7;*/
    moz-opacity:.8;/*PDF*/
    opacity: .8;/*PDF*/
}
.subPanelTextOff
{
    display:none;
    height:450px;
    width:300px;
    padding-left:20px;
    padding-right:10px;
   /*background-color: #404040; PDF, 20100921 FOR BIMAX EVENT*/
    background-color:white;
    color:Black;
    /*end changes*/
    filter:alpha(opacity=80);
    moz-opacity: .8;/*PDF*/
    opacity: .8;/*PDF*/
}
.buttonOver
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: White;*/
    color:#404040;
    font-weight:bold;
    font-family: Verdana, Arial;
    text-align: center;
    cursor: pointer;
}
.buttonOn
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bolder;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
   /* color: White;*/
    color:#404040;
    font-weight:bold;
    font-family: Verdana, Arial;
    text-align: center;
    cursor: pointer;
}
.buttonOff
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: Silver;*/
    color:#404040;
    font-family: Verdana, Arial;
    text-align: center;
    cursor:pointer;
}
.buttonSubOver
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
   /* color: White;PDF 20100921 changed for the bimax event*/
    color:#000000;
    font-weight:bold;
    /*end changes*/
    font-family: Verdana, Arial;
    text-align: left;
    cursor: pointer;
}
.buttonSubOn
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bolder;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: White;PDF 20100921 changed for the bimax event*/
    font-weight:bold;
    color:black;
    font-family: Verdana, Arial;
    text-align: left;
    cursor: pointer;
}
.buttonSubOff
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
   /* color: Silver;PDF 20100921 changed for the bimax event*/
    color:#000000;
    font-family: Verdana, Arial;
    text-align: left;
    cursor:pointer;
}
.buttonSub2Over
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: White;*/
    color:Black;
    font-weight:bold;
    font-family: Verdana, Arial;
    text-align: left;
    cursor: pointer;
}
.buttonSub2On
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bolder;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: White;*/
    color:black;
    font-family: Verdana, Arial;
    text-align: left;
    cursor: pointer;
}
.buttonSub2Off
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: Silver;*/
    color:Black;
    font-family: Verdana, Arial;
    text-align: left;
    cursor:pointer;
}
.buttonSub3Over
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
   /* color: White;*/
    color:Black; 
    font-family: Verdana, Arial;
    text-align: left;
    cursor: pointer;
}
.buttonSub3On
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bolder;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: White;*/
    color:Black;
    font-family: Verdana, Arial;
    text-align: left;
    cursor: pointer;
}
.buttonSub3Off
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    font-size: 8pt;
    vertical-align: bottom;
    overflow: hidden;
    /*color: Silver;*/
    color:Black;
    font-family: Verdana, Arial;
    text-align: left;
    cursor:pointer;
}

#Photo {
	filter:alpha(opacity=100);
	border:none

	}

/* duplicate image positioning */
#Photo.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}
	
	
	#productLogo
	{
	  background-color:Transparent;
	  border-width:0px;
	  border-style:none;
	  position:absolute;
	  display:none;
	}
	#productLogoImg
	{
	     background-color:Transparent;
	     border-collapse:collapse;
	     border-width:0px;
	     border-style:none;
	}
	
	.navButtonOff
	{
	    z-index:2;  position:absolute; background-color:Gray; filter:alpha(opacity=65);
	    display:none;
	}
	
	.navButtonOn
	{
	    z-index:5;  position:absolute; background-color:Gray; filter:alpha(opacity=65);
	    -moz-opacity:.65;
	    -khtml-opacity:.65;
	    display:block;
	    cursor:pointer;
	    font-size:30px;
	    
	}
	
	.photoOn
	{
	   
    z-index:2;
	        padding:0;    margin:0;
	        display:block;
	        vertical-align:middle;
    width: 936px;
}
	
	.photoOff
	{
	    z-index:1;
	    border:none;padding:0;margin:0;
	    display:none;
	}
	
	.preload
	{
	    display:none;
	}
	
    .imgNavScreenOff
    {
        display:none;
    }
    
    .imgNavScreenOn
    {
        display:block;
    }
    
    .imgNavButton:hover
    {
        cursor:pointer;
    }
    .imgNavButton
    {
    }
    .imgThumb
    {
        display:inline-block;
        filter:alpha(opacity=100);
		opacity: 1;
		z-index:12;	
		border-width:1px;
		 margin:0px 5px 0px 0px;
		 border-style:solid;
	    border-color:transparent;
        MozOpacity:1;
        KhtmlOpacity:1;
    }
    .imgThumb:hover
    {
        cursor:pointer;
        border-color:Red;
        border-style:solid;
        margin:0px 5px 0px 0px;
        border-width:1px;
        filter:alpha(opacity=100);
        opacity:1;
        MozOpacity:1;
    }
    .imgThumbSelect
    {
       border-color:Red;
       border-style:double;
        border-width:1px;
        margin:0px 5px 0px 0px;
        filter:alpha(opacity=100);
        opacity:1;
    }
    
    .divExtend
    {
        left:10px; 
        position:relative; overflow: hidden;white-space:nowrap; padding:0px 10px 0px 10px; border:0px 0px 0px 0px;display:inline; text-align:justify; text-overflow: ellipsis;
    }
    .divExtend:hover
    {
     cursor:pointer;  
     margin:0px 10px 0px 10px;
     white-space:normal;
      text-align:left; 
    }
    
    .extendOff
    {
        display:none;
    }
    .extendOn 
    {
        display:inline;
    }
    .extendOn:hover
    {
        cursor:pointer;
    }
    
    .sliderHandle
{
    position: relative;
    visibility: visible;
    display: inline-block;
    background-color: #C0C0C0;
    line-height: normal;
    vertical-align: middle;
}
    
    .sliderHandle:hover
    {
        cursor:pointer;
        border-color:Red;
        border-style:inset;
        border-width:3px;
    }
    
    #slider-1 {
	margin:	10px;
	width:	auto;
}

.slider
{
    background-color:Green;
}
.slider-input
{
    background-color:Silver;
}



.filmStrip
{
}
.closePanels
{
    position:relative;
    z-index:5;
}

.closePanelsOver
{
    position:relative;
    z-index:5;
    cursor: pointer;
}
.jewels
{
    cursor:pointer;
}
