body {
	background-color: #d0d0cb;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px
	}

a:link{text-decoration:none;color:#000000;}
a:visited{text-decoration:none;color:#000000;}
a:active{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#000000;}

a.body:link{text-decoration:none;color:#0000cc;}
a.body:visited{text-decoration:none;color:#0000cc;}
a.body:active{text-decoration:none;color:#0000cc;}
a.body:hover{text-decoration:underline;color:#993333;}

a.sub {
color:#666666; text-decoration:none;  
}
a.sub:hover {
color:#990000; text-decoration:underline;  
}

a.sub_top{
color:#666666; text-decoration:none; font-size:11px;  
}
a.sub_top:hover {
color:#990000; text-decoration:underline; font-size:11px;  
}

a.sub_nav{
color:#ffffff; font-weight:bold; text-decoration:none; font-size:14px;  
}
a.sub_nav:hover {
color:#333333; font-weight:bold; text-decoration:none; font-size:14px;  
}

a.sub_blue{
color:#003399; text-decoration:underline; font-size:11px;  
}
a.sub_blue:hover {
color:#003399; text-decoration:none; font-size:11px;  
}

.description_container_left{
width: 575px;
}
.description_container_left #description-title{
font-weight: bold;
}
.description_container_left #description-text{
font-weight: normal;
float:left;
width: 500px;
margin-bottom: 20px;
}
.description_container_left #description-image{
float: left;
width: 180px;
align: center;
text-align: center;
margin-bottom: 20px;
}
.description_container_right{
width: 575px;
}
.description_container_right #description-title{
font-weight: bold;
}
.description_container_right #description-text{
font-weight: normal;
float:right;
width: 575px;
margin-bottom: 20px;
}
.description_container_right #description-image{
float: right;
width: 100px;
align: left;
text-align: left;
margin-bottom: 20px;
}

.big {
	font-size: 15px;
	font-weight: bold;
	font-color: #cccccc;
}

.product_image{
margin: 10px;
}

.VerticalDash{
 display:inline;
 vertical-align:middle;
}


#header {
	height:60px;
	background-color: #fff;
	margin-bottom:10px;
	}

#mybody {
	margin: auto;
	width: 957px;
	padding: 0px;
	background-color: #fff;
}

#container {
	margin:  auto;
	width: 575px;
	background-color: #fff;
	text-align: left;
	}

#logo {
	font-size: 1.5em;
	font-family: arial, sans-serif;
	padding: 0px;
	width: 350px;
	float: left;
	}

#leftnav {
	left: 0px;
	background-color: #fff;
	height: auto;
	padding: 0;
	margin: 0;
	width: 180px;
	}

	
.stretchtd {
	margin:0px;
	padding: 0px;
	width: 183px
	}
#maincontent {
	background-color: #fff;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}

#title {
	background-color: #444;
	padding: 8px;
	padding-bottom: 6px;
	font-size: 20px;
	letter-spacing: 6px;
	color: #fff;
	}
/*------#titleJ at bottom with SEO Styles 1/27/07-------------*/

#title2 {
	/*background-color: #829DAB;*/
	background-color: #444;
	padding: 8px;
	font-size: 16px;
	letter-spacing: 4px;
	color: #ffffff;
	font-weight: bold;
	}
#bottom {
	background-color: #666666;
	padding: 10px;
	margin-top:10px;
	text-align:center;
	}

#middlecontent{
	padding: 7px 0 0 0;
	}

#middlecontent_text{
	padding: 7px;
	}

#folderheaderul ul, #foldinglist ul{
			padding:0px;
			margin: 0px;
			list-style-type: none;
			width: 10em
			}

#folderheaderul ul li, #foldinglist ul li{

	display: inline;

}

#folderheaderul ul li a, #foldinglist ul li a {

			width: 10em
			
}

#foldheader{
			cursor:pointer;
			color: #666;
			list-style-type: none;
			padding:0px;
			margin: 0px;
			width: 180px;
			}


.home{
			font-weight:bold ;
			list-style-image:url('fold.gif');
			color: #fff;
			background-color: #444;
			padding: 2px;
			width: 180px
			}

.home2{
			font-weight:bold ;
			list-style-image:url('fold.gif');
			color: #fff;
			background-color: #ccc;
			padding: 2px;
			width: 180px;
			list-style-type: none
			}

.home a, .home2 a {
	color: #fff;
	text-decoration: none;
}

.folderheader_link_style{
			background-color: #ddd;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}

.folderheader_link_style2{
			background-color: #BDB776;
			color: #fff;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}

.folderheader_link_price{
			background-color: #ddd;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
			
}

.folderheader_link_price_on{
			background-color: #96ACB2;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}
.folderheader_link_price_sub{
			background-color: #bfd3d8;
			padding: 2px;
			width: 180px;
			
}

.folderheader_link_price2{
			background-color: #96ACB2;
			color: #fff;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}

.folderheader_link_jacuzzi{
			background-color: #ddd;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}

.folderheader_link_jacuzzi2{
			background-color: #8FAC7F;
			color: #fff;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}


.folderheader_link_panel{
			background-color: #ddd;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}

.folderheader_link_panel2{
			background-color: #E9BF97;
			color: #fff;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}


.folderheader_link_sauna{
			background-color: #ddd;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}

.folderheader_link_sauna2{
			background-color: #DCB4BF;
			color: #fff;
			font-weight:bold ;
			padding: 2px;
			width: 180px;
}

.folderlink{
			font-weight:bold ;
			list-style-image:url('fold.gif');
			color: #666;
			background-color: #e0e0e0;
			padding: 2px;
			width: 180px;
			list-style-type: none
			}
.folderlink2{
			font-weight:bold ;
			list-style-image:url('fold.gif');
			color: #666;
			background-color: #eeeeee;
			padding: 2px;
			width: 180px;
			list-style-type: none
			}

#foldinglist{
			color: #666;
			}

#foldinglist_link_style{
			color: #eee;
			background-color: #ccc;
			padding: 2px;
			width: 180px;
			}

#foldinglist_link_price{
			color: #000;
			background-color: #c0d0dc;
			padding: 0px 0px 3px 0px;
			width: 180px;
			font-size: 11px;
			font-family: tahoma, verdana, arial, helvetica, sans-serif;
			letter-spacing: 2px;
			}

#foldinglist_link_price a{
			color: #333;
			}


#foldinglist_link_price:before {content: "?";}

#foldinglist_link_jacuzzi{
			color: #000;
			background-color: #ebf0e3;
			padding: 0px 0px 3px 0px;
			width: 180px;
			font-size: 11px;
			font-family: tahoma, verdana, arial, helvetica, sans-serif;
			letter-spacing: 2px;
			}

#foldinglist_link_jacuzzi a{
			color: #333;
			}

#foldinglist_link_jacuzzi:before {content: "?";}

.sidebackground {

background-color: #ccc; background-image: url('sidebackground.jpg'); height: 40px;
}
.sidebackground2 {

background-color: #ccc; background-image: url('sidebackground.jpg'); height: 40px;
}


.salebackground {

background-color: #ccc; background-image: url('salebackground.jpg'); height: 106px;
margin-bottom: 3px;
}
.salebackground2 {

background-color: #ccc; background-image: url('salebackground.jpg'); height: 106px;
margin-bottom: 3px;
}


a.dropdown:visited {color:#666;text-decoration: none; font-weight:none;}
a.dropdown:hover {color:#fff; text-decoration: underlined; font-weight:none;}
a.dropdown:link {color:#666; text-decoration: none; font-weight:none;}
a.dropdown:active {color:#666; text-decoration: none; font-weight:none;}


#foldinglist{list-style-image:url('list.gif')}

.tmp_menu_1_bg			{ background-color:#EBF0E3; }
.tmp_menu_2_bg			{ background-color:#DCE6EB; }
.tmp_menu_3_bg			{ background-color:#F1ECC7; }
.tmp_cat_menu_1_bg			{ background-color:#A51E10; }
.tmp_cat_menu_2_bg			{ background-color:#dce6eb; }
.tmp_cat_menu_3_bg			{ background-color:#C1B38C; }
.tmp_gray_bolder_bg			{ background-color:#CCCCCC; }
.tmp_bg			{ background-color:#FFFFFF; }

#tmp_header_1_bg {
	background-color: #ffffff;
	padding: 7px;
	padding-bottom: 6px;
	font-weight:bold ;
	height: 35px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
}
#tmp_header_2_bg {
	background-color: #ffffff;
	padding: 7px;
	padding-bottom: 6px;
	height: 40px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1px;
	color: #ffffff;
}
#tmp_header_3_bg { 
	background-color: #ffffff;
	padding: 7px;
	padding-bottom: 6px;
	height: 40px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1px;
	color: #ffffff;
}

a.f_a
{
    FONT-SIZE: 11px;
    COLOR: #000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
a.f_a:visited			{ color:#666; text-decoration:none; }
a.f_a:hover			{  color:#900; text-decoration:underline !important; }
a.f_b
{
    FONT-SIZE: 11px;
    COLOR: #000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
a.f_c
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
a.f_c:hover			{  color:#900; text-decoration:underline; }

#left_menu {display:none; margin-left:0px; margin-top:0px}
#left_menu2_1 {display:none; margin-left:10px; margin-top:0px}
#left_menu2_1_on {display:block; margin-left:0px; margin-top:0px}
#left_menu2_2 {display:none; margin-left:10px; margin-top:0px}
#left_menu2_2_on {display:block; margin-left:0px; margin-top:0px}
#left_menu2_3 {display:none; margin-left:0px; margin-top:0px}
#left_menu2_3_on {display:block; margin-left:0px; margin-top:0px}
#left_menu2_4 {display:none; margin-left:0px; margin-top:0px}
#left_menu2_4_on {display:block; margin-left:0px; margin-top:0px}
#left_menu2_5 {display:none; margin-left:0px; margin-top:0px}
#left_menu2_5_on {display:block; margin-left:0px; margin-top:0px}
#left_menu3_2 {display:none; margin-left:0px; margin-top:0px}
#left_menu3_2_on {display:block; margin-left:0px; margin-top:0px}

	#tablist{
	padding: 1px 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.1em;
	font: bold 14px Arial;
	text-decoration: none;
	}

	#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
	background: #ffffff;
	text-decoration: none;
	}

	#tablist li a{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #eeeeee;
	text-decoration: none;
	}

	#tablist li a:link, #tablist li a:visited{
	color: #666;
	text-decoration: none;
	}

	#tablist li a.current{
	background: #ffffff;
	text-decoration: none;
	}

	#tabcontentcontainer{
	width: 720px;
	/* Insert Optional Height definition here to give all the content a unified height */
	padding: 0px;
	border: 1px solid #ccc;
	}

	.tabcontent{
	display:none;
	}
/*------------------------start SEO Headers 1/27/07-------------*/
#titleJ {
	background-color: #444;
	padding: 4px;
	font-size: 20px;
	letter-spacing: 6px;
	color: #ffffff;
	font-weight: bold;
	height: 20px;
}
/*------------------------end SEO Headers 1/27/07-------------*/
h1 {
	font-size: 24px;
}
#jase li{
	color:336699;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
}
#jase-grey li{
	color:666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-small;
}
.wh-txt-Hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
#link a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:underline;
}
#link a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666
	font-weight: bold;
	text-decoration:underline;
}

.u {
	text-decoration:underline;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 666666;
}
.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 666666;
}

/*----------------------------------------- Nav Menu ------------------------------------------*/

/* style the outer div to give it width */
.menu {position:relative; z-index:0; padding-bottom:0px;height:25px;font-family: "arial", verdana, lucida, sans-serif;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0; z-index:100;list-style-type:none;background:#FFFFFF;}

/* style the sub-level lists */
.menu ul ul {width:140px;font-align:left;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:25px; line-height:25px; align:left;}

/* style the sub level list items */
.menu ul ul li {display:block;width:130px;height:auto;font-align:left;line-height:25px;}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
font-size:13px;
text-decoration:none;
color:#ffffff;
background:#829dab;
padding:0 1.7em 0 1.73em;
border-right:1px solid #cccccc;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
display:block;
text-align:left;
background-color:#eeeeee; 
font-size:12px;
color:#515151;
width:130px;
border-left:1px solid #829dab;
border-right:1px solid #829dab;
border-bottom:1px dotted #999;
line-height:25px; 
}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:130px; width:130px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:18px; top:84px; width:970px; height:25px; font-size:1em;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#829dab;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#829dab;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#eeeeee;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#eeeeee;}

/* style the level hovers */
/* first */
* html .menu a:hover {
color: #666666;
text-decoration:none;
background:#eeeeee;
position:relative;
text-align:left; 
}
.menu li:hover {position:relative;}
.menu :hover > a {color:#515151;background:#dce6eb;}
/* second */
* html .menu ul ul a:hover{color:#829dab;background:#eeeeee; position:relative;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a{
color: #666666;
text-decoration:none;
background:#dce6eb;
}
/* third */
* html .menu ul ul ul a:hover {background:#c4ceac; position:relative;}
.menu ul ul ul :hover > a {background:#c4ceac; z-index:0;}
/* fourth */
.menu ul ul ul ul a:hover {background:#d4debc; position:relative;}
/* 5th */
.menu ul ul ul ul a:hover {background:#d4debc; position:relative;}
/* 6th */
.menu ul ul ul ul a:hover {background:#d4debc; position:relative;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0px;top:25px;left:0;width:130px; border:1px; padding:0px;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:130px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:0px;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}