/* CSS Document */

/* Colors
	Green #458C82
	Blue #465E8A
*/

/*============================================================
Secondary Page Content
============================================================*/
#midContentHolder
	{
		width:755px;
		background-image:url(images/secondary-background.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		float:left;
	}
	
#verticalHeadColumn
	{
		display:block;
		float:left;
		width:75px;
		padding-bottom:30px;
	}
	
#leftColumn
	{
		width:500px;
		float:left;
		display:block;
		padding:25px 0 100px;
	}
	
/* Colors
	Green #458C82
	Blue #465E8A
*/

#leftColumn h1
	{
		color:#458C82;
		font-size:18px;
		text-transform:uppercase;
		font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	}
	
#leftColumn h2
	{
		color:#465E8A;
		font-size:14px;
		font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	}
	
#leftColumn h3
	{
		color:#000;
		font-size:12px;
		font-weight:bold;
		font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	}
	
#leftColumn h1,
#leftColumn h2,
#leftColumn h3,
#leftColumn p,
#leftColumn ul,
#leftColumn ol
	{
		padding-right:20px;
	}

	
#rightColumn
	{
		width:150px;
		float:right;
		display:block;
		padding: 25px 20px 0 0;
		margin-bottom:70px;
	}
	
#rightColumnSubBlock
	{
		width:150px;
		/*background-image:url(images/steps-curved-bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;*/
		margin-bottom:7px;
	}
	
#rightColumnSubBlockCurve
	{
		width:150px;
		background-image:url(images/steps-curved-bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		margin-bottom:7px;
	}
	
#rightColumnSubBlockCurve p,
#rightColumnSubBlock p
	{
		color:#fff;
		margin:5px 10px 0;
	}
	
	
#rightColumn p
	{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:3px 0;
	}
	
#rightColumn ul
	{
		font-size:11px;
		padding:3px 0 3px 15px;
		margin:0;
		list-style-image:url(images/list-square.gif);
	}
	
#rightColumn h1
	{
		color:#465E8A;
		font-size:16px;
		text-transform:uppercase;
		font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	}
	
#rightColumn h2
	{	
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#465E8A;
		padding-bottom:0;
		margin-bottom:0;
	}
	
#rightColumnSubBlock h4
	{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:140px;
		background-image:url(images/top-curve-150.gif);
		background-position:top;
		background-repeat:no-repeat;
		color:#fff;
		display:block;
		padding: 10px 5px 5px;
		margin: 0 0 5px 0;
		font-weight:normal;
	}
	
#sidebarContactInfo p
	{
		color:#000;
		margin:3px 0;
	}

#colorBlock
	{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		margin:0;
		padding:0;
		width:150px;
		float:right;
		text-align:center;
		font-weight:normal;
	}
	
#midContentHolder p,
#midContentHolder ul,
#midContentHolder ol
	{
		font-size:12px;
	}
	
#midContentHolder p img
	{
		margin:0 0 5px 5px;
		float:right;
	}
	
#midContentHolder ul
	{
		/*list-style:none;*/
	}
	
#midContentHolder li
	{
	/*background-image:url(images/list-square.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;*/
	font-size:11px;
	}

#leftColumnSubBlock
	{
		width:100%;
		display:block;
		float:left;
		padding: 5px 50px;
	}
	
#leftColumnSubBlock img
	{
		float:left;
		padding-right:10px;
	}
	
#leftColumnSubBlock h2
	{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:0;
		padding: 0 5px;
		color:#465E8A;
	}
	
#leftColumnSubBlock p
	{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding: 0 5px;
	}
	
#productBlock
	{
		background-image:url(images/product-box-bottom-fixer.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		background-color:#000;
		display:block;
		clear:both;
		margin:0;
		padding:0;
	}
	
#productBlockText
	{
		padding:0 20px;
		display:block;
	}
	
#productBlockImage
	{
		float:right;
		position: relative;
	}
	
#productBlockText p
	{
		color:#fff;
		margin:0;
		padding:20px 0;
		font-size:14px;
		width:250px;
		display:block;
	}
	
#productBlockFeaturesContainer
	{
		background-color:#000;
		background-image:url(images/product-box-bottom-fixer.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		display:block;
		width:500px;
		padding:0;
		margin:0;
	}
	
#productBlockFeaturesContainer img
	{
		padding:0;
		margin:0;
	}
	
	
#productBlockFeatures
	{
		display:block;
		width:100px;
		float:left;
		padding:20px 0 0 20px;
	}
	
#productBlockFeatures img
	{
	}

#productBlockFeatures h2
	{
		color:#fff;
		font-size:11px;
		padding:0;
		height:20px;
	}

#productBlockFeatures p
	{
		color:#fff;
		font-size:11px;
		padding:0;
	}
	
#leftBlockWide
	{
		width:500px;
		margin-top:20px;
	}
	
#leftBlockWide h4
	{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		width:460px;
		background-image:url(images/top-curve-500.gif);
		background-position:top;
		background-repeat:no-repeat;
		color:#fff;
		display:block;
		padding: 20px 20px 15px;
		margin: 0 0 5px 0;
		font-weight:normal;
	}
	
.size16
	{
		font-size:16px;
	}

.size14
	{
		font-size:14px;
	}


#spaSub ul
	{
		margin:0 auto;
		padding:0;
		list-style-type:none;
		display:block;
		width:500px;
		background-color:#000;
	}
	

#spaSub li
	{
		display:block;
		background-image:none;
		margin:0px;
		height:110px;
		padding:0;
		float:left;
	}

#spaSub a 
	{
		display:block;
		width:100px;
		height:110px;
		background-repeat:no-repeat;
		text-decoration:none;
	}
	
#spaSub span
	{
		display:none;
	}
	
#spaSub ul.SportSpas a 
	{
		background-image:url(images/sports-spas-new2.jpg);
	}
	
#spaSub ul.PremierSpas a 
	{
		background-image:url(images/premier-spas-new1.jpg);
	}

/** html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}*/
	
#freeflowDifferenceTopSides
	{
		padding: 10px 20px;
		background-image:url(images/freeflow-frame_01.gif);
		background-position:top;
		background-repeat:no-repeat;
	}
	
#freeflowDifferenceBottom
	{
		margin: 20px 0 0 0;
		background-image:url(images/freeflow-frame_02.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	
#freeflowDifferenceTopSides table
	{
		border-collapse:collapse;
		border:none;
		width:85%;
		margin:0 auto;
	}
	
#freeflowDifferenceTopSides table th
	{
		color:#fff;
		background-color:#CCCCCC;
	}
	
#freeflowDifferenceTopSides table td
	{
		width:33%;
		text-align:center;
	}
	
a.clx10:hover 
	{
		background-position: 0 0;
	}
	
a.clx10
	{
		background-position: 0 -110px;
	}
	
a.tlx14:hover
	{
		background-position: -100px 0;
	}
	
a.tlx14 
	{
		background-position: -100px -110px;
	}
	
a.rlx16:hover 
	{
		background-position: -200px 0;
	}

a.rlx16
	{
		background-position: -200px -110px;
	}
a.slx18
	{
		background-position: -300px -110px;
	}
a.slx18:hover
	{
		background-position: -300px 0;
	}
a.accent:hover
	{
		background-position: 0 0;
	}
	
a.accent 
	{
		background-position: 0 -110px;
	}
	
a.passport:hover
	{
		background-position: -100px 0;
	}
	
a.passport 
	{
		background-position: -100px -110px;
	}
	
a.legend:hover 
	{
		background-position: -200px 0;
	}

a.legend
	{
		background-position: -200px -110px;
	}
	
a.solstice:hover
	{
		background-position: -300px 0;
	}

a.solstice 
	{
		background-position: -300px -110px;
	}
	
a.crossfire:hover
	{
		background-position: -400px 0;
	}

a.crossfire 
	{
		background-position: -400px -110px;
	}
	
a.excursion:hover
	{
		background-position: -500px 0;
	}

a.excursion
	{
		background-position:-500px -110px;
	}
	
a.backText
	{
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
		font-size:10px;
		padding:10px;
		display:block;
	}
#space 
	{
		clear:both;
	  background-color:#000000;}


/* Micktu here */

/* Skirt colors */

#skirt-colors {
	width: 500px;
	height: 114px;
	background: url(images/new-spas/skirt-colors.jpg) no-repeat;
	position: relative;
}

#skirt-colors .color {
	position: absolute;
	bottom: 14px;
	width: 160px;
	height: 50px;
}

#skirt-colors .mahogany {
	left: 0;
}

#skirt-colors .mahogany.hover {
	background: url(images/new-spas/skirt-mahogany.jpg) no-repeat;
}

#skirt-colors .redwood {
	width: 167px;
	left: 167px;
}

#skirt-colors .redwood.hover {
	background: url(images/new-spas/skirt-redwood.jpg) no-repeat;
}

#skirt-colors .gray {
	right: 0;
}

#skirt-colors .gray.hover {
	background: url(images/new-spas/skirt-gray.jpg) no-repeat;
}


/* Premier colors */

#premier-colors {
	width: 500px;
	height: 100px;
	background: url(images/new-spas/premier-colors.jpg) no-repeat;
	position: relative;
}

#premier-colors .color {
	position: absolute;
	bottom: 0;
	width: 100px;
	height: 50px;
}

#premier-colors .granite {
	left: 0;
}

#premier-colors .granite.hover {
	background: url(images/new-spas/premier-granite.jpg) no-repeat;
}

#premier-colors .pacific {
	left: 137px;
}

#premier-colors .pacific.hover {
	background: url(images/new-spas/premier-pacific.png) no-repeat;
}

#premier-colors .arctic {
	right: 127px;
}

#premier-colors .arctic.hover {
	background: url(images/new-spas/premier-arctic.png) no-repeat;
}

#premier-colors .sahara {
	width: 94px;
	right: 0;
}

#premier-colors .sahara.hover {
	background: url(images/new-spas/premier-sahara.jpg) no-repeat;
}

/* Sport colors */

#sport-colors {
	width: 500px;
	height: 100px;
	background: url(images/new-spas/sport-colors.jpg) no-repeat;
	position: relative;
}

#sport-colors .color {
	position: absolute;
	bottom: 0;
	width: 247px;
	height: 50px;
}

#sport-colors .granite {
	left: 0;
}

#sport-colors .granite.hover {
	background: url(images/new-spas/sport-granite.jpg) no-repeat;
}

#sport-colors .sahara {
	right: 0;
}

#sport-colors .sahara.hover {
	background: url(images/new-spas/sport-sahara.jpg) no-repeat;
}

#leftColumn h2.header-substitute {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 200%;
}

#spaSub ul.PremierSpas {
	margin-left: 50px;
}

#spaSub ul.SportSpas {
	margin-left: 100px;
}

#productBlockImage a {
	color: transparent;
	display: block;
	position: absolute;
	width: 230px;
	height: 150px;
	float: left;
	top: 0;
	left: 0;
}

#productBlockImage a.side {
	left: 230px;
}