/* THIS IS THE MASTER STYLESHEET */

/* DEFAULT STYLES */

body { }

a {	color: black; text-decoration: none; }
a:hover { color: black; text-decoration:underline; }

body
{	color: #333; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1.16em; line-height:14px; padding-top:25px; _font-size: 12px;}

h1, h2, h3, h4 {
	color:#025DAC;
	margin-top:0px;
	margin-bottom:15px;
}

h1 { font-size:1.17em; }

h2 {
	font-size:1.7em;
	font-weight: normal;
}

h3 { font-size:1.17em; }

h4, h5 { font-size: 1em; font-weight: bold; }

p {	font-size:1.08em; color:#666666; line-height: 1.5em; margin-bottom: 10px; text-align: left; }

ul { font-size: 1em; }
ul li { margin-bottom:10px; }

/* LAYOUT */

.spacer { clear:both; }

div#container {	width:724px; margin:auto; }


div#navigation { font-weight:normal !important;	background-image:url(../images/menubg2.gif);	z-index:10;	 background-repeat:repeat-x; height:28px; padding-top:4px;padding-left:8px; }

div#navigation table { width:100%;height:30px; }

#navigation ul {
font-size:1px;background-image:url(qmimages/left_cap.gif);z-index:20;height:20px;
}

div#header { }


#language_selector { position: absolute; top: 80px;	right:240px; }
#language_selector a { display:block; margin-top:3px; }	 
#languages { position: absolute; top:80px; right:120px;	}
#languages ul {	list-style-type:none; padding:0px; margin:0px; }


/* content */


/*
#menu {
  float: left;
  margin-top:10px;
  padding: 0;
  margin-left:5px;
  width:560px;
}

#menu li, ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li , ul{
  height: 32px; 
  display: block;
}
*/
.hide {

  display: none;

}

/*
#specification-data, #options-data, #ecospa-data, #installation-data, #another_tab-data {

  height: 0;

	overflow:hidden;

}

#menu li:hover {
  cursor: pointer;
}
.smoothtab, .smoothtab-current {

  padding: 20px 20px 0px 20px;

}
*/



#tabs {
background-color: #CDDBE6;
width:100%;
float:right;
}

/*
.tab {
	float: left;
	height: 22px;
	width: 110px;
	margin: 0 0px 0 0;
	text-align: center;
	background:  url(/images/blank-white.jpg) no-repeat;
}
.tabtxt {
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 0 0 0;
}
*/
.tab {
	float: left;
	height: 22px;
	width: 110px;
	margin: 0 0px 0 0;
	text-align: center;
	background:  url(/images/blank-white.jpg) no-repeat;
}
.tabtxt {
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 0 0 0;
}

#spaname {
	margin-left:398px;
	width:314px;
	position:relative;
	top:19px;
}

#spaname-test {
	margin-left:398px;
	width:314px;
	position:relative;
	top:-214px;
}

p.spadesc {
	margin-left:398px;
	width:314px;
	position:absolute;
	top:182px;
	font-size:12px;
}

#content-top, #content-top-spas  {
	background-image:url(/images/content-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:12px;
}

#content, #content-spas {
	padding-top:0px;
	padding-bottom:0px;
	background-color:white;
	background-image:url(/images/content-border.jpg);
	background-position:top;
	background-repeat:no-repeat;
	clear:both;

}


#content-spas { 
	background-image:url(/images/background2.jpg);
	position:relative; 
	top:-29px;
/*	top:0px;*/

}

#spec {
	width: 711px; 
	margin: 0px 0px 0px 6px; 
	padding-top: 12px;
	_font-size: 12px;
}

#spec ul {
	margin: 0px; 
	padding:0px;
}

#spec ul li { 
	margin-left:0px; 	
	padding-left:0px; 
	width: 110px
}

table.summary {
	float:left;
}

table.summary .darkerright, table.summary .darkerbold, table.summary .darker {
	background-color: #EDEBF0
}
.right, .darkerright {
	text-align: right
}
table.summary .darkerbold,  table.summary .bold {
	font-weight: bold; 
}


.spaSpecIcons {
	margin-left: 28px;
	width: 250px;
	height: 50px;
	float: left;
	text-align:center
}
#content h2, #content-spas h2 { font-family:Arial;color:#666666;font-size:1.3em; font-weight:bold; }


#install-ideas img {
	float: left;
	padding:2px;
	margin-left:1px;
}

#copy {	
	padding:20px; padding-top:50px;
}

#banner { background-repeat:no-repeat;height:308px;padding-top:20px;overflow:hidden; }
#banner p { font-size:1em; }
#banner h1 { color:#025DAC;margin-top:0px;font-size:1.7em;font-weight:normal; }

#footer {
	margin-top: -20px;
	margin-left:16px;
	_margin-top: -2px;
	background-color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin-bottom: 300px;
}

#footer a, #footer a.hover, #footer a.active
{

	font-family:Arial, Helvetica, sans-serif;
	 font-size:10px;
	 color:#666666;
	 text-decoration:none;
}




/* SPAS MODELS */

table#spas {
	text-align:center;
	margin: auto;
	width:100%;
	margin-left:-10px;
	margin-top:20px;
}

table#spas td {
margin-bottom:20px;
}

/* top right bottom left */

.quote {
margin-top:20px;
	background-image:url(/images/extra-imgs/quote_marks.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding: 20px 80px 0px 80px
}

.quote p {


	background-position:bottom right;
	background-repeat:no-repeat;
	padding: 0xp;
}

.quote .name {
	display:block;
	text-align:left;
	margin-top:20px;
	font-weight:bold;
}


/* INNOVATION CENTER */

table.innovation {
width: 100%;
text-align:center;
margin-top:20px;
}

table.innovation td { width: 100px; }

/* LIVE THE LIFE */

.more_info {
	font-weight:bold;
}

/* CUSTOMER CARE */

.info_box {
	background-image:url(/images/cust-care/info_box_bkgnd.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	overflow:hidden;
	height:143px;
	width:211px;
	color:#000000;

	
}

.info_box p {
	height: 70px;
	padding:9px;
	margin: 0px;
	font-size: 0.9em;
	text-align:left;
	color:white;
}

.info_box h3 {
	font-size: 1.1em;
	padding:0px;
	margin: 0px;
	margin-top:6px;
	margin-bottom: 0px;
	text-align:center;
	color:#47749E;
}

.learnmoreText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: #000000;
}
a.learnmoreText:link {color: #000000; text-decoration: none; }
a.learnmoreText:active {color: #000000; text-decoration: none; }
a.learnmoreText:visited {color: #000000; text-decoration: none; }
a.learnmoreText:hover {color: #000000; text-decoration: none; }

#zoom-link { 
		position: relative; 
		top: 8px; 
		left: 20px; 
		width: 83px; 
		height: 83px; 
		background-color: transparent; 
		border: 1px solid yellow ;
		z-index: 100;
		}