/*---MAIN BODY & HTML---*/

html, body { margin: 0px; padding: 0px; background-image: url('../../images/site_general/background.jpg'); background-attachment: fixed; background-repeat: repeat; background-position:center; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; }

a { color: #4d85be; font-weight: bold; text-decoration: none; font-size: 16px; }

a:hover { color:#000120; }

#MainContainer p { font-size: 18px; }

hr { color: #409A03; background-color: #409A03; height: 3px; border: none; }

/*----MAIN STRUCTURE----*/

#MainContainer{ width: 1100px; min-height: 400px; margin: auto; margin-top: 6px; margin-bottom: 15px; }

#Header { min-height: 80px; height: 86px; margin: auto; border-bottom: 2px solid #57A212; }

#Footer { min-height: 60px; height: 70px; margin: auto; border-top: 2px solid #57A212; margin-top: 10px; }

#SideMenu { width: 170px; min-height: 300px; float: left; margin-left: 5px; margin-right: 15px; }

#PageNormalBody { float: left; width: 905px; margin-top: 3px; }

#PageExtendedBody { margin-left: 10px; margin-right: 10px; margin-top: 8px; }

#AdminDisplay{ position:fixed; width:110px; top:2px; right:2px; padding:3px; border:1px solid #800000; background-color:#FFFFC0; font-size:12px; color:#FF0000; font-weight:bold; }

/*---------FORMS--------*/ 

#TheForm label { width: 11em; float: left; text-align: right; margin-right: 0.5em; display: block; font-size:12px; }

#TheForm .submit input { margin-left: 4.5em; }

#TheForm input { color: #713E3E; font-weight: bold; background: #FEFFDD; border: 1px solid #005800; }

#TheForm textarea { color: #713E3E; font-weight: bold; background: #FEFFDD; border: 1px solid #005800; }

#TheForm .submit input { font-size:16px; cursor:pointer; border:outset 1px #ccc; background:#999; color:#000066; font-weight:bold; padding: 1px 2px; background:url(../../images/site_general/formbg.gif) repeat-x left top; }

#TheForm fieldset { border: 1px solid #005800; width: 30em; font-size: 16px; font-weight: bold; }

#TheForm legend { color: #000058; background: #FEFFDD; border: 1px solid #005800; padding: 2px 6px; } 

/*-----MAIN CLASSES-----*/

.outsetborder {
border-style:outset;
border-color:green;
border-width:5px;
}

.outsetborder2 {
border-style:outset;
border-color:red;
border-width:5px;
}

.outsetbordererror {
border-style:solid;
border-color:black;
border-width:5px;
}

.ClearAll { clear: both; }

.BobHeader { margin-bottom: 0px; margin-right:8px; }

.noLink { text-decoration: none; border: none; }

.smallGreen{ font-size: 12px; font-weight: bold; color: #409A03; }

.smallBlack{ font-size: 12px; font-weight: bold; color: #000000; }

.BigGreen{ font-size: 20px; font-weight: bold; color: #409A03; }

.smallRed{ font-size: 12px; font-weight: bold; color: #FF0000; }

.InputBox{ color: #713E3E; font-weight: bold; background: #FEFFDD; border: 1px solid #005800; }

.InputSubmit { color: #005800; background: #FEFFDD; border: 2px outset #005800; font-weight: bold; font-size: 13px; padding: 2px; }

.ViewCart a{ font-size:13px; font-weight:bold; color:#FEFFDF; }

.ViewCart a:hover{ color:#C2D0FE; background: none; }

.NewsletterButton{ background: transparent; background-image: url('../../images/site_general/click-join-o.png'); background-repeat: no-repeat; width: 151px; height: 25px; border: none; cursor: pointer; }

.Bullet{ margin-left:4px; margin-right:4px; }

.SubscribeButton{ background: transparent; background-image: url('../../images/site_general/watershed-subscribe.png'); background-repeat: no-repeat; width: 151px; height: 25px; border: none; cursor: pointer; }

.curlycontainer{ border: 1px solid #b8b8b8; margin-bottom: 1em; }

.curlycontainer .innerdiv{ background: transparent url(../../images/site_general/brcorner.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; }

.curlycontainer iframe { margin-bottom: 15px; }

.PageHeader { margin-left:45px; font-size:20px; font-weight:bold; color:#060; }

.PageHeaderNoMarg, h1, h1.PageHeaderNoMarg  { font-size:20px; font-weight:bold; color:#060; }


.LeftContainer { float:left; width:420px; margin-left:10px; margin-top:10px; }

.RightContainer { float:right; width:420px; margin-right:10px; margin-top:10px; }

.ProductTitle{ font-size:18px; font-weight:bold; color:#008000; }

.ProductTitle:hover{ font-size:18px; font-weight:bold; color:#000080; }

.SubTitle{ font-size: 18px; font-weight: bold; color: #000080; margin-top: 20px; }

.BobLink{ margin-left: 15px; margin-bottom: 3px; }

#Reasons ul, #Reasons li { font-size:12px; }

/*-----------HOMEPAGE LAYOUT---------*/
/* written by alex berry oct 06 2010 for new homepage */
div.two-col div.left-col{
	float:left;
	margin-top:40px;
	margin-left:48px;
	width:530px;
}
div.two-col div.right-col{
	float:left;
	margin-top:40px;
	margin-left:55px;
	width:240px;
	padding-top:40px;
}
div.two-col div.right-col div{
  margin-bottom:40px;	
}
div.two-col div.left-col div.two-col{
  margin-top:40px;
  margin-bottom:40px;
  clear:both;
}
div.two-col div.left-col div.two-col a.button-one{
	float:left;
	display:block;
}

div.two-col div.left-col div.two-col a.button-two{
	float:right;
	display:block;	
}
/* use this for the two columns of buttons on pet chlorella page */
div.two-col-equal{
	
}

div.three-col{ margin-top:25px; }

div.three-col div.col-one, div.three-col div.col-two, div.three-col div.col-three{
	width:250px;
	float:left;
	text-align:center;
	padding-left:25px;
	padding-right:25px;
}
/*-----------PRODUCTS PAGE---------*/ 

.CategoryItem { width:150px; height:131px; margin:10px; border:1px solid #AFFF9B; float:left; text-align:center; vertical-align:middle; }

.CategoryImage { margin:5px; vertical-align:middle; height:101px; }

.CategoryImage img{ vertical-align:middle; }

.CategoryName a { font-size:12px; color:#060; vertical-align:middle; }

.CategoryName a:hover { color:#009; }

.CategoryName { vertical-align:middle; font-size:12px; color:#060; margin-bottom:3px; margin-top:3px; }

/*-----------FAQS---------*/

#Questions a { color:#006; font-weight:bold; text-decoration:none; }

#Questions a:hover { color:#006; text-decoration:underline;	}

#Questions div { margin-bottom:9px;	}

.question { margin-left:20px; font-size:15px; font-weight:bold; color:#000; border-bottom:1px solid #999; padding-left:20px; }

.answer { margin-left:35px; font-size:14px; font-weight:normal; margin-top:5px; margin-bottom:20px; }

/*---PRODUCT AND SHADOW--*/

.shiftcontainer{ position: relative; left: 5px; top: 5px; }

.shadowcontainer{ background-color:#7BBC70; }

.shadowcontainer .innerdiv{ background-color: white; border: 1px solid gray; padding: 6px; position: relative; left: -5px; top: -5px; }

.price{ font-size:16px; font-weight:bold; text-decoration:none; color:#600; }

.reg { font-size: 13px; color: #585858; text-decoration: line-through; }

.sale { font-size: 16px; color: #409A03; }

.categoryHR hr { color: #808080; background-color: #808080; height: 3px; border: none; }

/*---BREADCRUMBS DIV-----*/

#BreadCrumbs { margin-top:0px; margin-left:30px; font-size:10px; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; min-width:400px; width:auto; margin-bottom:5px; }

#BreadCrumbs A { text-decoration:none; color:#000080; font-size:10px; }

#BreadCrumbs A:hover { color:#4d85be; text-decoration:none; border:none; }

/*---ROUNDED CORNERS----*/

.whiteRound{ display:block; }

.whiteRound *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#FFFFFF; }

.whiteRound1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #6da76d; border-right:1px solid #6da76d; background:#bfd8bf; }

.whiteRound2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #197519; border-right:1px solid #197519; background:#cee1ce; }

.whiteRound3{ margin-left:1px; margin-right:1px; border-left:1px solid #cee1ce; border-right:1px solid #cee1ce;}

.whiteRound4{ border-left:1px solid #6da76d; border-right:1px solid #6da76d; }

.whiteRound5{ border-left:1px solid #bfd8bf; border-right:1px solid #bfd8bf; }

.whiteRoundfg{ background:#FFFFFF; }

/*----------------------*/

.LightTan{ display:block; }

.LightTan *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#FFFFCC; }

.LightTan1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #ffffe9; border-right:1px solid #ffffe9; background:#ffffd8; }

.LightTan2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #fffff9; border-right:1px solid #fffff9; background:#ffffd5; }

.LightTan3{ margin-left:1px; margin-right:1px; border-left:1px solid #ffffd5; border-right:1px solid #ffffd5; }

.LightTan4{ border-left:1px solid #ffffe9; border-right:1px solid #ffffe9; }

.LightTan5{ border-left:1px solid #ffffd8; border-right:1px solid #ffffd8; }

.LightTanfg{ background:#FFFFCC; }

/*----------------------*/  

.darkGreen{ display:block; }

.darkGreen *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#286603; }

.darkGreen1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #a2bd92; border-right:1px solid #a2bd92; background:#5d8c42; }

.darkGreen2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #e9efe5; border-right:1px solid #e9efe5; background:#508332; }

.darkGreen3{ margin-left:1px; margin-right:1px; border-left:1px solid #508332; border-right:1px solid #508332; }

.darkGreen4{ border-left:1px solid #a2bd92; border-right:1px solid #a2bd92; }

.darkGreen5{ border-left:1px solid #5d8c42; border-right:1px solid #5d8c42; }

.darkGreenfg{ background:#286603; }

/*----------------------*/  

.siteGreen{ display:block; }

.siteGreen *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#57a212; }

.siteGreen1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #b6d799; border-right:1px solid #b6d799; background:#81b94d; }

.siteGreen2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #eef5e7; border-right:1px solid #eef5e7; background:#76b33f; }

.siteGreen3{ margin-left:1px; margin-right:1px; border-left:1px solid #76b33f; border-right:1px solid #76b33f; }

.siteGreen4{ border-left:1px solid #b6d799; border-right:1px solid #b6d799; }

.siteGreen5{ border-left:1px solid #81b94d; border-right:1px solid #81b94d; }

.siteGreenfg{ background:#57a212; }