/*
Axon Design Management
Document Creator: Jamie Peloquin
Website: www.nutrasal.com
Document: CSS1- Cascading Style Sheet
Last updated: 05/21/2004
*/

/*
Brand colors
	blue	=	#338
	green	=	#382
*/

/* == Page Basics ==*/
	html, body {
		background: white;
		font: 12px/1.2em Verdana, sans-serif;
		color: #333;
		margin: 0px;
		padding: 0px;
	}
	
	div {
		margin: 0;
	}
	
	#header-area {	
		margin: 0px;
		padding: 0px;
		background-color: #EEEEF6;
		background-image: url(/images/Nutrasal/header-couple.jpg);
		background-repeat: no-repeat;
		white-space: nowrap;
		min-width: 710px;
		background-position: right top;
	}
	
	#navigation {	
		background-color: #074;
		background-image: url(/images/Nutrasal/nav_corner.gif);
		background-repeat: no-repeat;
		background-position: right top;
		margin: 0;
		width: 484px;
		padding: 1px 14px 2px 10px;
		color: #FFF;
		white-space: nowrap;
	}

	div>#navigation {
		width: 460px;
	}
	
	#header-stripe {
		clear: both;
		background-color: #690;
		margin: 0;
	}

	#content-area {
		margin: 0;
		padding: 10px;
		font-family: Verdana, sans-serif;
	}
			
	#product-area {
		margin-top: 20px;
		border-width: 1px 0 0 0;
		border-color: #FD6;
		border-style: solid;
		text-align: center;
		white-space: nowrap;
	}
	
	
	#footer-area  {
		margin-top: 20px;
		padding: 6px 10px 6px 10px;
		text-align: center;
		font-family: Verdana, sans-serif;
		font-size: 10px;
		color: #333;
		border-width: 1px 0 0 0;
		border-color: #693;
		border-style: solid;
	}


/* == Elemental Basics ==*/
	img, table {
		border-width: 0;
	}
	
	ul, ol, dl, form {
		margin-top: 0;
	}
	
	ul {
		list-style: disc	url(/RevitaFlex/images/list-bullet.gif);
	}
	
	li {
		margin-bottom: .5em;
		font-family: Verdana, sans-serif;
	}
	
	h1 {
		margin: 0;
		font-family: Verdana, sans-serif;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.1em;
		color: #338;
	}

	h2 {
		font-family: Verdana, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #382;
	}
	
	a {
		color: #382;
		text-decoration: underline;
	}
	
	sup, sub {
		font-size: 1ex;
	}
	
	fieldset {
		padding: 0 10px 10px 10px;
		border: 1px #CCC solid;
	}
	
	label, legend {
		font-weight: bold;
		color: #333;
	}
	
	.clear-float {
		clear: both;
	}
	
	

/* == Content ==*/

	form div {
		margin-top: 15px;
	}

	h1 .alt {
		font-weight: normal;
		color: #382;
	}
	
	.note, .small, .caption {
		font-size: 10px;
	}
	
	.note, .caption {
		color: #999;
	}
	
	.alert, .error {
		color: red !important;
	}
	
	.button-top {
		border-width: 0;
		margin: 1em 0 1em 0;
	}
	
	.button-top a {
		background: #8A7;
	}

	.content-divider {
		clear: right;
		margin: 1.5em 0 1.5em 0;
		border-width: 1px 0 0 0;
		border-color: #CCC;
		border-style: dashed;
		font: 0px/0px;
	}
	
	

/* == Navigation ==*/
	#navigation a{
		color: #FFF;
		font-weight: bold;
		font-size: 9px;
		text-decoration: none;
		line-height: 1em;
	}
	

/* == Footer ==*/
	#footer-area address {
		font-style: normal;
	}