&nbsp;<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/style.css" />
<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/ipad.css" media="screen and (min-width:751px) and (max-width:1000px)" />
<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/tablet.css" media="screen and (min-width:501px) and (max-width:750px)" />
<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/mobile.css" media="screen and (min-width:100px) and (max-width:500px)" />

<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/script.js"></script>
<!--[if lt IE 9]>
<script src="https://www.bestingems.com/js_bestingems/html5shiv.js"></script>
<![endif]-->


<!-- START_INCLUDE: Facebook Pixel init-->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '2258346024460858');
</script>
<script>
  function fb_pixel_pageview(){
    fbq('track', 'PageView');
  }
  function fb_big_pixel_track(eventName, parms) {
      fbq('track', eventName, parms);
  }
</script> <!-- END_INCLDUE: Facebook Pixel -->

<link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/jquery.selectbox.css" />
<script type="text/javascript" src="https://www.bestingems.com/js_bestingems/jquery.selectbox-0.2.js"></script>

<script language="javascript" type="text/javascript">

const fb_pixel_viewContent_params = {
    content_name: 'Black Onyx Cab Round 12mm Approximately 20 Carat',
    content_category: 'Gemstones',
    content_ids: ['GSBIG578'],
    content_type: 'product',
    value: 12,
    currency: 'USD',
    product_catalog_id: 216738506432927,
};

fb_big_pixel_track('ViewContent', fb_pixel_viewContent_params); // fb pixel view content

$(document).ready(function(){
    $.fn.addToCart = function() {
        var args = arguments[0] || {};
        var productId = args.productId || "";
        //alert("==");
        
        var productQTY = $('#qtyId').val();
        var productMetalColorId = args.productMetalColorId || "";
        
        var ring_size = $('#ring_size').val(); 
        
        if(ring_size == '')
        {
            alert("Please select ring size");
            return false;
        }
        
        
        //alert("==Black Onyx Cab Round 12mm Approximately 20 Carat" + productId +"--"+productMetalColorId);
        
        $.ajax({
            type: "POST",
            url: "/ajax_cart.php",
            data: "type=addToCart&product_id=" + productId+"&product_metal_color_id=" + productMetalColorId+"&productQTY=" + productQTY+"&ring_size_id=" + ring_size,
            beforeSend: function() {
                $(".addToCartDiv_" + productId).html("<a href='javascript:void(0)' class='adding2Cart'>Add To Cart</a>");
            },
            success: function(msg) {
                //alert(msg);
                fb_big_pixel_track('AddToCart', fb_pixel_viewContent_params); // fb pixel add to cart 
                var spl_txt = msg.split("~~~");
                setTimeout(function(){
                    if($.trim(spl_txt[1]) == "1" || $.trim(spl_txt[1]) == "2") 
                    {
                        $(".productQty_" + productId).hide();
                        $(".addToCartDiv_" + productId).html('<a href="javascript:void(0)" class="inCart" onclick="parent.location.href=\'/cart.php\'" >In Cart</a>');
                        parent.$(".addToCartDiv_" + productId).html('<a href="javascript:void(0)" class="inCart" onclick="parent.location.href=\'/cart.php\'" >In Cart</a>');
                    } 
                    else if($.trim(spl_txt[1]) == "3") 
                    {
                        $(".productQty_" + productId).hide();
                        
                        var requestDiv='<div class="requestFrm">';
                            requestDiv= requestDiv +'<div class="requestFrmContainer">';
                                requestDiv= requestDiv +'<h3>Request this product</h3>';
                                requestDiv= requestDiv +'<input type="text" class="requestTxt reqName" value="" placeholder="Enter Your Name" />';
                                requestDiv= requestDiv +'<input type="text" class="requestTxt reqEmail" value="" placeholder="Enter Your Email"/>';
                                requestDiv= requestDiv +'<span class="REQUEST-INPROCESS1">';
                                    requestDiv= requestDiv +'<input type="button" value="Submit" class="requestBtn saveRequest" product_id="1392" product_metal_color_id="0"/> <a href="javascript:void(0)" class="closeRequestBtn">X</a>';
                                requestDiv= requestDiv +'</span>';
                                requestDiv= requestDiv +'<span class="REQUEST-INPROCESS2" style="display: none;"></span>';
                            requestDiv= requestDiv +'</div>';
                        requestDiv= requestDiv +'</div>'; 
                        
                        $(".addToCartDiv_" + productId).html('<a href="javascript:void(0);" class="request2Cart">Request This Product</a><br>'+requestDiv);
                        parent.$(".addToCartDiv_" + productId).html('<a href="javascript:void(0);" class="request2Cart">Request This Product</a><br>'+requestDiv);
                    } 
                    
                }, 1000);
                
                parent.$("#rightCartItems").rightCartDisplay();
            }
        });   
    };
    
    $.fn.addToFavorites = function() {
        var args = arguments[0] || {};
        var productId = args.productId || "";
        var productMetalColorId = args.productMetalColorId || "";        
        //alert("==" + productId +"--"+productMetalColorId);
        var MYVAL = "Add";
        //alert("==");
        
        $.ajax({
            type: "POST",
            url: "/ajax_common.php",
            data: "type=add2Favorite&product_id=" + productId+"&product_metal_color_id=" + productMetalColorId+"&myvalue="+MYVAL,
            beforeSend: function() {
                 $(".add2Fav").html("<a href='javascript:void(0)' class='favoriteProcess'><img src='https://www.bestingems.com/images_bestingems/delProcess.gif' align='left' />Favorite</a>");
			},
            success: function(msg) {
                //alert(msg);
                var spl_txt = msg.split("~~~");
                fb_big_pixel_track('AddToWishlist', fb_pixel_viewContent_params); // fb pixel add to wish list
                setTimeout(function(){
                    if($.trim(spl_txt[1]) == "1") 
                    {
                        $(".add2Fav").hide();
                        $(".added2Fav").show();
                        
                        if(parseInt(spl_txt[3]) == parseInt(1)) 
                        {
                            $(".favCount").show().html("<img src='https://www.bestingems.com/images_bestingems/favCountArrow.jpg' />"+  + $.trim(spl_txt[3]));
                        }
                    } 
                    else 
                    {
                        $(".add2Fav").html('<a href="javascript:void(0)"  class="add2Favorites" onclick="$(this).addToFavorites({productId:\'1392\',productMetalColorId:\'0\'});" ><img src="https://www.bestingems.com/images_bestingems/favoriteGreyIcon.png" align="left" />Favorite</a>');
                    } 
                    
                }, 500);
                
                parent.$("#rightFavoriteItems").rightFavoriteDisplay();
            }
        });   
    };
	
	
	$(".request2Cart").click(function(){
		var requestIndx = $(".request2Cart").index(this);
		$('.requestFrm').fadeOut();
		$(".requestFrm:eq(" + requestIndx + ")").fadeIn();        
	});
	
	$(".closeRequestBtn").click(function(){
		var closeIndx = $(".closeRequestBtn").index(this);		
		$(".requestFrm:eq(" + closeIndx + ")").fadeOut();        
	});
	
	$('.requestFrmContainer').click(function(e) {
			e.stopPropagation();
	});
	
	$('.request2Cart').click(function(e) {
			e.stopPropagation();
	});
	
	$(document).click(function(){
		$('.requestFrm').fadeOut();
	});
    
    
    
    $(".saveRequest").on('click ', function(e){
  
        //e.stopPropagation();
        var reqIndex = $(".saveRequest").index(this);
        var product_id = $(this).attr('product_id');
        var product_metal_color_id = $(this).attr('product_metal_color_id');
        
        
        
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
        
        //alert(reqIndex);
        
        if( $.trim(reqName) == "" )
        {
            $(".reqName:eq("+reqIndex+")").addClass('error');
            $(".reqName:eq("+reqIndex+")").focus();
            return false;
        }
        else
        {   
            $(".reqName:eq("+reqIndex+")").removeClass('error');
        }
        
        if( $.trim(reqEmail) == "" )
        {
            $(".reqEmail:eq("+reqIndex+")").addClass('error');
            $(".reqEmail:eq("+reqIndex+")").focus();
            return false;
        }
        else
        {   
            $(".reqEmail:eq("+reqIndex+")").removeClass('error');
        }
        
        if(IsEmail(reqEmail)== false )
        {
            $(".reqEmail:eq("+reqIndex+")").addClass('error');
            $(".reqEmail:eq("+reqIndex+")").select();
            return false;
        }
        
        $(this).saveRequest({req_Index: reqIndex});  
         
    });
    
    
    
    
    
    $.fn.saveRequest = function() {
        var args = arguments[0] || {};  // It's your object of arguments 
        var reqIndex = args.req_Index ||""; 
        
        //alert("=="+reqIndex)
        
        var product_id = $(this).attr('product_id');
        var product_metal_color_id = $(this).attr('product_metal_color_id');
        
        
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
       
       
        $.ajax({
            type: "POST",
            url: "/ajax_common.php",
            data: "type=saveRequest&product_id="+product_id+"&product_metal_color_id="+product_metal_color_id+"&reqName="+reqName+"&reqEmail="+reqEmail,
            beforeSend: function(){
                $(".REQUEST-INPROCESS1:eq("+reqIndex+")").hide();
                $(".REQUEST-INPROCESS2:eq("+reqIndex+")").show().html("<input type='button' value='Submit' class='requestBtn process'/>");
            },
            
            success:function(msg){
                //alert(msg);
                var spl_txt = msg.split("~~~");
                
                 setTimeout(function(){
                    $(".REQUEST-INPROCESS2:eq("+reqIndex+")").html("<span class='requestSent'>"+spl_txt[2]+"</span>");
                },100);
                    
                
                setTimeout(function(){
                   
                   if( parseInt(spl_txt[1]) == parseInt(1) )
                    {  
                       $(".reqName:eq("+reqIndex+")").val(reqName);
                       $(".reqEmail:eq("+reqIndex+")").val(reqEmail);
                       
                       $(".REQUEST-INPROCESS2:eq("+reqIndex+")").hide();
                       $(".REQUEST-INPROCESS1:eq("+reqIndex+")").show();
                       
                    } 
                    else
                    {
                        $(".REQUEST-INPROCESS2:eq("+reqIndex+")").hide();
                        $(".REQUEST-INPROCESS1:eq("+reqIndex+")").show();
                    }
                    $('.requestFrm').fadeOut();
                    
                 },1500);
                
                
                
            }
            
        });
        
    };
    
    $(".reqName").on('keypress',function(e){
        
        var reqIndex = $(".reqName").index(this);
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
     
        //alert("1"+reqIndex)
        
        if (e.keyCode == 13)
        {
            if( $.trim(reqName) == "" )
            {
                $(".reqName:eq("+reqIndex+")").addClass('error');
                $(".reqName:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqName:eq("+reqIndex+")").removeClass('error');
            }
            
            if( $.trim(reqEmail) == "" )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqEmail:eq("+reqIndex+")").removeClass('error');
            }
            
            if(IsEmail(reqEmail)== false )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").select();
                return false;
            }
            
            
            $(this).saveRequest({req_Index: reqIndex});  
        }    
        
    });
    
    
    
    
    $(".reqEmail").on('keypress',function(e){
        
        var reqIndex = $(".reqEmail").index(this);
        var reqName = $(".reqName:eq("+reqIndex+")").val();
        var reqEmail = $(".reqEmail:eq("+reqIndex+")").val();
     
        //alert("2="+reqIndex)
        
        if (e.keyCode == 13)
        {
            if( $.trim(reqName) == "" )
            {
                $(".reqName:eq("+reqIndex+")").addClass('error');
                $(".reqName:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqName:eq("+reqIndex+")").removeClass('error');
            }
            
            if( $.trim(reqEmail) == "" )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").focus();
                return false;
            }
            else
            {   
                $(".reqEmail:eq("+reqIndex+")").removeClass('error');
            }
            
            if(IsEmail(reqEmail)== false )
            {
                $(".reqEmail:eq("+reqIndex+")").addClass('error');
                $(".reqEmail:eq("+reqIndex+")").select();
                return false;
            }
            
            
            $(this).saveRequest({req_Index: reqIndex});  
        }    
        
    });
    

}); 

function IsEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}

</script>



<div id="popupPageContainer">            
        
        <div id="popupLeft">            
             <div id="productDetailZoomer">
             	<h1 class="popupProductName">Black Onyx Cab Round 12mm Approximately 20 Carat</h1>                 	
                <link rel="stylesheet" type="text/css" href="https://www.bestingems.com/css_bestingems/smoothproducts.css" />
				<script type="text/javascript" src="https://www.bestingems.com/js_bestingems//smoothproducts.js"></script>
				<script type="text/javascript">
					/* wait for images to load */
					$(window).load( function() {
						$('.sp-wrap').smoothproducts();
					});
                </script> 
                <div class="sp-wrap">
                                                <a href="/uploads_bestingems/product_images/black-onyx-cab-round-12mm-approximately-20-carat-1392-1324.JPG" title="Black Onyx Cab Round 12mm Approximately 20 Carat"><img src="/uploads_bestingems/product_images/R500-black-onyx-cab-round-12mm-approximately-20-carat-1392-1324.JPG" alt="Black Onyx Cab Round 12mm Approximately 20 Carat"></a>
                                                    <a href="/uploads_bestingems/product_images/black-onyx-cab-round-12mm-approximately-20-carat-1392-1325.JPG" title="Black Onyx Cab Round 12mm Approximately 20 Carat"><img src="/uploads_bestingems/product_images/R500-black-onyx-cab-round-12mm-approximately-20-carat-1392-1325.JPG" alt="Black Onyx Cab Round 12mm Approximately 20 Carat"></a>
                                        </div>
            </div><!--productDetailZoomer end-->
        </div><!--popupLeft end-->
        
    <div id="popupRight"> 
        <div id="productDetailTxt">
            <h1 class="popupProductName">Black Onyx Cab Round 12mm Approximately 20 Carat</h1>
            <h3 class="productNo">Product No.: GSBIG578</h3>                        
                            
                <h4 class="productCat">
                    <a>Onyx</a>                     
                    &nbsp;/&nbsp;<a>Black Onyx</a>                 </h4>
                        
                                    
            <div class="relativePos">
				<h3 class="stockMsg inStock">14 In Stock</h3>      
                 
                
                <div class="clear"></div>
                
                <h2 class="productPrice"><span id="sortPrice">$12.00</span></h2>
                <h3 class="productOldPrice">
                                            <span id="actualPrice">$30.00</span> | 60% OFF
                                    </h3>
                
                                    
                    <input type="hidden" value="0" name="ring_size" id="ring_size"/>
                                
                
                                
                <div class="productBtnWrap">
                                                <div class="productQty productQty_1392">
                                <select name="qtyId" id="qtyId">
                                    <option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option>                                </select>
                            </div>
                            <div class="productCartBtn addToCartDiv_1392"><a href="javascript: void(0);" class="add2Cart" onclick="$(this).addToCart({productId: '1392',productMetalColorId: '0'});">Add To Cart</a></div>
                            <script type="text/javascript">
                                $(function () {
                                    $("#qtyId").selectbox();			
                                });
                            </script>                    
                                    </div><!--productBtnWrap end-->
                 
                
            </div><!--relativePos end-->
            
                        
            <div class="pDetailFavBtnWrap">
                <span class="added2Fav add2Favorites" style='display:none' ><img src="https://www.bestingems.com/images_bestingems/favoriteRedIcon.png" align="left" />Favorited</span>
             	<span class="add2Fav" > <a href="javascript:void(0)"  onclick="$(this).addToFavorites({productId: '1392',productMetalColorId: '0'});" class="add2Favorites"><img src="https://www.bestingems.com/images_bestingems/favoriteGreyIcon.png" align="left"/>Favorite</a></span>
                <span class="favCount" style='display:none'><img src="https://www.bestingems.com/images_bestingems/favCountArrow.jpg" />0</span>
            </div>
        </div>
        
    </div><!--popupRight end-->
     
    <div class="clear"></div>
    <div class="popupItemDetail">
    	<!--h3>Details</h3--> 
            
            <div class="specificationWrap">
                <div class="specificationBox1 box2Height">
                    <table class="specificationTbl">
                    	<tr><td>Product Number</td><td>:</td><th>GSBIG578&nbsp;</th></tr><tr><td>Gemstone name</td><td>:</td><th>Onyx&nbsp;</th></tr><tr><td>Stone Family</td><td>:</td><th>Black Onyx&nbsp;</th></tr><tr><td>Hardness</td><td>:</td><th>6-7&nbsp;</th></tr><tr><td>Treatment</td><td>:</td><th><div class='gapInside tip' alt='Adds color to make it more even or improve color.'>Dyed</div>&nbsp;</th></tr><tr><td>Color</td><td>:</td><th>Black&nbsp;</th></tr><tr><td>Approximate Weight</td><td>:</td><th>20.00 carat&nbsp;</th></tr></table></div><div class="specificationBox2 box2Height"><table class="specificationTbl"><tr><td>Exact Size</td><td>:</td><th>12 X 12 mm &nbsp;</th></tr><tr><td>Shape</td><td>:</td><th>Round&nbsp;</th></tr><tr><td>Cut</td><td>:</td><th><div class='gapInside tip' alt='A smooth round polished gem with a dome top and a flat base. opaque and translucent rough is often cut into cabochon.'>Cabochon</div>&nbsp;</th></tr><tr><td>Clarity</td><td>:</td><th>Opaque&nbsp;</th></tr><tr><td>Origin</td><td>:</td><th>India&nbsp;</th></tr><tr><td>Packaging</td><td>:</td><th>Parcel&nbsp;</th></tr><tr><td>Number of Pieces</td><td>:</td><th>3&nbsp;</th></tr>                    </table>
                 </div><!--specificationBox2 end-->
             </div><!--specificationWrap end-->
            
            <div class="clear">&nbsp;</div>
            <h3 class="pDescription">Other Information</h3>
            <p>LENGTH X WIDTH X HEIGHT ......12X12X6MM</p> 
                 
         
         
         
    </div><!--specificationWrap end-->
        
</div><!--popupPageContainer end-->