/*
---------------------------------------------
	Author:  Squeaky Wheel Media Development Team
	Lead Developer: Carlos Agosto
	Created: Jan/2010
	--------
	Structure of this Document (search for "=" to jump to each section heading):
		
		1. =XHTML Eelements
		2. =Main Shell
		3. =Header
		4. =Main Content Area
		5. =Main Content
		6. =FullBlock
		8. =Footer
		9. =Pop up
	--------	
---------------------------------------------*/

/**** =XHTML Eelements
---------------------------------------------*/
/*
#LongContent{background:url(../images/Body-BgLong.jpg) no-repeat top center;} removed  NK 1/24
#test-background{background:none;} 
*/
table, td, th {
    vertical-align: top;
}
#bg{
    background: url("../images/TraderJoes-Background-Summer.jpg") no-repeat scroll center top #fff;
    /*    background: url("../images/TraderJoes-Background-Winter.png") no-repeat scroll center top #D6C5AD;*/
    height: 950px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
} 
#bg2{
    background: url("../images/TraderJoes-Background-SummerBottom.png") repeat-x scroll center top #301909;
    height: 170px;
    position: absolute;
    top: 800px;
    width: 100%;
} 
body{
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#383838;
	background-color: #fff; /*change to white for winter snow #ffffff*/
	/*background:url(../images/Body-Bg.jpg) no-repeat top center;  removed NK 1/24*/
	}
	
	/*body.homebg{
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#383838;
	background:url(../images/Body-Bg-Home.jpg) no-repeat top center;
	}*/
	
	ul li,ol li{
		list-style:none;
	}
select,
input,
textarea{ 
	border:1px solid #919085;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#3B3219;
	outline:none;
	}	
a{ text-decoration:none; color:#3E3E3E; outline:none;}
a:hover{ text-decoration:underline;}
a.BodyLinks{ color:#BD363C;}
a.Btn{ 
	background:url(../images/Button-Bg.jpg) no-repeat;
	float:left;
	width:121px;
	padding:5px 0;
	text-align:center;
	color:#fff;
	margin:10px 0 0 0;
	font-weight:bold;
	}
h1,
h2,
h3,
h4,
h5,
h6{ font-family:Georgia, "Times New Roman", Times, serif;}	
em{ font-style:italic;} 

.alt,
.Print{ display:none !important;}
.Right{ float:right;}
.Left{ float:left;}
.clear{clear:both;}
.ClearWrap{ width:95%;}
.ClearWrapFull{width: 100%;}
.MainPhoto{ margin:-20px 10px 0 5px;}
.Error{ border:1px solid #BD363C !important;}
li.LastBorderSet{ border:none !important;}	
/****=MainShell
---------------------------------------------*/
#MainShell:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
#MainShell{
	width:1036px; 
	margin:0 auto; 
	text-align:left;
	}
	
/****=Header
---------------------------------------------*/	
#Header{
	width:99%; 
	float:left; 
	background:url(../images/Header-Bg.jpg) no-repeat 7px 0;
	position:relative;
	z-index:99;
	}
	#HeaderContent{
		float:left;
	width:95%;
	height: 114px;
	}
#HeaderContent a{ float:left;}

/*Add This Drop Down*/
.addthis_toolbox .custom_hover{position: relative;}	
.addthis_toolbox{
	float:right; 
	color:#333; 
	margin:0 30px 22px 0;
	position:relative;
	top:5px;
	}	
.addthis_toolbox img{ 
	float:left !important; 
	display:block;
	padding:0 0 0 7px;
	}
.custom_button{
	cursor:pointer; background:url(../images/Bookmark-Bg.png) no-repeat 0 -999px;
	float:left;
	display:block;
	}
.addthis_toolbox .custom_button.active{ background-position:0 0 !important;}
.hover_menu{
	float:left; 
	width:100%;
	background:#F5F0DB;
	display: none;
    position: absolute;
	z-index:105;
	width:240px;
	top:17px;
	border:1px solid #D2C1AE;
	}
.hover_menu ul{ float:left; width:100%; padding-bottom:5px;}
.hover_menu ul li{ 
	display:block;
	float:left;
	margin:5px 5px 0 5px;
	width:45%;
	}
.hover_menu ul li a{ 	
	display:block; 
	float:left;
	width:99%;
	border-bottom:1px dotted #D2C1AE;
	padding:5px 0 5px 5px;
	}	
.hover_menu ul li span{ display:block; float:left; margin-right:5px;} 	
.hover_menu ul li a:hover{
	background:#ffffff; 
	min-height:10px;
	text-decoration:none;
	}
.hover_menu ul li.Expanded{ width:99%;}
.hover_menu ul li.Expanded a{ padding-left:20%; width:182px; border:0;}


#HeaderContent img.Logo{
bottom:-8px;
display:block;
float:left;
left:10px;
padding:0 0 0 6px;
position:absolute;
	}
/*Select State Form */	
#FormSet{ 
	float:right; 
width: 392px;
	}
#FormSet label{float:left;}
#FormSet img{ display:block; float:right;}
#HeaderContent .FlayerLink{
	float: right;
	clear: both;
	display: block;
	margin: 5px 34px 0 0;
	}
#StateWrap{ 
    float: left;
    height: 23px;
    margin-top: 10px;
    position: relative;
    width: 190px;
	}
#StateWrap .select{
	position:absolute; 
	top:0; 
	right:0px;
	width:180px;
	padding:4px 0 0 10px;
	height:21px;
	background:url(../images/Location-Bg.gif) no-repeat; 
	}
#StateWrap label{ margin:4px 0 0 0;}	
#StateWrap 	select{ height:24px;}
#StateWrap option{ 
	background:#F5F0DB; 
	border-bottom:1px solid #D2C1AE;
	}
#StampHolder{ 
	float:left; 
	width:94px; 
	height:74px;
	text-indent:-20000px;
	margin:0 0 0 10px;
	background:url(../images/Stamps.gif) no-repeat;
	}	
	
/*Stamp Bg's position*/	
#StampHolder.StampAK{background-position:0 -79px;}	
#StampHolder.StampAL{background-position:0 -158px;}	
#StampHolder.StampAR{background-position:0 -237px;}	
#StampHolder.StampAZ{background-position:0 -316px;}	
#StampHolder.StampNOCA,
#StampHolder.StampSOCA{background-position:0 -395px;}	
#StampHolder.StampCO{background-position:0 -475px;}
#StampHolder.StampCT{background-position:0 -553px;}
#StampHolder.StampDE{background-position:0 -632px;}
#StampHolder.StampDC{background-position:0 -711px;}
#StampHolder.StampFL{background-position:0 -790px;}
#StampHolder.StampGA{background-position:0 -869px;}
#StampHolder.StampHI{background-position:0 -948px;}
#StampHolder.StampIA{background-position:0 -1027px;}
#StampHolder.StampID{background-position:0 -1106px;}
#StampHolder.StampIL{background-position:0 -1185px;}
#StampHolder.StampIN{background-position:0 -1264px;}
#StampHolder.StampKS{background-position:0 -1343px;}
#StampHolder.StampKY{background-position:0 -1422px;}
#StampHolder.StampLA{background-position:0 -1501px;}
#StampHolder.StampMA{background-position:0 -1580px;}
#StampHolder.StampMD{background-position:0 -1659px;}
#StampHolder.StampME{background-position:0 -1738px;}
#StampHolder.StampMI{background-position:0 -1817px;}
#StampHolder.StampMN{background-position:0 -1896px;}
#StampHolder.StampMO{background-position:0 -1975px;}
#StampHolder.StampMS{background-position:0 -2054px;}
#StampHolder.StampMT{background-position:0 -2133px;}
#StampHolder.StampNC{background-position:0 -2212px;}
#StampHolder.StampND{background-position:0 -2291px;}
#StampHolder.StampNE{background-position:0 -2370px;}
#StampHolder.StampNH{background-position:0 -2449px;}
#StampHolder.StampNJ{background-position:0 -2528px;}
#StampHolder.StampNM{background-position:0 -2607px;}
#StampHolder.StampNONV,
#StampHolder.StampSONV{background-position:0 -2686px;}
#StampHolder.StampNY{background-position:0 -2765px;}
#StampHolder.StampOH,
#StampHolder.StampOHCL{background-position:0 -2844px;}
#StampHolder.StampOK{background-position:0 -2923px;}
#StampHolder.StampOR{background-position:0 -3002px;}
#StampHolder.StampPAPI,
#StampHolder.StampPAPH{background-position:0 -3081px;}
#StampHolder.StampRI{background-position:0 -3160px;}
#StampHolder.StampSC{background-position:0 -3239px;}
#StampHolder.StampSD{background-position:0 -3318px;}
#StampHolder.StampTN{background-position:0 -3397px;}
#StampHolder.StampTX{background-position:0 -3476px;}
#StampHolder.StampUT{background-position:0 -3555px;}
#StampHolder.StampNOVA,
#StampHolder.StampSOVA{background-position:0 -3634px;}
#StampHolder.StampVT{background-position:0 -3713px;}
#StampHolder.StampWA{background-position:0 -3792px;}
#StampHolder.StampWI{background-position:0 -3871px;}
#StampHolder.StampWV{background-position:0 -3950px;}
#StampHolder.StampWY{background-position:0 -4029px;}

/* Main Nav */
ul#MainNav{
	float:left;
	width:99%;
	height:56px;
	background:url(../images/Main-Nav-Bg.png) no-repeat bottom left;
	padding:0 0 0 7px;
	}
.ProductsGuides ul#MainNav{

}
ul#MainNav li{
	display:block;
	float:left;
	list-style:none;
	}

#MainFlash{ 
	position:absolute; 
	left:232px; 
	top:0; 
	height:91px; 
	width:575px;
	}

/**** =Main Content
---------------------------------------------*/
#MainContent{ 
	float:left;
	width:100%;
	position:relative;
	}
#ribbon{
	    left: 33px;
    position: absolute;
    top: -1px;
}
/*.ShortA{background:url(../images/MainContentShort-Bg-Home.png) no-repeat; min-height:766px;}
.ShortB{ background:url(../images/MainContentShort-Bg-A.jpg) no-repeat 0 0; min-height:766px;}*/
/*.Long{ background:url(../images/MainContentLong-Bg.jpg) no-repeat; min-height:842px;} removed NK 1/24 */
.Long,
.ShortA,
.ShortB{
	    background: url("../images/new-bg-tile2.png") repeat-y scroll left top transparent;
    margin-bottom: 60px;
}


/* Left Side */	
#LeftSide{ float:left; position:relative; padding-bottom: 25px;}
#LeftSide h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	padding-bottom:5px;
	}
	
/*Left Side Width*/
.WidthA{ width:716px;}
.WidthB{ width:575px;}
.WidthC{ width:689px;}
.WidthD{ width:795px;}
.WidthE{ width:99%;}
/* News Ticker Homepage */
.news_pointer {
background:url(../images/news-pointer.gif) no-repeat scroll left top transparent;
color:#B93838;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:42px;
left:228px;
margin:0;
padding:0 0 0 89px;
position:absolute;
top:5px;
width:393px;
}
.news_pointer p
{
line-height:14px;
margin:0;
padding:0;
}
.news_pointer a, .news_pointer a:link, .news_pointer a:visited
{
    color:#B93838;
    font-size:12px;
    text-decoration:none; 
}
.news_pointer a:hover
{
    color:#B93838;
    font-size:12px;
    text-decoration:underline;    
}
/* Feature Home Page */
#Feature{
	float:left; 
	width:100%;
	min-height:382px;
	margin:40px 0 0 7px;
	padding:20px 0 0 0;
	background:url(../images/Feature-Bg.png) no-repeat;
	}
#Feature h2{
	text-indent:-2000000px;
	background:url(../images/Title-Home-Intro-Flyer.png) no-repeat;
	width:203px;
	height:55px;
	float:left;
	margin:0 0 0 50px;
	}
#Feature h3{
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#333;
	width:430px;
	float:left;
	margin:6px 0 0 2px;
	}	
#FeatureLeft{
	float:left;
	/*width:400px;*/
	margin-left:55px;
	clear:both;
	}
#FeatureLeft ul{float:left;}
#FeatureLeft ul li{
	float:left;
	width:120px;
    list-style:none;
	font-weight:bold;
	display:block;
	 }
#FeatureLeft ul li.Middle{
	padding:0 10px 0 19px;
	}
#FeatureRight{
	float:right;
	margin:0 70px 0 0;
	width:216px;
	}
#FeatureRight ul{
	float:left;
	}
#FeatureRight ul li{
	float:left;
	display:block;
	padding:0 0 3px 0;
	}

#Feature h3 a{ color:#B24600;}
#Feature img{ 
	margin:0;
 	display:block;
 	float:left;
	}

#CounterContent{ 
	float:left; 
	width:100%;
	background: url(../images/Counter-Selection.png) no-repeat 30px 25px;
	min-height:225px;
	}
#TheCounter{ 
	background:url(../images/Title-The-Counter.png) no-repeat; 
	height:19px;
	text-indent:-200000px;
	display:block;
	float:right;
	width:661px;
	margin:0 5px 0 0;
	}
.CounterContent{ 
	float:left; 
	width:215px;
	margin-top:10px;
	}
.CounterContent p{ float:left;}
.CounterContent h5{
	float:left;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#573e3d;
	width:100%;
	} 
.CounterContent h5 a{color:#573e3d;}	
#ConterLeft{ margin-left: 45px;}
#ConterLeft p{ padding:5px 0 0  10px;}
#ConterMiddle{margin-left:15px;}
#ConterMiddle p{ padding:10px 11px 0 10px;}	
#ConterRight{ margin-left:15px; width:210px;}
#ConterRight p{ padding:35px 0 0 15px; width:85px;}

.ImgLink{ float:left; display:block;}
.Cheese,
.Nuts{ width:215px; height:88px;}
.Wine{ width:105px; height:140px;}

/* Second Level pages Background*/
.Products{ background:url(../images/squirrel2.gif) no-repeat top right;}
.SoapboxBg{ background:url(../images/LeftSide-Balloon-Bg.jpg) no-repeat right 21px;}
.StoreLocator{ background:url(../images/globe.gif) no-repeat right top;}
.CareersBg{ background:url(../images/We-Want-You-Bg.jpg) no-repeat right top;}
.CreersGlobalBg{ background:url(../images/Careers-Global-Hand.gif) no-repeat top right; position:relative;}
/*.BeeHive{ background:url(../images/Bee-Hive-Bg.jpg) no-repeat right top;}*/
.BeeHive{ background:url("../images/recipesImageBees.gif") no-repeat scroll 571px -9px transparent;}
.GlobalContentBg{ background:url("../images/Globe-Bg.png") no-repeat scroll right 10px transparent;}
.GlobalFaqBg{ background:url(../images/Faqs-Bg.jpg) no-repeat right top;}
.AboutGlobalBg{ background:url(../images/AboutUs-Global.gif) no-repeat top right;}

#BreadCrumbs{
	float:left; 
	margin:20px 0 0 240px;
	width:65%;
	}	
#BreadCrumbs li{
	display:block;
	float:left;
	margin:0 5px 0 0;
	}
#BreadCrumbs li a{
	text-decoration:underline; 
	background:url(../images/BreadCrumbs-arrow.gif) no-repeat right 5px;
	padding:0 10px 0 0;
	}
#BreadCrumbs li a:hover{ text-decoration: none;}
	
/*H2 Images Replacement Second Level Pages*/
.FeaturTitle{ 
	color:#333; 
	font-size:13px; 
	float:left; 
	font-weight:bold; 
	font-style:italic;
	width:60%;
	margin:25px 0 0 5px;
	}
.Replacement{
	text-indent:-200000px; 
	margin:30px 0 0 70px;
	width:90%;
	clear:both;
	float:left;
	}
#Good-Stuff{background:url(../images/Title-Good-Stuff.gif) no-repeat; height:24px;}
#JoesSoapbox{background:url(../images/Title-Joes-Soapbox.gif) no-repeat; height:24px;}	
#AboutJoe{ background:url(../images/Title-About-Trader-Joe.gif) no-repeat; height:19px; width:223px;}
#FindTraderJoes{ background:url(../images/Title-Find-Trader-Joes-Store.gif) no-repeat; height:20px; width:230px;}
#StoreStories{ background:url(../images/Title-Trader-Joes-Store-Stories.gif) no-repeat; height:20px;}
#Recipe{ background:url(../images/Title-Recipe.gif) no-repeat; height:35px; width:95px;}	
#JoesCareers{background:url(../images/Title-Trader-Joes-Careers.gif) no-repeat; height:20px;}
#JoesCareers.ShortWidth{ width:242px;}
#CookingBreakfast{ background:url(../images/Title-Whats-Cooking-Breakfast.gif) no-repeat; height:34px;}	
#CookingLunch{ background:url(../images/Title-Whats-Cooking-Lunch.gif) no-repeat; height:34px;}
#CookingDinner{ background:url(../images/Title-Whats-Cooking-Dinner.gif) no-repeat; height:34px;}
#CookingDesserts{ background:url(../images/Title-Whats-Cooking-Desserts.gif) no-repeat; height:34px;}
#CookingSmallPlates{ background:url(../images/Title-Whats-Cooking-Small-Plates.gif) no-repeat; height:34px;}
#SiteMap{ background:url(../images/Title-Site-Map.gif) no-repeat; height:24px;}
#FAQ{ background:url(../images/Title-Trader-Joes-FAQs.gif) no-repeat; height:20px;}
#Sorry{ background:url(../images/Title-Site-404.gif) no-repeat; height:24px;}
#GeneralFAQ{ background:url(../images/Title-Trader-Joes-General-FAQs.gif) no-repeat; height:20px;}
#ContactUs{ background:url(../images/Title-Trader-Joes-Contact-Us.gif) no-repeat; height:20px;}
#PrivacyPolicy{ background:url(../images/Title-Trader-Joes-Privacy-Policy.gif) no-repeat; height:25px;}
#TermsOfUse{ background:url(../images/Title-Trader-Joes-Terms-of-Use.gif) no-repeat; height:20px;}
#ProductFAQ{ background:url(../images/Title-Trader-Joes-Product-FAQs.gif) no-repeat; height:20px;}
#CustomerUpdatesList{ background:url(../images/Title-Trader-Joes-Customer-Updates.gif) no-repeat; height:25px;}
#OurStory{ background:url(../images/Title-Trader-Joes-Our-Story.gif) no-repeat; height:25px;}
#ThankYou{ background:url(../images/Title-Trader-Joes-Thanks.gif) no-repeat; height:20px;}
#Neighborhood{ background:url(../images/Title-Trader-Joes-Neighborhood-Involvement.gif) no-repeat; height:25px;}

/*H3 Image Replacement Second Level Pages*/
.SubTitleReplacement{text-indent:-20000px; width:100%;}
#JoesTimeline{ 
	background:url(../images/Title-Trader-Joes-Timeline.gif) no-repeat; 
	height:14px;
	padding:0 0 15px 0;
	}
#GetNewsLetter{background:url(../images/Title-NewsLetter.gif) no-repeat; height:17px; padding-bottom:10px;}
#Faqs{background:url(../images/Title-Faqs.gif) no-repeat; height:16px;}
#MainRecipe{ background:url(../images/Title-Main-Recipe.gif) no-repeat; height:17px;}

.IntroCopy{ 
	width:540px; 
	padding:15px 0 0 70px; 
	float:left;
	}
h3.IntroCopy{font-style:italic;}	
.IntroCopy img{ margin:-15px 10px 0 0;}

/*Left Side Inner Content*/
#LeftSideInnerContent{
	float:left;
	min-height:572px;
	padding:20px 0 0 70px;
	}
#LeftSideInnerRecipes{	
	float:left;
	padding:20px 0 0 70px;
	position:relative;
	}
#LeftSideInnerContentStoreLocatorContent{
	margin-top:-87px; 
	padding:0 0 0 73px;
	float:left;
	min-height:572px;
	}	
#Note{ 
    left: 40px;
    position: absolute;
    top: 260px;
}	

/*Inner Width Values*/
.InnerWidthA{width:505px;}
.InnerWidthB{width:auto;}
.InnerWidthC{width:405px;}
.InnerWidthD{width:95%;}
.InnerWidthE{ width:725px;}

#LeftSideInnerContent p{ padding:0 25px 10px 0;}
.ImgWrap{ margin-top:-85px;}

/*FAQs Section*/
#FaqSection{ 
	background: url(../images/Faqs-Bg.gif) no-repeat; 
	float:left;
	padding:25px 0 0 70px;
	width:85%;
	margin:10px 0 0 0;
	min-height:123px;
	}
#FaqSection p{ padding:0;}	

/*Store Locator*/
#StoreArrow{
	background:url(../images/List-arrow.gif) no-repeat 0 3px; 
	padding:0 0 0 15px;
	position:absolute;
	left:425px;
	top:71px;
	}
#SearchArrow{
	background:url(../images/List-arrow.gif) no-repeat 0 3px; 
	padding:0 0 0 15px;
	margin:30px 0 0 25px;
	float:left;
	}	
#StoreArrow a,
#SearchArrow a{
	font-weight:bold; 
	color:#573E3D; 
	font-size:13px;
	}	
#LocationForm{ 
	background:url(../images/Store-Form-Bg.gif) no-repeat; 
	float:left;
	padding:20px 0 20px 30px;
	width:100%;
	}
#LocationForm li{ 
	display:block; 
	float:left; 
	font-weight:bold;
	padding:10px 0 0 0;
	vertical-align:middle;
	margin-right:20px;
	color:#573E3D;
	}
#LocationForm li label{ 
	float:left; 
	padding-bottom:3px; 
	}
#LocationForm li input,
#LocationForm li select{
	float:left; 
	clear:both;
	} 
#LocationForm li select{color:#573E3D;}	
#txtCity{ width:115px;}
#txtZipcode{width:80px;}
#LocationForm li.VMiddle{ padding-top:22px;}
#MapHolder{ 
	float:left; 
	background:#fff; 
	width:615px;
	height:428px;
	border:1px solid #919085;
	margin-top:5px;
	}
#MapHolder p{ padding:0 0 5px 0 !important; width:95%; line-height:1.2em;}	
#StoreOption{ 
	float:left; 
	width:610px; 
	padding-top:15px; 
	}
#StoreOption .Divider{ display:block; float:left; padding-right:20px;}	
#StoreOption p{ float:left; width:auto; color:#573E3D; padding:0;}	
#LeftSideOptions{ float:left; width:285px;}
#LeftSideOptions li{ 
	display:block; 
	float:left; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:bold;
	list-style-type:none;
	text-align:center;
	margin-right:10px;
	}
#LeftSideOptions li img{ display:block; margin:0 auto;}	
#LeftSideOptions li p{ 
	clear:both; 
	margin:0 auto; 
	}	
#LeftSideOptions li p a{color:#465B63;}	
#RightSideOptions{ float:left; width:280px; margin-left:15px;}
#RightSideOptions li{ width:120px;}

/*Recipes*/
#RecipesList{ float:right; margin:15px 45px 0 0;}
#RecipesList li{ 
	float:left;
	display:block;
	width:200px;
	height:140px;
	padding:10px 5px 0 7px;
	margin-left:10px;
	background:url(../images/Recipes-Feature-Frame.jpg) no-repeat;
	}
#RecipesList li h3{ 
	float:right; 
	padding-bottom:5px; 
	margin-right:5px;
	}
#RomeWich{
	background:url(../images/Title-Rome-Wich.gif) no-repeat top right; 
	height:11px;
	}
#Rumbel-Cakes{ 
	background:url(../images/Title-Rumble-Cakes.gif) no-repeat top right; 
	height:11px;
	}
#RecipesList li img{ display:block; float:left;}

#Message{
	width:370px; 
	background:url(../images/Message-Bg.jpg) no-repeat; 
	float:left;
	margin:-15px 0 5px 70px;
	padding:25px 0 25px 10px;
	font-weight:bold;
	}
.Recipes #Message{
/*    margin: -61px 0 5px 70px;*/
    background: url("../images/MessageBg.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-top: 0;
    padding: 14px 0 25px 10px;
    width: 338px;
}
.Recipes .pages{
    float: left;
    margin-left: 55px;
    min-height: 375px;
    overflow: hidden;
    width: 630px;
}
.Recipes .pageNav {
    position: relative;
}
.Recipes .swControls {
       position: absolute;
    right: 0;
    top: 0;
}
.Recipes .swControls a{
    color: #3E3E3E;
    font-size: 13px;
    font-weight: bold;
    padding: 0 4px 0 3px;
}
.Recipes .swControls a.active{
background:url("../images/current-pagenum-bg.gif") no-repeat scroll 0 0 transparent;
}
.Recipes img.hr {
    float: left;
    margin: 0px 0 0 60px;
}
.Recipes ul.recipelist li{
    background: url("../images/RecipesThumbBG.png") no-repeat scroll 0 0 transparent;
    float: left;
    min-height: 150px;
    padding: 15px 5px 0 10px;
    position: relative;
    width: 180px;
}
.Recipes ul.recipelist li img.hook{
    left: 72px;
    position: absolute;
    top: -12px;
    z-index: 5;
    }
.Recipes ul.recipelist li p{
    font-weight: bold;
    margin: 5px 0 0;
    position: relative;
    right: 3px;
    text-align: center;
    }
.Recipes ul.recipelist li a 
{
        display: block;
    height: 81px;
    width: 160px;
}

  .Recipes h2
  {
  	    float: left;
    height: 40px;
  }
  .Recipes .oneRecipe {
    float: left;
    margin-left: 69px;
    width: 630px;
}

.Recipes .oneRecipe img.hr {
    margin: 0;
}

.Recipes .oneRecipe p.title {
    color: #573E3A;
    float: left;
    font-size: 13px;
    margin: 10px 0 5px 9px;
    padding: 0 0 0;
    width: 600px;
}
.Recipes .oneRecipe p.title .text {
    display: inline;
    float: none;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    top: 10px;
}
.Recipes .oneRecipe p.print span{
    cursor: pointer;
    display: block;
    float: right;
    font-size: 11px;
}
.Recipes .oneRecipe .back{
    font-size: 12px;
    font-weight: bold;
    margin: 7px;
}
.Recipes .oneRecipe .back a{
    margin-left: 3px;
    text-decoration: underline;
}
.Recipes .oneRecipe p.footnote{
    border-top: 1px dotted #ACAA9B;
    float: left;
    font-style: italic;
    padding-top: 5px;
    text-align: right;
    width: 608px;
}
.RecipeSearch h2
{
    margin: 20px 0pt 0pt 50px;
    
   }
/*Scoll Bar Content For Products*/	
.holder{
    background: url("../images/ProductFrame.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 8px 0 0 45px;
    min-height: 436px;
    padding: 10px 0 0;
    width: 635px;
	}	
.scroll-pane {
	height:430px;
	float:left;
	}
	
.ScrollContent{ 
	width:615px; 
	float:left; 
	margin:0 0 0 20px; 
	padding:0 0 10px 0;
	}
.ScrollContent p{ 
	float:left; 
	width:99%;
	margin:0 0 0 10px;
	}
.ScrollContent img{ display:block; float:left;}
.ScrollContent h3{ 
	background:url(../images/List-bullets.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	float:left; 
	width:100%;
	font-weight:bold;
	font-size:13px;
	margin:5px 0 5px 0;
	}

.ProductsRightSideContent{ float:left; width:435px;}
.ProductsRightSideContent ul{ float:left; width:90%; clear:both;}	
.ProductsRightSideContent ul li{
	display:block;
	float:left;
	width:99%;
	background:url(../images/List-bullets.gif) no-repeat 0 4px;
	padding:0 0 3px 15px;
	} 
.Default{ text-align:center;}
.Default img{ margin:5% auto 0 auto; float:none; padding-bottom:10px;}
.Default p{ 
	float:none; 
	width:420px; 
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
	}

/*Content For Careers*/
#HandLink{ 
	position:absolute;
	display:block;
	z-index:10;
	top:0;
	right:0;
	width:211px;
	height:105px;
	}
.Careersholder,
.GlobalHolder{
	width:690px;
	height: 436px;
	padding:10px 0 0 0;
	float:left;
	background: url(../images/CareerFrame.png) no-repeat;
	}	
#customerUpdates
{
    background: url("../images/horizontal-divider.png") no-repeat scroll 0 0 transparent;
    height: auto;
    padding-top: 15px;
}

#customerUpdates .GlobalContentScroll a
{
    color:#BD363C;    
}
#customerUpdates #FaqNav a
{
    color: #3E3E3E;
    font-weight: bold;
}
#goBack
{
    bottom: 5px;
    float: left;
    margin-bottom: 5px;
    position: relative;
}
#goBack a
{
	font-weight:bold;
}

		
.CareersContent,
.GlobalContentFaq,
.GlobalContentForm,
.GlobalContentScroll{
	float:left;
	width:680px;
	margin-left:15px;
	}
	
.ContentWrap{ float:left; width:720px; margin:0;}

.ContentWrap ul,
.CareersContent ul,
.GlobalContentForm ul,
.GlobalContentFaq  ul,
.GlobalContentScroll ul{ margin-left:15px;}

.CareersContent ul a,
.GlobalContentForm ul a{ float:left; display:block;}	

.ContentWrap h3,
.CareersContent h3,
.GlobalContentForm h3,
.GlobalContentScroll h3,
.GlobalContentFaq h3{
	color:#573E3D; 
	font-size:16px !important; 
	padding-bottom:10px !important;
	margin-left:-5px;
	}

.ContentWrap h3{ margin:0;}
	 
.ContentWrap h4,	
.SubSectionWrap h4,
.CareersContent h4,
.GlobalContentForm h4,
.GlobalContentScroll h4,
.GlobalContentFaq h4,
.SiteMap h4{ 
	font-size:13px; 
	font-weight:bold; 
	font-style:italic;
	padding:0 15px 5px 0;
	clear:left;
	color:#573E3D;
	}
.SiteMap h4{ padding:0;}
.SubSectionWrap h4{ clear:none;}	
#LeftSide h4 a,
.SubSectionWrap h4 a,	
.CareersContent h4 a,
.GlobalContentForm h4 a,
.GlobalContentScroll h4 a,
.GlobalContentFaq h4 a{ color:#573E3D;}	

#CareersNav,
#FaqNav{ width:100%; float:left; margin-left:15px;}

#CareersNav li,
#FaqNav li{ margin-right:15px; padding-bottom:5px; width:90%;}

.scroll-to-element{ 
	clear:both; 
	font-weight:bold; 
	display:block; 
	cursor:pointer;
	}
p .scroll-to-element{ padding-top:5px;}	

/*Career Stores*/
.CareersContentShell{ width:725px; float:left;}
.SubSectionWrap{float:left; width:100%;}
.SubSectionWrap div{ float:left; width:335px; padding-bottom:10px;}
.SubSectionWrap div h4{ border-bottom:1px dotted #ADAA9C; margin-bottom:5px;}
.LeftSideSpacing{ margin-right:25px;}
.LeftColWrap{width:190px !important; margin-right:10px;}
.RightColWrap{width:190px !important; margin-left:10px;}
.SubSectionWrap p{ padding:0 !important;}

#RecipesCourseList{
	float:left;
	width:700px;
	}
	
#RecipesCourseList li{ 
	display:block;
	float:left;
	width:287px;
	margin-left:53px;
	padding-top:5px;
	border-bottom:1px dotted #AFAEA5;
	}

#RecipesCourseList li img{ float:left; display:block; margin-left:5px}	
#RecipesCourseList li a{ 
	float:left; 
	display:block;
	width:130px;
	font-weight:bold;
	text-align:right;
	margin-top:15%;
	}
#RecipesCourseList li a img{
	float: none;
	display:inline;
	margin:0 5px 0 0;
	}
#RecipesCourseList li a.ProdImg{ width:auto; margin:0;}

/*Global Content*/
.GlobalContent{ float:left; width:700px;}
#SiteMapLeft{margin-left:20px;}
.SiteMap{ float:left; width:45%;}
.SiteMap li{display:block; clear:both;}
.SiteMap li ul{ margin:5px 0 0 15px; width:90%;}
.SiteMap li ul li{ width:100%;}
	
/*Contact Us Forms*/
.GlobalContentForm h4{ font-style: normal; clear:both;}
#LeftSideInnerContent .FormCopy{ width:90%;}
#LeftSide p.IntroCopy{ width:85%;}
.GlobalFormSet{ 
	float:left; 
	width:90%; 
	padding-bottom:10px; 
	margin:0 0 10px 15px;
	}

.GlobalFormSet li{
	display:block;
	float:left;
	width:100%;
	padding-bottom:5px;
	}

.GlobalFormSet li label{ 
	float:left; 
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:11px;
	}	
.GlobalFormSet li input,
.GlobalFormSet li select{ float:left; clear:none;}
.GlobalFormSet li label{ width:110px;}
.GlobalFormSet li input{ width:125px;}
.LongLabels li label{ width:170px;}
#txtEmailAddress{ width:200px;}
#txtComments{width:365px; height:50px;}
.BottomBorder{border-bottom:1px dotted #ABA89B;}

/*Remove this Once store gets updated*/
.GlobalFormSet li.ShortFields label{ width:40px;}
.GlobalFormSet li.ShortFields input{ width:70px; margin-right:15px;}
/*End Remove Section*/

/* Right Side */
#RightSideWrap{float:left; margin:5px 0 0 0;}

/*Right Side Width*/
.RightWidthA{width:319px;}
.RightWidthB{width:435px;}
.RightWidthC{width:318px;}
.RightWidthD{width:210px;}

#RightSideWrap #Bottom{ 
    display: block;
    float: left;
    left: 2px;
    position: relative;
    z-index: 2;
}
#RightSideWrap #Bottom2{ 
display: block;
float: left;
left: 0px;
position: relative;
    z-index: 2;
}
#RightSideWrap #BottomAbout{ 
    bottom: 30px;
    display: block;
    float: left;
    position: relative;
    right: 3px;
}
	
#RightSide{float:left; width:100%;}
.Home #RightSide {
	margin-left:1px;
}
/*Right Side Main BackGround Img*/
.BackGroundA{/*background: url(../images/Right-Side.png) 2px 0 repeat-y;*/
background: url("../images/rightsidebar-middle-bg.jpg") repeat-y scroll 2px 0 transparent;
padding-bottom: 15px;
}
/*
.BackGroundB{background:url(../images/Right-Side-Content-Bg-B.jpg) 0 0 repeat-y;}
.BackGroundC{background:url(../images/Right-Side-Content-Bg-C.png) 0 0 repeat-y;}/*
.BackGroundD{background:url(../images/Right-Side-Content-Bg-D.jpg) 0 0 repeat-y;}*/
.BackGroundD{background:url(../images/right-side-content-middle.gif) 0 0 repeat-y;}
.BackGroundE{background:url(../images/Right-Side-Content-Bg-E.png) 0 0 repeat-y;}

#RightSideContent{
	float:left;
	width:100%;
	padding:10px 0 0 14px;
	}
.Recipes #RightSideContent{
    padding: 5px 0 0 14px;
}
.Balloon{ padding-top:113px;}	

/*Right Side Background*/
.RightSideContentBgA{
/*	background:url(../images/Right-Side-Content-Bg.jpg) 2px 0 no-repeat;*/
background: url("../images/rightsidebar-top-bg.jpg") no-repeat scroll 2px 0 transparent;
}
.RightSideContentBgB
{
  /*  background: url(../images/Right-Side-Balloon-Bg.jpg) no-repeat;*/
      background: url("../images/Right-Side-Balloon-Bg.png") no-repeat -42px -2px;
    z-index: 3;
  }
  .RightSideContentBgC{background:url(../images/Right-Side-Content-Bg-C2.png) no-repeat; padding:40px 0;}	
/*.RightSideContentBgC{background:url(../images/Right-Side-Content-Bg-C.jpg) no-repeat; padding-top:40px;}	
.RightSideContentBgD{background:url(../images/Right-Side-Content-Top-Bg-D.jpg) no-repeat;}
.RightSideContentBgD{background:url(../images/right-side-content-top.gif) no-repeat;}*/

.RightWidthD .2{background:none;}

.SideBarCallOut{ float:left; width:100%;}	

.SideBarCallOut .flier{
    float: left;
    position: relative;
    right: 1px;	
}
.FlyerSide{
	background: url(../images/Btn-Sign-Up-Flyer.png) no-repeat; 
	height: 132px; 
	padding: 95px 0 0 25px;
	letter-spacing: -1px;
	}
.OnTheCounter .FlyerSide,
.ProductsGuides .FlyerSide{position: relative; left: -1px;}	
.FlyerSide p{
	display: block; 
	float: left; 
	width: 85px;
	}
.FlyerSide img{display: block; float:left; margin-left: 5px;}
.FlyerSide .SideBarBtn{margin: 15px 0 0 0;}	
.ImgIcon{ float:left;}
.ContentSet{ 
	float:left; 
	/*padding-bottom:15px;*/
	}
	
.SideBarCallOut .h4{ 
	 margin-left: 10px;
}
.SideBarCallOut #Product-List{
    float: left;
    margin-top: 7px;
    width: 285px;
}
.SideBarCallOut #Product-List li {
    display: block;
    float: left;
    font-size: 11px;
    margin-bottom: 12px;
    text-align: center;
    width: 67px;
}

.SideBarCallOut #Product-List li img {
    clear: both;
    display: block;
    margin: 0 auto 5px;
}

.SideBarCallOut #Ingredient-List{
    float: left;
    margin: 10px 0 20px 10px;
    width: 240px;
}
.SideBarCallOut #Ingredient-List p{
	margin-bottom:10px;
}
.SideBarCallOut #Ingredient-List li{
    background: url("../images/X-Icon.gif") no-repeat scroll 15px 5px transparent;
    display: block;
    float: left;
    padding-left: 30px;
    width: 100%;
}

#RecipeSearch{
    background: url("../images/FindRecipeBg.gif") no-repeat scroll -5px 0 transparent;
    height: 59px;
    padding: 36px 0 0 23px;
}
#RecipeSearch input{
    float: left;
    height: 16px;
    width: 165px;
}
#RecipeSearch a{
    color: #3E3E3E;
    display: block;
    float: left;
    font-weight: bold;
    margin-left: 5px;
    padding: 1px 24px 3px 10px;
    text-decoration: none;
}
.Recipes .RightSideContentBgA {
	background:none;
}
.RightWidthA .ContentSet{width:185px;}	
.RightWidthB .ContentSet{ width:95%; padding-left:30px;}

.LongSet{padding:0;}	
.ContentSet.FullWidth{width:100%}	

.ContentSet h4{
	text-indent:-200000px;
	float:left;
	width:100%;
	}

/*H4 Image Replacement*/
#Store{background:url(../images/Title-Store.gif) no-repeat; height:22px;}	 
#Yummy{background:url(../images/Title-Yummy-Recipes.gif) no-repeat; height:30px;}
#TJ{ background:url(../images/Title-TJ-Guides.gif) no-repeat; height:35px;}
#How-to-Trader{background:url(../images/Title-How-to-Trader.gif) no-repeat; height:31px;}
#ContactTraderJoes{background: url(../images/Title-Contact-Trader-Joes.gif) no-repeat; height:34px; margin-left:80px;}
#WhatsCooking{background:url(../images/Title-Whats-Cooking.gif) no-repeat; height:32px;}
#TopRecipes{background:url(../images/Title-Top-Recipes.gif) no-repeat; height:36px;}
#EatOrNotRecipe{ 
	background:url(../images/Title-Believe-Eat-or-Not-Recipe.gif) no-repeat; 
	height:17px; 
	padding-bottom:10px;
	width:239px;
	}
#SubWhatsCooking{ 
	background:url(../images/Sub-Title-Whats-Cooking.gif) no-repeat;
	 height:17px;
	 float:left;
	 width:135px;
	 }
#StoreListing{
	background:url(../images/Title-Store-Listings-Bg.gif) no-repeat; 
	width:217px;
	padding-top:5px;
	height:32px;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	margin-top:10px;
	text-align:center;
	}
#FearlessFlyer{ 
	background:url(../images/Title-Fearless-Flyer.gif) no-repeat 154px top; 
	height:33px; 
	padding-bottom:25px;
	float:right;
	}

#EatOrNot{ 
	/*background:url(../images/Eat-or-Not-Bg.jpg) no-repeat; */
    background: url("../images/EatOrNotBg.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 150px;
    padding: 40px 0 0 25px;
    position: relative;
    right: 2px;
    width: 295px;
	}

#EatOrNot p{ float:left; width:35%;}
#EatOrNot img{ float:left; display:block;}
#CourseHolder{ 
	margin:56px 0 0 55px; 
	float:left;
	width:95%;
	}
#CourseHolder img{ float:left; display:block; margin-left:10px;}
#RadioAds{ background:url(../images/Title-Tj-Radio-Ads.gif) no-repeat; height:24px; margin-bottom:10px;}
#CustomerUpdates{ background:url(../images/Title-Customer-Updates.gif) no-repeat; height:31px;}

.ContentSet p{ float:left; width:90%; padding:0 0 10px 0;}
.ContentSet h5{ font-size:11px; font-weight:bold; clear:both;}
.ContentSet img{ 
	display:block; 
	padding:10px 0;  
	clear:both;
	}	
.ContentSet .FlyerBullseye,
.ContentSet .FlyerTitle,
.ContentSet .TitleLocation{
	float: left; 
	padding: 0; 
	clear: none; 
	display: block;
	}
.ContentSet .FlyerBullseye{margin-right: 5px;}	
.ContentSet .FlyerTitle{margin-top: 15px;}
.ContentSet .TitleLocation{margin-top:15px; }
.FlyerLinkSettings {
	float: left; 
	display: block; 
	color:#BD353B; 
	text-decoration: none;
	margin: 3px 0 0 1px;
	}
.FlyerLinkSettings:hover{text-decoration: underline;}
#Zip-Code-Wrap{ 
	float:left; 
	width:100%;
	height:26px;
	padding:6px 0 0 8px;
	background:url(../images/Search-Bg.gif) no-repeat;
	}
#Zip-Code-Wrap input{ float:left;}
#Zip-Code-Wrap input#ZipLocation{ 
	width:125px; 
	margin:3px 0 0 0; 
	}
.Icon{ float:left; width:97%; padding:0 0 5px 0;}
.Icon li{
	display:block;
	float:left;
	width:95%;
	list-style:none;
	padding:0 0 3px 15px;
	}
	
.Arrow li{ background:url(../images/List-arrow.gif) no-repeat 0 2px;}
.Bullets li{ background:url(../images/List-bullets.gif) no-repeat 0 4px;}
.Offset{ margin:0 0 0 15px;}
.Offset li{ 
	border-bottom:1px dotted #AFADAA; 
	vertical-align:middle;
	padding:0;
	overflow:hidden;
	width:237px;
	height:53px;
	}
.Offset li.LeftCopy p{ 
	background:url(../images/List-arrow.gif) no-repeat 0 20px; 
	padding:19px 0 0 15px;
	}
.Offset li.RightCopy p{ 
	background:url(../images/List-arrow.gif) no-repeat 100px 20px; 
	padding:19px 0 0 120px;
	}	
.SideOn a{ color:#BD363C !important;}	

.CustomerHolder{
	width:370px;
	height:130px;
	margin:0;
	padding:0;
	float:left;
	}
.CustomerHolder .scroll-pane{
	height:150px; 
	width:370px; 
	float:left;
	overflow:hidden;
	}

/*Li Background Images Product Pages*/	
.JoesStyle{background:url(../images/Joes-Style-Bg.gif) no-repeat;}

.Offset .FoodAndWine{
	background:url(../images/Food-And-Wine-Bg.gif) no-repeat; 
	border:0;
	height:45px;
	}

.Radio 
{
    /*background:url(../images/Radio-Ads-Bg.jpg) no-repeat; padding:75px 0 0 0;
    */
        background: url("../images/Radio-Ads-Bg.png") no-repeat scroll 0 0 transparent;
    padding: 74px 0 35px;
    position: relative;
    right: 10px;
    top: -11px;
    }
.Radio p{ width:190px;}	
.Radio ul.Icon{ 
	width:180px; 
	clear:both; 
	margin-right: 20px;
	}
.Radio a.Btn{ margin-top:15px;}

.Phone 
{
        background: url("../images/Phone-Bg.png") no-repeat scroll 0 0 transparent;
    padding-top: 63px;
    position: relative;
    right: 4px;
    top: -17px;
    }
.Phone h5{
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#573E3D;
	padding:5px 0;
	}
#ContactCopy{ width:260px; float:right; margin:0 45px 0 0;}	
.EmailForm{ 
	float:left; 
	width:90%; 
	margin-bottom:10px;
	}
.DottedBorder{border-bottom:1px dotted #AFADAA; }	
.EmailForm li{ 
	float:left; 
	display:block; 
	width:90%;
	padding-bottom:5px;
	}
.SubmitBtn{ 
	background:url(../images/Btn-Submit.gif) no-repeat; 
	width:135px; 
	text-align:center;
	font-weight:bold;
	color:#FFF;
	height:25px;
	border:0;
	cursor:pointer;
	}	
.holderStore{
	width:300px;
	height: 450px;
	margin:0;
	padding:0;
	float:left;
	}	
.holderStore .scroll-pane{
	height:442px; 
	width:300px; 
	float:left;
	overflow:hidden;
	}
#DirectionsHolder{ width:270px; float:left; padding-left:5px;}
#StoreLocations{ width:270px; margin:10px 0 0 15px;}
#StoreLocations td{ vertical-align:top; padding:0 10px 10px 0;}
#StoreLocations div{ float:left;}
#StoreLocations td img{ padding:0;}
#StoreLocations span{
	background:url(../images/mapicons/Letter-Bg.gif) no-repeat;
	color:#FFF;
	display:block;
	width:22px;
	height:21px;
	padding:1px 0 0 0;
	text-align:center;
	} 
#StoreLocations h5{cursor:pointer;}	
#StoreLocations h5:hover{ text-decoration:underline;}

#StoreLocations h5,
#StoreLocations p{ width:100%; float:left; padding:0;}
#StoreLocations p a{ color:#BD363C;}

#BlockListOptions{ float:left;}
#BlockListOptions.WiderListSet{ padding-left:10px;}

#BlockListOptions li{ 
	display:block; 
	float:left; 
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:80%;
	border-bottom:1px dotted #AFADAA;
	padding:10px 0;
	}
#BlockListOptions.WiderListSet li { width:90%;}	
#BlockListOptions li.NoBorder{ border:0;}	
#BlockListOptions li a{ 
	color:#465A63; 
	font-weight:bold;
	}	
#BlockListOptions li img{ display:block; margin:0 auto; padding-bottom:5px;}

/*Mp3 Player*/
#jp-Holder{ 
	float:left; 
	width:auto; 
	position:absolute;
	visibility:hidden; 
	z-index:-99;
	}
#SelectedPdf{ float:left; width:95%;}
#SelectedPdf p{ margin:0; padding:0 !important;}
#NoRadioAd,
#NoFlyer,
#FlyerPdf{display:none;}

#NoFlyer,
#SetCookieFlyer{ width:90% !important; text-align:left;}

.NoAd{ 
	float:left;
	width:115px !important;
	text-align:center;
	padding:5px 0 !important;
	margin:10px 0 0 0;
	color:#BD363C;
	text-align:center;
	}
	
#jp{ float:left;}
.jp-single-player{ float:left;}
.jp-interface{ float:left; height:55px;}
.jp-controls{ float:left; padding:10px 0 0 0px; width: 190px;}
.jp-controls li{ 
	display:block;
	float:left;
	width:auto;
	margin-right:15px;
	text-indent:-500000px;
	}
li.jp-play {background: url("../images/jplayer.skin.jpg") 0 0 no-repeat;}
li.jp-play:hover {background: url("../images/jplayer.skin.jpg") -29px 0 no-repeat;}
li.jp-pause {background: url("../images/jplayer.skin.jpg") 0 -31px no-repeat;}
li.jp-pause:hover {background: url("../images/jplayer.skin.jpg") -29px -31px no-repeat;}
li.jp-play,
li.jp-pause{
	width:29px;
	height:30px;
	cursor: pointer;
	overflow:hidden;
	}

li.jp-stop{
	background: url("../images/jplayer.skin.jpg") 0 -62px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
	}	
li.jp-stop:hover {background: url("../images/jplayer.skin.jpg") -29px -62px no-repeat;}	
div.jp-progress {
	position:absolute;
	overflow:hidden;
	bottom:0;
	left:0;
	background-color: #ddd;
	width:122px;
	height:7px;
}
div.jp-single-player div.jp-progress { 
	width:95%; 
	/*background: url("../images/jp-progress-bg.png") no-repeat;*/
	}
div.jp-playlist-player div.jp-progress { float:left;}
div.jp-load-bar {
	background:#e2d3be;
	width:0px;
	height:7px;
	cursor: pointer;
	}
div.jp-play-bar {
	background:#58534f;
	width:0px;
	height:7px;
	}

/****=FullBlock
---------------------------------------------*/	
#FullBlock{
    float: left;
    margin-top: 20px;
    padding-left: 60px;
    width: 100%;
	}	
#FullBlock.FoodCourses{ 
	background:url(../images/Food-Courses.png) no-repeat 0 5px; 
	min-height:151px;
	padding-left:25px;
	margin:10px 0 0 30px;
	}
.CoursesListing{ 
	width:176px; 
	margin-right:9px; 
	float:left;
	}
.CoursesListing h5{ 
	font-size:13px; 
	font-weight:bold; 
	font-style:italic;
	color:#573E3D;
	}	
#FullBlock .CoursesListing h5{ text-align:left; margin-left:5px;}
.CoursesListing h5 a{color:#573E3D;}
.CoursesListingLinks{
	display:block;
	width:180px;
	height:120px;
	}
h5#TraderJoesProductList{ 
	background:url(../images/Title-Trader-Joes-Handy-Product.gif) no-repeat; 
	width:625px !important; 
	height:52px;
	margin:0 0 3px 0;
	text-indent:-2000000px;
	}
#FullBlock h5{ 
	width:95%; 
	text-align:center; 
	font-weight:bold; 
	font-style:italic; 
	font-size:13px;
	}	
#FullBlock h6{ 
	font-size:11px; 
	font-weight:bold; 
	font-style:italic;
	color:#573E3D;
	}	
#ProductList{float:left; width:600px; margin:20px 0 0 30px;}
#ProductList li{ 
	display: block; 
	float:left; 
	text-align:center;
	width:75px;
	margin-right: 5px;
	}
#ProductList li img{ 
	display:block; 
	clear:both; 
	margin:0 auto 5px auto;
	}

#IngredientsList{ 
	float:left;
	margin:10px 0 0 20px;
	width:600px;
	background:url(../images/products-bottom-bg.gif) no-repeat 0 5px; 
	}	
#IngredientsList li{ 
	display:block; 
	float:left;
	/*width:100%;*/
	background: url(../images/X-Icon.gif) no-repeat 15px 5px;
	padding:0 0 10px 30px;
	}
#IngredientsList li.TagLine{
	 background:none;
	 padding:0; 
	 text-align: center; 
	 margin:0 0 10px 13px;
	 width: 100%;
	 }
#IngredientsList li.LeftSideList{
	margin-left: 65px;
	width: 270px;
}
/****=Footer
---------------------------------------------*/
#Footer{
/*	width:996px;
	background:url(../images/Footer-Bg.png) no-repeat right bottom;
	position:absolute;
	bottom:4px;
	right:50px;
	height:40px;
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#6d6d6d;
	font-weight:normal;
	removed 1/24 NK */
	    color: #6D6D6D;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-weight: normal;
    height: 40px;
    padding-top: 10px;
    right: 50px;
    width: 996px;
	background: url("../images/new-bg-footer2.png") no-repeat scroll right bottom transparent;
    bottom: -50px;
    left: 1px;
    position: absolute;
	
	}
	
#Footer ul{ float:left; margin:0 0 0 47px;}
#Footer ul li{
	display:block;
	float:left;
	list-style:none;
	color:#adac9f;
	margin:0 5px 0 0;
	}
	
#Footer ul li a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#6d6d6d;
	padding:0 5px 0 0;
	}	
	
#Footer #CopyRight{ 
    bottom: 5px;
    float: right;
    margin-right: 40px;
    position: relative;
    z-index: 5;
}
#Footer #footerimg{	
    bottom: 6px;
    position: absolute;
    right: 9px;
}

/****=Pop up
---------------------------------------------*/
#PopUp{ background:none #F7F5E2; overflow-x:hidden; padding:0;}

#PopUpWrap{
	background:url(../images/PopUp-Bg.jpg) no-repeat; 
	padding:55px 0 0 25px;
	margin:0 auto;
	width:450px;
	min-height:245px;
	text-align:left;
	}	
#PopUp h1{ 
	font-size:16px; 
	font-weight:bold; 
	font-style:italic;
	color:#573E3C;
	padding-bottom:5px;
	}
#PopUp  ul{ 
	float:left; 
	width:95%; 
	margin-left:15px;
	}	

/* new styles for lists */
.ProductsGuides h2{
     float: left;
    height: 45px;
    margin: 19px 0 17px 46px;
	/*
    margin: 20px 0 0 55px;*/
}
.ProductsGuides ul{
	margin-bottom:20px;
}
.ProductsGuides ul#MainNav{
	margin-bottom:0px;
}
.ProductsGuides h2 img#coffee{
     bottom: 15px;
    left: 10px;
    position: relative;
}
ul #pages{ 
	width:600px;
	overflow::hidden;
}
.Products .holder{
	overflow:hidden;
	background: url("../images/horizontal-divider.png") no-repeat scroll 0 0 transparent;
}

ul.duo-col{
	margin-bottom:10px;
	float:left;
	width: 300px;
}
ul.duo-col li{
    float: left;
    list-style: none outside none;
    padding-right: 10px;
    width: 285px;
	position:relative;
}
ul.duo-col li img.new{

    left: 4px;
    position: relative;
    top: 2px;
	/* if icon is on left of element, use:	
	left: -30px;
    position: absolute;
    top: 3px;
	*/
}
p.subheading{
    color: #3E3E3E;
    float: left;
    font-weight: bold;
    width: 600px;
}
ul.dots li{
	list-style-image:url("/images/lists-bullet.gif");
	margin: 5px 0 0 40px;
}
.Products ol{
	margin:0 0 20px 20px;
}
.Products ol li{
    float: left;
    list-style: decimal outside none;
    margin-bottom: 5px;
    padding: 0 0 6px;
    width: 600px;
}
dt{
	padding:20px;
	float:left;
}
#coda-nav-1{
    position: absolute;
    right: 33px;
    width: auto !important;
}
.Recipes #coda-nav-1
{
top: 240px;    
}
.RecipeSearch #coda-nav-1
{
top: 95px;    
}
#coda-nav-1 ul{

    width: auto !important;
}
#coda-nav-1 li{
    float:left;
    width:20px;
}

.Lunch #coda-nav-1 ul
{
    position: relative;
    top: 30px;    
}

.pagenav{
    bottom: 1px;
    position: absolute;
    right: 65px;
}
.pagenav a,
#coda-nav-1 a{
	    color: #3E3E3E;
    font-size: 13px;
    font-weight: bold;
    padding: 0 4px 0 3px;
}
.pagenav a.current,
#coda-nav-1 a.current{
	    background: url("../images/current-pagenum-bg.gif") no-repeat scroll 0 0 transparent;
}

p.desc{
margin-bottom: 15px;
}
p.highlight{
    background-color: #E3E1C9;
    color: #81786E;
    padding: 7px 10px;
}
p.highlight a{
	color:#D12027;
}
p.asterisk{
	float:left;
	margin-bottom:10px;
	width:580px;
}
p.printme
{
    width: 110px;
    }
p.printme span{
	cursor:pointer;
}
p.printme img{
	    margin-right: 3px;
    position: relative;
    top: 5px;

}
p.category{
    border-bottom: 1px dotted #ACAA9B;
    color: #573E3A;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0 0 6px;
    width: 619px;
	
}
p.category2{
    color: #573E3A;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 70px;
    padding: 0 0 6px;
    width: 600px;
	
}
p.subhead{
	font-weight:bold;
	padding-bottom:5px;
	color:#3E3E3E;
}
p.regular{
	margin-bottom:20px;	
	float:left;
	width:605px;
}

p.subhead2{
	font-weight:bold;
	color:#3E3E3E;
	width:325px;
	float:left;
}
p.regular2{
	float:left;
	width:325px;
	margin-bottom:10px;
		border-bottom:1px dotted #ACAA9B;
		padding-bottom:10px;
}
p.subhead3{
	font-weight:bold;
	color:#3E3E3E;
	width:590px;
	float:left;
}
p.regular3{
	float:left;
	width:590px;
	margin-bottom:10px;
		border-bottom:1px dotted #ACAA9B;
		padding-bottom:10px;
}
p.regular-small{
	margin-bottom:10px;	
}
p.intro{
    font-family: Georgia1,Georgia,serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top:5px;
}
img.hr{
	    float: left;
    margin: 22px 0;
}
.next{
	float:left;
    margin: 15px 0;
	width: 600px;
}

.rightImage{
	float:right;
	margin:5px 15px 15px 20px;
}
.imageonleft
{
    float: left;
    margin: 0 65px 0 0;
 }
 .textonright
{

    width:350px;   
 }
/*
.Products  #bottompages {
    bottom: 20px;
    position: absolute;
    right: 70px;
}
*/
.Counter .holder{
	background: none;
	margin: 0 0 0 45px;
}
.OnTheCounter h2{
    float: left;
    height: 25px;
    margin: 20px 0 0 35px;
}
.OnTheCounter h3{
    margin: 50px 0 0 35px;
    text-align: center;
    width: 600px;

}
.OnTheCounter ul.threeoptions{
    float: left;
    font-style: italic;
    font-weight: bold;
    padding-left: 227px;
    width: 370px;
	
}
.OnTheCounter ul.threeoptions li{
    float: left;
    height: 23px;
    list-style: none outside none;
    padding: 6px 0 0;
    text-align: center;
    width: 70px;
}
.OnTheCounter ul.threeoptions li.active{
	background:url(../images/on-the-counter-select.png) top left no-repeat scroll;
}
.OnTheCounter ul.threeoptions li.active a{
	color: #BD363C;
}
.OnTheCounter ul.threeoptions li.active a{
	color: #BD363C;
}
.OnTheCounter p.centersub{
     border-bottom: 1px dotted #ACAA9B;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0 5px 30px;
    text-align: center;
    width: 592px;
	}

.OnTheCounter ul.bottlelist{
    float: left;
    margin: 25px 0 0 42px;
    width: 400px;
	}
.OnTheCounter .counter-image{
	float:left;
	margin: 15px 0 0 50px;
}
.OnTheCounter .counter-image2{
    bottom: 10px;
    float: right;
    position: relative;
    right: 35px;
}
.OnTheCounter .suggestion{
    background: url("../images/suggestions-border.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 160px;
    padding: 25px;
    width: 165px;
}

.OnTheCounter .suggestion strong{
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}

.OnTheCounter .RightSideContentBgA
{
 padding: 30px 0 0 14px !important;   
}
.Counter .holder{
	background: none;
	margin: 0 0 0 45px;
}


.pairing .holder{
	background: url("../images/horizontal-divider.png") no-repeat scroll 0 0 transparent;
}
.pairing .swControls
{
        right: 65px;
    top: 145px;
   }
.pairing h2{
    height: 45px;
    margin: 19px 0 20px 55px;
}

.pairingtable{
    margin-left: 20px;
    margin-top: 1px;
}
.pairingtable td{
	text-align:center;
	vertical-align:middle;
}
.pairingtable td.first{
	text-align:left;
	padding-left:8px;
}
.pairingtable td.left{
	border-left:1px solid #000;
}
.pairingtable .regular td{
	width:80px;
	height:75px;
}
.pairingtable .redwhite td{
	background-color:#E4E0CD;
	height:32px;
}
.pairingtable .redwhite td.first{
	text-transform:uppercase;
	font-weight:bold;
}
.pairingtable .foods td{
	height:52px;
}
.pairingtable .regular td,
.pairingtable .redwhite td,
.pairingtable .foods td{
	border-top:1px solid #000;
	border-left:1px solid #000;
}
.pairingtable .bottom td{
	border-bottom:1px solid #000;
}
.pairingtable td.lastchild{
	border-right:1px solid #000;
}

.pairingtable tr > td:last-child{ /*only css3*/
	border-right:1px solid #000;
}
.pairingtable td.right,
.pairingtable .regular td.right{
	border-left:2px solid #000;
}
.pairingtable .top td{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    font-style: italic;
    text-align: center;
	height:30px;
}
.pairingtable .foods td.first{
	    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    font-style: italic;
}
.pairingtable .top td{
	
}

.top20{
	margin-top:20px;
}

.table2{
/*	margin:50px 0 50px 20px;
*/
}



.Beers h2{
    background: url("../images/horizontal-divider.png") no-repeat scroll left 53px transparent;
    height: 154px;
    position: relative;
}
p.short{
	width:460px;
}
.beerimage1{
    bottom: 45px;
    float: right;
    position: relative;
}
.Beers .holder{
	background: none;
	margin: 0 0 0 45px;
}
.Beers ul.dots{
    float: left;
    margin-right: 15px;
    width: 475px;
}
.beerguide tr.heading{
    height: 35px;
}
.beerguide tr.heading td{
	text-align:center;
	font-weight:bold;
}
.beerguide tr{
	    background: url("../images/beertabledivider.png") repeat-x scroll left bottom transparent; 
}

.beerguide tr td{
    border-right: 1px solid #D2CFBE;
    padding: 10px;
    vertical-align: top;
}

.beerguide tr.regular{
    min-height: 170px;
}


.beerguide tr td.firstchild{
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 110px;
}

.beerguide tr td.lastchild{
	    border-right:none;
}
.beerguide tr td p{
	margin-bottom:5px;
}
.Beers .swControls {
    position: absolute;
    right: 75px;
    top: 235px;
}
.Beers .printme{
	    border-bottom: 1px dotted #ACAA9B;
    cursor: pointer;
    padding-bottom: 10px;
    width: 600px;
}

.Wines h2{
    background: url("../images/horizontal-divider.png") no-repeat scroll left 53px transparent;
    height: 154px;
    position: relative;
}
.Wines .holder {
    background: none repeat scroll 0 0 transparent;
    margin: 0 0 0 45px;
}
.Wines .printme {
    border-bottom: 1px dotted #ACAA9B;
    margin-bottom: 11px;
    padding-bottom: 10px;
    width: 600px;
}
ul.wine-nav{
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-style: italic;
	font-weight:bold;
}
ul.wine-nav li{
    float: left;
    height: 32px;
    list-style: none outside none;
    padding-bottom: 5px;
    text-align: center;
    width: 155px;
	cursor:pointer;
}
ul.wine-nav li.active{
    background: url("../images/selected-wine-bg.gif") no-repeat scroll 35px 7px transparent;
    color: #BD363C;
}
p.middle{
	text-align: center;
}
.Wines p.subhead {
    float: left;
    padding-bottom: 2px;
    width: 600px;
}
.Wines p.regular {
    float: left;
        width: auto;
}
.Wines .wineImage1{
	float:right;
}
.Wines .leftofimage{
	float:left;
    width: 375px;
}
.Wines .leftofimage2 {
    float: left;
    width: 430px;
}
ul.cheese{
	margin-bottom:20px;
}
.basicTable
{
    margin: 15px auto;
}
.basicTableLeft{
    margin: 15px auto;
    width: 600px;
}
.basicTable td{
    border: 1px solid #ACAA9B;
    padding: 3px 8px;
    text-align: center;
    vertical-align:top;
}
.basicTableLeft td{
    border: 1px solid #ACAA9B;
    padding: 3px 8px;
    width: 19%;
}
.basicTableLeft th{
    border: 1px solid #ACAA9B;
    padding: 3px 8px;
    font-weight:bold;
    background-color: #DEDDCD;
}
.Guides p.regular{
float:none;
}
ul.symbols
{
    float:left;    
}
ul.symbols li
{
    display: block;
    float: left;
    height: 199px;
    margin-top: 10px;
    width: 295px;
}
.TableLabels tr
{
 background: url("../images/horizontal-divider.png") no-repeat scroll left top transparent;  
}
.TableLabels td
{
    padding: 13px 10px;
    text-align: center;
    vertical-align:middle;
}
#tjs .TableLabels td
{
 text-align:left;   
   }
img.nutrition
{
    float: left;
    margin-right: 15px;  
    margin-bottom:20px;  
}

.right-nutrition
{
    float: right;
    margin-right: 15px;
    width: 325px;
   }
   
   /*pagination*/
   
.coda-slider, .coda-slider .panel { width: 635px } 
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; position:relative; top: 12px;}
.coda-slider .panel-container { position: relative }
.coda-slider h2.title{display:none;}


.valign{vertical-align:top;}

.Timeline .holder{
	background: none;
	width: 700px;
}

.Timeline .holder .content li
{
margin-bottom: 15px;
}
.Timeline .holder .content li
{
    float: left;
    margin-right: 32px;
    width: 200px;
    
}

.Timeline .holder .content .date
{
    background: url("../images/timeline-date-bg.png") no-repeat scroll -17px top transparent;
    font-family: Georgia1,Georgia,serif;
    font-size: 17px;
    padding: 5px 0;
}


.Timeline h2{
      float: left;
    margin: 35px 0 0px 50px;
    width: 635px;
}


.Timeline h3{
}

.Timeline .expander,
.Timeline .minimizer
{
    cursor:pointer;
}

.Timeline .year .minimizer
{
    display:none;
}
.Timeline .force-return{
 min-height: 200px;
}

.coda-nav-right,
.coda-nav-left
{
    display:none;    
}

.Kosher table
{
    margin:0;
    width:100%;   
}
.Kosher table tr td
{
    width:48%;   
}

div.narrow 
{
    width:400px;
    float:left;
}

div.narrow p.regular
{
    width:395px;
}

div.narrow p.subhead
{
    width:395px;
}

div.narrow2 
{
    width:320px;
    float:left;
}

div.narrow2 p.regular
{
    width:345px;
}

div.narrow2 p.subhead
{
    width:345px;
}