.gray_grd{background: #ffffff!important; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f6f6f6 50%, #f6f6f6 100%)!important; /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#f6f6f6), color-stop(100%,#f6f6f6))!important; /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 50%,#f6f6f6 100%)!important; /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 50%,#f6f6f6 100%)!important; /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 50%,#f6f6f6 100%)!important; /* IE10+ */
			background: linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 50%,#f6f6f6 100%)!important; /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 )!important; /* IE6-8 */
}
.gray_black_grd{background: #6a6969!important; /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: -moz-linear-gradient(top,  #6a6969 0%, #2e2a2b 100%)!important; /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6969), color-stop(100%,#2e2a2b))!important; /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #6a6969 0%,#2e2a2b 100%)!important; /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #6a6969 0%,#2e2a2b 100%)!important; /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #6a6969 0%,#2e2a2b 100%)!important; /* IE10+ */
				background: linear-gradient(top,  #6a6969 0%,#2e2a2b 100%)!important; /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6969', endColorstr='#2e2a2b',GradientType=0 )!important; /* IE6-8 */
}

.pink_grd{background:#333333; border:1px solid #333333!important;}



#body-container{margin:0px auto; overflow:hidden; 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:15px 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;}

/*h1{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;}*/
.diamond-search-head{clear:left; font-weight:bold; font-size:14px; line-height:20px; color:#5a5858; border-bottom:1px  solid #d0d0d0; margin:5px 0px 10px; padding:0px 0px 8px; text-align:left;}
ul.select_diamond{clear:left; list-style:none; margin:0px 0px; padding:5px 1%; background-color:#ffffff; height:105px; width:98%;}
ul.select_diamond li{float:left; width:8%; margin:0px 1%; 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:normal; 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;}

.ttip{width:65px; height:31px; font-size:12px; display:none; position:absolute; text-align:center; padding:10px 15px 0px; z-index:999;
bottom:-40px; left:0px; background:url(/images/diamond-search/ttip.png) no-repeat center top; line-height:16px;}


.range_slider{width:100%; float:left; margin:0px 0px; padding:0px 0px; font-size:10px;}
.range_slider .rs_box_half{width:100%; height:70px; margin:0px 0 10px 0px; float:left;}
.range_slider .rs_box_full{clear:left; margin:0px 0px 15px; padding:0px 0px; overflow:hidden;}
.range_slider .rs_box_half .slider_value_box, .range_slider .rs_box_full .slider_value_box{clear:left; margin:0px; padding:0px;}
.range_slider .rs_box_half .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 .rs_box_half > ul.diamondColorPosition{width:100%; float:left; list-style:none; margin:6px 0 0; padding:0px;}
.range_slider .rs_box_half > ul.diamondColorPosition > li{float: left; padding: 0; text-align: left; width: 2%; 
														  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.range_slider .rs_box_half > ul.diamondColorPosition > li{margin-left:1%;}
.range_slider .rs_box_half > ul.diamondColorPosition > li + li,/*2*/
.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li,/*3*/
.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li + li,/*4*/
.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li + li + li,/*5*/
.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li + li + li + li,/*6*/
.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li + li + li + li + li{margin-left:12%;}/*7*/
.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li + li + li + li + li + li{margin-left:10%; text-align:right;}

.range_slider .rs_box_half > ul.diamondClarityPosition{width:100%; float:left; list-style:none; margin:6px 0 0; padding:0px;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li{float: left; padding: 0; text-align: left; width:7.5%; 
															overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li{margin-left:2%;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li + li{margin-left:6%;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li{margin-left:7.5%;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li{margin-left:9.5%;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li{margin-left:8.5%;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li + li{margin-left:9.5%;}
.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li + li + li{margin-left:3.5%; text-align:right;}

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


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

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

.range_slider .rs_box_half .diamond_certificate,
.range_slider .rs_box_full .diamond_certificate{width:100%; float:left; margin:0px 0px; padding:0px 0px;}

.range_slider .rs_box_half .diamond_certificate label,
.range_slider .rs_box_full .diamond_certificate label{width:24%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0px 0px 5px; padding:0px 0px; line-height:18px;}

.range_slider .rs_box_half .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 .rs_box_half .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:16px; font-weight:normal; color:#5a5858; display:block;
							border:1px solid #dbdbdb; border-bottom:none; padding:0px 10px; margin:0px 0 0 0;text-align: left; width: 100%;}
.search_result_grid_container{clear:left; margin:0px 0px; 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 td, th {padding:5px; color: #5a5858;}
.search_result_container .search_result_grid thead th {border:1px solid #dbdbdb; border-bottom:none; border-left:none; font-size:12px; font-weight:normal; line-height:30px; text-align: center; color: #F6ECF0;}
.search_result_container .search_result_grid thead th a {color: #F6ECF0; font-weight: bold; display: block;}
.search_result_container .search_result_grid tbody td a {background: transparent; text-decoration: none; color: #5A5858;}
.search_result_container .search_result_grid tbody td a:hover {background: transparent; color: #333333;}
.search_result_container .search_result_grid tbody th a {font-size:12px; font-weight:normal; text-decoration: none; font-weight:normal; color: #F6ECF0;}
.search_result_container .search_result_grid tbody th a:hover {background: transparent; color: #FFFFFF;}

.search_result_container .search_result_grid tbody th, tbody td { border-bottom:none; vertical-align: top; text-align: center; padding: 3px 5px;  line-height:24px; font-size:13px;}
.search_result_container .search_result_grid tbody th input[type="checkbox"], tbody td input[type="checkbox"]{vertical-align:top; margin-top:5px;}
.search_result_container .search_result_grid tbody th img, 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: #fef3cf;}
.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; height:100%; width:299px;  position:absolute; top:1px; right:0px; background-color:#FFFFFF;text-align: center;}
.close-detailBtn{position: absolute; right: 10px;}
.diamond_details h4{color:#333333; text-align:center; font-size:16px; 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{text-align:center; padding:0px 0px 5px; line-height:24px;}
.diamond_details h3{font-size:18px; font-weight:normal; margin-bottom:15px;}

.diamond_details h3 span{font-weight:normal;}
.diamond_details ul{clear:left; list-style:none; margin:0px; padding:0px;}
.diamond_details ul li{width:100%; overflow:hidden; margin-bottom:2px;}
.diamond_details ul li a{border:1px solid #52237f; background: #52237f!important; text-align:center; text-decoration:none; color:#fff!important; padding:7px 0; border-radius:3px 3px; -webkit-border-radius:3px 3px; -moz-border-radius:3px 3px; -o-border-radius:3px 3px; margin:5px 5px 10px 0px; display:inline-block;
font-size:14px; font-weight:bold; text-transform:uppercase; line-height:24px; width:89%;}
/*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 {
    color: #333333;
    font: 13px/22px Georgia, "Times New Roman", Times, serif;
	padding:5px;
	 border-top: 1px solid #DFDFDF;
}
.smalldesc a { border:none; text-decoration:underline;}
.smalldesc a:hover { border:none; color: #000000;}
@media 
	only screen and (min-width : 768px) 
				and (max-width : 1024px) 
				and (orientation : portrait){
				.range_slider .rs_box_half > ul.diamondColorPosition > li{margin-left:11.65%;}
				.range_slider .rs_box_half > ul.diamondColorPosition > li:first-child{margin-left:2%;}
				.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li + li + li{margin-left:10.85%;}
				.range_slider .rs_box_half > ul.diamondColorPosition > li + li + li + li + li + li + li + li{margin-left:10.5%;}
				
				.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li{margin-left:8%;}
				.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li{margin-left:7.5%;}
				.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li{margin-left:8%;}
				.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li + li{margin-left:8%;}
				.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li + li + li{margin-left:6%;}				

}


@media 
	only screen and (max-width : 770px),
	only screen and (max-width : 920px){
	.range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li + li + li{margin-left:6.5%;}
	.range_slider .rs_box_half .diamond_certificate label,
	.range_slider .rs_box_full .diamond_certificate label{padding-left:10px;}
}
@media (max-width:780px){
     .smalldesc{position: relative!important;}
    .search_result_container h1{text-align: center;display: inline-block;}
}
@media (max-width:766px){
    ul.select_diamond li{width: 23%;}
    ul.select_diamond{width: 100%; height: auto; float: left;}
    .range_slider .rs_box_half{width: 100%; margin-right: 0;}
    .diamond_details{width: 100%;}
    .smalldesc{position: relative!important; clear:both;}
    .range_slider .rs_box_half > ul.diamondClarityPosition > li{width: 8.5%;}
    .range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li{margin-left: 6.5%;}
    .range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li{margin-left: 6.5%;}
    .range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li{margin-left: 7.5%;}
    .range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li + li{margin-left: 8.5%;}
    .range_slider .rs_box_half > ul.diamondClarityPosition > li + li + li + li + li + li + li{margin-left: 2.5%;}
    .search_result_container .search_result_grid{display: block; overflow-x: auto;}
   
    
}