@charset "UTF-8";
/* ********************************************************************
	* Description.......: Potbelly Our Food styles version 0.1
	* Created by........: Adriano Pezzella - Euro
	* Created date......: 06-04-2008
	* Modified by.......: Adriano Pezzella
	* Modified date.....: 07-24-2008
******************************************************************** */

/* =layout containers
============================== */
/*----  Backgrounds Styles  ----*/
body { background: #362616 url(../img/background_20.jpg) center top no-repeat; }


/*----  TALK TO US Section Styles  ----*/
.contentWrap { width:990px; z-index:1; position:absolute; margin-top:160px; }
.contentTop {
	display:block; width:990px; height:64px;
	background: url(../img/contentTop_20.gif) center top no-repeat;
}
.contentMiddle { 
	float: left; 
	position: relative;
	display:block; 
	width: 870px;
	margin:0; padding:0 60px;
	background:  url(../img/contentMiddle_20.gif) 0 0 repeat-y; 
}
.contentBottom { clear: both;
	display:block; width:990px; height:71px;
	background: url(../img/contentBottom_20.gif) center top no-repeat;
}
.contentMiddleBody { float: left; background: url(../img/contentBody_20.jpg) 0 0 no-repeat; padding: 25px 0; }

.subNav ul 	{ border-bottom: 1px solid #a29b96; }

.contentWrap .content	{ width: 860px; margin: 0 0 0 12px; }
.food .inside { margin-right: 12px; }


/* =content
============================== */ 
.food .sidebar { float: left; width: 188px; height: 430px; margin-left: -1px; padding: 60px 0 0 2px; background: url(../img/bg_sidebar_decor02.png) top right no-repeat;  }
.contentBody .nutri .sidebar { height: 620px; }

.food .sidebar ul { list-style: none; margin: 0; }
.food .sidebar li { margin: 0 0 12px 0; }

.food .sidebar ul.pdfs { margin-top: 250px; } 
.food .sidebar ul.pdfs li { background: url(../img/bg_hline.gif) 0 100% repeat-x; width: 95%; margin-bottom: 8px; padding: 0 0 8px; }
.food .colA { float: left; position:relative; top: -22px; width: 300px; margin-right: 16px; padding-left: 20px; }
.food .colB { float: left; position:relative; top: -22px; width: auto; }

.box2 .col02 h1 { margin-bottom: 0; }
.box2 .col02 h2 { margin-top: 0; }

.bowlSalad { width: 750px; margin: 40px 0 0 20px; }
.bowlSalad .panel { text-indent: -9999em; width: 182px; height: 71px; display: block; overflow: auto; background:url(../img/hdr_bowl_salad.png) 0 0 no-repeat; }
.bowlSalad .salad { float: right; margin-top: -60px; }

.soupChili { width: 800px; margin: 40px 0 20px; }
.soupChili .panel { text-indent: -9999em; width: 182px; height: 71px; display: block; overflow: auto; background:url(../img/hdr_soup_chili.png) 0 0 no-repeat; }


.ordering .main { position: relative; width: 440px; }
.ordering h3.sIFR-replaced { margin-bottom: 30px; }
.ordering .imgOrderOnline { position: absolute; right: -29px; }

.giftCard .main { position: relative; width: 360px; }

/*Org gift card position*/
/*.giftCard .imgGiftCard { position: absolute; right: -10px; }*/

/*Holiday 09 img position*/
.giftCard .imgGiftCard { position: absolute; right: 20px; }



/* =tir
============================== */ 
.tir h3 { 
	text-indent: -9999em;   
	height: 23px; 
	display: block; 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	overflow: hidden; }
.tir h3 { cursor: pointer; }
a:hover.tir h3 { background-position: 0 100%; text-decoration: underline;  }

/* header buttons */
.tir h3 { width: 140px; }
.tir h3.orderOnline 	{ background-image: url(../img/hto_orderOnline.gif); }
.tir h3.faxPhoneOrder 		{ background-image: url(../img/tir_phoneOrFax.gif); }
.tir h3.visitStore 		{ background-image: url(../img/tir_visitAstore.gif); }



/* =Nutritional Calculator 
================================================================================= */ 
#nutri_header p {
	color:#8D1419; font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height:14px; margin: 0px;
	padding:45px 50px 10px 175px;
}


/* ---------- Nutri Accordian Menu Styles ---------- */
#accMenu { overflow:hidden; }
#nutri_nav { margin:0 12px 0 0; padding:0; width:220px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden; }

.nutri_menuButton { background: #5b6958; overflow:hidden; margin-bottom: 3px; text-decoration:none;}
.nutri_menuButton a:link, .nutri_menuButton a:visited { display:block; color:#fff; width:220px; height:20px; font-weight: bold; padding:7px 0px 0px 10px;  text-decoration:none;}
.nutri_menuButton a:hover { background: #4b5848; text-decoration:none; }

.nutri_menuButton_selected { background: #933c2e; color: #fff; font-weight:bold; text-decoration:none; overflow:hidden; }
.nutri_menuButton_selected a:link, .nutri_menuButton_selected a:visited  { display:block; color:#fff; width:220px; height:20px; padding:7px 0px 0px 10px; text-decoration:none;}
.nutri_menuButton_selected a:hover { text-decoration:none; }

.nutri_menuItems ul {  color:#000000; font-size:11px; list-style:none; margin:5px 0 10px 0; padding:0; font-weight:normal; }
.nutri_menuItems ul li { display: block; background:none; margin: 0; padding:3px 0 0 16px; width: 200px; }
.nutri_menuItems ul li a:link, 
.nutri_menuItems ul li a:visited { color:#696969; font-size:1.1em; font-weight: bold; text-decoration: none;  }
.nutri_menuItems ul li a:hover { color: #933c2e; }
.nutri_menuItems ul li a:link.nutri_itemSelected, 
.nutri_menuItems ul li a:visited.nutri_itemSelected { 
	position:relative;
	left: -16px;
	zoom:1; 
	display: block; 
	padding: 0 0 0 38px; 
	background: url(../img/pointer.gif) 0 0 no-repeat; 
	font-weight: bold; 
	color: #933c2e; 
	 }

.nutri_nav .last { margin-bottom: 0; }
.stuff { margin-top: 20px; }




/* ---------- Product Description Styles ---------- */	
#productDesc { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; }
#productDesc h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; margin:0px; padding:0px; padding:5px 0 3px 0; }
#productDesc p { margin:0px; padding:0px; }
#productDesc ul { list-style:none; margin:0px; padding:0px; padding-top:10px; }
#productDesc li {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #9e3f2f;
	padding:12px 12px 12px 35px; margin:0px; border:1px solid #c07361;
	list-style:none; background: #f7e6c6 url(../img/nutri_hand_image.gif) 10px center no-repeat;
}


/* ----------  Nutrition Info Styles ---------- */	
#nutritionInfoWrap { min-height:405px; width: 215px; border: #040404 solid 1px; background: url(../img/nutri_labelBkgnd1.jpg) #d3caba top left repeat-x; margin:20px 12px 20px 0; padding:0; }

.nutri_menu { background-color: #fffde1; }
.nutri_menuItems { background-color: #fffde1; }
#nutritionInfo {
	display:block;
	min-height:391px; 
	border: #040404 solid 1px; background: url(../img/nutri_labelBkgnd1.jpg) #d3caba top left repeat-x; 
	margin:5px; padding:0px; text-align:left;
	font-family:Arial, Helvetica, sans-serif; font-size: 10px;
}
#nutritionInfoHead {
	display:block; margin:0px; padding:0px;
	width:203px; height:37px; 
	background: url(../img/nutri_labelHead.jpg) top left;
}
#nutritionInfoHead p { position: absolute; left: -9000px; } /* hidden */

/* .loadingAnim { display:none; width:203px; height:37px; } */

#nutri_serving { padding:5px; border-bottom: #7C796D 3px solid; }
#nutri_amount { padding:5px; border-bottom: #7C796D 1px solid; }
#nutri_cal { padding:5px; border-bottom: #7C796D 3px solid; }
#nutri_dailyValue { padding:5px; border-bottom: #7C796D 1px solid; text-align:right; }
#nutri_values { padding:5px; border-bottom: #7C796D 1px solid; text-align:right; width:193px; }
.left { clear:both; float:left; text-align:left; }
.mid { width:35px; float:right; text-align:right; padding-right:10px; }
.right { width:35px; float:right; text-align:right; }
.leftIndent { clear:both; float:left; text-align:left; margin-left:8px; }
.noBkgnd { clear:both; height:11px; padding:2px; }
.addBkgnd { clear:both; background-color:#D6CFB9; height:11px; padding:2px; }
#nutri_vitMin { padding:5px; border-bottom: #7C796D 1px solid; }
#nutri_disclaimer { padding:5px; font-size:9px; }
.vitMinCol1 { float:left; text-align:left; width:60px; }
.vitMinCol2 { float:left; text-align:right; width:25px; }
.vitMinCol3 { float:right; text-align:right; width:25px; padding-left: 10px; }
.vitMinCol4 { float:right; text-align:right; width:60px; }


/* ----------  Extras Styles ---------- */	
#nutri_extras {
	margin-top:20px; padding-top:40px; padding-left:10px; text-align:left;
	min-height:409px;
	background: url(nutri_extrasBkgnd.jpg) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#000000;
}
.nutri_extrasHead { position: absolute; left: -9000px; } /* hidden */
.nutri_groupHead { font-size: 12px; color:#9D121E; font-weight:bold; margin-bottom:10px; }

.nutri_extrasLabel { line-height:14px; vertical-align: middle}
.nutri_extrasLabel img { position:relative; top: 3px; }
#nutri_extras img { margin-bottom:-4px; }
.nutri_footer {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	margin:0px;
	padding: 20px 30px 0 20px;
	text-align:left;
}


/* =misc
============================== */
.contentWrap hr { border-color: #fff transparent #aba8a4 transparent; }
.food hr 	{ border-color: #fff transparent #aba8a4 transparent; width: 98%; }


/* =Curved Box
============================== */
.food .cbox { position: relative; width: 670px; }
.food .cboxT { background-image: url(../img/box2_top.png); }
.food .cboxM { background-image: url(../img/box2_middle.png); _background-image: url(../img/box2_middle.gif); }
.food .cboxB { background-image: url(../img/box2_bottom.png); } 

/* inner content */
.food .cboxM .col01 { float:left; position: relative; z-index: 20; width: 200px; padding-top: 40px; }

.food .cboxM .col02 { float:left; position: relative; z-index: 100; width: 435px; }
.food .cboxM .col02 h1 em,
.food .cboxM .col02 p em { color: #933c2e; }
.food .cboxM .col02 .shiftL01 { position: relative; z-index: 100; left: -100px; }
.food .cboxM .col02 .shiftL02 { position: relative; z-index: 100; left: -50px; }
.food .cboxM .col02 .shiftL03 { position: relative; z-index: 100; left: -30px; }



/* =Accordion
============================== */

.accordion  { width: 540px; }
.accordion .panel { 
	position: relative; 
	zoom: 1; 
	overflow: hidden; 
	width: 550px; 
	padding: 0; 
	background: #fffde1 none;
	 }

.accordion a {
	display:block;
	width: 100%;
	margin-top: 0;
	padding:5px;
	border-bottom: 3px solid #fff;
	background: #5b6958 url() 0 0 repeat-x;
	font: bold italic 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
	color: #fff;
	text-decoration: none;
	cursor:pointer;
}
.accordion a.last { border-bottom: none; } 
.accordion a:hover { background: #515f4d url() 0 0 repeat-x; }
.accordion a.selected { background: #933c2e url() 0 0 repeat-x; color: #fff; cursor: default; }
.accordion p { position:absolute; top:-9000px; left:-9000px; }



/* =Clearing Fixes
============================== */
.contentWrap:after,
.contentMiddle:after,
.cboxM:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }

.contentWrap,
.contentMiddle,
.cboxM
	{ display: inline-block; }
	
/* Hides from IE-mac \*/
* html .contentWrap,
* html .contentMiddle,
* html .cboxM
	{ height: 1%; }

.contentWrap,
.contentMiddle,
.cboxM
	{ display: block; }
/* End hide from IE-mac */



/* PNG Fix */
.food .sidebar, .sidebar img, .colA img, .colB img, .panel, .imgOrderOnline
	{ behavior: url("../js/iepngfix.htc") }

.nutriJump { 
	display: block;
	margin: 0;
	padding: 0;
	}
.nutriJump a { 
	float: right;
	margin: 0;
	padding: 0 10px 5px 25px;
	background:	url(../img/btn_go_down.gif) 0 0 no-repeat;
	text-decoration: underline;
}