body {
	background-color: #013E7F;
	background-image: url(../../images/backgrounds/body.png);
	background-repeat: repeat-x;
}

.flash{
	height:337px;
	padding:0px;
	margin:0px;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#container .page {
	background-color: white;
	margin-top: 30px;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

#header {	
	clear: both;
	height:113px;
}

#header .logo {
	width: 100px;
	height: 100px;
	margin-left: 25px;
	margin-top: 15px;
	float: left;
}

.form-column {
	float: right;
	font:Helvetica, Arial, Verdana, sans-serif;
	font-size:9px;
	color:#000;
	margin-top:0px;
	margin-right: 0px;
	height: 30px;	
	
}

.form-column2 {
	float: right;
	font:Helvetica, Arial, Verdana, sans-serif;
	font-size:9px;
	color:#000;
	margin-top:0px;
	margin-right: 0px;
	height: 30px;	
	width:400px;
	
}


#header .menu {
	margin-top: 15px;
	margin-right: 20px;
	float: right;
	width: 700px;
}

#header .social-media {
	text-align: right;
}

#header .social-media img {
	border: none;
}

#header .navigation {
	text-align: right;
	margin-top: 40px;
}

#header .navigation .has-descender {
	margin-bottom: -3px;
}

#header .navigation a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	text-decoration: none;
	margin-left: 2em;
}

#header .navigation a:link { color: purple; }
#header .navigation a:hover { color: purple; border-bottom: 1px dotted purple; }
#header .navigation a:visited { color: purple; }

#yield {
	background-image: url(../../images/backgrounds/interior_gradient.png);
	background-repeat: repeat-x;
	background-color: #4773A2;
	padding-bottom: 15px;
	clear: both;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

#yield .coushy {
	padding-bottom: 30px;
}

#yield .hydra {
	background-image: url(../../images/hydra/background.png);
}

#yield #blog .post_date p{
	padding: 4px 4px 4px 10px;
	background-color: #42a7d2;
	border: 1px solid #369dcb;
	font-size: 11px;
	margin-top: 15px;
	padding: 4px 10px 4px 18px;
	font-size: 11px;
	
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
#yield #blog div.comment_date p {
	float: left;
	font-size: 11px;
	width: 110px;
	margin-left: 15px;
	padding-top: 5px;
}
#yield #blog .comment p{
	float: right;	
	padding: 0px 15px 10px 19px;
	width: 405px;
	color: #003d7c;
}
#yield #blog .comment_wrap{
	margin: 15px 0 15px 0;
	padding-top: 10px;
	background-color: #42a7d2;
	border: 1px solid #369dcb;
	
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#yield #blog .paginate{
	font-size: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	text-align: right;
}

#yield #comment_img h4{
	font-size: 14px;
	margin-bottom: .1em;
	color: #fff;
	background-color: #42a7d2;
	border: 1px solid #369dcb;	
	padding: 5px 5px 5px 17px;
	border-top: none;
	width: 85px;
	margin-top: -17px;
	
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;

}

#yield .prev_next_btn, .back_to_home {
	display: inline;
	color: #232361;
	margin-top: 5px;
	padding: 6px 12px 6px 12px;	
}

#yield .prev_next_btn {
	float:right;
}

#yield .back_to_home {
	float:left;
	padding-left: 5px;
}

#yield .prev_next_btn a:link{
	text-decoration: none;
	color: #4a06de;
	padding: 8px;
	padding: 6px 12px 6px 12px;	
}

#yield .prev_next_btn a:hover{
	color: #00a4e4;
}

#yield .back_to_home a:link{
	text-decoration: none;
	color: #22245f;
	padding: 8px;
}
#yield .back_to_home a:hover{
	color: #00a4e4;
}

#yield #blog .post{
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 24px;
	float: none;
}

#letterbox {
	background-image: url(../../images/backgrounds/letterbox.gif);
	background-repeat: no-repeat;
	background-color: #4AB8E6;
				
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	color: white;
	
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;	
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;

}

#letterbox h2 {
	font-size: 32px;
	margin-bottom: .4em;
}

#letterbox h3 {
	font-size: small;
	font-weight: bold;
	margin-bottom: .4em;
	color: #232361;
}		

#letterbox p {
	margin-bottom: 1em;
	margin-top: .5em;
}

#letterbox .question {
	display: block;
	background-color: #0083D7;
	color: white;
	padding: 8px;
	margin-bottom: 2px;
}

#letterbox .answer {
	margin-bottom: 20px;
	padding-left: 12px;
}		

#letterbox .about p {
	padding-right: 100px;
}

#letterbox fieldset { 
	margin-bottom: 1.5em;
}

#letterbox label {
	font-size: small;
	font-weight: bold;
}

#letterbox input {
	margin-top: .2em;
	margin-bottom: .3em;
}

#letterbox a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
}

#letterbox a:link { color: #232361; }
#letterbox a:hover { color: #FFF; }
#letterbox a:visited { color: #232361; }

#letterbox em {
	font-size: medium;
}

#letterbox .features em {
	margin-right: 1em;
}

#letterbox .small  {
	width: 290px;
}

#letterbox .medium  {
	width: 580px;
}

#letterbox .large  {
	width: 870px;
}	

#letterbox .product-shot {	
	text-align: center;
}

#letterbox .submit {
	background-image: url(../../images/buttons/submit.png);
}

#letterbox .next {
	background-image: url(../../images/buttons/next.png);
}

#letterbox .order {
	background-image: url(../../images/buttons/order.png);
}		

#letterbox .button {
	width: 159px;
	height: 28px;
	text-indent: -999px;
	background-repeat: no-repeat;
	background-color: #74C6EE;
	border: none;
}

#letterbox .image-wrapper img {
	/* border: 4px solid #74C6EE; */
}

#letterbox .thumbs li {
	list-style-type: none;
	float: left;
}

#letterbox textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;			
	color: #666;
	
	padding: 6px;
}

#letterbox .error {
	font-weight: bold;
	color: #091F62;
	
	margin-bottom: .5em;
}

#letterbox address {
	margin: 0px;
	padding: 0px;
}

#letterbox h3 {
	margin-bottom: -.4em;
}

#letterbox h4 {
	font-size: 20px;
	margin-bottom: .2em;
	margin-top: .2em;
	color: #00406B;
}

#letterbox .content p {
	padding-right: 48px;
}

#hydra {
	height: 250px;
	line-height: 0em;
}

#hydra p {
	height: 250px;
	line-height: 1.5em;
}

#hydra h2 {
	font-size: 36px;
	margin-bottom: .1em;
}

#hydra h3 {
	font-size: 24px;
	margin-bottom: .1em;
	color: #5FCAF7;	
}

#hydra h4 {
	font-size: 24px;
	margin-bottom: .1em;
	color: #3390C5;
}

#hydra .hero {
	position: relative;
	text-align: right;
	height: 1px;
	bottom: 130px;
	left: 36px;
}

#hydra .small img {
	position: relative;
	bottom: 0px;
	left: 525px;
}

#hydra-badge {
	position: relative;
	height: 1px;
	left: 160px;
	bottom: 20px;
}

#slideshow img {
	border: 4px solid #232361;
}

#thumbs .thumb img {
	border: 4px solid #232361;
	margin-right: 2px;
}	

#baseline {
	background-color: #002142;
	background-image: url(../../images/backgrounds/baseline2.png);
	background-position: bottom;
	margin-left: 15px;
	padding-bottom: 12px;
	padding-top: 92px;
	
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#baseline2 {
	background-color: #272560;
	background-image: url(../../images/backgrounds/baseline2.png);
	padding-top:0px;
	background-repeat:no-repeat;
	background-position: top;
	margin-top:0px;
	margin-left: 15px;
	padding-bottom: 12px;
	margin-right: 15px;


	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#captions {
	
}

#extras {
	padding: 15px;
}

#map {
	border: 4px solid #74C6EE;
	margin-top: 50px;
	color: #333;
/* 	display: none; */
}	

#map a {
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#map a:link { color: #4CBFEB; }
#map a:hover { color: white; }
#map a:visited { color: #4CBFEB; }

#gmapmarker {
	font-weight: bold;
}

#map-search {
	width: 200px;
	position: relative;
	bottom: 450px;
	left: 670px;
	z-index: 1000;
	background-color: #74C6EE;
	padding-left: 8px;
	padding-top: 6px;
}

#map-instructions {
	border: 4px solid #74C6EE;
	width: 860px;
	height: 480px;
	position: relative;
	margin-top: 50px;
	padding: 10px;
}

#seven {
	height: 1px;
	text-align: right;
}

#seven img {
	position: relative;
	bottom: 170px;
	right: 20px;
}

#search-button img {
	margin-bottom: -7px;
}
		
#copyright {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: x-small;
	color: #0066CC;
	text-align: right;
	margin-top: 8px;
	clear: left;
	
}

#copyrightr{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:xsmall;
	color:#0066cc;
	text-align:right;
	margin-top:8px;
	width: 350px;
	float:right;
	right:0px;
}

#copyrightl{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:xsmall;
	color:#0066cc;
	text-align:left;
	margin-top:8px;
	width:500px;
	float:left;
	left:0px;
}

#fda {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: x-small;
	color: #0066CC;
	text-align: left;
	margin-top: 8px;
	clear: right;
}


#copyright a:link { color: #0066CC; }
#copyright a:hover { color: #fff; }
#copyright a:visited { color: #0066CC; }

#order-price {
	margin-left: 12px;
}

#letterbox .comfy {
	margin-bottom: 2em;
}

#notice {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: small;		
	padding-top: 12px;
	padding-bottom: 12px;
	display: none;
}

#notice b {
	margin-left: 12px;
}

#landing {
	position: absolute;
	width: 930px;
	top: 208px;
	z-index: 999;
}

#landing h2 {
	font-size: 42px;
	text-transform: lowercase;
	color: white;
	padding-left: 260px;
	padding-bottom: 0px;
	margin-bottom: -20px;
}

#landing p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	color: white;
	padding-left: 262px;
	line-height: 1.2em;
	width: 480px;
}

#landing .buttons {
	margin-left: -4px;
}

#bottle {
	position: relative;
	bottom: 300px;
	left: 800px;
	width: 90px;
	height: 2px;
}

#contact b {
	color: #232361;
}

#accordion .ui-accordion-content p {
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}

#accordion .ui-accordion-content ol {
	margin-left: 40px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 40px;
}

#accordion .ui-accordion-content li {
	margin-bottom: 1.3em;
}

#homepage {
	background-color: #49C5FB;
	padding-bottom: 30px;
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	color: white;		
}

#homepage .social-media {
	text-align: center;
}

#homepage .menu {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: x-small;
	color: white;		
	text-align: center;
}

#homepage .menu a { 
	text-decoration: none; 
	text-transform: uppercase;
}

#homepage .menu a:link { color: white; }
#homepage .menu a:hover { color: white; text-decoration: underline; }
#homepage .menu a:visited { color: white; }

#ribbon {
	position: fixed;
	top: 520px;
	margin-left: -10px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	background-image: url(/public/images/timeline/tooltip.png);
	background-color: #0083D7;
	border: 2px solid #232360;
	padding: 8px;
	opacity: 0.85;
	width: 300px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

#tooltip h3, #tooltip div {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.3em;
	
	color: #fff;	
}

.fields {
	background-color: #42A7D2;;	
	border: 1px solid #369DCB;
	padding: 12px;
}

.fields.last {
	text-align: right;
}

.fine-print {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: xx-small;
	text-align: center;
	
	color: white;
}

.fine-print p {
	padding-top: 1em;
}

.fine-print a {
	text-decoration: none;
}	

.fine-print a:link { color: white; text-decoration: underline; }
.fine-print a:hover { color: white; }
.fine-print a:visited { color: white; }



.footer-column {
	float: left;
	margin-top:9px;
	margin-left: 9px;
	width: 299px;
	height: 158px;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.footer-blog-title {
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	padding: 10px;
	font-size: 18px;
	color: #FFF;
	background: #0E427C;
}


ul.footer-blog-headlines {
	list-style-type: none;
	padding: 10px;
	height: 88px;
	overflow: hidden;
	position: relative; /* fix to 'IE7 10000px padding-bottom spill over footer' problem */	
	
}

.footer-blog-headlines li a {
	font-weight: normal;
	text-decoration: none;
}

.footer-blog-headlines li {
	margin-bottom: 10px;
	font-size: 14px;
}

#locations{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:auto;
	margin-top:20px;
	margin-bottom:15px;
	clear:both;
}

#store{
	width:100px;
	height:100px;
	padding:5px;
	float:left;
}

/* CSS DROP DOWN MENU START */

#menuh-container
	{
	float:right;
	margin-top: 7px;
	z-index:2;
	}
/*
#menuh
	{

	}
*/		
#menuh a
	{
	text-align: left;
	display:block;
	white-space:nowrap;
	margin: 0px;
	}
	
#menuh ul li ul li a
	{
padding:0px 10px 0px 10px;
background-color: #fff;
width: 100px;
height: 20px;
padding: 3px 0px 0px 5px;
border-bottom: 1px solid #eee;
color: #ccc;
font-size: 11px;
	}
	
#menuh a:link	/* menu at rest */
	{
	color: #666;
	text-decoration:none;

	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #444;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	color: #444;
	background-color: transparent;
	text-decoration:none;
	text-align:left;
	}




#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin-right: 10px;

	}
#menuh ul.relaxation
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	margin: 4px 10px 0px 0px;

	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

#blog {
	background-image: url(../../images/extras/news.png);
	width: 299px;
	height: 105px;
	padding: 53px 0px 0px 0px;
}