﻿/* ----------MAIN BODY STYLES---------- */

/* #1E5A73; #A9C9D5; */

* { 
    margin: 0px; /*sets 0 margin to the whole website*/ 
    padding: 0px; /*sets 0 padding to the whole website*/
  }

body { 
    /*font-family: Georgia, "Times New Roman", Times, serif; /*website font family*/
    font-family:"lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif; 
    background-color: #003042;
    font-size: 14px;
    color: #ffffff;
} 

a:link { 
  text-decoration: none;
  color: #ffac2d; /*color of our hyperlinks*/
}

a:link.terms { 
  text-decoration: none;
  color: #ffffff; /*color of our hyperlinks*/
}

a:visited { 
  text-decoration: none;    
  color: #ffac2d; /*color of visited hyperlinks*/
} 

a:hover {    
  color: #0096FF; /*color of the hyperlink when hovered over*/
} 

a:active {   
  color: #0096FF; /*color of our active links*/
} 

p { 
  font-size: 14px; /*sets default paragraph text size*/  
  line-height: 18px; /*sets default paragraph line height*/  
  text-align: justify; /*justifys our paragraphs*/
} 

.question{
	color: #ffffff;
	padding-top:20px;
}

.whiteleft{
	color: #ffffff;
	text-align:left;
}
.whiteright{
	color: #ffffff;
	text-align:right;
}
.whitejust{
	color: #ffffff;
	text-align:justify;
}
.answer{
	color: #6aa62e;/*#477f10; /*#1e5a73;*/
}

.gentext{
	color: #6aa62e;/*#477f10;/*#1e5a73;/*#477f10; /*#1e5a73;*/
}

.gentext p{
padding-bottom:5px;
}

.gentext ul{
	list-style-type:disc; 
	list-style-position:outside; 
	padding-left:30px;
}

.centertext{
	text-align:center;
}

.notetext{
	padding-top:5px;
	color:orange;
}

.gentexthomepage{
	color: #6aa62e;/*#477f10;/*#1e5a73;/*#477f10; /*#1e5a73;*/
}
.grptext{
	clear:both;
	text-align:right;
	font-size:20px;
	margin-bottom:5px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:0px;
	color: #ffffff;/*#1E5A73;/*#477f10;/*#1e5a73;/*#477f10; /*#1e5a73;*/
	border-top: 1px solid #114A61;
}

.termtext{
	color: #6aa62e;/*#477f10;/*#1e5a73;/*#477f10; /*#1e5a73;*/
	padding-bottom:10px;
	padding-right:10px;
}


.horizontalsplitter
{
	padding-bottom:20px;
	border-bottom: 1px solid #114A61;
}

h1 {   
  color: #6AA62E; /*color of our H1 tag*/  
  /*text-transform: uppercase; /*sets all H1 tags to uppcase*/
  font-size: 2em; /*sets H1 font size*/ 
  font-weight: normal; /*sets H1 font weight to normal*/
} 

h2 {  
/*  font-family: "Avenir LT 35", "lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;*/
  text-align:center;
  color: #1E5A73; /*color of our H2 tag*/ 
  font-size: 30px; /*sets H2 font size*/  
  font-weight: normal; /*sets H2 font weight to normal*/
  background:transparent;
} 

h3 { 
  color: #ffffff; /*color of our H1 tag*/  
  /*text-transform: uppercase; /*sets all H1 tags to uppcase*/
  font-size: 2em; /*sets H1 font size*/ 
  font-weight: normal; /*sets H1 font weight to normal*/
} 

h4 {   
  color: #ffffff; /*color of our H4 tag*/    
  /*text-transform: uppercase; /*sets all H4 tags to uppcase*/ 
  font-size: 22px; /*sets H4 font size*/
  font-weight: normal; /*sets H4 font weight to normal*/
} 

img {   
  border:none; /*removes borders from images*/
} 

img.floatLeft { 
    float: left; 
    margin-right:8px; 
	margin-top:4px;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}


.float-left {   
  float:left; /*class for float left*/
} 

.float-right {   
  float:right; /*class for float right*/
}

#round {  
  	clear:both;
	width:802px;
}

/*VERT LINKS*/

#vertlinks {  
  	clear:both;
	width:802px;
	margin:0px;
}
.vertlinks ul {     
  margin: 0px; /*gives our unordered list 0 margin*/   
  padding: 0px; /*gives our unordered list 0 padding*/
} 

.vertlinks li { 
  /*font-size:12px;*/
  height:14px;
  list-style-type: none; /*removes bullets points from our navigation*/
  padding-bottom: 4px; /*gives our navigation links bottom padding*/
  text-align:right;
  margin:0px;
} 

.vertlinks li a {
  margin:0px;
  padding:0px;
  text-decoration: none; /*removes bottom line from nav links*/
  color: #ffac2d; /*sets navigation link color*/
} 

.vertlinks li a:hover { 
	color: #0096FF;
} 

.vertlinks li a:active { 
	color: #0096FF;
} 

.vertlinks li.current a{   
	color: #0096FF;
}

.vertlinks a {   
  text-decoration: none; /*removes bottom line from nav links*/
  color: #ffac2d; /*sets navigation link color*/
} 

.vertlinks a:hover { 
	color: #0096FF;
} 

.vertlinks a:active { 
	color: #0096FF;
} 

/*Glossary LINKS*/

#glosslinks {  
	clear:both; 
	text-align:center;
	padding-top:10px; 
}
.glosslinks ul {     
 	margin: 0px; /*gives our unordered list 0 margin*/   
  /*padding: 0px; /*gives our unordered list 0 padding*/
  	padding-top:10px; 
} 

.glosslinks li { 
  /*font-size:12px;*/
  display: inline; /*displays our navigation links inline*/    
  list-style-type: none; /*removes bullets points from our navigation*/
  padding-bottom: 4px; /*gives our navigation links bottom padding*/
} 

.glosslinks li a {   
  text-decoration: none; /*removes bottom line from nav links*/
  color: #ffffff; /*sets navigation link color*/
} 

.glosslinks li a:hover { 
	color: #0096FF;
} 

.glosslinks li a:active { 
	color: #0096FF;
} 

.glosslinks a {   
  text-decoration: none; /*removes bottom line from nav links*/
  color: #ffffff; /*sets navigation link color*/
} 

.glosslinks a:hover { 
	color: #0096FF;
} 

.glosslinks a:active { 
	color: #0096FF;
} 

/*Round*/
#roundmid { 
  float:left;
  background:#00384c;
  font-size:0px;
  padding: 11px 0px 0px 772px;
  border-top: 1px solid #114A61;
}

#roundmidb { 
  float:left;
  background:#003042;
  font-size:0px;
  padding: 11px 0px 0px 772px;
  border-top: 1px solid #114A61;
}

#iframecontent{ 
  background:#00384c;
}

#roundtoplt { 
	float:left;
}

#roundtoprt {  
	float:right;
}

.roundbottom {
	background: url("../images/br.gif") no-repeat bottom right; 
}

/*Text Image List*/
.textbelowimage
{
	float:left;
}

.textbelowimage p {
	cursor:pointer;
	text-align:center; 
	padding-right:10px;
}
.textbelowimage img {
	cursor:pointer;
	padding-right:10px;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

img.videoimage
{
	cursor:pointer;
	padding-right:10px; 
	float:left;
}

/* ----------PAGE HEADER STYLES---------- */
.pageheader
{
	font-size: 16px;
	clear:both;
	text-align:center;
	width:775px;
	margin-bottom:20px; 
	padding-bottom:10px; 
	border-bottom: 1px solid #114A61;
}


/* ----------MAIN CONTAINER STYLES---------- */
#containersite { 
  margin-top: 20px; /*sets top margin to 0*/
}

/* ----------CONTAINER---------- */
#container{ 
  width: 800px; /*width of our container*/  
  margin-top: 0px; /*sets top margin to 0*/
  margin-right: auto; /*sets right margin to auto which centers our website*/ 
  margin-left: auto; /*sets left margin to auto which centers our website*/
} 

/* ----------HEADER STYLES---------- */
#header { 
  background: #003042; 
  float: left; /*floats our header left*/ 
  width: 780px; /*gives our header a width of 900px*/
} 

/* ----------LOGO STYLES---------- */
#logo {     
  float: left; /*floats our logo left*/    
  height: 110px; 
  padding-top: 0px; /*gives our navigation top padding*/ 
  margin-bottom: 0px; /*gives our navigation a bottom margin*/
} 

/* ----------NAVIGATION STYLES---------- */
#top-nav-bar {
  font-size: 14px;
  color:#A9C9D5;
  float: right; /*floats our navigation right*/   
  height: 110px; /*gives our navigation a height of 60px*/
  padding-top: 0px; /*gives our navigation top padding*/ 
  margin-bottom: 0px; /*gives our navigation a bottom margin*/
}  

.topnavlinks ul {     
  margin: 0px; /*gives our unordered list 0 margin*/   
  padding: 0px; /*gives our unordered list 0 padding*/
} 

.topnavlinks li {   
  display: inline; /*displays our navigation links inline*/  
  list-style-type: none; /*removes bullets points from our navigation*/
  padding-left: 0px; /*gives our navigation list items left padding*/
} 

.topnavlinks li a {   
  text-decoration: none; /*removes bottom line from nav links*/
  font-size: .85em; /*sets navigation font size*/  
  color: #A9C9D5; /*sets navigation link color*/
  padding-bottom: 2px; /*gives our navigation links bottom padding*/
} 

.topnavlinks li a:hover { 
	color: #ffffff;
} 

.topnavlinks li.topcurrent a{
	color: #ffffff;  
}

#nav-bar { 
  text-align: center;
  font-size: 16px;
  float:left; 
  background:#003042;
  padding-top: 8px; /*gives our navigation top padding*/  
  padding-bottom: 10px; /*gives our navigation top padding*/  
  width: 800px;
}

.navlinks ul {     
  margin: 0px; /*gives our unordered list 0 margin*/   
  padding: 0px; /*gives our unordered list 0 padding*/
} 


.navlinks li {   
  display: inline; /*displays our navigation links inline*/  
  list-style-type: none; /*removes bullets points from our navigation*/
  padding-right: 10px; /*gives our navigation list items left padding*/
} 

.navlinks li a {
  font-weight: 600;
  text-decoration: none; /*removes bottom line from nav links*/
  font-size: .8em; /*sets navigation font size*/  
  color:#A9C9D5;  /*#8a7b3a; sets navigation link color*/
  /*reduct padding for more items*/
  padding-right:0px;
  /*padding-bottom: 2px; /*gives our navigation links bottom padding*/
} 

.navlinks li a:hover { 
	color: #ffffff;
} 

.navlinks li.current a{   
	color: #ffffff;
}

/* ----------CONTENT STYLES---------- */ 
 #content { 
  clear:both;
  background:#00384c;
  width: 780px;
  overflow:auto;
  padding: 0px 10px 0px 10px;
  margin:0px;
  border-left: 1px solid #114A61;
  border-right: 1px solid #114A61;
  border-bottom: 1px solid #114A61;
} 


/* ---------- Ingredients NAVIGATION STYLES---------- */
#ingredients-nav-bar {
  font-size: 14px;
  color:#ffac2d;
  float: right; /*floats our navigation right*/   
  /*height: 60px; /*gives our navigation a height of 60px*/
  padding-top: 0px; /*gives our navigation top padding*/ 
  margin-bottom: 0px; /*gives our navigation a bottom margin*/
}  

.ingredientslinks ul {     
  margin: 0px; /*gives our unordered list 0 margin*/   
  padding: 0px; /*gives our unordered list 0 padding*/
} 

.ingredientslinks li {   
  display: inline; /*displays our navigation links inline*/  
  list-style-type: none; /*removes bullets points from our navigation*/
  padding-left: 0px; /*gives our navigation list items left padding*/
} 

.ingredientslinks li a {   
  text-decoration: none; /*removes bottom line from nav links*/
  font-size: .85em; /*sets navigation font size*/  
  color: #ffac2d; /*sets navigation link color*/
  padding-bottom: 2px; /*gives our navigation links bottom padding*/
} 
.ingredientslinks li a:hover { 
	color: #0096FF;
} 

.ingredientslinks li.ingredientcurrent a{
	color: #0096FF;  
}

/* store divs */
.storediv
{
	margin:5px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	width:172px; 
	height:137px; 
	border:1px solid #114A61;
	float:left;
	position:relative;
	text-align:center;
}

.storediv:hover
{
	padding-bottom:4px;		
	margin-left:4px;
	margin-right:4px;		
	margin-bottom:4px;
	border:2px solid #114A61;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
}

.storediv p
{
	text-align:center;
}

.storediv p:hover
{
	/*font-weight:bold*/
}

.storediv a 
{ 
	color: #FFFFFF;
	text-align:center;
	width:167px; 
	height:137px;
	display:block;
} 

.storediv div
{
	position:absolute;
	bottom:4px; 
	left:0; 
	right:0;
}

.storediv a:hover 
{
	font-weight:bold	
} 

.storediv a:active 
{
	font-weight:bold	
} 

/*end store div*/

/*store links */
.productlinks
{
	width:175px; 
	margin:7px;
	padding:2px;
	border:1px solid #114A61;
	float:left;
}

.productlinks:hover
{
	margin:6px;
	border:2px solid #114A61;
}


.productlinks img.productimage 
{
	border:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding:0px;
}

.productlinks p.productbox 
{
	height:120px;
	vertical-align:bottom;
	text-align:center;
}

.productlinks img.productboximage 
{
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	bottom:0; 
}


.productlinks p
{
	text-align:center;
}

.productlinks p.flrt
{
	clear:both;
	float:right;
}


.productlinks div
{
	text-align:right;
	padding:2px;
	padding-right:10px;	

}

.productlinks div.addcart
{
	float:right;
}

.productlinks div.desc
{
	font-size:13px;
	text-align:right;
}

.productlinks div.price
{
}

.bigtext
{
	font-size:20px;
}


/* end store links */

/* ----------FOOTER STYLES---------- */ 
 #footer {    
  /*background-image: url(images/footer_bg.png); /*adds our footer background image*/   
  /*background-repeat: repeat-x; /*repeats background horizontally*/ 
  height: 100px; /*adds a fixed height*/    
  clear: both; /*clears both floats*/    
  margin-top: 10px; /*adds a top margin*/
  color:#A9C9D5
}  

#footer-content { 
  font-size: 14px;   
  /*background-image: url(images/footer_contentbg.png); /*adds our footer background image*/    
  /*background-repeat: no-repeat; /*stops background repeating*/   
  margin: auto; /*centers our footer*/   
  height: 90px; /*adds a fixed height*/   
  width: 800px; /*adds a fixed width*/   
  clear: both; /*clear's both floats*/   
  padding-top: 0px; /*adds top padding*/
} 
 
#footer-content p {     
   text-align: center; /*aligns text center*/
}




