@font-face{
	font-family:"Abadi";
	src:url("/fonts/abadimtcondensedextrabold.ttf");
	font-weight: bold;
}
@font-face{
	font-family:"Arial Rounded";
	src:url("/fonts/arialroundedmtboldregular.ttf");
	font-weight: bold;
}

@font-face{
	font-family:"Phoenix";
	src:url("/fonts/phoenixscriptflf.ttf");
}

img {
	border: none 0px white
}
	
	#container {
		width: 1050px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		
	}
	
	#header {
		
		width: 1050px;
		margin-bottom:  auto;
		
	}
	
	#leftNav {
		
		width: 172px;
		float: left;
		margin-top: 0px;
		margin-left: 8px;

	}
	
	#content {
		
		width: 772px;
		margin-right: 50px;
		float: right;
		margin-top: 12px;

	}
	
	#footer {
		
		
		clear: left;
		clear: right;

	}
	
	.producttop {
		background-image: url('/images/200pxboxtop.gif');
		background-repeat: no-repeat;
		font-family: verdana, sans-serif;
		font-size: 12px;
		text-align: center;
		width:300px;
		margin-bottom: 0px;
		padding: 4px 5px 6px 5px;
		color: #333;

}

.productmid {
		background-image: url('/images/200pxboxmid.gif');
		background-repeat: repeat-y;
		padding: 4px 5px 4px 4px;
		width:300px;
		min-height: 400px;
		max-height: 400px;
		margin-top: 0px;
		margin-bottom: 0px;
}

.productbottom {
		margin-top: 0px;
		width: 300px;
		height: 37px;
		background-image: url('/images/200pxboxbottom.gif');
		background-repeat: no-repeat;

}

.centertnimage {
		margin-top: 10px;
		width: 200px;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
}

.productprice {
		color: #3b5b95;
		font-size: 24px;
		font-family: Impact, Charcoal, 'Futura-CondensedExtraBold', sans-serif;
		margin-top: 0px;
		margin-left: 180px;
		
}

.regularprice {
		color: #333333;
		font-size: 18px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		margin-left: 195px;
		

}

.moreinfoproductprice {
		color: #3b5b95;
		font-size: 30px;
		font-family: Impact, Charcoal, 'Futura-CondensedExtraBold', sans-serif;
		margin-top: 0px;
		font-weight: bold;
		
}

.moreinfoproductpricealone {
		color: #3b5b95;
		font-size: 36px;
		font-family: Impact, Charcoal, 'Futura-CondensedExtraBold', sans-serif;
		margin-top: 0px;
		font-weight: bold;
		
}


.moreinforegularprice {
		color: #333333;
		font-size: 18px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		

}



.shortdescription {

		color: #333333;
		font-size: 14px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		margin-top:10px;
		margin-left: 20px;
		margin-right: 35px;
		min-height: 90px;
		max-height: 90px;
		overflow: hidden;
		text-align:center;
	
}
		
	
	#stretcher_top, #picbox
	{
		background-image: url('/images/blueheader_04.gif');
		background-repeat: repeat-x;
		vertical-align: bottom;
	}
	
	#rightedge_top
	{
		background-image: url('/images/blueheader_05.gif');
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 20px;
		text-align: right;
	}
	
		
	#stretcher_bottom
	{
		background-image: url('/images/header_08.gif');
		background-repeat: repeat-x;
		padding-top: 3px;
	}
	
	#rightedge_bottom
	{
		background-image: url('/images/header_10.gif');
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 20px;
	}
	
	#nav_links
	{
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		margin-left: 150px
	}
	
		#nav_links a
		{
			padding: 0 10px 0 10px;
			color: #000000;
			text-decoration: none;
		}
		
		#nav_links a:hover
		{
			text-decoration: underline;
			color: #b23f32;
		}
		
	.los_links
	{		
				
		font-family: Helvetica, Verdana, Arial, sans-serif;		
	}
	
		.los_links a
		{
			
			font-family: Helvetica, Verdana, Arial, sans-serif;
			padding: 0 10px 0 10px;
			color: #000000;
			text-decoration: none;
		}
		
		.los_links a:hover
		{
			
			font-family: Helvetica, Verdana, Arial, sans-serif;
			text-decoration: underline;
			color: #b23f32;
		}

	.center
	{
		margin-right: auto;
		margin-left: auto;
		min-width: 772px;
		width: 772px;
		color: black;
		margin-top: 10px;
		font-size: 14px;
		text-align: center;
		font-family: Helvetica, Verdana, Arial;
		margin-bottom: 0px;
	}
	.topdiv
	{
	
		/* height: 180px; */
		height: 140px;
		background-color: #3d6695;
		/* background-image: url('/images/top_graphic.png'); */
		background-image: url('/images/spaandwall3.jpg');
		width: 772px;
		background-repeat: no-repeat;
	}
	
	
	.centerdiv
	{
		
		width: 772px;
		color: #1f1f1f;
	}

	.topcontent
	{
		background-repeat: no-repeat;
		background-image: url('/images/page_area_bg1.gif');
		height: 94px;
		width: 772px;
	}

	.content
	{	
		min-height: 350px;
		width: 772px;
		background-image: url('/images/page_area_bg2.gif');
		background-repeat: repeat-y;
	}

	.bottomcontent
	{
		background-image: url('/images/page_area_bg3.gif');
		background-repeat: no-repeat;
		height: 63px;
		width: 772px;
	}

	body
	{
		font-size: 16px;
		font-family: Helvetica, Verdana, Arial;
		background-color: white;
	}
	
		.box_header
	{
		background-image: url('/images/box_01.gif');
		background-repeat: no-repeat;
		font-family: verdana, sans-serif;
		font-size: 12px;
		text-align: center;
		width:172px;
		margin-bottom: 0px;
		padding: 4px 5px 6px 5px;
		color: #333;
	}
	
	.box_mid
	{
		background-image: url('/images/box_02.gif');
		background-repeat: repeat-y;
		padding: 4px 5px 4px 4px;
		width:172px;
		margin-top: 0px;
		margin-bottom: 0px;
		
	}
	
	.maincat, .topcat
	{
		width: 128px;
		font-family: arial, sans-serif;
		font-size: 14px;
		padding: 4px 2px 2px 4px;
		margin: 2px 1px 2px 1px;
		border-top: 1px solid #d9d6d1;
		font-weight: bold;
	}
	
	.maincat a
	{
		color: #033;
		text-decoration: none;
		cursor: pointer;
		
	}
	
	.topcat a
	{
		color: #003333;
		text-decoration: none;
		font-weight: bold;
	}
	
	.topcat a:hover { text-decoration: underline; }
	
	.subcat
	{
		padding-left: 20px;
		font-family: verdana;
		font-size: 12px;
		font-weight: bold;
	}
		.sub_subcat
	{
		padding-left: 30px;
		font-family: verdana;
		font-size: 11px;

	}
	
	.lsubcat
	{
		padding-left: 40px;
		font-family: verdana;
		font-size: 10px;
	}
	
	.subcat a, .lsubcat a, .sub_subcat a
	{
		color: #333;
		text-decoration: none;
	}
	
		
	
	.subcat a:hover,  .sub_subcat a:hover, .lsubcat a:hover { color: #d8675b; }
	
	.allitems
	{
		text-align: right;
		padding-right: 20px;
	}
	
	.allitems a
	{
		color: #b23f32;
		font-family: verdana;
		font-size: 11px;
		font-style: italic;
		font-weight: bold;
	}
	
	#sfrm
	{
		padding-left: 12px;
		padding-right: 12px;
		color: #333;
		font-family: verdana;
		font-size: 11px;
		margin-bottom: 0px;
	}
	.box_bottom
	{
		margin-top: 0px;
		width: 172px;
		background-image: url('/images/box_04.gif');
		background-repeat: no-repeat;
	}
	
	div.tableHolder {
	width: 509px;
	padding: 0 4px;
	background: transparent url('/images/bkgd_product_table_holder.png') left top repeat-y;
		
	}
	

 
table.spaFeatures {
	border-collapse: collapse;
	width: 100%;
	
	}
 
table.spaFeatures td,
table.spaFeatures th {
	padding: 4px 8px;
	border: 1px solid #dbdedf;
	border-width: 0 0 1px 0;
	font-size:100%;
	line-height:1.42em;
	color: #666666;
	font-family: Helvetica, 'Lucida Grande', Arial, Geneva, sans-serif;
	font-size: 13px;

	}
 
table.spaFeatures th { text-align: left; font-style: normal; font-weight: normal; width: 140px; }

table.spaFeatures td { padding-left: 12px; }
 
table.spaFeatures tr.alt th {
	background-color: #EFF4F6;
	}
 
table.spaFeatures td { background: #FFF url('/images/bkgd_product_table_td_a.png') left top repeat-y; }

table.spaFeatures tr.alt td { background: #EFF4F6 url('/images/bkgd_product_table_td_b.png') left top repeat-y; }


 #featuresCaption {
	clear: both;
	width: 517px;
	margin-top: 4px;
	padding: 14px 0 8px 0;
	background: transparent url('/ebay/spas/bkgd_product_table_caption.png') left top no-repeat;
	}

#featuresCaption h3 {
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 1.0;
	color: #FFF;
	font-family: Helvetica, 'Lucida Grande', Arial, Geneva, sans-serif;
	font-size: 15px;
	} 
 



/* Hover Enlarge */

.thumbnail{
	position: relative;
	z-index: 0;
	}


.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
	}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 1px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -320px;
	left: -45px; /*position where enlarged image should offset horizontally */

	}

.thumbnail2{
	position: relative;
	z-index: 0;
	}

.thumbnail2:hover{
	background-color: transparent;
	z-index: 50;
	}

.thumbnail2 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 1px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail2 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -320px;
	left: -153px; /*position where enlarged image should offset horizontally */

	}

.thumbnail3{
	position: relative;
	z-index: 0;
	}

.thumbnail3:hover{
	background-color: transparent;
	z-index: 50;
	}

.thumbnail3 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 1px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail3 span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -320px;
	left: -261px; /*position where enlarged image should offset horizontally */

	}

/* CSS for front page */

#topsection {
	border-bottom-color: black;
	border-top-color: black;
	height: 213px;
	width: 720px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-top-style: solid;
	color: #3b3b3b;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial;
	text-align: left;
}

#introhead
	{
		margin-bottom: 5px;
		margin-top: 5px;
		color: #b23e32;
		font-weight: bold;
		font-size: 24px;
		font-family: Arial;
		text-align: left;
}

.catagorie_links
	{
		color: #555555;
		font-family: arial;
		font-size: 13px;
		font-weight: bold;
	}
	
		.catagorie_links a
		{
			padding: 0 10px 0 10px;
			color: #515151;
			text-decoration: none;
		}
		
		.catagorie_links a:hover
		{
			color: #b23e32;
			text-decoration: underline;
		}
.catshead
	{
		color: #3b3b3b;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial;
}

	.covertable
	{
	
		height: 368px;
	
		background-color: #3d6695;
		background-image: url('/images/cover_bg.gif');
		width: 772px;
		background-repeat: no-repeat;
	}
	.price
	{
		color: #3d6695;
		font-size: 36px;
		font-weight: bold;
		font-family: Impact, Charcoal, 'Futura-CondensedExtraBold', sans-serif;
	}

	.pricesmaller
	{
		color: #3b5b95;
		font-size: 24px;
		font-family: Impact, Charcoal, 'Futura-CondensedExtraBold', sans-serif;
	}

	.featurelist_sm
	{
		text-align: left;
		color: #333333;
		font-size: 14px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}

	.featurelist
	{
		text-align: left;
		color: #333333;
		font-size: 16px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}

	.test
	{
		border-top-width: 1px;
		height: 368px;
		background-color: white;
		top: -20px; 
		position: relative;
	}

	.centerdiv
	{
		
		width: 772px;
		color: #1f1f1f;
		margin-top: -1px;
	}
/* CSS for Cover Compair Chart */

	.row-basic {
		background:#ECF1F7;
	}
	.row-perso {
		background:#F1F5DC;
	}
	.row-pro {
		background:#FBF3DE;
	}
	.table-comparison {
		vertical-align:top;
	}
	.table-comparison div {
		width:95px;		
		height:19px;
		padding-top:3px;
		text-align:center;
	}
	.table-comparison-title div {
		width:359px;
		height:17px;
		padding:5px 5px 0px 5px;
	}
	
/* CSS for Packs */


	div.tableHolder2 {
	width: 620px;
	padding: 0 4px;
	background: transparent url('/images/bgkgd_product_table_holder3.png') left top repeat-y;
		
	}

	#featuresCaption2 {
	clear: both;
	width: 628px;
	margin-top: 4px;
	padding: 14px 0 8px 0;
	background: transparent url('/images/bkgd_product_table_caption3.png') left top no-repeat;
	}

	#featuresCaption2 h3 {
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 1.0;
	color: #FFF;
	font-family: Helvetica, 'Lucida Grande', Arial, Geneva, sans-serif;
	font-size: 15px;
	}

.coverHeading {
		font-family: 'Abadi', helvetica, sans-serif;
		font-size: 48px;
		font-weight: bold;
		color: #e4c352;
		text-shadow:
			-1px -1px 0 #000,  
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000,
		    7px 3px 7px black;
		margin-top: 0px;
		margin-bottom: 0px;
		
	}
	
.purchaseButton {
	width: 170px;
	height: 39px;
	background:#039103;
	background:-webkit-linear-gradient(#00c307,#039103);
    background:-moz-linear-gradient(#00c307,#039103);
    background:linear-gradient(#00c307,#039103);
	border: 2px solid #039103;
    -webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
    -webkit-box-shadow:inset 0 5px 5px rgba(255,255,255,0.2);
    -moz-box-shadow:inset 0 5px 5px rgba(255,255,255,0.2);
    box-shadow:inset 0 5px 5px rgba(255,255,255,0.2);
	cursor: pointer;
	vertical-align: text-top;
	margin-left: 20px;
	margin-top: 1px;
	display: inline-block;
}

.purchaseButton span {

		color:white; 
		text-shadow: 1px 1px 1px black;
	}

.purchaseButton:hover {
	background:#006c00;
    background:-webkit-linear-gradient(#00b300,#006c00);
    background:-moz-linear-gradient(#00b300,#006c00);
    background:linear-gradient(#00b300,#006c00);
}

.spaTitle {
	font-family: 'Phoenix', helvetica, sans-serif;
	font-size: 72px;
	color: #403e3e;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

.spaTitle span {
	font-family: 'Arial Rounded', helvetica, sans-serif;
	font-size: 24px;
	vertical-align: text-top;
	display: inline-block;
	margin-right: -40px;

}

 div#cf7_controls { 
    width:650px; 
    margin-left:auto; 
    margin-right: auto; 
    max-width: 100%; 
} 
#cf7_controls span { 
    cursor:pointer; 
    display: block; 
    width: 130px; 
    height: 130px; 
    float:left; 
    text-align: center; 
    font-size: 12px; 
    margin-bottom: 20px; 
} 
#cf7 { 
    position:relative; 
    height:340px; 
    width:700px; 
    max-width: 100%; 
    margin-left:auto; 
    margin-right: auto; 
    margin-top:40px; 
    background-image: url('https://www.spaguyusa.com/media/gray-cabinet-corner.png'); 
    background-size: 100%; 
    background-repeat: no-repeat; 
} 
#cf7 img { 
    position:absolute; 
    left:0; 
    -webkit-transition: opacity 1s ease-in-out; 
    -moz-transition: opacity 1s ease-in-out; 
    -o-transition: opacity 1s ease-in-out; 
    transition: opacity 1s ease-in-out; 
    opacity:0; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    filter: alpha(opacity=0); 
} 
 
#cf7 img.opaque { 
    opacity:1; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter: alpha(opacity=1); 
} 
 
.selected { 
    background-image: url('https://www.spaguyusa.com/media/active.png'); 
    background-repeat: no-repeat; 
    height:130px; 
    width:130px; 
}

.promoboxes {
        font-family: 'Coda', Impact, Charcoal, 'Futura-CondensedExtraBold', sans-serif;
        color: white;
        text-align: left;
    }

    .promoboxes h2 {
        font-weight: bold;
    }

    .promoboxes h3 {
        font-weight: bold;
    }

    .promoBoxesText {
        font-family: helvetica, sans-serif;
        font-size: 12px;
        color: white;
        text-align: left;
    }

    .promoBoxesPrice {
        text-align: right;
        font-family: 'Coda', Impact, Charcoal, 'Futura-CondensedExtraBold', sans-serif;
        font-size: 20px;
        color: white;
        margin-top: 0px;
        font-weight: bold;
        line-height: 110%;
        padding-top: 10px;
    }

    .enterMeasurements {
        background: #039103;
        background: -webkit-linear-gradient(#00c307, #039103);
        background: -moz-linear-gradient(#00c307, #039103);
        background: linear-gradient(#00c307, #039103);
        border: 1px solid #039103;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
        cursor: pointer;
    }

    .enterMeasurements:hover {
        background: #006c00;
        background: -webkit-linear-gradient(#00b300, #006c00);
        background: -moz-linear-gradient(#00b300, #006c00);
        background: linear-gradient(#00b300, #006c00);
    }

    .learnMore {
        background: #0045a0;
        background: -webkit-linear-gradient(#6Baedf, #1460a2);
        background: -moz-linear-gradient(#6Baedf, #1460a2);
        background: linear-gradient(#6Baedf, #1460a2);
        border: 1px solid #0045a0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
        cursor: pointer;
    }

    .learnMore:hover {
        background: #4197d6;
        background: -webkit-linear-gradient(#4197d6, #0e4575);
        background: -moz-linear-gradient(#4197d6, #0e4575);
        background: linear-gradient(#4197d6, #0e4575);
    }

    .coverHeaddings {
        font-weight: bold;
        color: white;
        text-shadow: 4px 3px 4px black;
    }

    .coverHeadings h1 {
        font-size: 28px;
    }

    .coverHeadings h2 {
        font-size: 24px;
    }

    .promoHeadding {
        font-size: 16px;
    }

    @media screen and (max-width: 992px) {
        .marginFix {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }
    }

    @media screen and (max-width: 768px) {
        .boxCorner {
            border-radius: 20px;
        }
    }