#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; }


.diamond_shape_container{width:100%; margin:0px; padding:0px; float:left; background-color:#f4f4f4;}
.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:13px; line-height:20px; color:#3d8671; border-bottom:1px  solid #d0d0d0; margin:5px 0px 10px; padding:0px 0px 3px; text-align:left;}
ul.select_diamond{clear:left; list-style:none; margin:10px 0px; padding:10px 1%; background-color:#ffffff; float: left; width:100%; text-align: center; }
ul.select_diamond li{ display: inline-block; width:8.5%; margin:0px 2px; padding:0px 0px; 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 label{display:inline-block; vertical-align:top;}
.range_slider select{border:1px solid #ddd; padding: 7px; width: 60%; display: inline-block; margin-bottom: 10px;}
.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:5px 15px; z-index:999;
bottom:-40px; left:0px; background:#fff; border:1px solid #a5a5a5; border-radius:5px; line-height:13px;}


.range_slider{font-size:10px; float: left; padding-bottom: 10px;  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:25px; 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:inline-block;
							 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:248px; height:100%; display:block; position:absolute; top:0; right:0px; background-color:#FFFFFF;}
.close-detailBtn {float: right; color: #000;}
.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; background:url(/images/diamond-search/gia.gif) no-repeat left 50%; margin:10px 0px; display:block; text-align:left; vertical-align:top;}
.diamond_details p{ padding:0px 0px 5px; line-height:22px;}
.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; text-align: center; }
.diamond_details ul li .img-responsive{display: inline-block; }
.diamond_details ul li a{background: none repeat scroll 0 0 transparent;
       color: #444!important;
    font-size: 13px;
    font-weight: bold;
    margin-top: 9px;
    padding: 6px 15px;
    text-transform: uppercase;
    width: auto; width:89%; display:inline-block;
	 border: 2px solid #444!important;
     border-radius:0;
}
	
	.diamond_details ul li a:hover{
	background:#444!important;
	color:#fff!important;
	}
/*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*/

.smalldesc a {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc!important;
    color: #777777;
    display: inline-table;
    line-height: 24px;
	font-size:13px;
    padding: 0 8px;
    text-align: center;
}
.smalldesc{
font-size:13px;
    padding: 0 8px;
	color: #777777;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
}
.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;}
					
                    ul.select_diamond li{margin: 0 1px;}
                    			

}

@media (max-width : 768px){
                .range_slider .col-md-4 > ul.diamondColorPosition > li{margin: 0 8px;}
                .range_slider .col-md-4 > ul.diamondClarityPosition > li{font-size: 8px;  margin: 0 1px;   width: 10%;}
                  .smalldesc{position: relative!important; text-align: center!important; clear: both; top:inherit!important; right:inherit!important; line-height: 45px; display: inline-block; vertical-align:middle;}
                .search_result_container h1{text-align: center;}
                ul.select_diamond li{width: 8.4%;}
               
                  
                    
}
@media (max-width : 780px){   .zoomWindow{left:316%!important;}
}
@media (max-width : 766px){
      table {    overflow-x: auto; display: block; width: 100%;}
      .smalldesc {  clear: left;}
      .diamond_details{width: 100%;}
     .range_slider .col-md-4 > ul.diamondColorPosition > li{width: 6%;}
      .range_slider .col-md-4 > ul.diamondClarityPosition > li{font-size: 8px;  margin: 0 1px;   width: 11%;}
      ul.select_diamond li{width: 30%;}
      .range_slider select{width: 100%;}
}