@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------- 
  
   Screen Styles
   
-------------------------------------------------------------- */

@import "typography.css";

/* Document layout
-------------------------------------------------------------- */

#body { margin: 0 auto; width: 960px; }
#page { width:960px; height:65px; position:absolute; top:14px; }

/* Header
-------------------------------------------------------------- */

#header { float:left; width:960px; height:65px; }
.gmcrLogo { float:left; width:88px; }
#header-right { float:right; width:auto; text-align:right; margin-top:15px; }
#retailSites { margin-top:21px; }
/*navigation*/
#navigation { float:left; height:33px; margin-top:29px; }
.navImage { float:left; margin:0; }
/*search*/
.productSearch { float:right; width:auto; }
.btnGo { position:relative; top:30px; }
.searchbox { margin-right:5px; width:150px; border:1px solid #CCC; position:relative; top:26px; }


/* Body Home
-------------------------------------------------------------- */

.background {
	background-color: #ffffff;
	background-image: url(/gmcr/images/navBackground.gif);
	background-repeat: repeat-x;
	background-position: 0px 86px;
}

#customerCare { float:right; width:auto; margin:8px 5px 4px 0; }
#content { float:left; width:960px; border-left:1px solid #e9e8e8; border-right:1px solid #e9e8e8; }
#unitsBar { float:left; width:950px; text-align:center; margin-left:5px; }
#feature { float:left; width:950px; height:237px; margin-left:5px; }
.feature1 { float:left; width:475px; }
.feature2 { float:left; width:474px; margin-left:1px; }

#brands {
	float:left;
	width:950px;
	height:111px;
	margin-top:0;
	margin-left:5px;
	background-color: #fff;
	background-image: url(/gmcr/images/brandsfullBackground.gif);
	background-repeat: repeat-x;
}

.brand1 { padding:7px 182px 0 24px; }
.brandslogan { padding:0 61px 0 0; }
.brand2 { padding:7px 14px 0 0 }
.brand3 { margin-top:10px; }

#featurePromos { float:left; width:950px; margin-left:5px; height:92px; background-color:#c5d6af; }
#featurePromo1 { float:left; width:455px; padding:5px; margin:10px 0 0 6px; background-color:#FFF; }
.featurePromoImage1 { float:left; margin-right:10px; }
#featurePromo2 { float:left; width:455px; padding:5px; margin:10px 0 0 7px;  background-color:#FFF; }
.featurePromoImage2 { float:left; margin-right:10px; }

#contentPanes { float:left; width:950px; height:auto; margin:8px 0 10px 2px; background: #fff url(/gmcr/images/contentBackground.gif) repeat-y; }
#information { float:left; width:210px; margin:13px 15px 70px 10px; }
.companynews { float:left; width:210px; }
.financialperformance { float:left; width:210px; }
.corporatesocialresponsibility { float:left; width:210px; }

#companynews { float:left; width:210px; margin:16px 15px 70px 13px; }
#financialperformance { float:left; width:210px; margin:16px 15px 70px 13px; }
#corporatesocialresponsibility { float:left; width:210px; margin:16px 0 70px 13px; }
.pageWrapBottom {
	float:left;
	width:960px;
	height:7px;
	margin-bottom:20px;
	background-image: url(/gmcr/images/pageBottom.gif);
	background-repeat: repeat-x;
}
.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;
}
/* Footer, Subfooter
-------------------------------------------------------------- */

.footerHeader { font-family: Georgia, "Times New Roman", Times, serif; }
#footer a { font-family:Arial, Helvetica, sans-serif; color: #5c8727; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer { float:left; width: 960px; padding-bottom: 30px; border-bottom:1px dashed #231f20;  }

#footer ul { 

  float: left;
  width: 12em;
  margin-right: 40px;
  padding: 0;
  list-style: none;
}

#footer li {
  float: left;
  width: 13em;
  margin: 0;
  padding: 2px;
  line-height: 1.09em;
}

#subFooter { float: left; width: 960px; padding-top: 22px; padding-bottom: 30px; }

.subFooterIdentity { float: left; width: 500px; }

.subFooterLogo { float: left; width: 67px; padding-right: 5px; }

.subFooterPhone { float: right; width:auto; font-family: Georgia, "Times New Roman", Times, serif; color:#457608; font-size:1.27em; text-align:right; }

/* Inner page styles
-------------------------------------------------------------- */

#topBar { float:left; width:950px; margin-left:4px; margin-bottom:13px; border-bottom:1px solid #231f20; }
#bottomBar { float:left; width:950px; margin-left:4px; margin-bottom:5px; margin-top:10px; border-bottom:1px solid #231f20; }
#leftPane { float:left; width:178px }
#innerContent {
	float:left; width:950px; margin-left:4px; 
	background-color: #FFF;
	background-image: url(/gmcr/images/innerBackground.gif);
	background-repeat: repeat-y;}
#innerContentfull {
	float:left; width:950px; margin-left:4px; 
	background-color: #FFF;
	background-image: url(/gmcr/images/innerBackgroundfull.gif);
	background-repeat: repeat-y;}
.sectionFeature1 { background:#FFF; width:524px; height:180px; }	
.sectionFeature2 { margin-left:1px; }
#centerPane { float:left; width:523px; height:auto; }
/*changed by john boone 10/16/09
/*#centerPanefull { float:left; width:753px; height:auto;}*/
#centerPanefull { float:left; width:585px; height:auto;}
/*changed by john boone 10/16/09
/*.centerPaneCopy { padding:20px 205px 30px 20px; overflow:auto; }*/
.centerPaneCopy { padding:20px 0px 30px 20px; overflow:auto; }
#rightPane { float:left; width:229px; }
.rightPaneCopy { padding:30px 25px 30px 25px; }
.topxTitle {background-color:"88A563";}