﻿        .headingStyleSlider{margin: 0px 0px -16px -5px; padding: 0px 0px 0px 11px; font-size: 16px; font-weight: 400;color: rgb(0, 102, 153); font-family: CrimsonBNSmallCaps, Perpetua, Palatino, 'Times New Roman', Times, serif; background-color: rgb(255, 255, 255); font-style: normal; font-variant: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; white-space: normal; widows: auto; word-spacing: 0px; background-position: 0px 2px; background-repeat: no-repeat no-repeat;}

     .headingStyleSliderImage_MarginTop
        {
            /*margin: 0px 5px -16px -5px;*/
            margin: 0px 5px -16px -5px;
            padding: 0px 5px 0px 11px;
            font-size: 16px;
            font-weight: 400;
            /*color: rgb(0, 102, 153);*/
            color:#001B42;
            font-family: CrimsonBNSmallCaps, Perpetua, Palatino, 'Times New Roman', Times, serif;
            /*background-image: url(../images/HeadingImage100.gif); */
            background-color: rgb(255, 255, 255); 
            font-style: normal;
            font-variant: normal; 
            letter-spacing: normal; 
            orphans: auto; text-align: start; 
            text-indent: 0px; white-space: normal; 
            widows: auto; word-spacing: 0px;
            background-position: 0px 2px; background-repeat: no-repeat no-repeat;
            vertical-align:text-bottom;
        }

        .headingStyleSliderImageStyle_MarginTop
        {
            margin: 0px 5px -16px -5px;
            padding: 0px 5px 0px 64px;
            font-size: 16px;
            font-weight: 400;
            /*color: rgb(0, 102, 153);*/
            color:#001B42;
            font-family: CrimsonBNSmallCaps, Perpetua, Palatino, 'Times New Roman', Times, serif;
            /*background-image: url(../images/HeadingImage100.gif); */
            background-color: rgb(255, 255, 255); 
            font-style: normal;
            font-variant: normal; 
            letter-spacing: normal; 
            orphans: auto; text-align: start; 
            text-indent: 0px; white-space: normal; 
            widows: auto; word-spacing: 0px;
            background-position: 0px 2px; background-repeat: no-repeat no-repeat;
            vertical-align:text-bottom;
        }

        .headingStyleSliderImageCertificate_MarginTop
        {
            margin: 0px 5px -16px -5px;
            padding: 0px 5px 0px 64px;
            font-size: 16px;
            font-weight: 400;
            /*color: rgb(0, 102, 153);*/
            color:#001B42;
            font-family: CrimsonBNSmallCaps, Perpetua, Palatino, 'Times New Roman', Times, serif;
            /*background-image: url(../images/HeadingImage100.gif); */
            background-color: rgb(255, 255, 255); 
            font-style: normal;
            font-variant: normal; 
            letter-spacing: normal; 
            orphans: auto; text-align: start; 
            text-indent: 0px; white-space: normal; 
            widows: auto; word-spacing: 0px;
            background-position: 0px 2px; background-repeat: no-repeat no-repeat;
            vertical-align:text-bottom;
        }        
        
        /* bottom */    
        .headingStyleSliderImage
        {
            /*margin: 0px 5px -16px -5px;*/
            margin: 0px 5px -16px -5px;
            padding: 0px 5px 0px 11px;
            font-size: 16px;
            font-weight: 400;
            /*color: rgb(0, 102, 153);*/
            color:#001B42;
            font-family: CrimsonBNSmallCaps, Perpetua, Palatino, 'Times New Roman', Times, serif;
            /*background-image: url(../images/HeadingImage100.gif); */
            background-color: rgb(255, 255, 255); 
            font-style: normal;
            font-variant: normal; 
            letter-spacing: normal; 
            orphans: auto; text-align: start; 
            text-indent: 0px; white-space: normal; 
            widows: auto; word-spacing: 0px;
            background-position: 0px 2px; background-repeat: no-repeat no-repeat;
            vertical-align:text-bottom;
       }

        .headingStyleSliderImageStyle
        {
            margin: 0px 5px -16px -5px;
            padding: 0px 5px 0px 64px;
            font-size: 16px;
            font-weight: 400;
            /*color: rgb(0, 102, 153);*/
            color:#001B42;
            font-family: CrimsonBNSmallCaps, Perpetua, Palatino, 'Times New Roman', Times, serif;
            /*background-image: url(../images/HeadingImage100.gif); */
            background-color: rgb(255, 255, 255); 
            font-style: normal;
            font-variant: normal; 
            letter-spacing: normal; 
            orphans: auto; text-align: start; 
            text-indent: 0px; white-space: normal; 
            widows: auto; word-spacing: 0px;
            background-position: 0px 2px; background-repeat: no-repeat no-repeat;
            vertical-align:text-bottom;
        }

        .headingStyleSliderImageCertificate
        {
            margin: 0px 5px -16px -5px;
            padding: 0px 5px 0px 64px;
            font-size: 16px;
            font-weight: 400;
            /*color: rgb(0, 102, 153);*/
            color:#001B42;
            font-family: CrimsonBNSmallCaps, Perpetua, Palatino, 'Times New Roman', Times, serif;
            /*background-image: url(../images/HeadingImage100.gif); */
            background-color: rgb(255, 255, 255); 
            font-style: normal;
            font-variant: normal; 
            letter-spacing: normal; 
            orphans: auto; text-align: start; 
            text-indent: 0px; white-space: normal; 
            widows: auto; word-spacing: 0px;
            background-position: 0px 2px; background-repeat: no-repeat no-repeat;
            vertical-align:text-bottom;
        }
        .slideroutershape{style="width: 250px; float: left; margin-right: 2px; border: 0px solid red; color: rgb(68, 71, 81); font-family: 'Trebuchet MS'; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"}




        .roundclassshape{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 20px; height: 20px; font-size: 20px; background-image: url(../images/slider_image/sketch/roundg.png);
		        background-repeat: no-repeat no-repeat;
        }



        .roundclassprincess{
           color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; 
           font-size: 20px; background-image: url(../images/slider_image/sketch/Princessg.png); background-repeat: no-repeat no-repeat;
        }

        .roundclassoval{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px; 
        background-image: url(../images/slider_image/sketch/Ovalg.png); background-repeat: no-repeat no-repeat;	
        }


        .roundclassmarique{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
        background-image: url(../images/slider_image/sketch/Marquiseg.png); background-repeat: no-repeat no-repeat;
        }

        .roundclasstrillion{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
        background-image: url(../images/slider_image/sketch/Trilliong.PNG); background-repeat: no-repeat no-repeat;
        }

        .roundclassother{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
        background-image: url(../images/slider_image/sketch/Otherg.png); background-repeat: no-repeat no-repeat;
        }
        
        
        .roundclassRough{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
        background-image: url(../images/slider_image/sketch/Roughg.png); background-repeat: no-repeat no-repeat;
        }        
        
        
        .roundclasspear{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
        background-image: url(../images/slider_image/sketch/Pearg.png); background-repeat: no-repeat no-repeat;
        }

        .roundclassemerald{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
        background-image: url(../images/slider_image/sketch/Emraldg.png); background-repeat: no-repeat no-repeat;
        }

        .roundclassheart{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
        background-image: url(../images/slider_image/sketch/Heartg.png); background-repeat: no-repeat no-repeat;
        }

        .roundclassAsscherg{
        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px; 
        background-image: url(../images/slider_image/sketch/Asscherg.png); background-repeat: no-repeat no-repeat;
        }	

        .roundclasscushion{
	        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 20px;
	         background-image: url(../images/slider_image/sketch/Cushiong.png); background-repeat: no-repeat no-repeat;
        }	

        .roundclassradiant{
	         /* style="color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; */
	          font-size: 20px; background-image: url(../images/slider_image/sketch/Radiantg.png); background-repeat: no-repeat no-repeat;
        }		


	        .ldSearch {
	        /*border: 1px solid #A0AEBB;*/
	        border-bottom: none;
	        text-align: center;
	        /*float: left;*/
	        float: right;
	        height: 60px;
	        line-height: 50px;
	        /*width: 786px;*/
	        }


        /* slider */
        .ldSearch div.sliderTreatment {
             width: 240px;
          }

        .ldSearch div.sliderTreatmentMMRange {
             /*//width: 534px;*/
             width: 610px;
          }
          
        div.containerTreatment div.inputTreatment {
        width: 240px;
        }								

        div.containerTreatmentMMRange div.inputTreatment {
        width: 610px;
        }

        .ldSearch div.containerTreatment {
        margin-top: 10px;
        margin-left: 14px;
        width: 240px;
        }

        .ldSearch div.containerTreatmentMMRange {
        margin-top: 10px;
        margin-left: -59px;
        width: 534px;
        }

        .firstTreatment  {
         margin: -8px 0 0 0; 
        }

        .ldSearch div.containerTreatment div.clarities span {
        margin: -8px 0 0 70px;
        }


        .tableSliderCaption{
        font-family:CrimsonBNSmallCaps,Arial, Helvetica, sans-serif;font-size:10px;
        }


        /* -----------------------------------------------------------------------*/
        /*     CARAT     */
        /* -----------------------------------------------------------------------*/

	        .ldSearch div.sliderCarat {
             width: 240px;
          }

	        .ldSearch div.sliderCarat2 {
             width: 240px;
          }	  
        /*div.containerCarat div.inputCarat {
        width: 240px;
        }*/								

        .ldSearch div.containerCarat {
        /*margin-top: 10px;*/
        margin-top: 16px;
        margin-left: -22px;
        width: 240px;
        }
     
        .ldSearch div.containerPrice {
        /*margin-top: 10px;*/
        margin-top: 16px;
        margin-left: 11px;
        width: 240px;
        }
            
        .sliderOuterWidth{
        width: 250px;
        }

        /* .ldSearch div.container input { */
        .ldSearch  div.containerCarat input {    
        text-align: center;
        margin-top: 5px;
        width: 65px;
        }	

        /*
        .ldSearch {
        border-bottom: none;
        text-align: center;
        float: left;
        height: 60px;
        line-height: 50px;
        }*/

        .ldSearch {
        border: 0px solid #A0AEBB;
        border-bottom: none;
        text-align: center;
        float: none;
        height: 40px;
        line-height: 40px;
         
        }
            .SearchBack { background: #fdfffe; 
            /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ 
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmZmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZiZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y0ZjVmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2YwZWVmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
            background: -moz-linear-gradient(top,  #fdfffe 0%, #fbffff 25%, #f4f5f7 50%, #f0eef1 75%, #e9efef 100%);
             /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfffe), color-stop(25%,#fbffff), color-stop(50%,#f4f5f7), color-stop(75%,#f0eef1), color-stop(100%,#e9efef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* IE10+ */ background: linear-gradient(top,  #fdfffe 0%,#fbffff 25%,#f4f5f7 50%,#f0eef1 75%,#e9efef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfffe', endColorstr='#e9efef',GradientType=0 ); 
            /* IE6-8 */ }

        /* others styles copied in header part */
        .ui-slider-horizontal .ui-slider-handle {
        margin-left: -0.6em;
        /*  top: -0.1em; */
         top: 0.1em; 
        }

        /*.ui-slider-horizontal .ui-slider-handle2 {*/
        /*.handle22 {
        top: 0.5em;
        }*/

        /*                          */
          .ldSearch div.containerCarat input {
    font-family: CrimsonBNSmallCaps,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 11px;
    margin-top: 2px;
    width: 48px;
}
        
        /*
        .ldSearch div.containerCarat input {  margin-top: 5px; width: 48px; 
        height:15px;font-family: CrimsonBNSmallCaps,Arial,Helvetica,sans-serif;font-size: 10px; }
        */
        .ldSearch div.containerCarat .inputwidrh { width: 220px; padding-left:10px;}
        #divPagetableSliderCaption tr td {height:20px; border:1px solid red;}


        /*  textbox                       */
         .SliderTextbox {
            border: 0px;
            /*width: 78px;*/
            width: 59px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
            text-align: left;
            float: left;
            border: 1px solid #CCC;
           /* margin: -16px 0 0 0; */
            margin: 3px 0 0 0;
        }

        /* padding for the table */
        .clspaddingTopBottom{
         /* margin-top: 5px;
          margin-bottom: 5px;
          padding-top: 5px;*/
          padding-bottom: 8px;  
        }

       /*
       .clspaddingTopBottomTreatment{
          padding-bottom: 8px;  
          padding-top: -5px;  
        }
       */
       
        .clspaddingTopBottomTreatment{
         /* margin-top: 5px;
          margin-bottom: 5px;
          padding-top: 5px;*/
          padding-bottom: 1px;  
          padding-top: -0px;  
        }

        /* padding for right for each table */
        .clspaddingEachTD{
         /* margin-top: 5px;
          margin-bottom: 5px;
          padding-top: 5px;*/
          padding-right: 10px;  
        }

        .shrt_menu{
         /* margin-top: 5px;
          margin-bottom: 5px;
          padding-top: 5px;*/
          width:997px;
          float:none;
          height:auto;
        }

        .divwidth20{
            width:20px;
        }

        	
        .tip {
	        display: none;
	        z-index: 1500;
	        position: absolute;
	        margin-top: 8px;
	        width: 65px;
        }

        .tip-text {
	        color: #555;
	        background-color: white;
	        border: 1px solid #111;
	        padding: 4px;
	        text-align: center;
	        font-size: 0.9em;
	        height: 58px;
        }
        
     
        
        .tip-text_left {
	        color: #555;
	        background-color: white;
	        border-left: 1px solid #111;
	        padding: 0px;
	        text-align: center;
	        font-size: 0.9em;
	        height: 58px;
        }
        .tip-text_right {
	        color: #555;
	        background-color: white;
	        border-right: 1px solid #111;
	        padding: 0px;
	        text-align: center;
	        font-size: 0.9em;
	        height: 58px;
        }
        .tip-text_top {
	        color: #555;
	        background-color: white;
	        border-top: 1px solid #111;
	        padding: 0px;
	        text-align: center;
	        font-size: 0.9em;
	        height: 58px;
        }
        .tip-text_bottom {
	        color: #555;
	        background-color: white;
	        border-bottom: 1px solid #111;
	        padding: 4px;
	        text-align: center;
	        font-size: 0.9em;
	        height: 58px;
        }     
        
        
        .tip-top {
	        background: url(../images/popuptopArrow.gif) no-repeat top center;
	        height: 5px;
	        overflow: hidden;
	        padding: 0;
	        margin-bottom: -1px;
	        position: relative;
	        z-index: 1;
	        width: 100%;
        }
        	

         .certificatestyleright
         {
          float:right;padding-right:15px;
         }


		/*
        .blackColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 20px; height: 20px; font-size: 20px; background-image: url(../images/blackg11.png);
		        background-repeat: no-repeat no-repeat;
        }*/
        .blackColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/blackg11.png);
		        background-repeat: no-repeat no-repeat;
        }		

        .brownColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/browng11.png);
		        background-repeat: no-repeat no-repeat;
        }


        .yellowColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/yellowg11.png);
		        background-repeat: no-repeat no-repeat;
        }

        .orangeColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/orangeg11.png);
		        background-repeat: no-repeat no-repeat;
        }

        .pinkColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/pinkg11.png);
		        background-repeat: no-repeat no-repeat;
        }

        .chamelonColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Chameleong11.png);
		        background-repeat: no-repeat no-repeat;
        }

        .greenColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/greeng11.png);
		        background-repeat: no-repeat no-repeat;
        }
        
        .orangeColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/orangeg11.png);
		        background-repeat: no-repeat no-repeat;
        }
        

        .redColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/redg11.png);
		        background-repeat: no-repeat no-repeat;
        }

        .grayColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/grey11.png);
		        background-repeat: no-repeat no-repeat;
        }

        .otherColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/other20.png);
		        background-repeat: no-repeat no-repeat;
        }

        .bluestarColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/bluestar21.png);
		        background-repeat: no-repeat no-repeat;
        }
        
        .blueColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height:60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/blueg11.png);
		        background-repeat: no-repeat no-repeat;
        }
        
        .purpleColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/purpleg11.png);
		        background-repeat: no-repeat no-repeat;
        }  
        
        
        .whiteColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/whiteg11.png);
		        background-repeat: no-repeat no-repeat;
        }  
        
        .garnetMozambiqueColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Mozambique_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }          
        
        .garnetTsavoriteColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Tsavorite_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }     


        .garnetSpessartiteColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Spessartite_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }  
 
       .garnetRhodoliteColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Rhodolite_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }     
       
       
       .garnetColorChangeColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Color_change_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }              
        
       .garnetOtherColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Other_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }              
         
		/* 11 */
        .TopazImperialColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Imperial_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }           
       /* 22 */
         .TopazLondonColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/London_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }        
		/* 33 */
         .TopazSwissColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Swiss_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        } 
		/* 44 */        
         .TopazSkyColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/sky_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }    
       
		/* 55 */       
         .TopazWhiteColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/White_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }          
		/* 66 */
        .TopazMysticGreenColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/mystic_green_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }         
		/* 77 */             
        .TopazMysticPinkColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/mystic_pink_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }         
          
 		/* 88 */             
        .TopazMysticCasseopiaColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/mystic_casseopia_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }        

 		/* 99 */             
        .TopazMysticNeptuneColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/mystic_Neptune_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }           
       
 		/* 10 */             
        .TopazMysticAzoticEcstasyColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/mystic_azotic_ecstasy_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }
        
 		/* 11 */             
        .TopazMysticAzoticEcstasyColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/mystic_azotic_ecstasy_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }  

 		/* 11 */             
        .TopazMysticMercuryMistColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/mystic_mercury_mist_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }  
        
  		/* 20 other */             
        .otherColorclass{
		        color: rgb(150, 66, 116); text-decoration: none; position: absolute; left: 0px; top: 0px;
		        width: 60px; height: 60px; font-size: 20px; background-image: url(../images/slider_image/Topaz/Other_Roundg11.png);
		        background-repeat: no-repeat no-repeat;
        }         
        
                                
         
        .divwidthcolordiv
        {
			width:77px;
        }          


		.clspaddingTopBottomColor 
		{
			padding-bottom:55px;	
		}
		.clspaddingTopBottomColorSecondRow 
		{
			 /*padding-top:20px;	 */
			 padding-top:10px;	 
		}		
		.clspaddingTopBottomColorThirdRow 
		{
		 	/*padding-top:20px;	*/
		 	 padding-top:10px;	 
		}		
       
		.clspaddingTopBottomColorCaption 
		{
			padding-bottom:10px;	
		}
		     
		     
		     
		        
</style>
        
