/* start of commercial spa site css */

.list1 {
	
}

.list2 {
	
	
}
.easytext {


	margin-bottom:20px;
	color: #FFF;
	font-weight: 300;
	font-size: 1.1em;
	}

.feature-img {

	
	margin-bottom:40px;
	overflow: auto;




}

.imageborder {
	border: 40px solid rgba(255,255,255,0.1);
	width:100%;
	height:auto;
}

.feature-text {
	
	color: #FFF;
	line-height: 40px;
	
	overflow: auto;
	font-size: 3.0em;
	letter-spacing: 0.7px;
	padding: 60px;
	font-weight: 200;
	
}
.feature-text-sm {
	font-size: 0.6em;
	
}



.card1 {

	padding-bottom:20px;
	background-color:rgba(0,0,0,0.1);
}

.box-title {
	height:60px;
	color: #E8E4DD;
	font-weight: 200;
	margin-left:10px;
	margin-right:10px;
}

.box-body {
	height:90px;
	color: #E8E4DD;
	margin-left:10px;
	margin-right:10px;
}

/* end of commercial spa site css */
.blogid {
	font-size: 0.8em;
	font-style: italic;
	position:relative;
	bottom:10px;
	left:1px;
}


.blog-topimage {
	height:auto;
	width: 100%;
	padding-bottom:10px;
}





.blog-sideimage {
	float: right;
	height:auto;
	width: 30%;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}

.blog-sideimage-xs {
	float: right;
	height:auto;
	width: 50%;
	padding:10px;

}

#testimonial-main2 {
	overflow: auto;
	color: #555;
	z-index: 200;
	border:1px solid rgba(186,225,239,0.8);
	padding:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;


}
.tesimonial-title2 {
	font-size: 1.4em;
}
.testimonial-text2 {
	margin-left:4px;
	overflow:auto;
	padding-bottom:5px;
	padding-top:0px;
	font-size: 0.9em;
	font-style: italic;
}
.testimonial-owner2 {
	font-size:0.9em;
	margin-top:7px;
	padding-left:4px;


}
.testimonial-link2 {
	margin-top:6px;
	color:#00AEEF;
	text-align: center;
	font-size:0.9em;
	border:1px solid rgba(255, 255, 255, 0.3);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;


}
.testimonial-link2:hover {
	margin-top:6px;
	background-color: rgba(186,225,239,0.5);
	text-align: center;
	font-size:0.9em;
	border:1px solid rgba(186,225,239,0.3);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;


}


#testimonial-main {
	color:#FFF;
	overflow: auto;
	position:absolute;
	top:175px;
	left:35px;
	width:300px;
	z-index: 200;

}
.tesimonial-title {
	font-size: 1.1em;
}
.testimonial-text {
	font-size:0.8em;
	overflow:auto;
	padding-bottom:5px;
	padding-top:0px;
}
.testimonial-owner {
	font-size:0.6em;
	margin-top:7px;


}
.testimonial-link {
	text-align: center;
	font-size:0.8em;
	border:1px solid rgba(255, 255, 255, 0.3);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;


}
.testimonial-link:hover {
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	font-size:0.8em;
	border:1px solid rgba(255, 255, 255, 0.3);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;


}

#findyourdealer {
	position:absolute;
	top: 170px;
	right:27px;
	height:207px;
	width:110px;
	background-color: rgba(0,0,0,0.75);
	z-index: 100;
	padding:10px;
	text-align: center;
	line-height: 20 px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#FFF;
}

#quickmenu {
	position:absolute;
	top: 52px;
	left:0px;
	height:400px;
	width:175px;
	
	z-index: 100;


	line-height: 20 px;
	color:#333;
	z-index: 20;
}

.quickmenu-link {
	background-color: rgba(255,255,255,0.40);
	width:100%;
	padding-left:15px;

	margin-bottom:2px;
	height:50px;
	line-height: 50px;
	font-size: 0.9em;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.quickmenu-link:hover {
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.4))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#66ffffff',GradientType=1 ); /* IE6-9 */


	width:100%;
	margin-bottom:2px;
	cursor: pointer;

}



#color-background {
	background-color: #2c3e50;
	color:#FFF;
	z-index: 200;
}
#color-background2 {
	background-color: #FFF;
	color:#222;
	z-index: 200;
}

.stripe {
	width:100%;
	height:80px;
	background-color: #2c3e50;
	margin-top:0px;
	position:relative;
	bottom:60px;
	border-bottom:1px solid rgba(255,255,255,0.05);

}

.stripe-content {
	color:rgba(255,255,255,0.6);

	height:80px;
	padding:10px;


} 

.stripe-border {
	border-right:1px solid rgba(255,255,255,0.05);

}

.stripe-content:hover{
	color:rgba(255,255,255,1.0);
	background-color:#34495e;
	height:80px;
	padding:10px;
	cursor: pointer;
} 

.strip-image {
	height:60px;
	width:auto;
	margin-right:10px;
	float:left;
}

.stripe-title {
	margin:0px;
	padding:0px;
	font-size: 1.5em;
	

}

.stripe p {
	margin-top:2px;
	line-height: 16px;
	font-size:0.9em;
}


 

.stripe2 {
	width:100%;
	height:35px;
	background-color: #2c3e50;
	margin-top:0px;
	position:relative;
	bottom:60px;

}

.stripe-content2 {
	color:rgba(255,255,255,0.6);

	height:35px;
	padding:8px;

} 

.stripe-border2 {
	border-right:1px solid rgba(255,255,255,0.05);
}

.stripe-content2:hover{
	color:rgba(255,255,255,1.0);
	background-color:#34495e;
	height:35px;

	cursor: pointer;
} 

.strip-image2 {
	height:20px;
	width:auto;
	margin-right:10px;
	float:left;
}

.stripe-title2 {
	margin:0px;
	padding:0px;
	font-size: 1.0em;
	

}

.stripe2 p {
	margin-top:2px;
	line-height: 16px;
	font-size:0.9em;
}


.video-holder {
	margin-top:20px;
	padding:2px 10px 10px 10px;
	background-image: url(../img/classy_fabric.png);
	background-repeat: repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;

}

.flex-video {
  position: relative;
  padding-bottom: 67.5%;
  height: 0;
  box-shadow: 1px 2px 3px #000;
  overflow: hidden;
}



.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}


.optlink {
	cursor: pointer;
	
}

.whitetopstrip {
	width:100%;
	height:20px;
	position:fixed;
	background-color:#FFF;
	z-index:35;
	top:-20px;
}
#logohover {
    width: 250px;
    height:auto;
 	 position: absolute;
    top:120px;
    left: 50%;
    margin-left:-125px;
    margin-top:-50px;
    z-index: 20;   
}

.gallery-shadow {
	box-shadow:0px 1px 2px #222;
	cursor: pointer;
	margin-bottom:2px;

}

.slideposition {
	position:absolute; 
	left:50%; 
	right:50%; 
	margin-left:-1000px;

}

.slide-header {
	font-size:2.5em;
	position:relative;
	
}
.slide-text {
	font-size:1.3em;
	position:relative;
	
}

.video-container {
	color:#1D2F3E;
	border:1px solid #D8D8D8;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:20px;
	padding-left:7px;
	background-color: #FFF;
	overflow: auto;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}

.video-container-index {
	
	border:1px solid #333;
	padding-top:15px;
	padding-bottom:5px;
	margin-bottom:20px;
	padding-left:7px;
	background-color: rgba(0, 0, 0, 0.2);
	overflow: auto;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}


.video-info {

	color:#333;
	font-size: 1.6em;
	line-height: 1.0em;
	padding-bottom:5px;
	

}

.light {
	font-weight: 300;
}


.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: red;
}


.socialmedia-top {
	position: absolute;
	top: 55px;
	right:22px;
	z-index:40;
	opacity: 0.4;

}
.class-name {
	position:relative;
	bottom:200px;
	z-index:50;
	height:100px;
	left:15px;
	font-size: 5.0em;

	line-height: 53px;

	opacity: 0.75;

	

}

#overlay-wrapper {
	position:absolute;
	top:50px;
	width:100%;
	height:300px;


}
.bottom-border {
	position:absolute;
	bottom:0px;
	width: 100%;
	height:125;
}


.overlay-header {
	line-height: 50px;
	margin-top:60px;
	margin-left:15px;


}

.overlay-header-xs {
	line-height: 50px;
	margin-top:100px;
	margin-left:15px;


}

.blue {
	color:#428bca;

}

.green {
	color:#5cb85c;
	
}

.red {
	color:#d9534f;
}


.expnd {

	color:#888;
	cursor: pointer;

}

.expnd-txt {
	color:#FFF;
	font-size:1.2em;
	line-height: 1.8em;
	font-weight: 200;
	padding:20px;


}
.imgborder {
	padding:4px;
	border: 1px solid #C0C0C0;
}

.socialmedia-top-icon {

	margin:0px;
}




.spa-thumbnail-wrapper {
	background-image: url(img/b25.png);
	background-repeat: repeat;
}

.top-right-image {
	position:absolute;
	right:0px;
	top:50px;
	z-index: -10;
}



.point {
	cursor: pointer;
}

.top-left-image {
	position:absolute;
	left:0px;
	top:550px;
	z-index: -10;
}

.stn-feature-heading {
	font-size:3.0em;
	opacity: 0.9;
	font-weight: 300;
	line-height: 1.0em;
}

.stn-text-muted {
	opacity: 0.5;
}

.stn-lead {
	
	font-size: 1.2em;
	font-weight: 200;
	line-height: 1.4em;
	margin-top: 20px;

}

.stn-divider {
	padding-top:60px;
	padding-bottom:30px;
	border-top:1px solid #D8D8D8;
}



#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  position: fixed;
  display: block;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

.loading-image {
display:block;
margin: 0 auto;
    position:relative;
    top:40%;
  z-index: 100;
}

.feature-display {
	padding-top:10px;
	padding:0px;

}


.stn-box-image {
	width:100%;
	height:auto;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;


}

.stn-box-image-shadow {
	width:100%;
	height:auto;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow: 0px 1px 1px #222;

}

.sidebar-blk {
background-image:url(../img/b10.png); 
background-repeat:repeat;  
overflow:auto;">
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}


.image-shadow {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow: 0px 1px 1px #222;

}

.slidertext {
	position:absolute;
	bottom:-20px;
	opacity: 0.7;
	


}

.stn-box-image-sq {
	width:100%;
	height:auto;
	margin-bottom:20px;
	border: 3px solid rgba(0, 0, 0, .2);
		-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
}

.stn-box-image-sq:hover {
	width:100%;
	height:auto;
	margin-bottom:20px;
	border: 3px solid rgba(255, 255, 255, .8);
		-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.stn-box-image-sq:active {
	width:100%;
	height:auto;
	margin-bottom:20px;
	border: 3px solid rgba(255, 255, 255, .2);
		-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


.stn-box-image-md {
	width:50%;
	height:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
	clear:right;

}


.stn-box-title {
	font-size:1.2em;
	font-weight: 200;
	line-height: 1.0em;
	padding-top:4px;
	padding-bottom:4px;

}



.stn-box-text {
	font-size:0.9em;
	line-height:1.3em;
	padding-top:4px;
	padding-bottom:4px;
}

.stn-box-text-article {
	font-size:1.0em;
	line-height:1.6em;
	padding-top:4px;
	padding-bottom:4px;
}



.opacity5 {
	opacity:0.5;
}
.opacity5:hover {
	opacity:0.85;
}

.opacity7 {
	opacity:0.75;
}
.opacity7:hover {
	opacity:0.9;
}

.cen {
	text-align: center;
}

.blk {
	color:#000;
}

.subnav-on {
	background-color:#2980b9;
	color:#fff;
}

.subnav-on:hover {
	background-color:#2980b9;
	color:#fff;
}
.rht {
	text-align: right;
}

.wht {
	color:#FFF;
}

.gry {
	color:#333;
}

.bold {
	font-weight: bold;
}
.border-top {
	border-top:1px solid #D8D8D8;
	padding-top:50px;

}

.border-top2 {
	border-top:1px solid #666;
	padding-top:50px;

}

.cs-filled-bg {
	background-color: #333;
	margin-top:30px;
	padding-top:20px;
	margin-bottom:0px;
	padding-bottom:30px;
	
}

.footerlink-list {
	list-style-type: none; 
	padding: 0; 
	margin-left: 0; 
	font-weight:200; 
	letter-spacing:1px;
	line-height:1.6em;
}

.boxwrap {
	overflow: auto;
}

.boxwrap2 {
	padding-bottom: 10px;
	overflow: auto;
	margin-bottom:10px;
}
.spl-wrapper {
	position:absolute; 
	bottom:0; 
	padding-top:20px; 
	width:auto;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.77) 54%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(54%,rgba(0,0,0,0.77))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 54%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 54%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 54%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.77) 54%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c4000000',GradientType=0 ); /* IE6-9 */




}
.spl-wrapper2 {
	position:relative; 
	padding-top:20px; 

}

#spl-center {
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	width:220px;
	height:auto;
}

.txt-light-lg {
	font-weight:100;	
	font-size:2.5em;
	padding-top:20px;
	padding-bottom:0px;

}


.padding10 {
	margin-bottom:10px;
}

.txt-lg {
	font-size: 1.2em;
	letter-spacing:1px;
	font-weight: 100;
}

.txt-md {
	font-size: 0.9em;
	letter-spacing:1px;
	font-weight: 100;
	line-height:15px;
}

.txt-sm {
	font-size: 0.8em;
	letter-spacing:1px;
	font-weight: 100;
}

.stn-border {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px #000;
	background-image: url(../img/w10.png);
	background-repeat: repeat;
	margin-bottom: 20px;

}

.stn-border:hover {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px #000;
	background-image: url(../img/w25.png);
	background-repeat: repeat;
	margin-bottom: 20px;
}

.container5 {
	background-image: url(../img/b25.png);
	background-repeat: repeat;
	width:200px;


}

.stn-borderhover {
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 0px #000;

	
}

.stn-borderhover:hover {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 2px 2px 20px #DFEFF7;


}

.stn-borderhoverdrk {
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(../img/w0.png);
	background-repeat: repeat;
	
}

.stn-borderhoverdrk:hover {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(../img/b25.png);
	background-repeat: repeat;

}

.stn-borderhoverdrk-sm {
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(../img/w0.png);
	background-repeat: repeat;
	margin-bottom: 20px;
	
}

.stn-borderhoverdrk-sm:hover {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: url(../img/b25.png);
	background-repeat: repeat;
	cursor: pointer;

}

.stn-borderhoverwht {
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 0px #000;
	background-repeat: repeat;
	

	
}

.stn-borderhoverwht:hover {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 1px #000;
	background-image: url(../img/b25.png);
	background-repeat: repeat;



}



.cslogo {
	position: absolute;
	z-index:100;

}
#cslogo2 {
	width:110px;
	height:48px;
	margin-left:auto;
	margin-right:auto;
	z-index:100;

}

#cslogo2 img {
	height:48px;
}

.cslogo img {
	height:48px;
	
	
}

.nav-spa-thumb {
	color:#FFF;
	text-align: center;
	font-size: 0.8em;

}

.txt-nav-thumb {
	color:#000;
	text-align: center;
	font-size: 1.0em;
	margin-bottom: 30px;

}

.spa-series-title {
	color:#FFF; 
	
	font-weight: 100;
	font-size: 2.7em;
	line-height:1.0em;
	margin-top:-5px;
	padding-bottom: 15px;

}

.spa-series-subtitle {
	color:#FFF; 
	
	font-weight: 300;
	font-size: 1.4em;
	padding-bottom:5px;
	

}

.series-headerimage {
	height:auto; 
	width:100%;
	box-shadow: 0px 0px 1px #666;
	margin-top:15px;
	border-top:1px solid #FFF;
	margin-bottom:20px;
}


.button-series-colors {
	width:100%; 
	text-align:left; 
	margin-bottom:20px;


}

.button-spa-select {
	width:96%; 
	text-align:left; 
	margin-bottom:20px;
	margin-left:2%;
	margin-top:20px;
	

}
.tab-series {
	background-color:#FFF; 
	margin-bottom:2px; 
	color:#2c3e50;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-top:30px;
	opacity: 0.7;
	border: solid 1px #FFF;

}

.tab-swatch {
	background-color:#000; 
	

}

.txt-light-md {
	font-weight:100;
	font-size:2.0em;

}

.txt-light-sm {
	font-weight:200;
	font-size:1.5em;
	

}

.nav li a {
	color:#FFF;
} 
.nav li a:hover {
	color:#000;
} 

.nav li a span:hover {
	color:#000;
}
.glyphicon {
	color:#FFF;
}

.active .glyphicon {
	color:#F60;
}

.jumbo {

}

.btn-more-sm {
	width:50px;
	height:18px;
	border: 1px solid #FFF;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	line-height: 14px;
	font-size: 0.7em;
	text-align: center;
	float:right;
	cursor: pointer;
	margin:2px;
	opacity: 0.7;
}

.btn-more-sm:hover {
	background-color:#FFF;
	color:#d35400;
	opacity: 1.0;
}



.txt-light-sm2 {
	font-weight:200;
	font-size:1.5em;
	margin-left:5px;
	margin-bottom:5px;

}

.txt-alt-body {
	font-weight:200;
	font-size:0.9em;
	line-height:1.4em;
	letter-spacing:1px;
}

.txt-alt-h3 {
	font-weight:200;
	font-size:1.5em;
	line-height:1.5em;
	padding-top:10px;
	letter-spacing:1px;
}	

.flt-right {
	float: right;
	margin-left:10px;
}



.button-select-spa {
	width:100%;
	margin-right:10px;
	margin-left:10px;
	background-color: #000;
	color: #FFF;
	text-align: center;
	margin-top:50px;

}

.nav-spa {
	padding-top:20px;
	cursor: pointer;
	padding-bottom:20px;
}

.nav-spa-on {
 	padding-top:20px;
 	padding-bottom:20px;
 	border-bottom: 3px #FFF solid;
 	margin-bottom:-2px;
 	margin-left:1px;
 	margin-right:1px;
 	cursor: default;
 	
 }

 .nav-spa:hover {
 	padding-top:20px;
 	border-bottom: 3px #FFF solid;
 	margin-bottom:-2px;
 
 }

.container2 {

  margin-right: auto;
  margin-left: auto;
}

.tab-pane {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.8em;
	background-color:#000;
	
}


.spa-top {
	margin-top:0;
	width:100%;
	height:auto;
	max-width:500px;
}

.table-borderless td,
.table-borderless th {
    border: 0;
    }

.seriesjetcount {
	margin-top:10px;
}

.pushdown4 {
	margin-top:4px;
}

.jetbox {
	height:30px;
	width:40px;
	padding-left:5px;
	padding-right:5px;
	line-height: 27px;
	margin-bottom:16px;
	margin-top:0px;

	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 2px solid #FFF;
	text-align:center;
	
	
	font-size:1.2em;
	margin-top:0px;
	font-weight:400;
	float:right;
	clear:left;
	margin-left: 5px;
}
.or {
	float:right;
	margin-right:3px;
	margin-left:8px;
	margin-top:4px;
}



.xsborder {
	border-bottom:solid 1px #FFF;
	padding-bottom:5px;
	margin-bottom:10px;
}



.socialmedia {

	opacity: 0.3;
}
#center {
	margin-left:auto;
	margin-right:auto;
	width:200px;

}

.stn-bold {
	font-weight:500;
}


#footerhover {
	width:67px;
	height:50px;
	float:right;
}
#footerhover:hover {
	background-color: #000;
}

#footerhoversm {
	width:33px;
	height:50px;
	float:right;
}
#footerhoversm:hover {
	background-color: #000;
}

.socialmedia:hover {
	opacity:1.0;
	background-color: #000;
}
.footertext {
	margin-top:15px;
	opacity:0.5;
	font-weight: 200;
	color:#FFF;
}

.footertext2 {
	margin-top:10px;
	opacity:0.5;
	font-weight: 200;
	font-size: 0.8em;
	color:#FFF;
}

.swatch {
	width:100%;
	height:auto;
	overflow:auto;
	padding-bottom:10px;
}
.swatchtext {
	text-align: center;
	margin-top:-7px;
	line-height: 15px;
	height:30px;
	font-size: 0.9em;
	margin-bottom: 10px;
}
.cindent {
	text-indent:15px; 
	font-style:italic;

}



.tab-pane {
	background-color:#FFF;
	overflow: auto;
}

.modalgalleryimage {
	width:100%;
	height:auto;


}


/* footer css */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -50px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 50px;
}
#footer {
  background-color: #1b1f22;
  padding-left:20px;
  padding-right:20px;
}


.btn-cs {
  color: #000;

  border-color: #000;
}

.btn-cs:hover,
.btn-cs:focus,
.btn-cs:active,
.btn-cs.active,
.open .dropdown-toggle.btn-cs {
  color: #333333;
  border-color: #adadad;
}

.btn-cs:active,
.btn-cs.active,
.open .dropdown-toggle.btn-cs {
  background-image: none;
}

.btn-cs.disabled,
.btn-cs[disabled],
fieldset[disabled] .btn-cs,
.btn-cs.disabled:hover,
.btn-cs[disabled]:hover,
fieldset[disabled] .btn-cs:hover,
.btn-cs.disabled:focus,
.btn-cs[disabled]:focus,
fieldset[disabled] .btn-cs:focus,
.btn-cs.disabled:active,
.btn-cs[disabled]:active,
fieldset[disabled] .btn-cs:active,
.btn-cs.disabled.active,
.btn-cs[disabled].active,
fieldset[disabled] .btn-cs.active {
  border-color: #cccccc;
}
.myButton {
        
        -moz-box-shadow:inset 0px -13px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px -13px 0px 0px #ffffff;
        box-shadow:inset 0px -13px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:2px;
        cursor: pointer;
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#000;
     	font-weight: 200;
        font-size:1.0em;
 		opacity: 0.40;
        padding:5px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        opacity: 0.85;
        background-color:#f6f6f6;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }

    .myButtonwht {
        
        -moz-box-shadow:inset 0px -13px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px -13px 0px 0px #ffffff;
        box-shadow:inset 0px -13px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:2px;
        cursor: pointer;
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666;
     	font-weight: 200;
        font-size:1.0em;
 		
        padding:5px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .myButtonwht:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        
        background-color:#f6f6f6;
    }
    .myButtonwht:active {
        position:relative;
        top:1px;
    }


.belize-hole-flat-button {
  position: relative;
  vertical-align: top;
  font-weight:100;
  width: 100%;
  height: 35px;
  padding: 0;
  font-size: 14px;
  line-height:35px;
  color: white;
  text-align: center;
  background: #2980b9;
  border: 0;
  border-bottom: 2px solid #2475ab;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #2475ab;
  box-shadow: inset 0 -2px #2475ab;
  letter-spacing: 1px;
}
.belize-hole-flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}



div#full-size {
	width:250px;
	height:188px;
	background-color: #000;


}

div#full-size2 {
	width:250px;
	height:188px;
	background-color: #000;
}

div.acrylic-place {
  background-image: url(../img/swatch-acrylic.jpg);
}
div.cabinet-place {
  background-image: url(../img/swatch-cabinet.jpg);
}

div.tuscansun {
  background-image: url(../img/swatch-acrylic-tuscansun.jpg);
}
div.tranquility {
  background-image: url(../img/swatch-acrylic-tranquility.jpg);
}
div.stormclou {
  background-image: url(../img/swatch-acrylic-stormclou.jpg);
}
div.sterling {
  background-image: url(../img/swatch-acrylic-sterling.jpg);
}
div.snowwhite {
  background-image: url(../img/swatch-acrylic-snowwhite.jpg);
}
div.sierra {
  background-image: url(../img/swatch-acrylic-sierra.jpg);
}
div.pearlshad {
  background-image: url(../img/swatch-acrylic-pearlshad.jpg);
}
div.midnightcan {
  background-image: url(../img/swatch-acrylic-midnightcan.jpg);
}
div.latte {
  background-image: url(../img/swatch-acrylic-latte.jpg);
}
div.deserthori {
  background-image: url(../img/swatch-acrylic-deserthori.jpg);
}
div.cobalt {
  background-image: url(../img/swatch-acrylic-cobalt.jpg);
}
div.cameo {
  background-image: url(../img/swatch-acrylic-cameo.jpg);
}
div.alba {
  background-image: url(../img/swatch-acrylic-alba.jpg);
}
div.tuscansun {
  background-image: url(../img/swatch-acrylic-tuscansun.jpg);
}
div.pacificrim {
  background-image: url(../img/swatch-acrylic-pacificrim.jpg);
}



div.stone {
  background-image: url(../img/swatch-slate-stone.jpg);
}
div.mountain {
  background-image: url(../img/swatch-slate-mountain.jpg);
}
div.desertsand {
  background-image: url(../img/swatch-slate-desertsand.jpg);
}
div.obsidian {
  background-image: url(../img/swatch-slate-obsidian.jpg);
}



div.ced-redwood {
  background-image: url(../img/swatch-cedar-redwood.jpg);
}
div.ced-grey {
  background-image: url(../img/swatch-cedar-grey.jpg);
}
div.ced-clear {
  background-image: url(../img/swatch-cedar-clear.jpg);
}
div.ced-black {
  background-image: url(../img/swatch-cedar-black.jpg);
}
div.ced-unstained {
  background-image: url(../img/swatch-cedar-unstained.jpg);
}


div.syn-redwood {
  background-image: url(../img/swatch-synthetic-redwood.jpg);
}
div.syn-mocha {
  background-image: url(../img/swatch-synthetic-mocha.jpg);
}
div.syn-grey {
  background-image: url(../img/swatch-synthetic-grey.jpg);
}
div.syn-chestnut {
  background-image: url(../img/swatch-synthetic-chestnut.jpg);
}
div.syn-black {
  background-image: url(../img/swatch-synthetic-black.jpg);
}




/* this is my customsnips CSS */

/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 0px 40px;


}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 100%;
  height: auto;
  
}
/* End carousel */