/***************************************/
/* BRAND DIFFERENCES */
/***************************************/

body {
	background-color: #fff;
}

#header {
  height: 77px;
  background: url("/images/natura_pet/header-natura-pet.jpg") left top no-repeat;
  }

#header .right label {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 85%;
  margin-right: 10px;
  color: #FFF;
  }

#header h1 a{
   display:block;
   height:77px;
   float: left;
   text-indent:-9999px;
   width:250px;
   color: #FFF;
}

#container #content .leftcol,
#container .product_search .leftcol,
#container .product_details .leftcol {
  background: none;
  }

#footer {
  clear: both;
  color: #FFF;
  height: 177px;
  background: url("/images/natura_pet/footer-natura.gif") left top repeat-x;
  }

#footer a { color: #FFF; }

#content {
  background: url('/images/natura_pet/content-back.png') left top repeat-y !important;
  }

/***************************************/
/* Homepage Brands */
/***************************************/

h1, h2, h3 {
   font-family: Verdana, Arial;
  font-weight: bold;
  }

.head {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: normal;
  font-size: 125%;
  margin-bottom: 16px;
  }

.headline-smallcaps {
  font-size: 90% !important;
  font-variant: small-caps;
  }

#heroHome {
 background: #5979a2;
}

#brandBox .brandBoxRow{
     background: #5979a2;
     border-top:1px solid #404040;
     padding: 6px 0;
}

#brandBox .brandBoxCell {
  color:#fff;
  font-size:72%;
  vertical-align:middle;
  width: 144px;
  display:inline-block;
  }

#brandBox .brandBoxCell.last{
   overflow:hidden;
   width: 134px;
}

#brandBox a:link, #brandBox a:visited, #brandBox a:hover, #brandBox a:active {
  color:#fff;
  display:block;
  width:95%;
  text-decoration:none;
    vertical-align:middle;
}

#container #body_content.wide{
   float: right;
   width: 581px;
   overflow: hidden;
   background-color: white;
}

#content #brands_side{
   padding: 0px;
   width: 223px;
}

#hero-info {
  width: 230px;
}

/***************************************/
/* Product Search */
/***************************************/

.product_search,
.product_details {
  background: url("/images/natura_pet/product-background.png") left top repeat-y;
  }

/***************************************/
/* Pet Community */
/***************************************/

#pet_community {
  background: url('/images/natura_pet/product-background.png') left top repeat-y !important;
  }
#pet_community .leftcol {
    background: none;
    }

/***************************************/
/* Ingrediet List */
/***************************************/

ul.ingredient-list{
   background-color: #D0E0B6;
}
ul.ingredient-list li {
   font-family: Verdana, Helvetica, Arial;
   font-size: 70%  !important;
   margin: 0  !important;
   padding: 3px  !important;
   list-style:none  !important;
}

ul.ingredient-list li.even {
  background: #E5F1D1;
}


/***************************************/
/* Recall  PAGE */
/***************************************/
#letter {
  overflow: hidden;
  background: url('/images/natura_pet/product-background.png') left top repeat-y !important;*/
  }

#container #letter #body_content h1{
  font-family: Georgia;
  font-size: 1.8em;
  font-weight: normal;
  color: #4C6B39;
}

#container #letter #body_content .bucket{
  width: 45%;
  padding: 10px;
  float: left;
  margin-right: 5px;
  margin-bottom: 34px;
  border: 1px solid #4C6B39;
  height: 140px;
}

#container #letter #body_content .bucket:last-child{
  margin-right: 0px;
}

#container #letter #body_content h2{
  color: #4C6B39;
}

#container #letter #body_content h3{
  clear: both;
  font-family: Georgia;
  font-size: 120%;
  font-weight: normal;
  color: #4C6B39;
  margin-bottom: 4px;
}
#container #letter #body_content p{
  margin-top: 4px;
}

#letter .bucket select{
  width: 180px;
  display: block;
  margin: 14px auto;
}

#letter .bucket .button{
  display: block;
  border-radius: 8px;
  background-color: #275807;
  padding: 0px 24px;
  border: 1px solid black;
  width: 180px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 14px auto;
}

#letter .bucket .button.disabled{
  background-color: #222;
}


#letter .bucket  a.button{
 color: white;
 text-decoration:none;
}
#container #letter #body_content p.button{
 color: white;
 text-decoration:none;
 font-weight: bold;
 font-size: 1em;
}

#letter .bucket  a.button:hover{
 color: #DDD;
}


#letter .leftcol { background: none; }

#letter .leftcol h2 {
  font-family: Georgia;
  font-size: 145%;
  font-weight: normal;
  }

#letter .leftcol h3 {
  font-size: 85%;
  margin: 14px 0;
  font-family: Verdana, Arial
  }

#letter .leftcol p {
  margin: 8px 10px;
  font-size: 75%;
  }

#letter .leftcol .bottom {
  margin-top: 25px;
  }

#letter .leftcol a {
  color: #FFF;
  font-weight: normal;
  }

  #letter #body_content { width: 595px !important; }

  
body.redirect {
	background-color: #305a2b;
}
  
  #container.redirect {
	  background-color: #305a2b;
	  width: 850px;
	  height: 805px;
	  position: relative;
  }
  
    #container.redirect #message {
		position: absolute;
		height: 505px;
		width: 750px;
		top: 140px;
		left: 50px;
		padding: 0;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}
	
	#container.redirect #links {
		text-align: center;
		margin-top: 70px;
	}
	
	#container.redirect #links a {
		display: inline-block;
		border-right: 1px solid white;
		padding: 15px 40px 15px 0;
	}
	
	#container.redirect #links a:last-child {
		padding-right: 0px;
		padding-left: 40px;
		border: none;
	}
  
  #container.redirect p {
	  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	  font-size: 32px;
	  font-weight: 100;
	  color: #fff;
	  text-align: center;
	  margin-top: 40px;
	  margin-bottom: 40px;
  }