body{ margin:0px; color:#cccccc; background-color:#000000; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;}
h1 { color:#ffffff; font-size:24px; font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;}
img { border:none; max-width: 100%;}
a { color:#f7941e; text-decoration:none;}
a:hover { text-decoration:underline; color:#FF0000}
.FirefoxWrapper{ margin-left:auto; margin-right:auto; z-index:auto;}
#header{ background-image:url(); background-repeat:no-repeat;}
#teaserarea { background-color:#FFFFFF}
#callout { background-repeat:repeat; color:#FFFFFF; width:40%;  text-align:left; padding:20px; margin-right:40px; float:left;}
#calloutSub {background-image:url(); background-repeat:repeat; color:#FFFFFF; width:40%; text-align:left; padding:20px; margin:20px; margin-right:40px; float:left;}
#sponsors {  padding:2px; margin:20px; float:right; max-width:310px; border:thin dashed #999999; }
#headnav { text-align:center; color:#666666; width:100%; font-size:10px; padding:10px;  clear:both}
#headFabnav { text-align:center; color:#FFFF00; width:100%; font-size:10px; padding:10px; background-color:#333333; clear:both}
#footnav { text-align:left; color:#666666; width:80%; font-size:10px;}
#white{  clear:both; z-index:auto; max-width:954px; margin-left:auto; margin-right:auto; z-index:auto;  padding:20px;}
#logo { width:50%; text-align:center; float:left}
#footer {  font-size:10px;}
#pageimage{ float:right;}
.teaser { width:30%; float:left; margin:10px; font-size:10px}
.teaser img{ margin-right:10px;}
.teaser span{ color:#333333; font-size:16px; font-weight:bold}
.style1 {
	font-size: 12px;

	color: #666666;
}
.style2 {

	font-size: 9px;
	color: #CCCCCC;
}

.granitedisplay{overflow:hidden; margin:5px; width:200px; height:100px; float:left;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
					-moz-border-radius: 9px;
						border-radius: 9px;}
.granitedisplaySMALL{overflow:hidden; margin:5px; width:200px; height:40px; float:left; padding-top:-30px; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
					-moz-border-radius: 9px;
						border-radius: 9px;}

.granitedisplayheader{overflow:hidden; margin:3px; width:200px; height:40px; float:left;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
					-moz-border-radius: 9px;
						border-radius: 9px; font-size:10px}
.granitedisplay{overflow:hidden; padding:3px; display:inline-block;}
.granitedisplaycolor{overflow:hidden; background-size:100% 100%;}
.mobilegranitedisplay{overflow:hidden; padding:1px; width:100px; height:100px; float:left}
.granitedisplaygallery{overflow:hidden; padding:0px; width:250px; height:250px; Float:left; margin:4px;}
.granitedisplay-CallOut {overflow:hidden; width:150px; height:150px; float:left;  margin:1px;}
.kitchendesigner{overflow:hidden; width:150px; height:150px; float:left;  margin:1px;}
.col1{ width:30%; padding:20px; float:left}
.col2{ width:30%; padding:20px; float:left}
#GraniteSamples {
	position:relative;
	width:100%;
	height:170px;
	z-index:2;
	left: 0px;

	background-color:#ffffff; overflow:scroll; font-size:12px; text-align:center; color:#FFFFFF}
#Coupon { background-color:#333333;		border:#f7941e dashed;  padding:10px; margin-bottom:5px; font-size:12px;  color:#ffffff; text-align:center; color:#FF9900;-moz-border-radius: 9px;
						border-radius: 9px; text-shadow: 1px 1px 2px #000 ;}
#Coupon span{	font-size: 22px;	font-weight: bold; clear:both; text-align:center; color:#FFFFFF }
#Coupon p {	font-size: 12px; }
.ColorNames { float:left; width:80px; height:20px; padding:4px; font-size:9px}

/*REv styles added*/
h2 {color: #f7941e}
.nav{ color:#FFFFFF;}
#halfPageBox{max-width:48%; z-index:auto;  float:left; padding:10px; padding-top:0px; margin:15px; text-align:left}
#PageLocation{ margin-left:auto; margin-right:auto; z-index:auto;}
.error_strings{ color:#FF0000}
.granite { font-size:12px; font-weight:bold; padding-left:30px;}
.tabs{ margin:2px; float:left; width:150px; height:146px;}
.pagebox{ float:right; padding:10px; margin:10px; width:40%; background-color:#ececec; border:#CC9900 thin outset; font-size:12px}
.estimator{ padding:10px; text-align:center; font-size:10px}
.contenthome{  background-position:top;  max-width:1020px; background-repeat:no-repeat; }
.SpecialImage{ padding:10px; margin:2px; -moz-border-radius: 9px;						border-radius: 9px; box-shadow: 1px 1px 2px #000 ; border: thin #999999 solid; }
.SpecialImage a{ color:#fff; font-size:16px; font-weight:bold}
.SpecialImage a:hover{ color:#f00}
.SpecialLarge{ height:300px; border:thick solid #666666; margin:20px; font-size:24px; color:#FFFFFF}
.SpecialLarge a{ font-size:24px; color:#FFFFFF; background-color:#000000; padding:4px;}
input{ margin-top:4px;}
.exotic{ overflow:hidden; width:130px; height:130px; float:left;  margin:2px;}
#audio{ position:absolute; top:1px; right:1px; background-color:#000000; z-index:1001}

.cpnstone{ float:left; width:45%; margin:1%; overflow:hidden}

.cpnstone span{ font-size:14px}

/* Basic jQuery Slider essential styles */
#my-slideshow{ width:95%; border:thick gold solid; margin-left:auto; margin-right:auto; margin-top:10px; overflow: hidden; }
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; }
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:100%;margin:0;padding:2%;position:absolute;top:0; background-color:#000000; font-size:10px}
.expires { width:95%; padding:4px; margin-top:30px; border-top:thin #999999 solid; color:#999 ; font-style:italic }
		.Contain1{width:46%; float:left; margin:1%}	
.logo{ max-width: 30%; float:left}
.gmHeader { max-width: 65%; float:left}

.formatbg{  background-color: black; text-align: center; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: top;}



@media only screen and (max-width: 1000px) {
	
	.Contain1{width:100%; float:none; padding:10px; padding-top:0px; margin:15px; text-align:left}
	.sponsors{ visibility: hidden;}
	.logo{ max-width: 100%; float:none}
.gmHeader { max-width: 100%; float:none}
}
	
* {
  box-sizing: border-box;
}


.nav {
  height: 50px;
  width: 100%;
  background-color: #222;
  position: relative;
	
}

.nav > .nav-header {
  display: inline;
}

.nav > .nav-header > .nav-title {
  display: inline-block;
  font-size: 22px;
  color: #fff;
  padding: 10px 10px 10px 10px;
}

.nav > .nav-btn {
  display: none;
}

.nav > .nav-links {
  display: inline;
  float: right;
  font-size: 18px;
}

.nav > .nav-links > a {
  display: inline-block;
  padding: 13px 10px 13px 10px;
  text-decoration: none;
  color: #efefef;
}

.nav > .nav-links > a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.nav > #nav-check {
  display: none;
}

@media (max-width:800px) {
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 10px;
    border-top: 2px solid #eee;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #333;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
  }
  .nav > #nav-check:not(:checked) + .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked + .nav-links {
    height: calc(100vh - 50px);
    overflow-y: auto;
  }
}