/* CSS Document */
html, body{
	margin: 0px;
	height: 100%;
	padding: 0px;
	
}

#bkgcontainer{
	background-image: url(http://www.hotspring.com/Brochure/jpgs/backgroundshadow.jpg);
	background-repeat: repeat-y;
	height: 100%;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#incontainer{
	background-color: #FFFFFF;
	height: 100%;
	width: 751px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom:0px;
	
}

#contentcontainer{
	background-image: url(../jpgs/background.jpg);
	background-repeat: repeat-y;
	width: 475px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
	height: auto;
}

#shadowborder {
	margin:0px auto;
	width: 783px;
	background: url(http://www.hotspring.com/gifs/background.gif) top left repeat-y;
	/*display:block*/
}

#header{
	padding-right: 10px;
	padding-left: 10px;
}

#header_brochure {
	background:    url(http://www.hotspring.com/jpgs/hdr_background_main.jpg) no-repeat;
	border-bottom: 1px solid #DEDEDE;
	height: 130px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding:0px;
	}

#header_brochure ul.MenuBarHorizontal {
background-color: #FF0000;
	margin: 0px;
}

#headerNav {
	background:    url(http://www.hotspring.com/jpgs/hdr_background_main.jpg) no-repeat;
	border-bottom: 1px solid #DEDEDE;
	width: 751px;
	height:        130px;
	margin-bottom: 5px;
	margin-left: 0px;
	}

/*div.headerNav img {
	margin-top: 3px;
	margin-left: 17px;
	}*/

#header_brochure img {
	margin-top: 3px;
	margin-left: 17px;
	margin-bottom:9px;
	}

#bug{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.text { 
		font-family: Verdana,Helvetica,Arial;
		font-size: 10px;
		font-style: normal;
		line-height: 12px;
		font-weight: bold;
	}

#footer{
	clear: both;
}

#infobox{
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 50%;
	border: thin solid #666666;
	background-color: #FFFFFF;
}


div.withline{
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	width: 475px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	float: none;
}

.meta {
	list-style-type: none;
	text-align:      right;
	width:           100%;
	}
	
.meta li {
	border-left:  1px solid #8AB1C0;
	display:      inline;
	margin-left:  5px;
	padding-left: 9px;
	}

.meta li a, .nolink {
	color:           #8AB1C0;
	font:            bold 11px Arial, Verdana, Sans-serif;
	text-decoration: none;
	}
	
.meta li a:hover {
	color:           #9DBB4C;
	text-decoration: underline;
	}

.meta li a:visited {
	color:           #8AB1C0;
	}

ul.meta .selected {
	font:  bold 11px Arial, Verdana, Sans-serif;
	text-decoration: none;
	color: #9DBB4C;
	}

#footer .meta { margin: 5px 0; }

#footer .meta2 { margin: 	10px 0;
				 font:       bold 1.2em Arial, Verdana, Sans-serif;
}
#footer .meta2 li a { padding-left: 5px;}
/*#footer .meta2 img { vertical-align: middle;}*/

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1D4C60;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 20px;
	padding: 0px;
}

.h1ish {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1D4C60;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 16px;
	padding: 0px;
}

.h1ishBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1B087C;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 16px;
	padding: 0px;
}

.red{
	color: #FF0000;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}
p.require{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #FF0000;
}
p.footertxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #666666;
	line-height: 10px;
}

.fieldopt { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 14px;
		font-weight: normal;
		color: #666666
	}
.field { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 14px;
		font-weight: bold;
		color: #1D4C77
	}
.valueopt { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 14px;
		font-weight: normal;
		color: #666666
	}
.value { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 14px;
		font-weight: normal;
		color: #1D4C60
	}
dt{
	margin: 0px;
	padding: 0px;
}

dl{
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}

div.withline a:link{
	color: #666666;
	margin: 0px;
	padding: 0px;
}

div.withline a:hover{
}

div.withline a:visited {
	color: #666666;
}



#bug a:link{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

#bug a:hover{
	color: #FFFFFF;
}

#bug a:visited {
	color: #FFFFFF;
}


a:link{
	color: #666666;
	margin: 0px;
	padding: 0px;
}

a:visited {
	color: #666666;
}

/***************************************************************************/
/* Int'l Site Information                                                  */
/***************************************************************************/

#flash_intl {
	width: 709px;
	height: 335px;
}


/***************************************************************************/
/* Links                                                                   */
/***************************************************************************/

.hidden { display: none; }

ol li {line-height: -1em;
			 font-size: 5em;
	}
	
ol li ul li {line-height: 2em;
			 font-size: 5em;
	}

/*li img  {
	margin-bottom: 2px !important;
	}*/
	
/*#navigation {
	background:      url(http://www.hotspring.com/gifs/nav_background-adtrack.gif);
	background-repeat: no-repeat;
	height:          28px;
	list-style-type: none;
	padding:         0 0 0 8px;
	width: 100%;
	white-space: nowrap;
	margin: 0px
	}
	

#navigation li a {
	display: block;
	float:   left;
	height:  28px;
	}

#navigation li.accessories a {
	background: url(http://www.hotspring.com/gifs/nav_spa_accessories.gif);
	width:      95px;
	}


#navigation li.accessories a.selected {
	background: url(http://www.hotspring.com/gifs/nav_spa_accessories.gif);
	width:      95px;
	background-position: 0 -28px;
	}
	
#navigation li.backyard_planning a {
	background: url(http://www.hotspring.com/gifs/nav_backyard_planning.gif);
	width:      145px;
	}
	
#navigation li.backyard_planning a.selected {
	background: url(http://www.hotspring.com/gifs/nav_backyard_planning.gif);
	width:      145px;
	background-position: 0 -28px;
	}

#navigation li.exclusive_jets a {
	background: url(http://www.hotspring.com/gifs/nav_exclusive_jets.gif);
	width:      109px;
	}
	
#navigation li.exclusive_jets a.selected {
	background: url(http://www.hotspring.com/gifs/nav_exclusive_jets.gif);
	width:      109px;
	background-position: 0 -28px;
	}

#navigation li.request_a_brochure a {
	background: url(http://www.hotspring.com/gifs/nav_request_a_brochure.gif);
	width:      150px;
	}

#navigation li.request_a_brochure a.selected {
	background: url(http://www.hotspring.com/gifs/nav_request_a_brochure.gif);
	width:      150px;
	background-position: 0 -28px;
	}

#navigation li.spa_models a {
	background: url(http://www.hotspring.com/gifs/nav_spa_models.gif);
	width:      106px;
	}

#navigation li.spa_models a.selected {
	background: url(http://www.hotspring.com/gifs/nav_spa_models.gif);
	width:      106px;
	background-position: 0 -28px;
	}
	
#navigation li.spa_selector a {
	background: url(http://www.hotspring.com/gifs/nav_spa_selector.gif);
	width:      104px;
	}
	
#navigation li a:hover { background-position: 0 -28px; }




#navigation li { display: inline; }*/