/*
Site: ProActive
Date: 2009.04.19

[Table Of Contents] 

	0- Reset
	1- General Layout
	2- Text and Headings
	3- Links
	4- Header 
	5- Header 
	6- Content 
	7- Footer 
	8- Forms
	9- Extras

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');



/* =2 General Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
	height: 100%;
	}
body {
	text-align:center; 
	margin:0 auto;
	padding:5px;
	background: #000 ; 
	}
div.wrapper {
	width: 760px;
	margin: 0 auto; 
	text-align: left; /* for IE */
	}
.page {
	background:#fff;
}


/* =3 Text and Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body, td, th {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	}
.alerttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.black {
	color: #000000;
}
.yellow {
	color: #FFFF00;
}
.white, .white a, .white a:hover, a.white, a:hover.white {
	color: #FFFFFF;
}
.grey {
	color: #A0B2B1;
}


h1, .heading1 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	decoration: none;
	}
h2, .heading2 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	decoration: none;
	color: #A0B2B1;
	}
h3, .heading3 {
	font-size: 13px;
	font-weight: bold;
	}
h4, .heading4 {
	font-size: 14px;
	font-weight: bold;
	}
h5, .heading5 {
	font-size: 11px;
	font-weight: bold;
	}
h6, .heading6 {
	font-size: 28px;
	font-weight: bold;
	}


/* =4 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {
	color:#3366CC; 
	text-decoration:underline;
	outline:none
	}
a:hover {
	color: #000; 
	text-decoration:underline;
	}


/* =5 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.header {
	padding:10px 20px 0 ;
	}


/* =6 navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Sub menu */
div.submenu {
	border-bottom:1px solid #A0B2B1;
}
div.submenu a {
	padding:10px;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:underline;
	display:block;
	color:#000;
} 	
div.submenu a:hover, #submenu-current {
	background:#DDE4E3;
	text-decoration:none;
}

div.submenu-item {
	padding:5px 10px;
}
div.submenu-item a {
	padding: 0;
	text-decoration:underline;
	text-transform:none;
	font-weight:normal;
	display: inline;
	color:#3366CC;
} 	
div.submenu-item a:hover {
	color:#000;
	text-decoration:underline;
	background:0 none;
}

/* =7 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.page-heading {
	background:#A0B2B1;
	padding:10px;
}
.product-detail {
	 padding:20px; 
	 background:#DDE4E3;
	 color:#000;
}

/* Products */
ul.products {
	list-style:square;
	margin:0 0 20px 20px;
}
ul.products ul {
	list-style: disc;
	margin:3px 0 5px 20px;
}
ul.products li {
	margin:0 0 3px 0 ;
}
.nutrition-heading {
	background:#fff;
	text-align:center;
	width:396px;
	padding:3px 0;
	margin: 0 2px;
}
table.nutritional  {
	border-spacing:2px;
	
}
table.nutritional td {
	background:#fff;
	padding:3px;
	color:#000;
	}

	
	


/* =8 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.footer {
	background: #DDE4E3;
	margin: 5px 0;
	padding: 5px;
	}


/* =9 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.formtext {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	border: 0px;
}
.formtext-border {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	border: 1px solid #91A5A4;
}
.buttontext {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #A0B2B1; 
	border: 0px #000000 solid
}


/* =10 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
hr {
	color: #E5E5E5;
	height: 1px;
	width: 100%;
	border: solid;
}
.line {
	color: #E5E5E5;
	height: 1px;
	width: 100%;
	border: solid;
}
.alertbox {
	border: 1px solid #FF6600;
	padding:10px;
	background-color: #ffff00;
	color: #000;}