@import url("../StyleSheets/typography.css");
@import url("../StyleSheets/forms.css");
@import url("../StyleSheets/sifr.css");
@import url("../StyleSheets/menuslide.css");
@import url("../StyleSheets/jqModal.css");



body {background-color: #322217; margin: 0; padding: 0;}
.clearFix {clear: both;}

#mainWrapper { width: 1007px; margin: 0 auto; }

#headerWrapper { width: 1007px; margin: 0 auto; /* background-image:url(../Images/template/headerBackground.gif); background-repeat: no-repeat; background-position:bottom; */ }

#homeHeaderWrapper { width: 1007px; margin: 0 auto; background-image:url(../Images/template/homeHeaderBackground.gif); background-repeat: no-repeat; background-position:bottom; }

#headerLogo {width: 152px; height: 92px; float: left;}

#headerRightWrapper { float: right; margin: 0 45px 0 0; height: 92px; position: relative; width: 810px;}
#navWrapper {bottom: 0; position: absolute; right: 0;}
#cartWrapper {text-align: right; padding: 0 0 0px 0; }

#searchWrapper {text-align: right; padding: 10px 0 0 20px; margin: 0; float: right;}


#addressWrapper { border-top: 1px solid white; font-size:12px; text-align:center; color: white; text-transform:uppercase; margin: 10px 0 0 0; padding: 10px 0 0 0; position: relative;}


#leftColumnWrapper {width: 150px;float: left;}

#rightColumnWrapper {width: 790px;float: left; min-height: 200px;}

#contentBodyWrapper {background-image:url(../Images/template/contentMiddle.gif); background-repeat:repeat-y;}
#contenttopCap {height: 21px; width: 900px; margin: 0; padding: 0;}
#pageContent {padding:0 0 0 5px; position: relative; }
#pageContent p {padding:0 0 0 330px; }

body#blogPage #pageContent p {padding:0;}
body#blogPage #pageContent {padding:30px 0 0 20px;}
div#pageContent_FAQ {padding:30px 0 0 20px; margin: 0 0 20px 0;}

#pageContent img {float: left;clear:left;}
#pageContent a {color:#442715;}
#pageContent h2 {padding: 0 0 0 330px;}
#pageContent h2.FAQ {margin: 0; padding: 0;}

#pageContent div.search-result img { clear:none;}

#pageContent h3 {padding: 0 0 0 330px;}
#pageContent h4 {padding: 0 0 0 330px;}

#pageContent a#searchnext  {padding: 0 0 0 330px;}

#pageContent a#searchprev  {padding: 0 0 0 330px;}

.answer {font-size: 1.2em;}
.faq-details {padding: 10px; margin: 10px 0 0 0; border: 1px solid #322217; background: #dfcfb5;}
.moduleFooter a {text-decoration: none; padding: 5px; border: 1px solid #322217; font-size: .75em; }
.moduleFooter a:hover {background: #cebb9b }

.moduleFooter {margin: 10px 0 0 0;}
/* Home Page Styles */

#homeBodyWrapper {float: left; width: 700px; height: 399px;}
#homeSlideWrapper {padding: 20px 20px; float: left; background-image: url(../Images/template/homeRightBackground.gif); background-repeat: no-repeat; background-position: right; width: 237px; height: 359px;}

#accordionWrapper {height: 350px;}


/*
 * Project:		Image rotator
 * Date:		2009-04-28
/* ---------------------------------------- */


html.js ul#list-a li { display: none; }
html.js ul#list-a li.active { display: block; }

#list-a li img { display: block;  }

ul#list-a {list-style: none; padding: 0; margin: 0;}
  

/* SF Rotator
------------------------------------------- */
.sfrotator { position: relative; width: 700px; height: 420px; margin: 0 0 30px; }

.sfrotator .sfitems { position: relative; z-index: 10; }

.sfrotator .sfitems .sfitem { position: absolute; top: 0; left: 0; z-index: 10; height: 400px; } 
 
.sfrotator .sfcontrols { position: absolute; right: 20px; bottom: 50px; float: left; overflow: hidden; z-index: 20; margin: 0; }

.sfrotator .sfcontrols li { display: inline; float: left; /* width: 20px; height: 20px; */ text-align: center; margin: 0 0 0 5px; z-index: 20; font: normal 10px Verdana, Arial, Helvetica, sans-serif; border: none; }

.sfrotator .sfcontrols li a { display: block; color: #392600; background:#f8f2e2 ; text-align: center; text-decoration: none; border: 1px solid #89703f; /* height: 20px;  */ padding: 5px; line-height: 10px; }

.sfrotator .sfcontrols li a.active { background: #392600; border-color: #fff; color: white; }  

.sfrotator .sfcontrols li a:hover { background: #000; border-color: #fff; color: #fff; }  

/* Home Page Slide Styles */

.storeScrollingNavWrapper {position: relative; display: block; overflow: hidden; height: 1%; padding: 6px 15px 0 12px; width: 900px; margin: 0 auto;}

#FerrisSlider { z-index: 1; }
#FerrisSlider div.wrap { z-index: 10; position: relative; display: block; overflow: hidden; height: 194px; width: 800px; margin: 0 auto 9px; }
#FerrisSlider ul.items { display: block; height: 194px; width: 99999px; overflow: hidden; padding: 0; margin: 0; list-style: none;  }
#FerrisSlider ul.items li { z-index: 10; position: relative; float: left; display: inline; padding: 0; margin: 0 22px 0 0; }
#FerrisSlider ul.items li:hover { z-index: 15; }
#FerrisSlider ul.items li a { z-index: 10; float: left; }
#FerrisSlider ul.items li a img { z-index: 10; float: left; }
	  
   	   
#FerrisSlider ul.index { z-index: 1; position: absolute; top: 48px; display: block; height: 59px; width: 900px; overflow: hidden; padding: 0; margin: 0; list-style: none;}
#FerrisSlider ul.index li { float: left; display: inline; width: 30px; height: 59px; overflow: hidden; padding: 0; margin: 0; }
#FerrisSlider ul.index li.next { float: right; display: inline; }
#FerrisSlider ul.index li a { display: block; width: 30px; height: 59px; overflow: hidden; text-indent: -100001em; }
#FerrisSlider ul.index li.prev a { background: url(../images/template/slider-arrow-left.gif) 0 0 no-repeat; }
#FerrisSlider ul.index li.next a { background: url(../images/template/slider-arrow-right.gif) 0 0 no-repeat; }
#FerrisSlider ul.index li.prev a.off { background: url(../images/template/slider-arrow-left-off.gif) 0 0 no-repeat; }
#FerrisSlider ul.index li.next a.off { background: url(../images/template/slider-arrow-right-off.gif) 0 0 no-repeat; }
#FerrisSlider ul.index li a.off {}



#scrollPrevious {float: left; width: 50px; height: 194px; }
#scrollNext {float: left; width: 50px; height: 194px;}
#mySlides {float: left; width: 750px; height: 194px;}


#myController span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
display: none;
}

#jFlowSlide{ width: 700px; float: left;}

#myController span.jFlowSelected {
background:#F00;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

/*lower left nav content holder */

table#coffeeKey {width:100%;color:#FFFFFF;}
table#coffeeKey td {vertical-align:middle;padding:3px;}
table#emailSignup {width:126px;height:100px;background-image: url(../Images/template/emailSignup.gif);background-repeat:no-repeat;}
table#emailSignup td {vertical-align:middle;padding:0px;}
div#hometd {visibility: none;}/*invisible home page text*/

#home div#hometd {visibility: visible;line-height: 11px;font-size: 9px; padding: 10px 10px 17px 10px; text-align: center;}
#home table#emailSignup {width:172px;height:170px;background-image: url(../Images/template/homeEmailSignUp.gif);background-repeat:no-repeat;}
#home table#emailSignup td {vertical-align:top;}

/* Nav Styles */

#nav {padding: 15px 0 0 0; float: left;} 

#nav ul { letter-spacing: 1px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; list-style: none; display: inline-block; margin:0; padding:0; font-size: 14px; text-transform: uppercase;}

#nav li { float: left;}
#nav li a {padding: 0 0 0 20px; text-decoration:none; display:block; color: #8f7354;}

body#aboutPage li#about a {color: white;}
body#contactPage li#about a {color: white;}
body#careerPage li#about a {color: white;}
body#storePage li#store a {color: white;}
body#coffee101Page li#coffee101 a {color: white;}

#nav li a:hover {color: white;}

#footerWrapper {margin: 20px 0 0 0; position: relative;}
	#smIcons {right: 0; bottom: -10px; position: absolute;}
#footerNav {text-align:center;} 

#footerNav ul { list-style: none; margin:0; padding:0; }

#footerNav li { display: inline;}
#footerNav li a {padding: 0 20px; text-decoration:none; display:inline-block; color: white;}

/* Shopping Cart Styles */

.cartContinue {position: absolute; right: 2px; top: 10px; }
.cartContinue a {background: transparent url(../storeImages/continue_shopping.gif) no-repeat scroll 0 0;
	display: block;
	height: 30px;
	width: 150px;
	text-indent: -999em;
	overflow: hidden;
}
td.cartSummaryItem {color:#c4b595;}/* cart contents color override */
a.cartSummaryLink {color:#c4b595;}/* cart contents color override */

.cartLink {position: absolute; right: 2px; top: 10px; }
a.cartLink {background: transparent url(../storeImages/continue_shopping.gif) no-repeat scroll 0 0;
	display: block;
	height: 30px;
	width: 150px;
	text-indent: -999em;
	overflow: hidden;
}

#CartShow0 {display: block;}
#QuoteShow0 {display: none;}
#CartShow1 {display: none;}
#QuoteShow2 {display: block;}
#ShipShow1 {display: none;}
#QuoteShow2 {display: block;}

/* .WholesaleShow0 {display: block;} */
.WholesaleShow1 {display: none;}
.ShippingShow0 {display: none;}

.cartContinue a:hover {background-position: 0 -30px;}
#catCartDetails {position: relative;}
.checkout_dropdown {width: 200px;}

.checkout_textbox {width: 200px;}
.checkout_item {float: left; padding: 10px 20px 0 0;}
.checkout_group {clear: both;}
.checkoutFormSection {clear: both;}
.submit {padding: 20px 0 0 0;}
.checkout_group .submit button {
	background: transparent url(../storeImages/Submit.gif) no-repeat scroll 0 0;
	display: block;
	height: 30px;
	width: 223px;
	overflow: hidden;
	text-indent: -999em;
	border: 0 none;
}

.checkout_group .submit button:hover {background-position: 0 -30px;}



/* Store Syles  */

#storeHeaderImage {position: relative;}
.StoreHeaderText {position: absolute; top: 40px; left: 400px; width: 400px;}

#storepageContent {width: 800px; margin: 0 0 0 10px;}

.catalogContainer {width: 140px; float: left; padding: 10px 25px;}
.catalogName h2 a {color: white; text-decoration: none; font-size: 14px; text-align: center;}
.catalogName {text-align: center;}


div.smallImageName a {color: white; text-decoration: none; font-size: 14px; text-transform: uppercase; /* display: none; */}
.smallImageName {vertical-align: top; padding: 0 0 10px 0;}
.listViewPrice {color: white; font-size: 14px; font-weight: bold; float:left; padding: 10px 0; bottom: 0; position: absolute;}
.listViewIcons {float: right; padding: 10px 0; bottom: -15px; right: 0; position: absolute;}
.listViewCart {padding: 0 0 10px 0; cursor: pointer;}
.smallImageImage {bottom: 35px; position: absolute;}
#relatedProductsList .smallImageImage {display: none;}

#shopDetailWrapper {width: 700px; /* border: 1px solid red; */}
.shopDetailLeft {float: left; width: 455px; border-right: 1px solid #cfba9a; padding: 0 20px 0 0;}
.shopDetailRight {float: left; width: 200px; padding: 0 0 0 10px; /* border: 1px solid red; */}
.shopDetailDescription {color: white; font-size: 12px; line-height: 14px; }
#detailName h2 {color: white; text-transform: uppercase;}
.shopDetailPrice {color: white; font-size: 18px; float:left; padding: 10px 0; text-transform: uppercase;}
.shopDetailIcons {float: left; padding: 10px 0 10px 10px;}
.shopDetailGrouping {color: white; font-size: 12px; float: left; padding: 0 20px 0 0;}
.shopDetailAttributes {color: white; font-size: 12px; float: left;}

.catProdAttributeItem {width: 120px; overflow: hidden;}
.catProdAttributeItem select {background: #cfba9a; font-size: 10px;}

/* body#storePage_Coffee .shopDetailAttributes {display: none;} */


.shopDetailQuantity {color: white; font-size: 12px;float: left; }
.shopDetailAddToCart {padding: 10px 0 0 50px; float: left;}
.shopDetailRating h2 {color: white; padding: 30px 0 0 0; font-size: 14px;}
.catProdAttributeTitle {color: white; font-size: 18px; display: none;}
.catProductAttributeGroup {height: 20px; padding: 0 0 20px 0;}

#flavorIndicator2 {height: 186px; width: 176px; background-image: url(/storeImages/flavor_indicator.gif); background-repeat: none;}
#roast {top: 50px; left: 25px; position: relative;}
#acidity {top: 50px; left: 25px; position: relative;}

body#storePage_NotCoffee #flavorIndicator2 {display: none;}
body#storePage_NotCoffee .shopDetailGrouping {display: none;}

.productListWrapper {width: 140px; height: 200px; position: relative;}
#relatedProductsList .productListWrapper {width: 140px; height: 40px; }


#relatedProductsList .listViewCart {display: none;}
#relatedProductsList .listViewIcons {display: none;}
#relatedProductsList .listViewPrice, #relatedProductsList input {display: none; }


#relatedProductsList div.smallImageName {height: 50px;}
#relatedProductsList div.smallImageName a {color: #cfba9a;}
#relatedProductsList div.smallImageName img {display: none;}
#relatedProductsList div.listViewImage  {display: none;}
#relatedProductsList table.productTable td {padding: 5px 0 5px 10px;}

.paginationLinks { height: 30px; padding: 0 0 10px 0;}
	.paginationLinks a {color: #997C5A; text-decoration: none;}
	.paginationLinks a:hover {color: white;}
.pagination {font-size: 1.15em; color: #997c5a;}
.pagination a {padding: 3px 8px; border: 1px solid #463025; text-decoration: none; margin: 0 5px; color: #997c5a;}
.pagination a:hover {background: #997c5a; color: white;}

.tags {display: none;}

/* Product Finder Styles */
ul.productfeaturelist {margin: 0 0 0 30px; padding: 0; list-style: none; width: 800px;}
ul.productfeaturelist li {width: 150px; display: block; float: left; margin: 0 40px 30px 0;}


/* Wholesale Order Styles */
#wholsaleList ul {margin:0; padding: 0;}
#wholsaleList ul li {margin:0; padding: 0; width: 100%;}
.wholesaleCartList{display: block; padding: 10px 0 0 0; width: 600px; border-bottom: 1px solid #b0a085;}
.wholesaleCartName {float: left; width: 350px; padding: 0 10px 0 0; font-size: 1.1em; }
.wholesaleCartPrice {float: left;padding: 0 10px 0 0; font-size: 1.1em; width: 50px;}
.wholesaleCartQty {float: left; padding: 0 10px 0 0; top: -8px; position: relative;}
.wholesaleCartCart {float: left; }
body#wholesalePage h2 {margin: 0; padding: 0;}
body#wholesalePage h3 {margin: 0; padding: 20px 0 10px 0; border-bottom: 1px solid black; width: 600px;}

#hiddenform { height: 300px; width: 300px; background: url(../images/template/transwhite.png); position: absolute; top: 50px; left: 40%; padding: 30px; font-size: 1.5em; line-height: 1.5em;}

/* Comments */

#prod-review-cont {
margin: 0 0 18px;
padding: 10px 0;
color: white;
font-size: 12px;
border-top: 1px solid #624e39;
border-bottom: 1px solid #624e39;
}

#prod-review-cont .rating { padding: 0 0 0 20px;}
#prod-review-cont .rating img {top: 5px; position: relative;}

ul.zoneSubscriptions {list-style: none; margin: 0; padding: 0;}
ul.zoneSubscriptions li {display: block;}
ul.zoneSubscriptions ul {margin: 0; padding: 0;}
ul.zoneSubscriptions li ul li {display: none;}
ul.zoneSubscriptions a {font-size: 1.5em;}

ul.zoneSubscriptions li ul li.zoneName {display: block;}


/* Problem Here with code for some reason. */
body#storePage_NotCoffee .shopDetailRating {display: none;)