/*--------normalize styles for all browsers------ */
      /* Normalizes margin, padding */
      body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img
      { margin : 0; padding : 0; }


      /* Normalizes font-size for headers */
      h1,h2,h3,h4,h5,h6 { font-size : 100%; }

      /* Removes list-style from lists */
      ol,ul { list-style : none; }


      /* Normalizes font-style and font-weight to normal */
      address, caption, cite, code, dfn, em, strong, th, var
      { font-style : normal; font-weight : normal; }


      /* Removes list-style from lists */
      table { border-collapse : collapse; border-spacing : 0; }


      /* Removes border from fieldset and img */
      fieldset,img { border : 0; }


      /* Left-aligns text in caption and th */
      caption,th { text-align : left; }


      /* Removes quotation marks from q */
      q:before, q:after { content :''; }

/*---------standard styles------------*/
.bold	
{
	font-weight:bold;
	color:#336a40;;/*RH-color-headers*/	
}
.bold2	
{
	font-weight:bold;
	color:#f7d73d; /*yellow*/
}

.italic{
	font-style:italic;
	font-weight:bold;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ------default font styles and sizes for this web site------ */

      h1,h2,h3,h4,p,li{
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/*RH-font-family1*/
/*      font-family: Helvetica, Arial, sans-serif;/*RH-font-family1*/      */
      }

      h1{font-size: 18px;}
      h2{font-size: 16px;}
      h3{font-size: 14px;}
      h4{font-size: 12px;}
      p{font-size: 12px;}

      h1,h2,h3,h4{
      color:#000000;/*RH-color-headers*/
      }
	  a, a:link, a:visited{	
		color:#3bb012;/*RH-color-links*/
      }
      a:hover, a:active{
      	color: #005596;
      }

/*--------body--------*/
body  {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/*RH-font-family1*/
	background:#242d4a url(../images/body_bg.jpg) repeat-x; 			
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*background-image:url(../images/bg.gif); */
	font-size:12px;	
}

/*
body.snacks  {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#006db3 url(../images/body_bg2.jpg) repeat-x; 			
	margin: 0; 
	padding: 0;
	text-align: center; 
	font-size:12px;	
}
*/
/*---------------wrapper--------------*/
#wrapper { 
	width: 766px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
/*	background-color:#e2e5e8;*/
	background-color:#e6ebed;
;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0 10px 0;
	border: none;
	text-align: left; 
	border: 1px #000000 solid;	
/*	border-right: 1px #000000 solid;		*/
	} 

#wrapper h1{
padding:20px 0 0 0;
margin:0;
}

/*-------------navbar-----------------*/
#navbar {
	width:766px;
	/*height:30px;*/ 
	margin: 0;
	padding:0;
	border-top: 1px #000000 solid;	
	border-bottom: 1px #000000 solid;	
	background-color:#005596;
	background-image:url(../images/menu_bg.jpg); 	
	/*font-family: Helvetica, Helvetica, sans-serif;*/
	font-size:14px;
	list-style-type:none;
	float:left;
}


#navbar li {
	line-height: 28px; 	
	border-right: 1px #000000 solid;		
	margin:0;
	padding:0;
	float:left;
}


#navbar a {
	float:left;
	text-decoration: none;
	/*padding: 2px 10px;*/
	margin: 0;
	padding:0;
	color:#ffffff;/*RH-color-navbar*/
	font-weight:normal;/*RH-font-weight-navbar*/
	width:100px;
	line-height:28px; 
	text-align:center;
	font-weight:bold;
	}

#navbar li a:link,#navbar li a:visited  {
	color:#ffffff;/*RH-color-navbar*/
	font-weight:bold;
}

#navbar li a:hover,#navbar li a:active {
	color:#ffffff;
	background-color:#005596; 
	background-image:url(../images/menu_bg2.jpg); 			
}

/*------you are here--------*/
.home #nav_home, .snacks #nav_snacks,.about #nav_about, .contact #nav_contact, .faq #nav_faq{
	color:#ffffff;/*white*/
	background-color:#3bb011; /*light green*/
	background-image:url(../images/menu_bg3.jpg); 			
}


/*------------banner--------------*/
#banner{
	height:184px;
	width:766px;
	background:#9ebfd2;
	background-image:url(../images/banner_bg.jpg);
}	
#banner img{
	display:block;
	float:left;
}
	
/*--------footer------------*/
#footer{
text-align:center;
padding-bottom:5px;
padding-top:30px;
font-size:12px;
color:#000000;
}


/*-------left---------*/
#left{
float:left;
width:540px;
text-align:center;
}
#left h1{
font-weight:bold;
padding:15px 0 10px 0;
}
#left .left_inner{
padding:25px 10px 0 30px;
margin:0 ;
text-align:left;

}



/*---------right-------*/
#right{
float:right;
/*height:800px;*/
width:220px;
padding:0 0 20px 0;
margin: 0;
height:100%;
}

#right .right_inner{
padding:25px 34px 0 20px;
margin:0 ;
text-align:left;
}

.img_floatr{
float:right;
margin: 5px;
display:block;
}

.img_floatl{
float:left;
margin:5px 10px 5px 0;
display:block;
}

.seo_link{
	text-decoration:none;
}

#wrapper h1{
padding:0;
margin:0 0 10px 0;
font-size:18px;
font-weight:normal;
}
#wrapper h2{
font-size:18px;
font-weight:normal;
}

#wrapper p{
padding:0;
margin:10px 0 15px 0;
color:#005596;
font-size:14px;
}

.home #right h2{
font-size:14px;
color:#ffffff;
background-color:#3bb012;
font-weight:bold;
padding-left:23px;
padding-top:1px;
border: 1px #000000 solid;	
line-height:22px;
font-family: Helvetica,Arial,Verdana, Geneva,  sans-serif;/*RH-font-family1*/
background-image:url(../images/white_arrow.jpg);
background-repeat: no-repeat;
background-position: 6px 4px;	
}
.home #right h2.featured{
margin-top:25px;
}
.home #right ul{
list-style-type:none;
padding:5px 0 20px 10px;
border: 1px #000000 solid;	
margin-top:5px;
}
.home #right ul li{
background-image:url(../images/green_bullet.jpg);
background-repeat: no-repeat;
background-position: 0 4px;	
padding:0 0 0 15px;
margin:0 0 0 0;
}
.home #right ul li a{
text-decoration:none;
color:#005596;

}
.home #right ul li a:hover, .home #right ul li a:active{
	color: #3bb012;
	text-decoration:underline;
}
.home #right .title{
color:#005596;
font-size:16px;
}

.home #right #featured_snack{
border: 1px #000000 solid;
padding-left:12px;	
padding-top:5px;
padding-bottom:10px;
margin-top:5px;
}
.home #right #featured_snack img{
	padding-top:10px;
	padding-bottom:5px;
}

.home #right #featured_snack a{
color:#005596;
}
.home #right #featured_snack a:hover, .home #right #featured_snack a:active{
	color: #3bb012;
}


.snacks .prod_img {
	float:left;
	margin:0px 10px 20px 0px;
	height:100px;
	width:100px;
}
.snacks img.divider{
	margin:10px;
}
#wrapper .snacks p{
	margin:10px 10px 0 10px;
	padding:0;
}

.snacks #wrapper .prod_link{
	font-size:18px;
}
.snacks #wrapper p.price{
	color:#000000;
	padding:0;
	margin:0;
}
div.product{
	clear:both;
}
#inner{
margin:20px 55px 20px 30px;
}
div.product{
margin:10px 0 20px 0;
}
div.prod_desc{
	width:500px;
	float:left;
}
.snacks #wrapper form{
padding-bottom:10px;
}
.snacks .prod_detail_img {
	float:left;
	margin:0px 10px 20px 0px;
	width:100px;
}
.snacks #prod_info{
float:left;
width:300px;
margin-left:20px;
}

#wrapper h1{
	font-size:24px;
	padding-bottom:5px;
}
img.nutrition{
	height:100px;
	width:100px;
}
#wrapper .color2{
	color:#000000;
}
#contact_info{
	width:260px;
	padding:0 0px 20px 0;	
	float:left;
}
#contact_form h2{
	color:#005596;
	font-size:16px;
}

#contact_form{
	width:370px;
	color:#005596;
	float:right;
	margin:0 10px 40px 30px;
}
#contact_info p{
	color:#000000;
	padding:0 0px 20px 0;
	margin:0;
	border-right:1px dashed #aaaaaa;
}
#wrapper .color1{
color:#005596;
}
 #inner a:hover img,  #inner a:active img{
	border: 2px #005596 solid;
}      
#rh_footer{
padding-top:0px;
}
#rh_footer a{
	color:#000000;
}

.line{
border-top: 1px #000000 solid;	
margin:20px 55px 20px 58px;
}

.about img.img_floatr{
margin:5px 0 10px 25px;
}

form.filter{
	float:left;
}
form.add_cart{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
form.view_cart{
	margin-left:20px;
	float:left;
	}		
form.view_cart2{
	margin:10px 0 10px 5px;
	float:left;
	}
input[type="text"], textarea {
border:2px solid #cccccc;
}
input {
color:#000000;
font-size:14px;
/*vertical-align:middle; */
}				
.contact .title{
	color: #005596;
}

#form_output{
	font-size:14px;
	color:#000000;
	padding:10px;
	margin-bottom:20px;	
}
.form_error{
background-image:url(../images/error-icon.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding:0 0 5px 30px;
}

#cc_signup{
padding-top:20px;
}