body
{
	margin-top: 14px;
	font-family: Verdana;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

form{
		margin:0px 0px 0px 0px ;
		padding:0px 0px 0px 0px ;
}

h1
{
    font-family:Myriad Pro, Verdana;
    font-size:40px;
    color:#164e99;
}


/*  CLEARFIX */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}






/*This is a new style I added so that we didn't have to use an image for the button. Browser testing will be needed.  */
input.btn 
{
  color:#61663d;
  font-family: :Myriad Pro, Verdana;
  background-color:#c1d72e;
  font-size:11px;
  border:1px solid #c1d72e;   
  cursor:hand;
  padding:4px;
  width:51px;
}

input.field 
{
  color:#9E9E9E;
  font-family: :Myriad Pro, Verdana;
  background-color:#FFFFFF;
  font-size:11px;
  border:1px solid; 
  border-color: #636466 #636466 #636466 #636466;
  cursor:hand;
  padding:5px 0;
  width:142px;
}
.email_form_container
{      
    margin-left:0px;
    
}

.email_form_container input
{
    color: #636363;
    margin: auto 0px;    
}

/**user for display messages**/
.error,.notice{font-size:11px; margin:5px 0;padding:5px;}
.error
{
   background:#fef1ec;
   color:#cd0a0a;
   border: 1px solid #cd0a0a;
}

.notice
{
   background:#E8FBD8;
   color:#7BC143;
   border: 1px solid #7BC143;
}

h2
{
    color:#666666;
}

h3 {display:block;color:#76c045;font-weight:bold;font-size:12px;margin:0 !important;padding:4px 0px 4px 11px !important}

img{border:0px}

p{font-size:12px;color:#636363;font-family:Verdana;}

#container_site
{
		width:100%;
		margin:0px 0px 0px 0px ;
		padding:0px 0px 0px 0px ;
		text-align:left;
}




/*#container_nav{position:fixed;border:1px solid red;height:596px;left:0;top:0;margin-left:400px;}*/
#container_nav{position:absolute;width:422px;top:0;height:609px;margin-left:567px;left:0}
#container_nav a{text-decoration:none}
#container_nav div.active{float:left;height:609px;width:200px;text-align:right;}
#container_nav div.inactive{float:left;height:609px;width:220px;border-left:solid 1px #c7c8ca;background-color:#FFFFFF;}
#container_nav div.active .secondary, #container_nav div.inactive .secondary {margin-top:0px;}
ul.nav{margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px }
ul.nav li{list-style:none;margin:0px 0px 0px 0px ;  }

li{font-size:11px;}


/* begin primary */
.primary{font-weight:bold; height:160px;}
.primary li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;vertical-align:middle;}
.active .primary  li.show {visibility:visible;color:#75ba4b;background-color:Transparent}
.active .primary  li.hide{visibility:hidden;background-color:#FFFFFF;}
.inactive .primary li.show {visibility:visible;color:#b6d041}
.inactive  .primary li.hide{visibility:hidden;background-color:Transparent}


/* begin secondary*/
.active  .secondary  .show {padding: 0px 0px 5px 0px; }
.active  .secondary  .show span {padding:0px 0px 0px 0px;margin-bottom:0px}
.active  .secondary  .show .nav  {margin-top:3px}
.active  .secondary .hide{visibility:hidden;padding:0px 0px 5px 5px; }
.inactive .secondary a,.active .secondary a:visited{text-decoration:none; color:#aabe29}
.inactive .secondary a:hover{text-decoration:underline !important; color:#76c045}
.inactive  .secondary  .show a , .inactive  .secondary  a :visited{height:21px;}
.inactive   .secondary .show{visibility:visible; vertical-align:middle;margin:0px 0px 5px 0px;padding:0}
.inactive .secondary .show  span {display:block;padding:0px 0px 0px 0px}
.inactive   .secondary  .hide{visibility:hidden;padding:3px 0px 3px 0px; }
.inactive .secondary .show ul{display:none;}
.inactive p {margin-left:10px;margin-top:0px}

/* tertiary nav */
.active .secondary .show  .t_show {visibility:visible; background-color:#76c045;padding:3px 0px 2px 1px;vertical-align:middle;}
.active .secondary .show  .t_show, .active .secondary .show  .t_show a {height:21px;float:right;}
.active .secondary .show .t_hide{visibility:hidden;margin:2px 0px 2px 0px }
.inactive .secondary .hide .t_show {visibility:visible;background-color:#FFFFFF;color:#b6cf40;padding:0px 0px 0px 0px;margin:2px 0px 2px 0px }
.inactive .secondary .hide .t_show span{display:inline}
.inactive .secondary .hide .t_hide{visibility:hidden;margin:2px 0px 2px 0px }



#container_masthead
{
	width: 100%;
	height: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	float:left;
}

#container_body
{
	width: 767px;
	height:475px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	float:left;
}
	
#container_page
{
    float:left;
    width:100%;
    z-index:1;
}

#container_footer
{
    color:#939598;
    font-size:11px;
    padding-left:22px;
    padding-top:13px;
    padding-bottom:15px;
    float:left;
    clear:left;
    width:747px;
}
#container_footer a, #container_footer a:visited {text-decoration:none; color:#939598}
#container_footer a:hover{text-decoration:underline;}

/***************  END MASTER ***************/


/***************  ABOUT  ***************/
.nav_heading{color:#636466;font-size:12px;padding:4px 0px 4px 11px;font-weight:bold}
.vocab_link, .ext_link {padding:4px 0px 4px 11px}
.vocab_link a, .ext_link a {color:#c1d72e;font-size:12px;}
.vocab_link a:hover, .ext_link a:hover{color:#76c045;}
.vocab_definition_source{display:none;border:solid 1px #5d9732;background-color:#FFFFFF;padding:10px;color:#636466;font-size:12px;width:290px;}




/***************  PRODUCTS  ***************/

#container_pic_navigator{vertical-align:bottom;position:absolute;height:266px;width:110px;bottom:0;left:0;margin-left:90px;z-index:500;}
.thumb_off, .thumb_on, .thumb_active, .thumb_invisible{float:left;margin:0px 9px 9px 0px;background-color:#FFFFFF;cursor:pointer}
.thumb_invisible{visibility:hidden;height:42px;width:42px}
.thumb_off, .thumb_invisible{padding:1px;border:solid 1px #c1d72e;}
.thumb_active, .thumb_on{border:solid 2px #76c045;}

.thumb {height:42px;width:42px;}
.thumb a, .thumb img{display:block;}



#container_product_swatches, #container_product_spec{display:none;}
#container_product_swatches, #container_product_image, #container_product_spec
    {width: 767px;height:475px;position:absolute;}

#container_product_content{margin-left:21px;width:311px;height:475px;float:left;}
#container_product_image_med{height:475px;width:435px;float:left;}

.swatches_container{float:left;clear:left;width:280px}
.swatches_container div{float:left;clear:none;cursor:pointer;padding:2px;margin-right:8px}
.swatches_container .active, .swatches_container .on  {border:solid 2px #76c045}
.swatches_container .off  {border:solid 2px #FFFFFF}
.swatches_container a{display:block;}