/*
	Master Stylesheet for screen media
	All code on this site unless otherwise mentioned is covered by this Creative Commons License:
	
		Attribution-ShareAlike License
		http://creativecommons.org/licenses/by-sa/2.0/
	
	Author: Ken Loomis, Creative Arc, Inc. (creativearc.com)
*/


body.recipe, body.BiPro { 
	background: url(http://www.biprousa.com/skin/frontend/default/blank/images/bipro/background-bipro-recipe-panels-blank.jpg) #000 no-repeat center top; 
	}

body.recipe #outerWrapper{
    margin: 0px auto 0px auto;
    padding: 0;
    width: 1200px;
    background: url(http://www.biprousa.com/skin/frontend/default/blank/images/bipro/background-bipro-recipe-panels-blank.jpg) #000 no-repeat center top; 
}
body.BiPro-recipe #outerWrapper{
    margin: 0px auto 0px auto;
    padding: 0;
    width: 1200px;
    background: url(http://www.biprousa.com/skin/frontend/default/blank/images/bipro/background-bipro-recipe-panels-blank.jpg) #000 no-repeat center top; 
}

body.ee div#container { 
	/* background: url(http://www.biprousa.com/skin/frontend/default/bipro/images/bipro/background-bipro-panels-blank.jpg) #8A826B no-repeat -116px -112px; 
	background: url(http://www.biprousa.com/skin/frontend/default/blank/images/bipro/background-bipro-repeat.gif) transparent no-repeat -115px top;*/
	min-height: 570px;
	}

body.ee.recipe div#container, body.BiPro div#container { 
	background: url(http://www.biprousa.com/skin/frontend/default/blank/images/bipro/background-bipro-recipe-repeat.gif) transparent no-repeat -115px top;
	min-height: 570px;
	}
	
body.ee div#header { 
	/* border: 1px solid green; */
	}

body.ee div#content {
	width: 440px;
	\width: 460px;	
	w\idth: 460px;	
	overflow: visible;
	overflow-x:visible;
	height: auto !important;
	}	

body.ee div#content p {
	width: auto;
	margin: 10px 0px;
	}

body.ee a.skip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	}
	
	body.ee a.skip:hover {
	color: #fff;
	}

div#sidebar {
	padding: 0;
	margin-top: 20px;
	}	

body.ee ul#sidebar-nav {
	list-style-type:none;
	margin:0 0 0 30px;
	}

body.ee div#footer {
	/* position: auto !important; */
	}
	
div#sculpt {
	width: 267px;
	position: absolute;
	left: -260px;
	top: 40px;
	display: block;
	}

.navCategoriesBlock{
    width:150px;
    float:left;
    font-size:1.4em;
	}

.navCategoriesBlock a {
	color: #B6642E !important;
	}

body.ee a.skip {
	font-size: 1.7em;
	color: #c49617;
	}
	
	body.ee a.skip:hover {
	font-size: 1.7em;
	color: #fff;
	}


body.ee div#sidebar div#sidebar-image {
	background: url(/images/bipro/100natural.gif) no-repeat;
	height: 420px;
	width: 170px;
	margin: 20px 0 0 20px;
	}
	
body.ee.biozzz div#sidebar div#sidebar-image, body.ee.biozzz-recipe div#sidebar div#sidebar-image {
	background: url(/images/biozzz/biozzzleftsidebar.gif) no-repeat;
	height: 400px;
	width: 170px;
	margin: 20px 0 0 3px;
	}

bipro.ee.recipe.category.biozzz-recipe {
	background: url(/images/biozzz/biozzzleftsidebar.gif) no-repeat;
	height: 400px;
	width: 170px;
	margin: 20px 0 0 3px;
	}


body.ee div#content ul li {
	margin-left: 25px;
	}

body.ee ul#subnav {
	margin: -65px 0 75px -20px;
	list-style-type: none;
	}

	body.ee ul#subnav li {
	float: left;	
	}
	
	body.ee ul#subnav li a {
	color: black;
	font-size: 1.2em;
	}

body.bipro.ee.bipro-the-quick-n-easy-whey.bipro ul#subnav {
	margin-top: -100px;
	margin-bottom: 120px;
	}



/* General Typography
----------------------------------------------------*/

p {
	color: #000;
	font-size: 1.4em;
	}

h3 {
	color: #000;
	}
h5 {
    color: #000000 !important;
    }	
span.bold {
	font-weight: bold;
	}

a {
	color: #897137;
	}

a:hover {
	color: #799ec8;
	}

a:active {
	color: #799ec8;
	}

a img{
    border: none;
	}

dl {
	margin-top: 20px;
	}

dl dt {
	color: #000;
	font-size: 1.6em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

hr {
	width: 100%;
	height: 1px;
	color: #666;
	background-color: #666;
	border: none;
	margin: 5px auto 5px auto;
	}


/* Products overview page
----------------------------------------------------*/	

body.bipro.products a.add-to-cart {
	position: absolute;
	display: block;
	width: 130px;
	height: 200px;
	right: 35px;
	top: 240px;
	border: 1px dotted purple;
	}

body.bipro.products div#content {
	top: 60px;
	color:#fff;
	}

body.bipro.products div#content p {
	font-size: 1.5em;
	color:#fff;
	}

body.bipro.products div#content h3 {
	color:#000;
	}


/* Recipes page
----------------------------------------------------*/	

body.ee ul#nav_categories {
	}
	
body.ee ul#nav_categories li {
	display: block;
	float: left;
	padding-right: 20px;
	color: #c49617;
	font-size: 1.6em;
	list-style-type: none;
	}
	
body.ee ul#nav_categories li a {
	color: #c49617;
	}
	
body.ee ul#nav_categories li a:hover {
	color: #6e89a7;
	}

body.ee ul#nav_categories li a:active {
	color: #6e89a7;
	}

h2 {
	font-size: 3.5em;
	letter-spacing: .05px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
/*	color: #83a9d4; */
	color: #1f537e;}

body.ee h3 {
	color: #000;
	font-size: 1.9em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	margin-top: 15px;
	margin-bottom: 8px;
	}

body.ee div #content p {
	margin: 10px 0px;
	}

body.ee a {
	color: #000;
	}
	
	body.ee a:hover {
	color: #c49617;
	}


/* Recipes Category section
----------------------------------------------------*/	

body.recipe.view td {
	border: none !important;
	text-align: left;
}

body.bipro.ee.category div#recipe-categories {
	position: relative;
	margin-top: 30px;
	}

body.bipro.ee.category ul.recipe-list {
	margin-top: 5px;
	}

	body.bipro.ee.category ul.recipe-list li {
	font-size: 1.3em;
	list-style-type: none;
	}

	body.bipro.ee.category ul.recipe-list li a {
	color: #474645;
	}


	body.bipro.ee.category ul.recipe-list li a:hover {
	color: #799ec8;
	}

	body.bipro.ee.category ul.recipe-list li a:active {
	color: #799ec8;
	}

body.bipro.ee.recipe.category div.navCategoriesBlock a.appetizers {
	color: red;
	}




/* Invidiual Recipe pages
----------------------------------------------------*/	

body.bipro.ee.view h2 {
	color: #000;
	font-size: 3.6em;	
	font-weight: normal;
	margin-bottom: .5em;
	}	

body.bipro.ee.view h3.title {
	border-bottom: 1px solid #666;
	color: #000;
	font-size: 2.2em;	
	font-weight: normal;
	}	

div.recipe-overview p {
	font-weight: bold;
	}	

body.bipro.ee.view h3 {
	color: #000;
	font-size: 1.5em;	
	font-weight: normal;
	margin-top: 10px;
	}	
	
body.bipro.ee.view h4 {
	color: #c98c16;
	font-size: 1.5em;	
	font-weight: normal;
	font-style: oblique;
	margin-top: 10px;
	}	

body.bipro.ee.view #content li {
	color: #474645;
	margin-left: 20px;
	font-size: 1.4em;
	}	

body.bipro.ee.view #content {
	padding-bottom: 100px; /* LOOM: I'd like to get rid of this if possible. Overflow perhaps? */
	}

body.bipro.ee.view #content hr {
	width: 100%;
	height: 1px;
	color: #666;
	background-color: #666;
	border: none;
	margin: 5px auto 5px auto;
	}

p.footnote {
	font-size: 1.2em !important;
	}


/* Recipe Reviews Section
----------------------------------------------------*/	

body.bipro.ee.recipe.view div.reviews h3 {
	color: #7599bf;
	text-transform: uppercase;
	}

/* Recipe Reviews Form
----------------------------------------------------------------------------- */	

h3.add {
	color: #000;
	/*color: #c19022;*/
	}

p.postedby {
	font-weight: bold;
	}

div#comments {
	margin-bottom: 15px;
	}
	
div.comment {
	padding: 20px;
	background-color: #f6f6f6;
	margin-bottom: 15px;
	}
	
div#commentform {
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 20px;
	background-color: #f4faff;
	width: 660px;
	border-top: 2px dashed #ccc;
	}

div#commentform p.formatting {
	margin-left: 75px;
	margin-top: -15px;
	margin-bottom: 30px;
	}	
	
div#commentform code {
	margin-left: 0px;
	margin-top: -10px;
	font-size: 1.3em;
	}	

div#commentform label {
	display: block;
	float: left;
	width: 75px;
	}
	
div#commentform label.checkbox {
	display: block;
	float: left;
	margin-left: 75px;
	width: 250px;
	}
	
div#commentform label.captchalabel {
	display: block;
	float: left;
	font-style: oblique;
	font-weight: bold;
	margin-left: 75px;
	margin-bottom: 10px;
	width: 350px;
	}
	
div#commentform input.textfield {
	width: 250px;
	padding: 5px;
	}
	
div#commentform p.commentbox {
	font-style: oblique;
	font-weight: bold;
	margin-left: 75px;
	margin-bottom: 20px;
	}
	
div#commentform textarea {
	margin-left: 75px;
	margin-top: -20px;
	width: 263px;
	height: 100px;
	}
	
div#commentform p.captcha {
	margin-left: 75px;
	width: 150px;
	}
	
div#commentform input.captchafield {
	padding: 5px;
	width: 125px;
	}
	
p.submit {
	margin-left: 75px;
	margin-top: 20px;
	background-color: #dcedf3;
	padding: 10px;
	display: inline;
	}

p.preview {
	margin-left: 65px;
	margin-top: 20px;
	padding: 10px;
	}


/* Ingredients Tables
----------------------------------------------------*/	

body.bipro.ee.view table.ingredients {
	font-size: 1.5em;
	color: #474645;
	margin: 10px;
	}

body.bipro.ee.view table.ingredients td {
	border: 1px solid #666;
	}


/* Protein Calculator
----------------------------------------------------*/	

body.ee table.protein-calc {
	font-family: "arial", "verdana", sans-serif;
	font-size: 1.2em;
	width: 480px;
	border-collapse: collapse;
	float: left;
	margin-left: 0px;
	margin-top: 15px;
	}

body.ee table.protein-calc td {
        font-family: "arial", "verdana", sans-serif;
}

body.ee table.protein-calc th {
        font-family: "arial", "verdana", sans-serif;
	text-align: center;
	font-weight: normal;
	}

body.ee table.protein-calc td {
	border: 1px solid #7d755e;
	padding: 5px;
	}

body.ee table.protein-calc td.col-heading {
	font-weight: normal;
	}

body.ee table.protein-calc td.estimate {
	text-align: right;
	}

body.ee table.protein-calc tr {
	height: 40px;
	}


/* BiPro FAQ
----------------------------------------------------*/	

body.bipro.ee.faq a {
	color: #000;
	}

body.bipro.ee.faq a:hover {
	color: #6e89a7;
	}

body.bipro.ee.faq ol {
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
	}

body.bipro.ee.faq ol.answers li {
	margin-bottom: 40px;
	}

body.bipro.ee.faq ol.answers li li{
    margin-bottom: 5px;
    }
    
body.bipro.ee.faq ol.answers a.answer {
	font-weight: bold;
	border: 1px solid red;
	}

body.bipro.ee.faq a.backtotop {
	float: right;
	}


/* Supplemental Facts page
----------------------------------------------------*/	

body.bipro.ee.facts h3 {
	font-size: 3.5em;
	}
	
body.bipro.ee.facts h4 {
	color: #474645;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 140%;
	}
	
body.bipro.ee.facts h5 {
	color: #000000;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 140%;
	margin-top: 20px;
	}
	
body.bipro.ee.facts p {
	font-size: 1.5em;
	}
	
/* Recipe print menu
----------------------------------------------------*/	

#printerLinkDropdown {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#printerLinkDropdown ul { 
    padding: 0px;
    margin: 0px;
    list-style: none;
    z-index: 99;
    overflow: visible;
    position: absolute;
    left: -1px;
    top: 16px;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
#printerLinkDropdown li { 
    position: relative; 
    display: block;
    float: left;
    height: auto;
    margin: 0px !important;
    font-size:11px !important;
    line-height:16px !important;
    width: 45px;
    padding: 0px 10px 0px 20px;
    background-image: url(../images/printer.png);
    background-position:0px 0px;
    background-repeat: no-repeat;
}
#printerLinkDropdown a {
    color: #666666;
    text-decoration: none; 
    display: block;
    margin: 0px; 
    width: auto; 
    font-size:11px !important;
    line-height:16px !important;
    background-color: #F3ECE6;
}
#printerLinkDropdown a:hover{
    text-decoration: none; 
    display: block;
    margin: 0px;
}
#printerLinkDropdown li li{
    border: none;
    width: 75px;
    padding:0px;
    background-image: none;
}
#printerLinkDropdown li li a { 
    border-top: 1px solid #666666;
    width:55px;
    padding: 0px 10px 0px 10px; 
}
#printerLinkDropdown li li a:hover{

}
#printerLinkDropdown ul, #printerLinkDropdown ul ul, #printerLinkDropdown ul ul ul{
    display: none;
    /* display:block; */
}
#printerLinkDropdown li:hover ul ul, #printerLinkDropdown li:hover ul ul ul{
    /* display:none;  */
    display: block;
}
#printerLinkDropdown li:hover ul, #printerLinkDropdown ul li:hover ul, #printerLinkDropdown ul ul li:hover ul{
    display: block;
}
li>ul { 
    top: auto;
    left: auto;
}

/* contact us form */

#contactUsForm{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	/* font-size-adjust:none; 
	font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:165%;
}

/* photo gallery */
#galleryTable{
    margin:20px;
}
#galleryTable td{
    padding:8px;
}
#galleryTable td a {
    text-decoration: none;
}
#galleryTable td a img {
    border: none;
}

/* misc */
.disclaimer{
    font-size: 11px;
    line-height: 12px;
    margin: 15px 0px 15px 0px;
}
#twitterDisclaimer{
    font-size: 9px;
    line-height: 12px;
    clear:both;
    margin: 50px 15px 0px 0px;
}
.aminoTable{
    font-size: 1.5em;
    border-collapse: collapse;
    width: 250px;
    margin-left: 30px;
}
.aminoTable td{
    border-bottom: 1px solid #3C2F1E;
}
body.biozzz #biozzzEndorsement, body.biozzz.bipro #biozzzEndorsement, body.bipro #biproEndorsement{
    display:inline;
}
body.bipro #biozzzEndorsement, body.biozzz #biproEndorsement{
    display:none;
}

.rating_star{
	margin-right:1px;
}

.blogEntryTitle{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 100%;
    color: #000000;
    border-bottom: 1px solid #666666;
    padding: 0px 0px 5px 0px;
    
}
.articleTitle{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 100%;
    color: #000000;
    border-bottom: 1px solid #666666;
    padding: 0px 0px 5px 0px;
    clear:both;
}

/* STYLES FOR NEW INDEX PAGE */

body#indexBody {
    background-image: none !important;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
}
body#indexBody object {
    border: none;
    padding: 0px;
    margin: 0px;
    outline: none;
}
body#indexBody #footer {
    background-color: #978871;
    background-image: none;
    width: 937px;
    clear: both;
    margin: 0px;
    padding: 0px;
    height: auto;
}
body#indexBody #wrapper {
    width: 937px;
    padding: 0px;
    margin-bottom: 20px;
    text-align: left;
}
body#indexBody #nav {
    margin: 20px 0px 0px 14px;
    position: absolute;
}
#indexHeader{
    background: url(/images/index-nav-background.gif) no-repeat;
    height: 79px;
    width: 937px;
    margin: 10px 0px 10px 0px;
}
#indexNsfLink{
    position: absolute;
    margin: 400px 0px 0px 40px;
    z-index: 100;
}
#indexContent{
    background: url(/images/index-content-background.gif) repeat-y;
    text-align: left;
}
#indexLeftText{
    width: 50%;
    font-size: 14px;
    color: #FEFEFD;
}
#indexRightText{
    padding: 10px 2px 10px 4px;
    font-size: 14px;
    color: #FEFEFD;
}
#indexLeftText h1, #indexRightText h1{
    font-size: 15px;
    color: #212020;
    font-weight: normal;
}
#index-bipro-bottle{
    position: absolute;
    margin: 217px 0px 0px 203px;
}
#index-biozzz-bottle{
    position: absolute;
    margin: 214px 0px 0px 534px;
}