/* General */

#content ul#stone_type, #content ul#stone_type ul{
list-style-type: none;
margin: 0;
padding: 0;

}

#content ul#stone_type {
border: 1px solid #ddd;
margin: 0 0 10px 20px;
width: 685px;
text-align: center;
font-size: 14px;
color: #d3d3d3;
font-style: italic;
font-weight: bolder;
text-transform: capitalize;
padding: 0 10px;
background: url(../images/choose_color_bkg.jpg) repeat-x ;
}


#content ul#stone_type li {
float: left;
position: relative;
z-index: 300;
padding: 5px;
margin: 0 5px;
}

#content ul#stone_type li a {
color: #ddd;
text-decoration: none;
float: left;
padding: 0;
margin: 0;
}

#content ul#stone_type li ul {
position: absolute;
top: 28px;
left: 5px;
z-index: 3000;
display: none;
width: 100px;
background: url(../images/drop_down_bkg.png);
border: 1px solid #ddd;
border-top: 2px solid #343432;
}

#content ul#stone_type li ul li {
position: relative;
z-index: 30;
clear: left;
margin: 0;
padding: 0;
}

#content ul#stone_type li ul li a {
clear: left;
position: relative;
z-index: 30;
padding: 5px 15px;
margin: 0;
}

#content ul#stone_type a:hover, #content ul#stone_type li:hover a {
color: #b3cf33;
}

#content ul#stone_type li:hover ul {
display: block;
}

#content ul#stone_type li:hover ul a {
color: #ddd;
width: 70px;
text-align: left;
}

#content ul#stone_type li:hover ul a:hover {
color: #b3cf33;
background: url(../images/choose_color_bkg.jpg) repeat-x ;
}

#content p#select_color_sample {
border: 1px solid #ddd;
margin: 0 0 0 20px;
width: 705px;
text-align: center;
font-size: 20px;
color: #d3d3d3;
font-style: italic;
font-weight: bolder;
padding: 5px 0;
background: url(../images/choose_color_bkg.jpg) repeat-x ;
}

#content ul#stone_filters {
list-style-type: none;
width: 100%;
}

#content ul#stone_filters li {
float: left;
width: 143px;
height: 158px;
margin: 10px 42px 10px 0;
border: 1px solid #ddd;
background: url(../images/stone_color_bkg.png) repeat-x;
text-align: center;
}

#content ul#stone_filters li img {
margin: 10px 0 0 0;
padding: 0;
border: 1px solid #333;
}

#content ul#stone_filters li a {
position: relative;
text-decoration: none;
color: #fff;
}

#content ul#stone_filters li a:hover img {
border: 1px solid #fff;
}

#content ul#stone_filters li a:hover span {
color: #ddd;
}

#content ul#stone_filters li a span {
position: absolute;
bottom: -20px;
left: 0;
font-size: 16px;
font-weight: bold;
width: 100px;
}

#stone_gallery{
overflow: hidden;
width: 90%;
margin: 0 auto;
padding: 0;
clear: left;
position: relative;
z-index: 10;
}

div.navigation-controls {
position: relative;
text-align: center;
padding: 0;
margin: 0 0 0 -195px;
z-index: 1001;
}

div.navigation-controls p {
position: absolute;
top: 4px;
right: -265px;
text-transform: uppercase
}

div.navigation-controls p a {
color: #9acf33;
}

div.navigation-controls p a:hover {
color: #ddd;
}

div.navigation-controls a {
color: #ddd
}

span.picture-slides-image-counter {
color: #fff;
font-weight: bold;
}

/* Picture slides */
div.navigation-controls .picture-slides-disabled {
color: #444;
}

.picture-slides-container {
position: relative;
margin-bottom: 2em;
}

.picture-slides-fade-container {
position: relative;
overflow: hidden;
}

#place_holder {
width: 544px;
height: 270px; 
margin: 10px auto;
position: relative;
z-index:0;
background: url(../images/glass_bg.png);
border: 2px solid #ddd;
}

#place_holder img#loading {
position: absolute;
top: 70px;
left: 160px;
}

.picture-slides-fade-container a {
display: block;
height: 240px;
text-align: center;
margin-bottom: 10px;
}

.picture-slides-image-load-fail {
display: none;
}

div#content a.picture-slides-image-link {
text-align: center;
position: relative;
display: block;
margin: 0 auto;
padding: 0;
width: 90%;
height: 270px;
width: 544px;
overflow: hidden;
background: none;
border: none;
}

div#content img.picture-slides-image {
border:none;
margin: 0;
position: relative;
z-index: 20;
height: 270px;
clip:rect(50px,50px,50px,150px);
}

span.stone_name {
color: #ddd;
position: absolute;
bottom: 25px;
left: 1px;
width: 540px;
border: 1px solid #999;
font-size: 18px;
z-index: 20;
padding: 5px 0 10px;
background: url(../images/glass_bg.png);
}

#content a#stone_quote {background:url(../images/gallery_list_bg.gif) repeat-x; color:#fff; text-decoration:none; padding:5px;}
#content a#stone_quote:hover {background:url(../images/gallery_list_bg_hov.gif) repeat-x;}

img#zoom {position:absolute; top:-12px; left:-12px; z-index:20; border:2px solid #ddd;}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
display: none;
}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
cursor: pointer;
}

div#content .picture-slides-thumbnails {
list-style: none;
margin-top: 1em;
overflow: hidden;
width: 100%;
}

div#content ul.picture-slides-thumbnails li {
float: left;
width: 100px;
margin: 3px 4px;
padding: 0;
background:#fff;
position: relative;
z-index: 20;
}

ul.picture-slides-thumbnails li .stone_shadow {position:absolute; top:0; left:0; display:none; }
ul.picture-slides-thumbnails li:hover .stone_shadow {display:block; cursor:pointer }
ul.picture-slides-thumbnails li:hover a {border: 2px solid #ddd; }

div#content .picture-slides-thumbnails li img {
width: 100px;
height: 60px;
overflow: hidden;
border: none;
float: left;
margin: 0;
}

.picture-slides-thumbnails a {
outline: none;
border: 2px solid #666;
float: left;
position: relative;
text-decoration: none;
}

span.stone_shadow {
position: aboslute; top:0; left:0;
}

span.stone_shadow img {
background:none;
}

span.stone_desc {
width:96px; 
height: 50px; 
float: left; 
clear:left; 
font-size:11px; 
color:#fff; 
background: #333; 
margin:0; 
padding:2px; 
border: none; 
text-align: 
left; 
text-decoration:none;
}

.picture-slides-thumbnails a:hover {
border: 2px solid #ddd;
}

div#content a.picture-slides-selected-thumbnail {
border: 2px solid #ddd;
}

div#content a.picture-slides-selected-thumbnail .stone_shadow {
display: block;
}

.picture-slides-dim-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 250%;
background: #000;
opacity: 0.8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
z-index: 1;
display: none;
}