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

@import "/css/global/screen.css?ver=1.0.6";
@import "/css/global/tabs.css?ver=1.0.5";
@import "/css/timothys/navigation.css?ver=1.0.6";
@import "/css/timothys/typography.css?ver=1.0.5";

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

body { margin: 1.5em 0; }


/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 960px; }

/* Main Layout */
#ct11  { float:left; width:auto; }
#ctl2  { float:left; width:auto; }
#ctl13 { float:left; width:auto; }
#ctl11 { float:left; width:auto; }
#ctl14 { float:left; width:auto; }

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

#header { width:960px; height:52px; margin-top:3px; }

/* Firefox */
@-moz-document url-prefix()
{
#header { margin-top:2px; }
}

#header .tabs { float:left; width:auto; height:45px; margin-right:10px; margin-left:2px; }

.tabImages { float:left; width:117px; height:45px; margin-right:0; }

/* Background Images */
.bg_department { background: url('/Content/Images/timothys/backgrounds/bg-department-sidebar.gif') repeat-y top left; }


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

#beltline { margin-top: 21px; }

.background { background: #FFF url(/Content/Images/timothys/background.jpg) repeat-x center top; }

#beltline .topAdSpace { float:left; width:774px; height:78px; margin-left:189px; position: relative; top:-10px; }

.topAd { float:left; width:154px; height:auto; border-right:1px solid #2d3c50; padding:0 20px 0 20px; }

.signInContainer { float:right; width:auto; height:55px; padding-right:10px; }

.signInLink { margin:5px 0 5px 0; }

.signInLink:hover { color:#ce6100; }

.navigationbar { float:left; width:960px; height:35px; }

.logo { float:left; width:127px; height:124px; position:relative; top:-89px; }

.productSearch { float:right; width:auto; height:38px; margin-right:8px; vertical-align:middle; padding-top:7px;}

#page form input{vertical-align:middle}

.nav-right {float:right; width: 4px; }

.pageWrap { float:left; width:958px; background-color:#FFFFFF; border-left: 1px solid #deddd6; border-right:1px solid #deddd6; border-bottom:1px solid #deddd6; }

.contentWrap { margin:4px; height:100%; }

.pageWrapBottom { height:0; }

.homePromoContainer { float:left; width:977px; height:auto; padding-left:4px; padding-top:4px;}

.homePromo { float:left; width:auto; height:auto; background-color:#FFF; }

.homeProductRowContainer { float:left; width:950px; height:auto;  }

/* HOME PAGE PROMOTIONS (formerly promotions.css) 
-------------------------------------------------------------- */

/* Home Tier 1 */
.homeFeature { height:309px; }
.tier1container { float:left; width:714px; height:309px; }
.tier1container2 { float:left; width:235px; height:309px; }

/* Home Tier 2 */
/* NEW Home Tier 2 (RES) */
#tier2container { margin:0.5em 0;}
#tier2container #left, #tier2container #middle {border-right:dashed 1px #CFCFCF;}    
#tier2container li {background: url('/Content/images/timothys/promos/arrow.gif') no-repeat left 0.5em;}
#tier2container h6 {text-transform:uppercase;font-family:Arial, Sans-Serif;}

/* Home Tier 3 */
.tier3 {float: left; }
.tier3container { float:left; width:235px; height:auto; padding-top:15px; padding-bottom:30px; }
.tier3container2 { float:left; width:235px; height:auto; padding-top:15px; padding-bottom:30px; margin-left:4px; }
.tier3Pad { padding:10px; }
.tier3shadow { height:4px; background-color:#fff; }
.tier3Image { float:left; width:59px; }
.tier3Image2 { float:left; width:10px; }
.tier3Text { float:left; width:140px; }
.tier3Text ul { padding: 0 0 12px 0;
	margin: 0px;
	width: 100%;
	height: auto;
	list-style: none;
	font-size: 11px;
	float: left;
	display: inline-block; }
.tier3Text li {
	padding: 1px 0px 1px 12px;
	margin: 0px;
	width: 100%;
	height: auto;
	float: left;
	clear: both;
	background: transparent url(/Content/images/gmcr/promos/bulletStar.gif) no-repeat left 5px;
	line-height:1.27em;
}
.tier3Text ul a:link { font-weight:bold; }
.tier3Headline { font-weight:bold; color:#00692b; line-height:1em; }
.tier3SubHeadline { color:#00692b; font-size:1.18em; font-style:italic; }

/* Department Page */
.promoContainerLeft { float:left; width:535px; margin-top:4px; }
.promoContainerRight { float:left; width:215px; margin-top:4px; }
.promoMain { float:left; width:535px; }
.promoFooter { float:left; width:535px; margin-top:4px; }

/* END PROMOTIONS 
-------------------------------------------------------------- */

/* Body Category
-------------------------------------------------------------- */
#breadcrumbContainer { width: 953px; background-color: #f1eee2; margin:0 0 0 -1px; padding: 4px 0 4px 7px;}

#leftPaneContainer { float:left; width:172px; margin-right:4px; padding:10px 5px 15px 10px; }
.categoryTB { width:104px; margin-left:50px; }

.promo1Category { float:left; width:522px; height:auto; margin-right:1px; }
.promo2Category { float:left; width:235px; height:160px; }
.promo4Category { float:left; width:758px; }

.productContainer_4column { float: left; width:755px; margin-top: 20px;  }
.productContainer_3column { float: left; width:514px; margin-top: 20px;  }
.categoryHeader { float:left; width:100%; border-bottom:1px solid #d2cfbc; margin-right:10px; }
.categoryTitle { float:left; }
.productSort { float:right; margin-right:15px; }
.productPagination { float:right; margin-right:10px; padding-top:5px; }
.pageControl { padding: 0 7px 0px 7px; vertical-align:middle; }

#productList { margin: 30px 10px 0 0; }
/*
#productList table { text-align:center; }*/
#productList td { text-align:center; vertical-align:top;}
#productList a { font-weight:bold; }
.ratings { padding:0 0 2px 0; }
.productViewing { float:left; }
.productFooter { float:left; width:100%; padding-top:10px; padding-bottom:20px; border-top:1px solid #d2cfbc; }

.catCenter { vertical-align:top; }
.deptTop { vertical-align:top; }

/* Product Sell Page
-------------------------------------------------------------- */

.productDetailParentContainer { float: left; width: 950px; }
.productImageContainer { float:left; width:283px; height:auto; margin:5px 24px 50px 4px; }
.productFeaturedImageBorder { border:1px solid #d2cfbc; padding: 10px 11px 10px 11px; }
.altImageContainer { height:40px; vertical-align:top; }

.productDetails { float:left; width:385px; height:auto; min-height:415px; margin:8px 0px 40px 0; position:relative; } /*goal width 385px*/
.productDescription { margin-top:15px; }

.productSideBar { float:right; width:215px; height:985px; background-color:#f1eee2; margin:4px 0 4px 0; padding:10px; } /*goal width: 235px*/

.imageSpacer { margin:7px 7px 7px 0; }

.addToCartContainer { width:385px; height:70px; margin:13px 0 0 0; padding:13px 0 13px 0; border-top:3px solid #d2cfbc; border-bottom:1px solid #d2cfbc; vertical-align:middle; }
.grindTypeContainer { margin-right:23px; }
.quantityContainer { margin-right:25px; }
.outofstockContainer { margin-top:5px; margin-bottom:15px; }
.alsoavailable { margin-top:10px; }

.btnAddToCart { width:151px; height:33px; vertical-align:middle; padding-top:10px; margin-right:10px;}

.productTabs { float:left; width:660px; border-bottom:3px solid #D6CFBD; }
.tabHeadings {font-weight: bold;}
.notesfromorigin {float:left; width:660px; margin:20px 0 15px 15px; }
.notesfromoriginmap { width:660px; height:auto; margin:20px 0 15px 15px; padding-bottom:5px; }

.justAddedPopup { width:280px; border:0; margin-top:18px; padding:0; position:absolute; top:-170px; right:-282px; z-index:9999; font-size:0.91em;}
.justAddedPopupContainer { border:5px solid #D5BB84; margin-left:0; background-color:#FFF; padding:10px 7px 40px 10px;  }
.closeWindow { float:right; width:22px;}
.justAdded { /*float:left; width:auto;*/ margin-bottom:20px; }
.justAddedThumb { float:left; width:100px; }
.justAddedDescription { float:left; width:146px; text-align:left; margin: 0 0 40px 4px; }
.justAddedCheckout { margin-bottom:15px;}

.productUtilities { background-color:#FFF; padding:8px 7px 7px 7px;}
.rightPaneSeparator { border:0; height:1px; color:#d2cfbc; background-color:#d2cfbc; margin-top:8px; }
.rightPaneSeparator2 { border:0; height:3px; color:#d2cfbc; background-color:#d2cfbc; margin-top:10px; }

/* Left Pane
-------------------------------------------------------------- */

.leftPaneHeaderSeparator { margin: 10px 0 10px 0; height:1px; color:#d2cfbc; position:relative; }
.leftPaneSeparator { margin: 10px 0 10px 0; height:3px; color:#D2CFBC; }
.arrow {padding: 0 2px 1px 0; }

/* Footer, Subfooter
-------------------------------------------------------------- */

.footerHeader { margin-bottom:3px; }

#phbottom_0_footer { float:left; width: 948px; padding: 25px 0 30px 10px; border-bottom: 1px solid #deddd6; }

#phbottom_0_footer ul { 

  float: left;
  width: 175px;
  margin:0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  line-height: 1.45em;
}

#phbottom_0_footer li {
  float: left;
  width: 165px;
  margin: 0;
  padding: 3px 0 0 0;
  line-height: 1.27em;
}

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

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

.subFooterLogo { float: left; width:100px; }

.subFooterPhone { float: right; text-align:right; }