body {font-family: 'Open Sans', sans-serif;background-image: url('/img/BBUdiamondBkgd.png'); background-repeat:no-repeat; background-position:bottom;     background-size: cover;
    background-attachment: fixed;}

h1, h2, h3  {font-family: 'Crimson Text', serif;}
td, tr, th {font-family: 'Open Sans', sans-serif;}
	a {color:#4faab3;}
 h3 { color:#d53a3e; font-family:Arial, Helvetica, sans-serif; padding-top:20px;}
		    #iframeVideo iframe { width:100%;   height:410px; /*519px;*/
        border: none;
    }
	#outerDiv {margin: 30px auto; text-align:center;/*height: 80%;*/}
	#iframeVideo {
	}
	#img {padding:20px 0 20px 10px;float:left; width:320px;}
	#iframeSpecs {clear:both;text-align: center;}
	#iframeSpecs iframe {    
        width: 629px;
        height: 648px;
        border: none;
        overflow: scroll;
	}
    .linkDiv{
        padding: 20px;
        text-align: center;
        background: #90999a;
        font-size: 20px;
    }
    .banner {margin-top:20px;}
    .searchBarAqua{    
        padding: 0px;
        margin-top: 20px;

    }
    .searchBarAqua button{
        font-size: 20px;
        padding: 10px;
    }
.labCont {
    margin-top: 15px;
}
.searchLab {
}
    .greyTextHeader {
        font-size: 20px;
        color: #90999a;
    }
    .searchGrey H2 {
        font-size: 20px;
        margin: 5px;
    }
   
    .diamondShapes2{
        font-size: 12px;
        text-transform: uppercase;
        background: #fff;
        border: thin solid #bbb9b9;
        margin-top: 15px;PADDING-BOTTOM: 10PX;
    }
    #outerDiv .item{margin-bottom:30px;}
    #outerDiv .item img{width: 200px;}
    #outerDiv .item a{}
    .itemTitle{margin-top:10px;}
    a:hover{text-decoration:none;}
    .catImage {
         max-width: 120px;
    }
    .catOuterRow {
        margin-top: 20px;
        border: 2px solid grey;
        padding: 10px 20px 20px 20px;
    }
	
    .jewelryHeader{    margin-top: 0;
        margin-bottom: 30px;
        width: 80%;
        float: left;
        text-align: left;}
    .sortSelect{padding: 5px;
        margin-left: 10px;}
.logo img {width:100%; margin-top:10px;}
.greyText {color:#90999a;}
.whiteText {color:#fff;}
.blackFont {color:#000;}
.divShapes{min-height: 100px;cursor:pointer;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font26 {font-size: 26px;}
.font30 {font-size: 30px;}

.headingRow {background-color:#89d2d9;   padding-top: 15px;    padding: 15px 48px;    padding-bottom: 0;}
.phoneNum { margin-top: 13px;}
.loginBox {background-color:#fff;padding-top: 15px;    border-right: 15px solid #89d2d9;padding-bottom: 15px;}
.slogan {margin-top:20px;margin-bottom:20px;}
.diamondShapes {text-align:center; border:2px solid #90999a;  padding:15px; font-size:12px; text-transform:uppercase;    background: #fff;    margin-right: 5px; margin-left: 1px;}
/*.diamondShapes .greyText:hover {border: 1px solid #89d2d9; cursor: pointer; min-height:100px;  }*/
.register {border-bottom:1px solid #89d2d9; color:#90999a;     position: relative;    top: 8px; text-transform: uppercase;}
.register:hover {text-decoration:none; color:#89d2d9;}
.closeShapeSpan{ float:right;        font-size: 18px; font-weight:bold;cursor:pointer;}
.shapeImages{overflow:auto;height:345px;}
.shapeImages div{cursor:pointer; border-bottom: thin solid #c9cdcd;padding: 5px;}
h2.greyText {text-transform:uppercase; font-size:22px;}
.cencen {text-align:center;}
.searchGrey {background-color:#c9cdcd;   /* margin-bottom: 15px;*/}
.searchGrey h2 {color:#fff; text-transform:uppercase;font-family: calibri;    font-size: 27px;}
.homeInfo {background-color:#fff; border-right:20px solid #c9cdcd;border-left:20px solid #c9cdcd; border-bottom:30px solid #c9cdcd;padding:10px;}
.searchBarAqua {background-color: rgba(137,210,217,0.24);}
.searchBarAqua button, .searchLab {
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);
    background-color: #89d2d9;
    padding-right: 0;
    color: #fff;
    font-family: 'Crimson Text', serif;
    font-size: 25px;
    border: 0;
    text-transform: uppercase;
    padding: 10px 30px;
}
.searchBarAqua button:hover, .searchLab:hover {
    background-color: #79c7ce;
}
.modifySearch {-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);background-color:#89d2d9; padding-right: 0; color:#fff; font-family:'Crimson Text', serif; font-size:22px;    border: 0;    text-transform: uppercase;    padding: 5px 15px;}

.shapeDiv{background: white;height: 350px;width: 160%;border: 2px solid #c9cdcd;margin-top:10px;}
.loginButton {-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.32);box-shadow: 3px 3px 3px 0 rgba(0,0,0,.32);background-color:#89d2d9; color:#fff; font-family:'Open Sans', sans-serif; font-size:15px;    border: 0;    text-transform: uppercase;    padding: 5px 10px;}
.registerForm button {-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.32);box-shadow: 3px 3px 3px 0 rgba(0,0,0,.32);background-color:#89d2d9; color:#fff; font-family:'Open Sans', sans-serif; font-size:15px;    border: 0;    text-transform: uppercase;    padding: 5px 10px;}


.footerBar {background-color:#90999a; color:#fff; padding:10px; margin-top:30px;}
.footerBar a:link, .footerBar a:visited {color:#fff;}

.diamondResults h2 {/*font-size:16px;*/}
.diamondResults table {width:100%; background-color:#fff;}
.diamondResults table tr th {background-color:#89d2d9; color:#fff; text-align:center;}
.diamondResults table tr:hover {background-color: rgba(137,210,217,0.24); }
.diamondResults table tr td{padding: 7px;font-size: 14px; border-bottom:1px solid #f8f5f4; text-align:center;}
.diamondResults .tableResultsDiv {width:90%; /*overflow-x: auto;*/ margin:0 auto;}
.diamondResults table a:link {border-bottom:1px dotted #89d2d9; color:#4faab3;font-weight:bold;}
#floatingCart {    
    width: 270px;
    text-align:center;
    height: auto;
    border: 4px solid #89d2d9;
    /*position: absolute;*/
    right: 45px;
    top: 0;/*65px;*/
    background-color: rgba(255,255,255, 0.9);
    padding: 5px 5px 15px 5px;
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.32);
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.32);
    display:none;
    z-index: 100;
        cursor: -webkit-grab;
    /*Added for fading*/
     /*opacity:1;
    transition: opacity 2s;
    -webkit-transition: opacity 2s; /* Safari */

     position:fixed;
}
.clarWidth{
    padding-right:10px !important;
    padding-left:10px !important;
}
.emailPopup{
    width:300px;
    height:370px;
    display:none;
    position:fixed;/*absolute;*/
    z-index:10000;
    background-color:white;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);
    padding:10px;
    border: 2px solid grey;
    top: 30%;
    left: 40%;
}
.divPadding{
     padding-right:5px !important;
    padding-left:5px !important;
}
.selectPadding{
    padding:5px !important;
}
.shapeImages img{
    padding-right: 5px;
        height: 40px;
}
.slideDiv{
   
    background:#b1b2b2;
    /*height:40px;*/
    cursor:pointer;
    /*display:none;*/
        padding: 5px;
    font-size: 20px;
    color: white;
    text-align: center;
  
}
#rowFilter{
 max-height: 0px;
  overflow: hidden;
 transition: max-height 0.75s ease-in-out;
 
}
.stonesSpan{
    float:right;
    background: #89d2d9;
    padding: 5px;
    cursor: pointer;
    color: white;
}
.savedStones {
    margin: 5px 0 15px 0;
    font-size: 14px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.32);
    text-transform: none;
    width: 90%;
    font-family:"Open Sans", sans-serif;
    padding:15px;
}
#stonesHoverP{
    background: white;
    padding: 10px;
    width:300px;
    border: 2px solid grey;
    box-shadow: grey 2px 2px 2px;
    display:none;
    position:absolute;
    z-index:100;
    left: 160px;
        color: #6d6c6c;
        text-align: left;
}
.loginPopup {
    width: 500px;
    height: 200px;
    display: none;
    position: fixed; /*absolute;*/
    z-index: 10000;
    background-color: white;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,.32);
    padding: 10px;
    border: 2px solid grey;
    top: 30%;
    left: 40%;
}
.loginPopup form{
    margin:20px;
}
.totalsDiv {
    background: #89d2d9;
    /*margin-top: 20px;*/
    color: white;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
    .totalsDiv div {
        display: inline;
        display: inline;
        padding: 0 20px;
   
    }

.navLinks li{ display:inline-block; margin-right:20px; list-style-type:none; padding-top: 20px;}
.navLinks li a{color:white;font-size:18px;}
.navLinks li a:link, .navLinks li a:visited {
       color: #5b5f5f;
    border: 1px solid #000;
    padding: 5px 15px;
    border-radius: 50px;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.navLinks li a:hover, .navLinks li a:active {color:#000;}
.stockForm {
    padding: 30px 0 30px 30px;
}
.stockText {
    width: 40%;
    float: left;
    height: 45px;
}


.stockFormHome .stockText {
    float: right;
}
.stockFormHome {
    padding: 60px 0 30px 0;
}

.homeInfo .col-lg-5{
    padding:0;
}






#iframeVideo iframe {
    width: 100%;
    height: 410px; /*519px;*/
    border: none;
}

#outerDiv3D {
    margin: 30px auto;
    text-align: center; /*height: 80%;*/
}

#iframeVideo {
    /*height: 280px;*/
    /*background-color: #e4e2e4;*/
}

#img3D {
    padding: 20px 0 20px 10px;
    float: left;
    width: 320px;
}

#iframeSpecs {
    clear: both;
    text-align: center;
}

#iframeSpecs iframe {
        width: 629px;
        height: 648px;
        border: none;
        overflow: scroll;
    }

.linkDiv3D {
    padding: 20px;
    text-align: center;
    background: #90999a;
    font-size: 20px;
}
.banner {
    margin-top: 20px;
}
.greyText3D {
    color: white;
    font-size: 14px;
    cursor: pointer;
}



.stoneResults .headingRow {
    background-color: #89d997;
}
.stoneResults .register {
    border-bottom: 1px solid #89d997;
}
.stoneResults .register:hover {
    color: #89d997;
}

.stoneResults .loginBox {
    border-right: 15px solid #89d997;
}
.stoneResults .searchBarAqua button {
    background-color: #89d997;
}
.stoneResults .modifySearch {
    background-color: #89d997;
}
.stoneResults .loginButton {
    background-color: #89d997;
}
.stoneResults .registerForm button {
    background-color: #89d997;
}
.stoneResults .diamondResults table tr th {
    background-color: #89d997;
}
.stoneResults .diamondResults table a:link {
    border-bottom: 1px dotted #89d997;
    color: #89d997;
}
.stoneResults #floatingCart {
    border: 4px solid #89d997;
}
.stoneResults .stonesSpan {
    background: #89d997;
}
.stoneResults .totalsDiv {
    background: #89d997;
}



.emailcDiv {
    cursor: pointer;
    color: white;
    font-weight: bold;
    background-color: #89d2d9;
    padding: 5px 0px;
}
.featuredBtn {
    background: none;
    border: none;
    padding: 0;
}
.logo h2{
    color:#000
}