@charset "UTF-8";
/* ********************************************************************
	* Description.......: Potbelly Our Stores 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: #472e19 url(../img/background_30.jpg) center top no-repeat; }


/*----  OUR STORES Section Styles  ----*/
.contentWrap { width:990px; z-index:1; position:absolute; margin-top:170px; }
.contentWrap .contentTop {
	display:block; width:986px; height:59px;
	background: #261106 url(../img/contentTop_30.jpg) center top no-repeat;
}
.contentWrap .contentMiddle {
	display:block; width:980px;
	margin-left: 2px;
	padding: 25px 0;
	background: #f1cda2 url(../img/contentMiddle_30.jpg) center top no-repeat;
}
.contentWrap .contentBottom {
	display:block; width:986px; height:67px;
	background: #261106 url(../img/contentBottom_30.jpg) center top no-repeat;
}
.subNav ul 	{ border-bottom: 1px solid #b48b6c; }

div.slResults, 
div.slResults .slContent, 
div.slMain, 
.slrBody .sidebar { float: left; position: relative; }

* html div.slResults,
* html div.slMain, 
* html .slrBody .sidebar, 
* html div.sidebar2,
* html .slResultsSidebar { position: relative; zoom: 1; display: inline; }

.slResults .slContent	{ width: 560px; margin: 0 14px 0 0; _display: inline; }
.slrBody .sidebar 	{ width: 147px; margin-left: 12px; background: #f6dbbc url(../img/bg_sidebar.gif) repeat; }
.slResultsSidebar 	{ float: right; width: 220px; margin-right: 12px; }

.slResults { width: 806px; margin: 0 0 0 14px; }

.slDetails	{ float: left; position: relative; width: 632px; margin: 0 14px; _display: inline; }
.detailsSidebar 	{ float: right; _display: inline; width: 268px; margin-right: 12px; padding: 6px 18px 12px; background: #f8d8b3; }

h1	{ margin: 0 0 12px 16px; }
h1.tir { 
	text-indent: -9999em; 
	width: 410px;
	height: 30px; 
	display: block; 
	background: url(../img/tir_searchResults.gif) 0 0 no-repeat; }

h1.res { 
	margin: 0 0 12px 0; 
	text-indent: -9999em; 
	width: 410px;
	height: 30px; 
	display: block; 
	background: url(../img/tir_searchResults.gif) 0 0 no-repeat;
}



/* =content
============================== */
.subNav { width: 950px; }
.stores { 
	position: relative; 
	width: 960px; 
	min-height: 510px;
	height:auto !important;
	height:510px;	
	margin: 0 0 0 16px; 
	}
.stores .main { width: 645px; position: relative; zoom: 1; }
.stores .more { width: 465px; position: relative; zoom: 1; }

.stores .ourMusicians { position: absolute; top: -180px; right: 0; width: 350px; height: 180px; background: url(../img/bg_music_sheet.gif) bottom right no-repeat; }


.stores2 { 
	position: relative; 
	width: 960px; 
	min-height: 510px;
	height:auto !important;
	height:510px;	
	margin: 0 0 0 16px; 
	}
.stores2 .main { width: 645px; position: relative; zoom: 1; }
.stores2 .more { width: 465px; position: relative; zoom: 1; }

.stores2 .ourMusicians { position: absolute; top: -180px; right: 0; width: 350px; height: 180px; background: url(../img/bg_music_sheet.gif) bottom right no-repeat; }



* html  .stores .musicSheet  { bottom: -30px; } /* IE6 */
*:first-child+html  .stores .musicSheet { bottom: -30px; } /* IE7 */

.stores .main .colSkinny { float: left; width: 350px; }
.stores .featuredMusician { position: absolute; zoom:1; left: -4px; top: -144px; }
.stores .musician { position: absolute; zoom:1; right: 30px; top: -80px; }
.stores .fm { margin-top: 110px; }
.stores .fm .cboxM { padding-top: 60px; }
.stores .fm .cboxM .spacer { float: right; clear: both; width: 240px; height: 110px; }
.stores .decor01 { position: absolute; z-index: 100; left: -16px; bottom: -31px; _bottom: -36px; background: url(../img/bg_music_guitar.png) 0 0 no-repeat; width: 793px; height: 239px; }
.stores .padIt { height: 50px; }

.stores2 .main .colSkinny { float: left; width: 350px; }
.stores2 .featuredMusician { position: absolute; zoom:1; left: -4px; top: -144px; }
.stores2 .musician { position: absolute; zoom:1; right: 30px; top: -80px; }
.stores2 .fm { margin-top: 110px; }
.stores2 .fm .cboxM { padding-top: 60px; }
.stores2 .fm .cboxM .spacer { float: right; clear: both; width: 240px; height: 110px; }
.stores2 .decor01 { position: absolute; z-index: 100; left: -16px; bottom: -31px; _bottom: -36px; background: url(../img/bg_music_guitar.png) 0 0 no-repeat; width: 793px; height: 239px; }
.stores2 .padIt { height: 50px; }


.stoves_stove { position:absolute; top:-65px; left:555px; }
.photos_napkins { position:absolute; top:-35px; left:520px; }
.hubbard_pin { position:absolute; top:380px; left:672px; }


.slResults .searchR { margin: 0 0 32px 0; }
.searchRHead { 
	position: relative;
	zoom: 1;
	background-color: #5b6958;
	margin: 0; 
	padding: 4px; }
.slContent .searchRHead .markNum { float: left; display: block; margin-right: 4px; }
.searchRHead h3 { 
	float: left;
	margin: 0;
	padding: 4px 6px 0 0;
	vertical-align: bottom;
	font: 1.1em/1.2 Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-style: normal;
	color: #fff;  }
	
.slContent .searchRHead h3 a:link 	{ color: #fff; text-decoration: underline; }
.slContent .searchRHead h3 a:visited 	{ color: #fff; text-decoration: underline; }
.slContent .searchRHead h3 a:hover,
.slContent .searchRHead h3 a:active 	{ color: #f3c875; text-decoration: underline; }

.slContent .searchRHead span { display: inline-block; padding-top: 5px; color: #fff; }
.slContent .searchRHead .servingBF { position: absolute; bottom: 0; right: 8px; }


.slContent .searchRBody,
.slDetails .searchRBody { position: relative; zoom:1; padding: 14px 4px 2px 10px; line-height: 1.2; }
.slContent .searchRBody { background-color: #f8d8b3; }
.slDetails .searchRBody { background-color: #f8d8b3; padding-bottom: 20px;}

.slContent .searchRBody p,
.slDetails .searchRBody p { margin-bottom: 0.4em; }

/* col1 was 212, 2 was 110, 3 was 200 */
.slContent .searchRBody .col01 { float:left; width: 212px; padding-right: 6px; }
.slContent .searchRBody .col02 { float:left; width: 160px; padding-right: 6px; }
.slContent .searchRBody .col03 { float:left; width: 150px; padding-right: 6px; }
.slContent .searchRBody p { margin-top: 0; }

.slContent .searchRBody address,
.slContent .searchRBody .hours { font-style: normal; }
.slContent .searchRBody address strong { font-weight: bold; }

.slContent .searchRBody .deliveryNote 	{ clear: both; text-align: right; padding: 4px 0 10px; }
.slContent .searchRBody .seeMoreInfo 		{ 
	float: left; 
	display: inline-block; 
	margin: 8px 0 0;   /* was margin: 12px 0 0;  */
	/*padding: 16px 0 0 0;
	vertical-align: text-bottom;*/
	}

.searchRBody .popInfo .more {
	padding-left: 10px; 
	background: url(../img/bull01.gif) 0 50% no-repeat; 
	font-size: 1.2em;
	font-weight: bold;  }
	
	
.slContent .searchRBody .seeMoreInfo a:link 			{ color: #ab3d23; }
.slContent .searchRBody .seeMoreInfo a:visited 		{ color: #ab3d23; }
.slContent .searchRBody .seeMoreInfo a:hover,
.slContent .searchRBody .seeMoreInfo a:active 		{ color: #ab3d23; text-decoration: none; }
.slContent .searchRBody .seeMoreInfo a:visited:hover 	{ color: #ab3d23; text-decoration: none; }

.slContent .searchRBody .orderOnline { float: right; }

.pages { float: right; position: relative; }
.pages span { float: left; margin-left: 12px; padding: 4px 12px 0 0; }

.pages a.btn { 
	float: left; 
	display: block; 
	margin: 0 0 0 12px; 
	padding: 3px 8px 4px 8px; 
	background-color: #5b6958;
	border: 1px solid #485545;
	border-color:  #717f6f #485545 #485545 #717f6f;
	color: #fff;
	text-decoration: none;  }
.pages a.btn:link,
.pages a.btn:visited 		{ color: #fff; }
.pages a.btn:hover,
.pages a.btn:active 		{ background-color: #737f71; color: #f3c875; border-color: #5b6958 #717f6f #717f6f #5b6958; }
.pages a.btn:visited:hover 	{ background-color: #737f71; color: #f3c875; border-color: #5b6958 #717f6f #717f6f #5b6958; }


.slDetails .searchRBody .detailCol01 { float:left; width: 386px; }
.slDetails .searchRBody .detailCol02 { float:right; width: 224px; }

.detailCol01 .address { float: left; width: 214px; padding-right: 6px; }
.detailCol01 .address .bfHours { 
	display: inline-block;
	min-height: 50px;
	height:auto; !important
	height:50px;
	padding-right: 45px; 
	background: url(../img/ico_serving_breakfast_sm.gif) 100% 12px no-repeat; }
* html  .detailCol01 .address .bfHours { width: 180px; } /* IE6 */
*:first-child+html  .detailCol01 .address .bfHours { width: 180px; } /* IE7 */

	
.detailCol01 .delivery { position: relative; zoom: 1; margin: 12px 0 0; _margin-top: 26px; padding: 0 10px 10px; background-color: #fce2c6; }
.detailCol01 .delivery h4 { margin-top: 0.4em; padding-bottom: 4px; border-bottom: 1px solid #e8c9a8; font-size: 1em; }
.detailCol01 .delivery .info { float: left; width: 204px; padding-right: 8px; }
.detailCol01 .delivery .zone { float: left; width: 146px; padding-right: 8px; }
.detailCol01 .delivery .zone p { margin-bottom: 0.4em; }

.commingSoon .sidebar { margin-top: 0px; }
.comingCols { float: left; width: 360px; position: relative; z-index: 100; }
.comingCols .cell { margin: 0 10px 10px 0; padding: 12px; background: #fae5ce; }
.comingCols h4 { margin-bottom: 12px; color: #9e2d1b; }
.comingCols address { margin: 0 0 18px 12px; font-style:normal; }

.storeMarkets .sidebar { margin-top: 0px; }

.storeDirectory .sidebar { margin-top: 0px; }


.loadingDiv { 
	display: block;
	margin: 0 0 0 500px;
	padding:100px 0 100px 0; 
	width: 32px; height: 32px; 
	}



/* =sidebar
============================== */
.slrBody .sidebar .zip		{ float: right; width: 130px; margin:0 6px 0 0; margin: 0 4px 0 0; }
.slrBody .sidebar .updateZip{ padding: 10px 0 24px; font-size: 1em; }
.slrBody .sidebar .updateZip .btn { clear:both; text-align: right; margin: 10px 6px 0 0; }
.slrBody .sidebar .filterResults { padding-bottom: 12px; }

.slrBody .sidebar dl	{ margin: 8px 4px 8px 12px; }
.slrBody .sidebar dt	{ font-size: 1.2em; font-weight: bold; color: #933c2e; }
.slrBody .sidebar dd	{ margin-left: 6px; }

.slrBody .sidebar dd.on { 
	padding-left: 10px; 
	font-weight: bold; 
	color: #ab3d23; 
	background: url(../img/bull01.gif) 0 50% no-repeat; }

.slrBody .sidebar dd a:link,
.slrBody .sidebar dd a:visited	{ color: #000; text-decoration: none; }
.slrBody .sidebar dd a:hover,
.slrBody .sidebar dd a:active 	{ color: #ab3d23; text-decoration: underline; }


.slrBody .sidebar h3 { 
	background-color: #5b6958; 
	margin: 0; 
	padding: 6px 4px 6px 10px; 
	color: #fff; 
	font: 1.1em/1.2 Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal;
	font-weight: bold; }

.slrBody .sidebar .breakcheck 	{
	position: relative; 
	background: #ceb699 url(../img/bg_bf_check.gif) no-repeat; 
	height:80px; }

.slrBody .sidebar .breakcheck label	{ position: absolute; top: 18px; left: 26px; display: block; font-weight: bold; }
.slrBody .sidebar .breakcheck input { position: absolute; top: 28px; left: 2px; }


.stores .sidebar { 
	position: absolute; 
	z-index: 1;
 	top: -10px;
	right: 1px; 
	width: 300px; 
	height: 440px; 
	padding: 80px 0 0 2px;
	background: url(../img/bg_sidebar_decor03.jpg) 0 0 no-repeat; }

.stores2 .sidebar { 
	position: absolute; 
	z-index: 1;
 	top: -10px;
	right: 1px; 
	width: 300px; 
	height: 650px; 
	padding: 80px 0 0 2px;
	background: url(../img/bg_sidebar_decor04.jpg) 0 0 no-repeat; }

.stores2 .sidebar ul { list-style: none; margin: 0 0 0 60px; }
.stores2 .sidebar li { margin: 0 0 16px 0; }


.stores .sidebar ul { list-style: none; margin: 0 0 0 60px; }
.stores .sidebar li { margin: 0 0 16px 0; }




/* =sidebar2
============================== */
.sidebar2 .pinMap { margin-top: 10px; }





/* =store locator
============================== */
.slMain .storeLocator {
	position: relative; 
	display: inline;
	float: left;
	width: 220px;
	height: 280px;
	margin: 12px 12px 0 36px; 
	padding: 85px 16px 16px 20px;
	background: url(../img/bg_store_locator_frame.gif) 0 0 no-repeat; }
.slMain .storeLocator label { display: block; color: #fff; }
.slMain .storeLocator select { display: block; margin-bottom: 8px; }
.slMain .storeLocator p { margin: 12px 0; }

.slMain .storeLocator .pointer { float: right; margin: 16px 50px 0 0; }

.slMap { float: left; display: inline; width: 640px; margin: 20px 0 8px 0; }
.slMap h1 { float: left; }
.slMap h2.subhead { float: left; padding: 6px 0 0 8px; }

.sIFR-hasFlash .slMap h1.headerB { font-size: 45px; }
.sIFR-hasFlash .slMap h2.subhead { font-size: 32px; }

.backToResults { float: right; margin: 4px 12px 0 0; cursor: pointer; }


/* =misc
============================== */
table.layoutTable 	{ border-collapse: separate; border-spacing: 0; }

.print img { padding-right: 8px; vertical-align: bottom; }

a.print:link			{ color: #933c2e; text-decoration: none; }
a.print:visited 		{ color: #933c2e; }
a.print:hover 			{ color: #377b87; text-decoration: none; }
a.print:active 			{ color: #933c2e; }
a.print:visited:hover 	{ color: #377b87; text-decoration: none; }


/* =tir text to image replacement
============================== */
.tir_commingSoon { 
	text-indent: -9999em; 
	width: 327px;  
	height: 73px; 
	display: block; 
	background: url(../img/tir_comming_soon.png) 0 0 no-repeat;
	font-weight: bold; 
}

.tir_storeMarketDirectory { 
	text-indent: -9999em; 
	width: 327px;  
	height: 73px; 
	display: block; 
	background: url(../img/tir_markets.png) 0 0 no-repeat;
	font-weight: bold; 
}

.tir_storeDirectory { 
	text-indent: -9999em; 
	width: 327px;  
	height: 73px; 
	display: block; 
	background: url(../img/tir_stores.png) 0 0 no-repeat;
	font-weight: bold; 
}






/* =Curved Box
============================== */
.stores .cbox { width: 710px; position: relative; z-index: 100; }
.stores .cboxT { background-image: url(../img/box3_top.png); }
.stores .cboxM { background-image: url(../img/box3_middle.png); _background-image: url(../img/box3_middle.gif); }
.stores .cboxB { background-image: url(../img/box3_bottom.png); } 

/* inner content */
.stores .cboxM  .col01 { float:left; position: relative; z-index: 20; width: 200px; padding-top: 40px; }
.stores .cboxM  .col02 { float:left; position: relative; z-index: 100; width: 435px; }
.stores .cboxM  .col02 h1 em,
.stores .cboxM  .col02 p em { color: #933c2e; }



/* =popBox - Map
============================== */ 
.pbMap { width: 140px; }
.pbMap .pbT { background-image: url(../img/popTop1.gif); height: 8px; }
.pbMap .pbM { background-image: url(../img/popMiddle1.gif); padding: 0 4px 0 8px; }
.pbMap .pbB { background-image: url(../img/popBottom1.gif); height: 33px; } 


/* Oops popup Box */
.slErr { position: absolute; z-index: 200; top: -18px; right: -142px; text-align: center; }
.slErr2 { position: absolute; z-index: 9999; top: 45px; left: -24px; zoom:1; text-align: center; }

.Oops { width: 230px; }
.Oops .pbT { height: 7px;  background-image: url(../img/popTop3.png); }
.Oops .pbM { background-image: url(../img/popMiddle3.gif); padding: 12px 16px 2px 38px; }
.Oops .pbB { height: 29px;  background-image: url(../img/popBottom3.png); } 

.slResults .Oops .pbT { height: 29px;  background-image: url(../img/popTop4.gif); }
.slResults .Oops .pbM { background-image: url(../img/popMiddle4.gif); padding: 2px 12px 2px 38px;  }
.slResults .Oops .pbB { height: 7px;  background-image: url(../img/popBottom4.gif); } 



/* =Google Map icons
============================== */
.navButtonEastLarge
{
	background: url(../img/dir_east.png) 0 0 no-repeat;
	width: 28px;
	height: 56px;
	position: absolute;
	right: 0;
	top: 182px;
	cursor: pointer;
}
.navButtonWestLarge
{
	background: url(../img/dir_west.png) 0 0 no-repeat;
	width: 28px;
	height: 56px;
	position: absolute;
	left: 0;
	top: 182px;
	cursor: pointer;
}
.navButtonNorthLarge
{
	background: url(../img/dir_north.png) 0 0 no-repeat;
	width: 56px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 352px;
	cursor: pointer;
}
.navButtonSouthLarge
{
	background: url(../img/dir_south.png) 0 0 no-repeat;
	width: 56px;
	height: 28px;
	position: absolute;
	left: 352px;
	bottom: 0px;
	cursor: pointer;
}


.navButtonEastBig
{
	background: url(../img/dir_east.png) 0 0 no-repeat;
	width: 28px;
	height: 56px;
	position: absolute;
	right: 0;
	top: 87px;
	cursor: pointer;
}
.navButtonWestBig
{
	background: url(../img/dir_west.png) 0 0 no-repeat;
	width: 28px;
	height: 56px;
	position: absolute;
	left: 0;
	top: 87px;
	cursor: pointer;
}
.navButtonNorthBig
{
	background: url(../img/dir_north.png) 0 0 no-repeat;
	width: 56px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 106px;
	cursor: pointer;
}
.navButtonSouthBig
{
	background: url(../img/dir_south.png) 0 0 no-repeat;
	width: 56px;
	height: 28px;
	position: absolute;
	left: 106px;
	bottom: 0px;
	cursor: pointer;
}

.navButtonEast
{
	background: url(../img/dir_east.png) 0 0 no-repeat;
	width: 28px;
	height: 56px;
	position: absolute;
	right: 0;
	top: 72px;
	cursor: pointer;
}
.navButtonWest
{
	background: url(../img/dir_west.png) 0 0 no-repeat;
	width: 28px;
	height: 56px;
	position: absolute;
	left: 0;
	top: 72px;
	cursor: pointer;
}
.navButtonNorth
{
	background: url(../img/dir_north.png) 0 0 no-repeat;
	width: 56px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 72px;
	cursor: pointer;
}
.navButtonSouth
{
	background: url(../img/dir_south.png) 0 0 no-repeat;
	width: 56px;
	height: 28px;
	position: absolute;
	left: 72px;
	bottom: 0px;
	cursor: pointer;
}
.navButtonZoomIn
{
	background: url(../img/map_in.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 10px;
	top: 10px;
	cursor: pointer;
}
.navButtonZoomOut
{
	background: url(../img/map_out.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 10px;
	top: 30px;
	cursor: pointer;
}

/* =Clearing Fixes
============================== */
.contentBody:after,
.searchRHead:after,
.searchRBody:after,
.contentWrap:after,
.contentMiddle:after,
.detailCol01:after,
.delivery:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }
	
.contentBody,
.searchRHead,
.searchRBody,
.contentWrap,
.contentMiddle,
.detailCol01,
.delivery
	{ display: inline-block; }
	
/* Hides from IE-mac \*/
* html .contentBody,
* html .searchRHead,
* html .searchRBody, 
* html .contentWrap,
* html .contentMiddle,
* html .detailCol01,
* html .delivery
	{ height: 1%; }

.contentBody,
.searchRHead,
.searchRBody,
.contentWrap,
.contentMiddle,
.detailCol01,
.delivery
	{ display: block; }
/* End hide from IE-mac */


/* PNG Fix */
.stores .sidebar, .sidebar img,
#map .navButtonNorth, #map .navButtonSouth, #map .navButtonEast, #map .navButtonWest, .photos_napkins, .hubbard_pin,
#map .navButtonNorthBig, #map .navButtonSouthBig, #map .navButtonEastBig, #map .navButtonWestBig, #map .navButtonWestLarge,
#map .navButtonEastLarge, #map .navButtonNorthLarge, #map .navButtonSouthLarge,
#map .navButtonZoomIn, #map .navButtonZoomOut, .tir_commingSoon, .featuredMusician, .stoves_stove, .decor01, .pbT, .pbB,
.spnChickenIcon
	{ behavior: url("../js/iepngfix.htc") }


#flashSlideStove {
	position:absolute;
	top:218px;
	left:44px;
}

#flashSlideStores {
	position:absolute;
	top:171px;
	left:44px;
}


#flashSlideHubbard {
	position:absolute;
	top:210px;
	left:65px;
}

.greenBox 
{
    border-width: thin;
    border-style: solid;
    border-color: #5b6958;
    overflow:hidden;
    background-color: #f9ddbe;
}    

.greenHead { 
	background-color: #5b6958;
	margin: 0; 
	padding: 4px; 
	float: left; 
	display: block;
	width: 100%;
}
.greenHead h3 { 
	float: left;
	margin: 0;
	padding: 4px 6px 0 0;
	vertical-align: middle;
	font: 1.1em/1.2 Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-style: normal;
	color: #fff;  }

.greenBody  
{
    display: block;
    padding: 10px;
    padding-top: 35px;
}

.greenBody2  
{
    display: block;
    width: 278px;
}