#body-container{margin:0px auto; overflow:hidden; background-color:#FFFFFF; clear:both;}
.wrapper-wide-search{width:100%; margin:0px 0px; padding:0px 0px; float:left; font-family:Arial, Helvetica, sans-serif;}


.diamond_shape_container{width:100%; margin:0px; padding:0px; float:left; /*background-color:#f4f4f4;*/ border:1px solid #dbdbdb; }
.diamond_shape_full{width:100%; margin:0px 0px; padding:0px 1%; float:left;}
.diamond_shape_left_column{width:700px; float:left; padding:0px 10px; border-right:6px solid #FFFFFF;}
.diamond_shape_right_column{width:248px; float:right; padding:0px 0px 20px;}

.diamond-search-head{clear:left; font-weight:bold; font-size:12px; line-height:14px; color:#5a5858; border-bottom:1px  solid #d0d0d0; margin:5px 0px; padding:0px 0px 3px; text-align:left;}
ul.select_diamond{clear:left; list-style:none; margin:0px 0px; padding:5px 0; background-color:#ffffff; height:80px; width:100%;}
ul.select_diamond li {
    float: left;
    width: 10%;
    margin: 0;
    padding: 0px 6px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}
ul.select_diamond li:hover .ttip,
ul.select_diamond li.select_style:hover .ttip{display:block;}
ul.select_diamond li.select_style{float:left; width:75px; margin:0px 10px 0px 0px; padding:0px 0px; text-align:center; position:relative;}
ul.select_diamond li p{clear:left; color:#353535; text-align:center; background-color:#FFFFFF; padding-bottom:3px; font-size:12px; font-weight:bold; margin:0px;}
ul.select_diamond li input[type="checkbox"]{border-color:#bdbdbd; margin-top:5px;}
ul.select_diamond li input[type="radio"]{border-color:#bdbdbd; margin-top:5px;}
ul.select_diamond li label{display:inline-block; vertical-align:top; width: 100%; position: relative; margin-bottom: 0;}
.ttip:before{
    position:absolute;
    left:50%;
    margin-left:-6px;
    width:11px;
    height:8px;
    content:"";
    top:-8px; 
    background:url(/images/tol_arrow.png) no-repeat center top;
}
.ttip{width:auto; height:31px; display:none; position:absolute; text-align:center; padding:10px 15px 0px; z-index:999;
bottom:-40px; left:0px; background:#fff; border:1px solid #a5a5a5; border-radius:5px; line-height:8px;}


.range_slider{font-size:10px; float: left; width: 100%;}
.range_slider .col-md-4{height:70px; margin-top:10px; margin-bottom: 10px;}
.range_slider .rs_box_full{clear:left; margin:0px 0px 15px; padding:0px 0px; overflow:hidden;}
.range_slider .col-md-4 .slider_value_box, .range_slider .rs_box_full .slider_value_box{clear:left; margin:0px; padding:0px;}
.range_slider .col-md-4 .slider_value_box input[type="text"],
.range_slider .rs_box_full .slider_value_box input[type="text"]{ border:1px solid #dfdfdf; padding:2px 5px; margin:10px 7px 0px; width:75px; font-size:11px;}

.range_slider .col-md-4 > ul.diamondColorPosition{width:100%; float:left; list-style:none; margin:6px 0 0; padding:0px; text-align: center; }
.range_slider .col-md-4 > ul.diamondColorPosition > li{display:inline-block; padding: 0; text-align: center; width: 10px; vertical-align:top; margin: 0 17px; box-sizing:border-box;}
.range_slider .col-md-4 > ul.diamondColorPosition > li:first-child{margin-left:0;}
.range_slider .col-md-4 > ul.diamondColorPosition > li:last-child{margin-right:0;}


.range_slider .col-md-4 > ul.diamondClarityPosition{width:100%; float:left; list-style:none; margin:6px 0 0; padding:0px; text-align: center;}
.range_slider .col-md-4 > ul.diamondClarityPosition > li{display: inline-block; vertical-align: top; margin: 0 9px; padding: 0; width:30px; text-align: right;}
.range_slider .col-md-4 > ul.diamondClarityPosition > li:first-child{margin-left:0; text-align:left;}
.range_slider .col-md-4 > ul.diamondClarityPosition > li:last-child{margin-right:0;} 
.range_slider .col-md-4 > ul.diamondClarityPosition > li + li{text-align: left;}  
.range_slider .col-md-4 > ul.diamondClarityPosition > li + li + li{text-align: right;}  

.range_slider .col-md-4 > ul.diamondCutPosition{width:100%; float:left; list-style:none; margin:6px 0 0; padding:0px;}
.range_slider .col-md-4 > ul.diamondCutPosition > li{float: left; padding: 0; text-align: left;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.range_slider .col-md-4 > ul.diamondCutPosition > li{margin-left:1%; width:21%;}
.range_slider .col-md-4 > ul.diamondCutPosition > li + li{margin-left:8%; width:21%;}
.range_slider .col-md-4 > ul.diamondCutPosition > li + li + li{margin-left:11.5%; width:21%;}
.range_slider .col-md-4 > ul.diamondCutPosition > li + li + li + li{margin-left:1%; width:15%; text-align:right;}


.range_slider .col-md-4 ul li.dnd_clarity, .range_slider .rs_box_full ul li.dnd_clarity{float:left; text-align:center; margin:0px 20px;}
.range_slider .col-md-4 ul li.dnd_color, .range_slider .rs_box_full ul li.dnd_color{float:left; text-align:center; margin:0px 21.5px;}
.range_slider .col-md-4 ul li.dnd_cut, .range_slider .rs_box_full ul li.dnd_cut{float:left; text-align:center; margin:0px 39px;}

.range_slider .col-md-4 ul li.health, .range_slider .rs_box_full ul li.health{float:left; width:21%; text-align:center; margin:0px 6px;}

.range_slider .col-md-4 .diamond_certificate,
.range_slider .rs_box_full .diamond_certificate{width:100%; float:left; margin:0px 0px; padding:0px 0px;}

.range_slider .col-md-4 .diamond_certificate label,
.range_slider .rs_box_full .diamond_certificate label{width:28%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0px 0px 5px; padding:0px 0px;}

.range_slider .col-md-4 .diamond_certificate input[type="checkbox"],
.range_slider .rs_box_full .diamond_certificate input[type="checkbox"]{border-color:#bdbdbd; margin-right:3px;}

@media 
only screen and (max-width : 1024px){
    .range_slider .col-md-4 .diamond_certificate label, 
    .range_slider .rs_box_full .diamond_certificate label{padding-left:12px;}
}

.diamond_shape_right_column h2{clear:left; font-size:16; font-weight:bold; border:1px solid #3a4766; line-height:32px; color:#000000; 
padding:0px 10px; margin:3px 0px 0px;}
h3.sub_total{clear:left; color:#953675; font-size:18px; font-weight:bold; line-height:55px; border-top:1px solid #d0d0d0; padding:0px 10px;}
h3.sub_total span{font-size:24px;}


/*Search Result CSS Starts Here*/
.search_result_container{width:100%; float:left; margin:0px 0px; padding:0px 0px; }
.search_result_container h1{line-height:30px; font-size:18px; font-weight:normal; color:#5a5858; display:block;
border:1px solid #dbdbdb; border-bottom:none; padding:7px 10px; margin:6px 0 0 0;}
.search_result_grid_container{clear:left; margin:0px 0px 15px; padding:0px 0px; overflow:hidden; border:1px solid #dbdbdb; border-top:none; width:100%;}

.search_result_container .search_result_grid{width:100%; float:left; margin:0px; padding:0px; position:relative; }
.search_result_container .search_result_grid table {border-collapse: collapse; font-weight:normal; color: #5a5858; background: #FFFFFF; cursor:pointer; width:100%; border:none;}
.search_result_container .search_result_grid table tr th,
.search_result_container .search_result_grid table tr td {font-size: 12px;}
.search_result_container .search_result_grid table thead{background: #454545;}
.search_result_container .search_result_grid thead th {border:1px solid #dbdbdb; border-bottom:none; border-left:none; font-weight:bold; line-height:30px; text-align: center; color: #ffffff;}
.search_result_container .search_result_grid thead th a{color:#ffffff;}
.search_result_container .search_result_grid td{padding:5px; color: #5a5858;}


.search_result_container .search_result_grid tbody th, 
.search_result_container .search_result_grid tbody td { border-bottom:none; vertical-align: top; text-align: center; padding-bottom:5px; padding-top:5px; line-height:24px; font-size:12px;}
.search_result_container .search_result_grid tbody th input[type="checkbox"], 
.search_result_container .search_result_grid tbody td input[type="checkbox"]{vertical-align:top; margin-top:5px;}
.search_result_container .search_result_grid tbody th img, 
.search_result_container .search_result_grid tbody td img{vertical-align:top; margin-top:1px;}
.search_result_container .search_result_grid tfoot td { background: #38160C;}

.search_result_container .search_result_grid .odd {background: #f4f4f4;}


.search_result_container .search_result_grid tbody tr:hover {background: #d6d6d6;}
.search_result_container .search_result_grid tbody tr:hover th, 
.search_result_container .search_result_grid tbody tr.odd:hover th {background: #ededed;}

/*.search_result_container .search_result_grid tbody:hover .diamond_details{display:block;}*/


.search_result_container .search_result_detail{width:25%; float:right; margin:0px; padding:0px; font-size:12px; overflow:hidden; cursor:pointer;}
.search_result_container .search_result_detail h2{clear:left; font-size:12px; font-weight:bold; text-align:center; line-height:30px; color:#FFFFFF;
border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}


.diamond_details                        {float:left; margin:0px 0px; padding:10px 10px;  width:21%; height:100%; transition: top 0.3s ease;
display:none; position:absolute; top:0; right:0px; background-color:#FFFFFF;}
.diamond_details h4                     {color:#333333; text-align:left; font-size:16px; text-align:center;
font-weight:bold; text-decoration:underline;}
.diamond_details .certifiedby           {clear:left; padding:0px 0px 0px 20px; margin:10px 0px; display:block;
    text-align:left; vertical-align:top;
background:url(/images/diamond-search/gia.gif) no-repeat left 50%; }
.diamond_details p                      {padding:0px 0px 5px; line-height:25px;text-align: center;}
.diamond_details h3                     {font-size:18px; font-weight:normal; margin-bottom:15px;}

.diamond_details h3 span                {font-weight:bold;}
.diamond_details > ul                   {clear:left; list-style:none; margin:0px 0 0 0 ; padding:0px;}
.diamond_details > ul > li              {width:100%; overflow:hidden; margin-bottom:2px;}
.diamond_details > ul > li > a          {background:#6fbf99; color: #000!important;
    font-size: 13px; font-weight: bold; margin-top: 9px; padding: 6px 15px;
    text-transform: uppercase; width: auto; width:89%; display:inline-block;
border-radius:0;}
.diamond_details > ul > li > a:hover    {background:#8cc6a7!important; color:#000!important;}

.diamond_details > .diamondValue        {width: 100%; float: left; margin: 0; padding: 0; list-style: none;}
.diamond_details > .diamondValue > li   {width: 50%; float: left; margin: 0; padding: 0 5px; box-sizing: border-box; text-align: left; font-size: 11px;}
.diamond_details > .diamondValue > li:nth-child(even)   {border-left: 1px solid #d5d5d5; padding-left: 10px;}


.close-detailBtn{color: #000; display: inline-block; font-size: 14px; padding: 5px; text-align: center; text-decoration: none; float:right;}
/*Search Result CSS Ends Here*/

/*Pagination CSS Starts Here*/
.pagination{width:974px; margin:5px 0px; padding:0px 0px; float:left; background-color:#dddddd;}
.pagination .price_high_low{clear:left; float:left; line-height:34px; color:#000000; font-weight:bold; font-size:12px; margin-left:10px;}
.pagination .price_high_low a{color:#a64686; text-align:left; text-decoration:none;}
.pagination .price_high_low a:hover{text-decoration:underline;}

.pagination .previous_next{clear:right; float:right; line-height:34px; color:#000000; font-weight:normal; font-size:12px; margin-right:10px; text-align:right;}
.pagination .previous_next a{text-decoration:none; color:#000000;}
.pagination .previous_next a em{font-style:normal;}
.pagination .previous_next a:hover em{color:#a64686; text-decoration:none;}

.pagination .previous_next a span{color:#a64686; font-weight:bold;}
.pagination .previous_next a:hover span{text-decoration:underline;}
/*Pagination CSS Ends Here*/
.overbg{ background-color:#FFFFFF!important;}

/*Product Price List CSS Starts Here*/
.product_price_list{width:974px; float:left; margin:0px 0px; padding:0px 0px;}
.product_price_list ul{clear:left; list-style:none; margin:0px 0px; padding:0px 0px;}
.product_price_list ul li{width:23%; float:left; margin:6px 8px; padding:0px 0px 15px 0px; border:1px solid #dfdfdf; cursor:pointer;}
.product_price_list ul li:hover, .product_price_list ul li:hover h1{border-color:#bebdbd;}

.product_price_list ul li .ppl_image_box{clear:left; text-align:center; height:200px; overflow:hidden;}
.product_price_list ul li .ppl_image_box img{max-width: 190px; height: auto !important; width: expression(this.width > 190 ? 190: true);}
.product_price_list ul li p{clear:left; height:50px; font-size:11px; text-align:left; line-height:14px; padding:0px 10px; text-decoration:underline;}
.product_price_list ul li h1{clear:left; text-align:right; color:#4f96c6; font-size:11px; font-weight:bold; padding:0px 10px 2px; 
border-bottom:1px dotted #dfdfdf;}
.product_price_list ul li h2{clear:left; font-size:24px; padding:0px 10px; color:#000000; line-height:36px;}
.product_price_list ul li h2 span{color:#ff2020; font-size:14px; float:right; text-decoration:line-through;}
/*Product Price List CSS Ends Here*/

/*Detail in Popup BOX CSS Starts Here*/
.detail_popup_box{width:735px; float:left; margin:0px 0px; padding:10px 10px;}
.detail_popup_box h1{clear:left; font-size:14px; font-weight:bold; color:#923372; border-bottom:1px solid #dfdfdf; padding-bottom:6px; padding-left:15px; line-height:20px;}
.detail_popup_box ul{clear:left; list-style:none; margin:0px; padding:0px;}
.detail_popup_box ul li{width:100%; overflow:hidden; margin-bottom:10px; padding-top:15px;}
.detail_popup_box ul li .dpb_left{width:20%; float:left; text-align:center;}
.detail_popup_box ul li .dpb_left img{margin-top:6px;}
.detail_popup_box ul li .dpb_right{width:78%; float:right;}
.detail_popup_box ul li .dpb_right h2{font-size:14px; font-weight:bold; color:#532956; clear:left;}
.detail_popup_box ul li .dpb_right h2 span{float:right;}
.detail_popup_box ul li .dpb_right p{clear:left; position:relative; border-bottom:1px dotted #b9966c; padding-bottom:30px;}
.detail_popup_box ul li .dpb_right p strong{font-weight:bold; color:#532956;}
.detail_popup_box ul li .dpb_right h3{font-size:14px; font-weight:bold; color:#532956; clear:left; border-bottom:1px dotted #b9966c; line-height:40px;}
.detail_popup_box ul li .dpb_right h3 span{color:#b9966c; font-weight:normal;}
.detail_popup_box ul li .dpb_right h4{font-size:18px; font-weight:lighter; color:#532956; clear:left; text-align:right; line-height:36px;}
.detail_popup_box ul li .dpb_right h4 span{font-weight:bold;}
.detail_popup_box ul li .dpb_right .btn_box{clear:left; text-align:right;}
.detail_popup_box ul li .dpb_right .btn_box a.close{color:#555555; display:inline-block; margin:0px 15px;}
.detail_popup_box ul li .dpb_right .btn_box a.ac{border:1px solid #cccccc; text-align:center; text-decoration:none; color:#FFFFFF; padding:0px 10px; border-radius:3px 3px; -webkit-border-radius:3px 3px; -moz-border-radius:3px 3px; -o-border-radius:3px 3px; margin:5px 5px 0px 0px; display:inline-block;
font-size:12px; text-transform:uppercase; line-height:24px;}
/*Detail in Popup BOX CSS Ends Here*/
.search_result_grid table .fa{font-size:18px; margin-top:1px; color:#000;
    -webkit-transition:all 0.6s linear; -moz-transition:all 0.6s linear;
    -ms-transition:all 0.6s linear; transition:all 0.6s linear; 


}
.range_slider .btn-theme-new{text-align: center; padding: 6px 15px; cursor: pointer; margin-top: 0; text-transform: capitalize;width:140px!important; }
.diamond-search-stock{ font-size:14px;clear: left;float: left;   color: #5a5858;  font-weight: bold; font-size: 12px;     line-height: 14px;   margin: 9px 0;  padding: 0 0 3px;   text-align: left; }
.range_slider .orText{text-align: center; float: left; width: 100%; position: relative; border-top: 1px solid #d0d0d0; font-size: 16px; text-transform:uppercase; margin: 15px 0 25px; }
.range_slider span{ background: #fff; padding: 0 10px; position: absolute; left:50%; top:50%; margin: -8px 0 0 -8px; }
.advancesearch{color: #444;    font-size: 13px;   font-weight: bold; padding-bottom: 10px;}
.range_slider .form-control{border-radius:0;}

.search_result_grid table .rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);


}
#dataResult{width: 100%; float: left;}

.smalldesc a {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc!important;
    color: #777777;
    display: inline-block;
    line-height: 24px;
    font-size:13px;
    padding: 0 8px;
    text-align: center;
}
.smalldesc{
    font-size:25px;
    padding: 0 8px;
    color: #777777;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
}

.arrow_text  {
    font-size: 16px !important;
    color: #000 !important;
}

.smalldesc a:hover {border: 1px solid #444!important; color: #777;}

.search_result_container h1 .smalldesc{
    margin:6px 0;
}

@media (max-width : 1030px){
    .range_slider .col-md-4 > ul.diamondColorPosition > li{margin: 0 12px;}
.range_slider .col-md-4 > ul.diamondClarityPosition > li{margin:0 7px; width:25px;}
/*table {	overflow-x: auto; display: block;}	*/	
.diamondSearchResult .diamondClarityPosition > li + li + li{margin-left: 6%;}	

}
@media (min-width : 800px) and(max-width : 1030px) {
    .diamondSearchResult .diamondCutPosition > li{font-size: 12px;}


}

@media (max-width : 768px){
    .range_slider .col-md-4 > ul.diamondColorPosition > li{margin: 0 8px;}
.range_slider .col-md-4 > ul.diamondClarityPosition > li{margin:0 1px; width:25px;}
.smalldesc{position: relative!important;}
.search_result_container .search_result_grid table {
    overflow: auto !important;
}
/*  table {    overflow-x: auto; display: block;}    */  
}

@media (max-width : 766px){
    .range_slider .btn-theme-new   {margin-top: 15px; width: 100%!important;}
.search_result_container .search_result_grid table{overflow: auto!important;}
.smalldesc {   position: relative !important;}
.search_result_container .search_result_grid { display: block;   overflow: auto !important;}   
.search_result_grid table {  display: block !important;}
               .smalldesc {    clear: left;}
                .search_result_container h1 .smalldesc {   margin: 6px 0;}
                .diamond_details{right: 0;top:0}
}
@media (min-width : 420px) and(max-width : 766px) {
    
    .diamondSearchResult .diamondClarityPosition > li + li, .diamondSearchResult .diamondClarityPosition > li + li + li + li + li + li {   margin-left: 13%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li, .diamondSearchResult .diamondClarityPosition > li + li + li + li, .diamondSearchResult .diamondClarityPosition > li + li + li + li + li {   margin-left: 13%;}
    .diamondSearchResult .diamondCutPosition > li + li{margin-left: 18%;}
    
}


@media(max-width: 1370px){
    .diamondSearchResult .diamondClarityPosition > li + li{margin-left: 7%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li + li{margin-left: 5%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li + li + li{margin-left: 5%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li + li + li + li + li{margin-left: 7%;}

}
@media(max-width: 1281px){
    .diamondSearchResult .diamondClarityPosition > li + li + li + li {
    margin-left: 8%; }
}

@media(max-width: 1030px){
    .diamondSearchResult .diamondClarityPosition > li + li + li { margin-left: 3%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li + li{margin-left: 3%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li, .diamondSearchResult .diamondClarityPosition > li + li + li + li + li{margin-left: 3%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li + li + li + li{margin-left: 4%;}
    .diamondSearchResult .diamondClarityPosition > li + li + li + li + li + li + li{margin-left: 5%;}
}

@media(max-width: 840px){

        .diamondSearchResult .diamondClarityPosition > li + li + li + li + li {margin-left: 6%;}

}
@media(max-width: 500px){
    ul.select_diamond.shape-diamonds li{width: 20%;}
}