/* CSS Document */

body{
	background-color:#7E88A1;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

body#popup	{
	margin: 0px;
	padding: 5px;
	background-color: #fff;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#005184;
	line-height:24px;
	font-weight:bold;
	text-align: center;
	padding-top: 0px;

}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#7B8195;
	line-height:18px;
	font-weight:bold;

}

.search_text   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #595959;}

/*#contentMain{
	width: 800px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-top: 10px;
	padding-bottom: 0px;
}

#contentMainInner{
	margin-left: 33px; 
	margin-right: 32px;
}

#contentCorners{
	background-color: #fff;
	height: 10px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;		
}
*/

#contentMain{
	width:975px;
	margin-right: auto;
	margin-left: auto;
}

* border {
  margin-left /**/: -3px; /* fixes MacIE and WinIE5.x */ 
  margin-right /**/: -3px; /* fixes MacIE and WinIE5.x */ 
}

#contentMainInner{
	background-color: #fff;
	padding-left: 33px; 
	padding-right: 32px;
}

#contentCorners{
	background-color: #fff;
	height: 10px;
}

#grayBoxCornersTop{
	background-color: #7B8195;
	height: 8px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;
	margin-bottom: 0px;	
}

#grayBoxCornersBottom{
	background: url(/SpaCovers/images/GrayBox/GrayBox_BottomBG.jpg) repeat-x #7B8195;
	height: 12px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;
	margin-bottom: 0px;	
}

#grayBox {
	background: url(/SpaCovers/images/GrayBox/GrayBox_RightBG.jpg) right repeat-y #7B8195;
}

#grey{
	color:#7B8195;
}

.black{
	color:#000;
}

.white	{
	color: #fff;
}

#shape{
	margin-right:10px;
	margin-bottom:5px;
}

#small_shape{
	margin-right:40px;
	margin-bottom:5px;
}

#whiteBoxCornersTop{
	background: url(/SpaCovers/images/WhiteBox/WhiteBox_TopBG.gif) repeat-x #fff;
	height: 8px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;
	margin-bottom: 0px;	
}

#whiteBoxCornersBottom{
	background: url(/SpaCovers/images/WhiteBox/WhiteBox_BottomBG.jpg) repeat-x #fff;
	height: 12px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;
	margin-bottom: 0px;	
}

#whiteBoxLeftBorder{
	float:left;
	background: url(/SpaCovers/images/WhiteBox/WhiteBox_LeftBG.jpg) repeat-y;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;
	margin-bottom: 0px;	
}

#whiteBoxTopBorder{
	background: url(/SpaCovers/images/WhiteBox/WhiteBox_LeftBG.jpg) repeat-x;
	width:2px;
	height:1px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;
	margin-bottom: 0px;	
}

#whiteBox {
	background: url(/SpaCovers/images/WhiteBox/WhiteBox_RightBG.jpg) right repeat-y #fff;
}

#navMain{
	clear: both;
	height: 40px;
	padding-bottom: 20px;
}

#buttons{
	margin-top:10px;
	padding-top:10px; 
	width: 911px;
	height: 64px;
	clear: both;
}

#footer {
	width: 911px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-bottom: 20px;
}

#red{
	color:#A21202;
}
/*
div.sideBarBox{
	background:url(images/Highlights/SideBarBox2.gif) no-repeat center;
	width:  216px;
	height: 104px;
	margin-left:10px;
}

div.sideBarBoxLg{
	background:url(images/Highlights/SideBarBoxLg.gif) no-repeat center;
	width:  216px;
	height: 146px;
	margin-left:10px;
}
*/
div.QuoteBox{
	/*background:url(images/CustomerQuoteBG.gif) repeat-y center;*/
	background-color:#DB6A04;
	border-left:2px solid #7B8195;
	border-right:2px solid #7B8195;	
	width: 212px;
}

div.QuoteBoxBottom{
	background:url(/SpaCovers/images/CustomerQuoteBottom.gif) no-repeat center;
	width: 216px;
	height:32px;
	margin-top:-3px;
}

div.BlueBoxTop	{
	background:url(/SpaCovers/images/BlueBoxTop.gif) no-repeat center;
	width: 216px;
	height:16px;
	}
	
div.BlueBoxContent	{
	margin-top: -3px; 
	background-color: #005184; 
	border-left:2px solid #7B8195; 
	border-right:2px solid #7B8195; 
	width: 196px; 
	padding: 10px 8px; 
}

div.BlueBoxBottom	{
	background:url(/SpaCovers/images/BlueBoxBottom.gif) no-repeat center;
	width: 216px;
	height:16px;
	margin-top: -3px;
	}

div.BigBlueBoxContent	{
	margin-top: -3px; 
	background-color: #005184; 
	border-left:2px solid #7B8195; 
	border-right:2px solid #7B8195; 
	width: 680px; 
	padding: 10px 8px; 
	}

div.BigBlueBoxTop	{
	background:url(/SpaCovers/images/BigBlueBoxTop.gif) no-repeat center;
	width: 700px;
	height:25px;
	}

div.BigBlueBoxBottom	{
	background:url(/SpaCovers/images/BigBlueBoxBottom.gif) no-repeat center;
	width: 700px;
	height:25px;
	margin-top: -3px;
	}

div.BigGrayBoxContent	{
	margin-top: -3px; 
	background-color: #7B8195; 
	border-left:2px solid #7B8195; 
	border-right:2px solid #7B8195; 
	width: 680px; 
	padding: 10px 8px; 
	}

div.BigGrayBoxTop	{
	background:url(/SpaCovers/images/BigGrayBoxTop.gif) no-repeat center;
	width: 700px;
	height:25px;
	}

div.BigGrayBoxBottom	{
	background:url(/SpaCovers/images/BigGrayBoxBottom.gif) no-repeat center;
	width: 700px;
	height:25px;
	margin-top: -3px;
	}


div.WhiteBoxTop_Left_Column{
	background:url(/SpaCovers/images/WhiteBoxTop.gif) no-repeat center; 
	width: 216px; 
	height:16px;
}

div.WhiteBoxContent	{
	margin-top: -3px; 
	background-color: #fff; 
	border-left:2px solid #7B8195; 
	border-right:2px solid #7B8195; 
	width: 196px; 
	padding: 0px 8px; 
	text-align: center; 
	color: #000;
}

div.WhiteBoxBottom_Left_Column{
	 background:url(/SpaCovers/images/WhiteBoxBottom.gif) no-repeat center; 
	 width: 216px; 
	 height:16px; 
	 margin-top:-3px;
}

.mainTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #797979;
	letter-spacing: 3px;
	line-height: 34px;
}

.text_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #797979;
}


.text strong{
	font-size:14px;
	font-weight: bold;
}

.text a {
	text-decoration: underline;
	color: #fff;
}

div.swatch	{
	 float:left;
	 width: 85px;
	 text-align: center;
	 }
div.swatch a{
	text-decoration:none;
	border:none;
}	
	
.clear	{
	clear: both;
}

.img_center	{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.back	{
	float: left;
}

.forward	{
	float: right;
}

.swatch img	{
	border: 1px solid #fff;
}