@charset "utf-8";
/* CSS Document */

.divHead
{
	color:#006699;
	font-style:normal;
	font-family:arial;
	font-size:11px;
	background-image:url(../../images/diamond-images/arrow.gif);
	background-repeat:no-repeat;
    background-position-x:0px;
    background-position-y:2px;
    margin:0px 0px 5px -5px;
    padding:0px 0px 0px 11px;
	text-transform:uppercase;
}
#category div
{ 
 color:#38546C;
 width:25px;
	height:25px;
 float:left;
 border-top: solid 2px #F6F6F6;
 border-left:solid 1px #F6F6F6;
}
#mainImageDiv div
{
 position:absolute;	
 width:65px;
 float:left;
 z-index:3;
 visibility:hidden;
	
}
#category #cat1 #cat1Img:active {
src:url('images/round-s.png');
}

#cut{
width:100%;
align:left;

}
#cut ul
{
list-style:none;		
}

#cut div
{
font-size:10px;
font-family:arial;
font-weight:bold;
color:#38546C;
width:40px;
float:left;
			
}
#cutSeperator{
width:100%;
}
#cutSeperator ul{
list-style:none;
margin:0;
}

#cutSeperator li{
text-align:left;
color:#307BA4;
width:40px;
float:left; 
}





#colorSeperator{
width:100%;
}
#color{
width:100%;
align:left;

}
#color ul
{
list-style:none;		
}

#color div
{	
font-size:10px;
font-family:arial;
font-weight:bold;
color:#3F1F60;
width:30px;
float:left;			
}

#colorSeperator ul{
list-style:none;
margin:0;
}

#colorSeperator li{
text-align:left;
color:#3F1F60;
width:30px;
float:left;
 
}

#claritySeperator{
width:100%;
}
#clarity{
width:100%;
align:left;

}
#clarity ul
{
list-style:none;		
}

#clarity div
{	
font-size:10px;
font-family:arial;
font-weight:bold;
color:#38546C;
width:30px;
float:left;			
}

#claritySeperator ul{
list-style:none;
margin:0;
}

#claritySeperator li{
text-align:left;
color:#3F1F60;
width:30px;
float:left;
 
}


#cut_bg {
    position: relative;
    background: url(../../images/diamond-images/cut_bg.png) 0 5px no-repeat;
    height: 28px;
    width: 210px;
}

#cut_bg div {
    position: absolute;
    cursor: default;
    top: 2px;
    width:10px;
}

/* Here's the highlight element */
#cut_bg span {
    position: absolute;
    background: url(../../images/diamond-images/sliderbg.png) 0 0 repeat-x;
    font-size: 5px; /* prevent IE6 expanding the box height to font-size */
    top: 2px;
    left: 10px;
    height: 26px;
    width: 190px;
}

#color_bg {
    position: relative;
    background: url(../../images/diamond-images/color_bg.png) 0 5px no-repeat;
    height: 28px;
    width: 690px;
}

#color_bg div {
    position: absolute;
    cursor: default;
    top: 2px;
    width:10px;
}

/* Here's the highlight element */
#color_bg span {
    position: absolute;
    background: url(../../images/diamond-images/sliderbg.png) 0 0 repeat-x;
    font-size: 5px; /* prevent IE6 expanding the box height to font-size */
    top: 2px;
    left: 10px;
    height: 26px;
    width: 680px;
}


#clarity_bg {
    position: relative;
    background: url(../../images/diamond-images/clarity_bg.png) 0 5px no-repeat;
    height: 28px;
    width: 460px;
}

#clarity_bg div {
    position: absolute;
    cursor: default;
    top: 2px;
    width:10px;
}

/* Here's the highlight element */
#clarity_bg span {
    position: absolute;
    background: url(../../images/diamond-images/sliderbg.png) 0 0 repeat-x;
    font-size: 5px; /* prevent IE6 expanding the box height to font-size */
    top: 2px;
    left: 10px;
    height: 26px;
    width: 440px;
}

#carat_bg {
    position: relative;
    background: url(../../images/diamond-images/carat_bg.png) 0 5px no-repeat;
    height: 28px;
    width: 370px;
}
#carat{
width:100%;
align:left;

}
#carat ul
{
list-style:none;		
}

#carat div
{
font-size:10px;
font-family:arial;
font-weight:bold;
color:#38546C;
width:30px;
float:left;
			
}
#caratSeperator{
width:100%;
}
#caratSeperator ul{
list-style:none;
margin:0;
}

#caratSeperator li{
text-align:left;
color:#3F1F60;
width:30px;
float:left; 
}
#carat_bg div {
    position: absolute;
    cursor: default;
    top: 2px;
    width:10px;
}

/* Here's the highlight element */
#carat_bg span {
    position: absolute;
    background: url(../../images/diamond-images/sliderbg.png) 0 0 repeat-x;
    font-size: 5px; /* prevent IE6 expanding the box height to font-size */
    top: 2px;
    left: 10px;
    height: 26px;
    width: 350px;
}

#price_bg {
    position: relative;
    background: url(../../images/diamond-images/price_bg.png) 0 5px no-repeat;
    height: 28px;
    width: 290px;
}

#price_bg div {
    position: absolute;
    cursor: default;
    top: 2px;
    width:10px;
}

/* Here's the highlight element */
#price_bg span {
    position: absolute;
    background: url(../../images/diamond-images/sliderbg.png) 0 0 repeat-x;
    font-size: 5px; /* prevent IE6 expanding the box height to font-size */
    top: 2px;
    left: 10px;
    height: 26px;
    width: 270px;
}

.sep-bar{
float:left;
 width:1px;
 height:13px;
 border-left:1px solid #CDCFE9;
 position: relative; 
 margin-top:2px;  
}