@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 158px 0 24px; }
.brandslogan { padding:0 61px 0 0; }
.brand2 { padding:7px 14px 0 105px; }
.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 5px; 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 15px; }
#financialperformance { float:left; width:210px; margin:16px 15px 70px 15px; }
#corporatesocialresponsibility { float:left; width:210px; margin:16px 0 70px 10px; }
.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
-------------------------------------------------------------- */

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

#footer-customer-service a { font-family:Arial, Helvetica, sans-serif; color: #5c8727; text-decoration: none; }
#footer-customer-service a:hover { text-decoration: underline; }
#footer-customer-service { float:left; width: 400px;  }

#footer-customer-service ul { 

  float: left;
  width: 130px;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

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

.footerHeader { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}


#footer-brands 
{
    width: 560px;
    float: left;
}
#footer-brands ul {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
}

#footer-brands li 
{
    float: left;
    list-style: none outside none;
}

#footer-brands a img
{
    border: 0px none;
}

#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(/images/innerBackground.gif);
	background-repeat: repeat-y;}
#innerContentfull {
	float:left; width:950px; margin-left:4px; 
	background-color: #FFF;
	background-image: url(/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; }
#centerPanefull { float:left; width:753px; height:auto; }
.centerPaneCopy { padding:20px 25px 30px 20px; }
#rightPane { float:left; width:229px; }
.rightPaneCopy { padding:30px 25px 30px 25px; }


/* From old "New" styles */

#fullmain
{
	float: left;
	clear: both;
	width: 100%;
	margin-top:20px;
}

#leftmargin
{
	float: left;
	clear: none;
	width: 200px;
	margin-left:20px;
	line-height:2em;	
}

#leftmargin img {margin-bottom:5px;}

#main
{
	float: left;
	clear: none;
	width: 530px;
	padding-left: 16px;
}

#main img {
	border:0;
	margin: 0px 2px;
	}

.topxTitle {background-color: #88A563;}


/* @$ Added to compensate for quirks in IE6 */

<!--[if IE 6]>
#main ol
	margin: 10px 0 0 10px;
	
<![endif]-->