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

body 
{
	margin: 0px;
	padding: 0px;
	background-color:#472f64;
	background-image:url(/images/template/pageback.jpg);
	background-position:top left;
	background-repeat:repeat;
	font-style:normal;
}

body, th, td, p
{
	color: #652d8a;
	line-height: 20px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}

p
{
	margin-bottom: 1em;
}

a:link, a:active, a:visited
{
	color: #913d79;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
	color: #652d8a;
}

a img
{
	border: none;
}

h1
{
	line-height:30px;
	color: #652d8a;
	font-size: 2em;
	text-align: left;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight:bold;
}

h2
{
	Text-align:left;
	color: #652d8a;
	font-size: 1.5em;
	font-weight:Bold;
	line-height: 20px;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
}

h3
{
	text-align:left;	
	font-size: 1.17em;
	color: #652d8a;
	line-height:24px;
	display:block;
	margin-bottom:10px;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight:bold;
}

h4
{
	font-size: 1em;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight:bold;
	color: #652d8a;
}

hr
{
	height: 0; 
	border: 0; 
	border-top: 1px solid #77787b; 
}

strong
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
}

em
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1em;
	font-style:italic;
}

ol
{
	list-style-type:decimal;
	list-style-position:inside;
	font-size:1.0em;
	color: #333333;
}

ul
{
	list-style-type:disc;
	list-style-position:outside;
	font-size:1.0em;
	color: #333333;
}

ul li
{
	color:#652d8a;
	margin-left:30px;
}

#print
{
	float:right;
	margin:-15px 0px 0px 0px;
}

blockquote
{
	padding:0px 40px;
	color:#333333;
	font-size:0.86em;
}

/* Global */

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

#container #wrapper
{
	background-image:url(/images/template/containerback.jpg);
	background-position:top;
	background-repeat:repeat-y;
	float:left;
	width:960px;
}

#containerTOP
{
	background-image:url(/images/template/containertop.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:67px;
	width:960px;
	float:left;
}

#containerBottom
{
	background-image:url(/images/template/contatinerbottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:19px;
	width:960px;
	float:left;
}

#header
{
	width:840px;
	float:left;
	margin:0px 60px;
	height:164px;
}

#logo
{
	float:left;
	width:187px;
	height:140px;
}

#logo h1
{
	border:medium none;
	float:left;
	margin:0pt;
	padding:20px 0px 0px 15px;
	text-indent:-9999em;
	width:172px;
}

#logo h1 a
{
	background-image: url(/images/template/joffreys_logo.png);
	background-repeat:no-repeat;
	border:0pt none;
	display:block;
	height:110px;
	padding:0px;
}

#masthead
{
	width:648px;
	float:left;
	margin-top:45px;
	padding-right:5px;
}

#masthead #Line1,
#masthead #Line2,
#masthead #Line3,
#masthead #hiddenLine
{
	float:right;
	text-align:right;
	font-weight:bold;
}

#masthead #hiddenLine
{
	font-size:0.86em;
	visibility:hidden;
	width:658px;
}

#masthead #Line1
{
	padding-right:4px;
	font-size:0.86em;
}

#masthead #Line2
{
	clear:right;
	font-size:0.79em;
}
#masthead #Line3
{
	clear:right;
	font-size:0.86em;
}

#masthead #Line3 .search-box
{
	padding:0px;
}

#masthead #Line3 .search-box .cat_textbox_small
{
	width:145px;
	height:16px;
}

#masthead span#catCartSummary
{
	float:right;
	font-weight:bold;
	clear:right;
}

#content
{
	width:840px;
	margin:0px 60px;
	float:left;
	background-color:#e0d8cd;
	min-height:250px;
}

#contentDoubleColumn
{
	width:840px;
	margin:0px 60px;
	float:left;
	min-height:300px;
	background-image:url(/images/template/both_column_bg.gif);
	background-repeat:repeat-y;
	background-position:top;
}

#contentLeft
{
	width:130px;
	float:left;
	padding:10px;
	background-color:#652d8a;
}

#contentLeft h4
{
	color:#FFFFFF;
}

#contentLeft hr
{
	border-color:#FFFFFF;
}

#contentRight
{
	width:690px;
	float:left;
	background-image:url(/images/template/right_column_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#contentPadding
{
	padding:20px 25px;
	width:630px;
	float:left;
}

#contentPaddingInside
{
	padding:20px 30px;
	width:800px;
	float:left;
}

/* Footer */

#footer
{
	width:840px;
	margin:0px 60px;
	float:left;
	height:100px;
}

#footerBanner
{
	width:840px;
	float:left;
}

#footerSlogan
{
	float:right;
	width:177px;
	height:50px;
}

#footerSlogan h2
{
	border:medium none;
	float:left;
	margin:0pt;
	padding:10px 5px 0px 5px;
	text-indent:-9999em;
	width:167px;
}

#footerSlogan h2 a
{
	background-image: url(/images/template/joffreys_slogan.png);
	background-repeat:no-repeat;
	border:0pt none;
	display:block;
	height:19px;
	padding:0px;
}

#payment
{
	float:left;
	width:130px;
	padding-top:10px;
}

#copyright
{
	font-size:0.71em;
	width:473px;
	float:left;
	padding:10px 30px 0px 30px;
	font-weight:bold;
}

#credit
{
	float:left;
	width:920px;
	text-align:left;
	padding:10px 0px 10px 40px;
	font-size:0.86em;
}

/* Slideshow */

#slideshow
{
	width:840px;
	height:275px;
	float:left;
}

#slideshow2
{
	width:690px;
	height:225px;
	float:left;
}

/* Other Home Page Items */

#hotItems
{
	width:840px;
	float:left;
	height:225px;
	margin-top:12px;
}

#hotItems p
{
	color: #070607;
	font-size:1.17em;
}

#hotItems h3
{
	margin-bottom:0px;
	color: #080606;
}

#hotItems a
{
	font-weight:bold;
}

#hotItems #hotitem1
{
	width:265px;
	float:left;
	margin-left:7px;
}

#hotItems #hotitem2
{
	width:265px;
	float:left;
	margin-left:15px;
}

#hotItems #hotitem3
{
	width:265px;
	float:left;
	margin-left:15px;
}

/* Store */

ul.catalogueitemdump li
{
	padding:0px;
	font-size:10px;
	color:#FFFFFF;
	margin:0px;
	list-style:none;
	line-height:16px;
}

ul.catalogueitemdump li a
{
	color:#FFFFFF;
	text-decoration:none;
}

ul.catalogueitemdump li a:hover
{
	text-decoration:underline;
}

.rrpprice { margin-left:6px; font-weight:bold; font-size:14px;}

.nowPrice{display:none; font-weight:bold; font-size:14px;}
.nowPrice span{color:#FF0000;}

/* Other Pages' Items */

#loginBox
{
	margin: 0px auto;
	width: 500px;
}

#content_double_column
{
	margin:30px;
	width:660px;
	float:left;
}

#contentPadding #leftSide
{
	width:327px;
	float:left;
}

#contentPadding #rightSide
{
	width:263px;
	margin-left:40px;
	float:left;
}

#hotItems-inside
{
	float:left;
	width:640px;
	padding:30px 25px 30px 30px;
}

#hotItems-inside h3
{
	color:#552910;
	margin:10px;
	text-transform:uppercase;
}

#hotItems-inside p
{
	color:#552910;
	margin: 10px;
	font-size:12px;
}

#hotItem-inside1
{
	width:192px;
	background-color:#e6e3d6;
	float:left;
	min-height:205px;
}

#hotItem-inside2
{
	width:192px;
	background-color:#e6e3d6;
	float:left;
	margin-left:30px;
	min-height:205px;
}

#hotItem-inside3
{
	width:192px;
	background-color:#e6e3d6;
	float:left;
	margin-left:30px;
	min-height:205px;
}

#news
{
	background-color:#c9bcbf;
	width:253px;
	padding:10px 5px;
	margin-top:35px;
}

#news #otherArticles
{
	font-weight:bold;
	font-size:12px;
}

#CareerForm
{
	display:none;
	float:left;
	width:630px;
}

#related
{
	clear:both;
	margin-top:10px;
	border-top:1px dotted #ABABAB;
	padding-top:20px;
}

#related h4
{
	color:#572700;
	padding-bottom:20px;
}

/* Subscriptions */

#hiddenlink
{
	display:none;
}

#subscription
{
	display:none;
}

/* Review layout */

.comment-form .form .formLeft
{
	width:185px;
	float:left;
}

.comment-form .form .formRight
{
	width:185px;
	float:left;
}

#customerReviews
{
	clear:both;
	color:#666666;
	float:left;
	margin:10px 0px;
	width:370px;
}

#noReviewMessage
{
	display:none;
}

#averageRating
{
	display:block;
}

#tell-A-friend
{
	border:1px solid #666666;
	clear:both;
	color:#666666;
	display:none;
	float:left;
	margin:10px 0px;
	width:370px;
}

/* Locations Page */

#locationSearch
{
	width:440px;
	margin:0px auto;
}

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

#stateSearch
{
	float:left;
	width:75px;
}

#stateSearch select
{
	background-color:#E4D7ED;
}

#zipSearch
{
	float:left;
	width:100px;
}

#zipSearch input
{
	width:90px;
}

#locationSearch #button
{
	width:40px;
	float:left;
	margin-top:21px;
}

#locationSearch #results
{
	clear:both;
	width:400px;
	margin:0px auto;
	text-align:center;
}

.locationResults
{
	background-color:#E6E3D6;
	float:left;
	padding:15px;
	width:370px;
	margin-bottom:15px;
	color:#552910;
}

.locationResults a
{
	color:#552910
}

/* Featured Products */

.featuredProduct
{
	float:left;
	width:130px;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding-top:10px;
}

/* Checkout */

.removeItem
{
	width:20px;
}

td.cartInfo
{
	height:100px;
}

.removeItem a
{
	background-image:url(../images/template/delete-icon.png);
	background-repeat:no-repeat;
	border:0pt none;
	display:block;
	height:16px;
	padding:0px;
	text-indent:-9999em;
	width:15px;
}

td.removeItem
{
	width:20px;
}

.productTN
{
}

.productTN img
{
	max-width:100px;
	max-height:100px;
	overflow:hidden;
}

.attributes
{
	font-size:11px;
}

.productCell
{
}

.dc
{
	font-size:11px;
	color:#FF0000;
}

#CCVcontainer
{
	position:relative;
	z-index:0;
}

#CCV
{
	position:absolute;
	z-index:2;
	width:335px;
	height:305px;
	padding:5px;
	background-color:#fff;
	border:#652D8A 1px solid;
	bottom:14px;
	left:96px;
	display:none;
}

.shippingCountryDiv
{
	display:none;
}

/*My Account */

.state_textbox
{
	width:30px;
	background-color:#E4D7ED;
}

.zip_textbox
{
	width:40px;
	background-color:#E4D7ED;
}

.city_textbox
{
	width:140px;
	background-color:#E4D7ED;
}

.item2
{
	margin-left:9px;
}

/* Headings */

#brewekreweLeft
{
	height:85px;
	width:250px;
}

#brewekreweLeft h1
{
	border:medium none;
	margin:0pt;
	padding:0px;
	text-indent:-9999em;
	width:250px;
	background-image: url(/images/content/joffreys_brewkrewe.gif);
	background-repeat:no-repeat;
	border:0pt none;
	display:block;
	height:85px;
}

#brewekreweRight
{
	height:28px;
	width:265px;
}

#brewekreweRight h2
{
	border:medium none;
	margin:0pt;
	padding:0px;
	text-indent:-9999em;
	width:265px;
	background-image: url(/images/content/the_brewekrewe_community.gif);
	background-repeat:no-repeat;
	border:0pt none;
	display:block;
	height:28px;
}

/* Menu */

#topMenu
{
	width:840px;
	float:left;
	height:24px;
	background-color:#652d8a;
	margin:0px;
}

#topMenu ul
{
	text-align:center;
	margin:0px auto;
	padding: 0pt;
}

#topMenu li
{
	display:inline;
	list-style-position: inside;
	list-style-type: none;
	margin:0px 15px 0px 15px;
	position:relative;
	height:24px;
	line-height:24px;
	padding:0px;
}

#topMenu li a
{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:0.93em;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	line-height:24px;
	padding:3px 3px 3px 3px;
}

#topMenu li a:hover
{
	color:#ffffff;
	font-weight:bold;
	background-color:#472F64;
}

#topMenu ul ul
{
	position: absolute;
	z-index: 500;
	border:#652D8A solid 1px;
	background:#E4D7ED;
	top:19px;
	left:0px;
	list-style:none;
	width:150px;
}

#topMenu ul ul li
{
	width:150px;
	text-align:left;
	padding:0px;
	margin:0px;
	list-style-position:outside;
	list-style-type:none;
}


#topMenu ul ul li a
{
	font-size:10px !important;
	width:140px;
	display:block;
	color:#652D8A;
	text-align:left;
	padding:0px 5px;
}

#topMenu ul ul li a:hover
{
	background-color:#472F64;
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 5px;
	
}

#topMenu ul ul ul
{
	position: absolute;
	top: -1px;
	left:150px;
}

div#topMenu ul ul,
div#topMenu ul li:hover ul ul,
div#topMenu ul ul li:hover ul ul
{
	display: none;
}

div#topMenu ul li:hover ul,
div#topMenu ul ul li:hover ul,
div#topMenu ul ul ul li:hover ul
{
	display: block;
	width: 150px;
}

#topMenu ul ul li
{
	font-size:12px;
	font-weight:normal;
	color:#000000;
	display:block;
}

/* Sub Menus */

#subMenu
{
	margin-top:10px;
}

#subMenu ul
{
}

#subMenu ul li
{
	margin-left:5px;
	list-style-position: outside;
	list-style-type: none;
	font-size:12px;
	padding-bottom:5px;
}

#subMenu ul li a
{
	color:#FFFFFF;
	text-decoration:none;
}


/* My Account Menu */

#cat_242569_divs
{
	margin-top:10px;
}

#cat_242569_divs ul
{
}

#cat_242569_divs li
{
	margin-left:5px;
	list-style-position: outside;
	list-style-type: none;
	font-size:12px;
	padding-bottom:5px;
}

#cat_242569_divs li a
{
	color:#FFFFFF;
}

/* Coffee 2.0 */

#coffee20 .shop-product-large .details
{
	float:right;
	height:auto !important;
	min-height:110px;
	padding-left:15px;
	width:280px;
	clear:right;
	border-bottom:1px dotted #ABABAB;
}

#coffee20 .shop-product-large .detailsTop
{
	position:relative;
	width:280px;
}

#coffee20 .shop-product-large .image
{
	clear:right;
	float:right;
	height:auto !important;
	min-height:360px;
	text-align:left;
	width:280px;
	padding-left:15px;
}

#coffee20 .shop-product-large .detailsTop .tellAfriend
{
	display:none;
}

#coffee20 .reviews,
#coffee20 .detailsTop .price,
#coffee20 .details #related
{
	display:none;
}

#coffee20 .detailsTop .quantity
{
	float:none;
	margin:0 0 0 170px;
	padding-top:0;
	position:absolute;
	top:-41px;
}

#coffee20 .poplets .magnify
{
	float:left;
	font-size:12px;
	padding-top:44px;
	width:115px;
}

#coffee20 #leftColumn
{
	width:344px;
	float:left;
	margin-top:-520px;
}

#coffee20 #leftColumn h1
{
	width:344px;
	float:left;
	color:#572700;
	font-size:18px;
	font-weight:normal;
}

#coffee20 #leftColumn #description
{
	width:344px;
	float:left;
}

#coffee20 .detailsTop h1
{
	margin:-360px 0 0 -360px;
	width:344px;
	display:none;
}

#coffee20 .detailsTop .description
{
	/*margin:10px 0 0 -360px;
	width:344px;
	position:absolute;*/
	display:none;
}

#coffee20 #postProduct
{
	float:left;
	width:640px;
}

#coffee20 #postProduct #ProductComments
{
	width:344px;
	float:left;
}

#coffee20 #postProduct #postProductComments
{
	width:344px;
	float:left;
}

#coffee20 #postProduct #postProductComments #comment-form2
{
	display:none;
}

#coffee20 #postProduct .postProductComments h3
{
	color:#572700;
	font-size:1.17em;
}

#coffee20 #postProduct .sharingLinks
{
	float:right;
	width:280px;
	padding-left:15px;
}

#coffee20 #postProduct .sharingLinks ul li
{
	list-style-type:none;
	list-style-position:outside;
}

#coffee20 #sharethis_0
{
	visibility:visible
}



/* Editor CSS */

.PhotoRight
{
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 0px;
	margin-left: auto;
}

.PhotoLeft
{
	padding-right: 10px;
	padding-bottom: 10px;
}

.caption
{
	font-size:10px;
	font-style:italic;
	margin-bottom:10px;
	width:230px;
}
/* update 06-29 */
.productTable td{
	padding:0 !important;
}
.productTable .shop-product-small{
	margin:0;
	float:none;
}
.productTable ul{
	width:149px;
	padding:0 !important;
}
.productTable ul li{
	width:149px !important;
}
.productTable .shop-product-small .image{
	padding:0 5px 18px 0;
}
.relaited-holder{
	height:1%;
	overflow:hidden;
}
.relaited-holder h2{
	margin:0;
	color:#572700;
	font-size:18px;
	line-height:20px;
	padding:20px 0;
	font-weight:normal;
}
.shop-product-large .details label {
	color:#652D8A;
	line-height:20px;
	font-size:15px;
}
.shop-product-large .details .quantity-box{
	width:120px;
	float:left;
	margin:0 20px 0 0;
}
.shop-product-large .details .productTextInput {
	color:#652D8A;
	line-height:20px;
	font-size:15px;
	padding:0;
	width:100px;
}
.shop-product-large .productAttributes {
	color:#652D8A;
}
.shop-product-large .catProductAttributeGroup{
	float:left;
	padding:0 0 10px;
}
.shop-product-large .btn-add-to-cart{
	float:left;
	padding:18px 0 0 20px;
	display:inline;
	width:100px;
}
.shop-product-large .btn-add-to-cart img{float:left;}
.shop-product-large .reviews {
	clear:both;
	width:100%;
	overflow:hidden;
}
.review-area{
	height:1%;
	overflow:hidden;
	border:1px solid #666;
	clear:both;
	padding:0 0 15px;
}
.review-line{
	text-align:center;
	display:block;
	width:100%;
}
#comment-form{
	border:0;
}
.review-area h2{
	margin:0;
	text-align:center;
	font-weight:normal;
	font-size:18px;
	color:#572700;
	padding:10px 0;
}
/* FixPNG for IE6 */

/* FixPNG from Komodo */

* html .fixPNG {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/template/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}