/* 
  Boudin Bakery - www.boudinbakery.com 
  Developed by Veneer Studio - www.veneerstudio.com
*/

/* ----- Initial Styles ----- */

 	* {
		margin: 0;
		padding: 0;
	}

	body {
		font: 76%/1.4em Georgia, "Times New Roman", Times, serif;
		background-color: #FFF7DA;
		color: #604738;
		text-align: center;
            
	}
	
	h2, h3, h4, h5, h6, p, pre, blockquote, 
	label, ul, ol, dl, fieldset, table, address {
 		margin: 1em 14px;
	}

	
	dt { font-weight: bold; }
	
	ol li, dd, blockquote { list-style-position: inside; }
	
	ul li {
		list-style-position: outside;
		list-style-type: none;
	}
	
	abbr { cursor: help; }
	
	form label { cursor: pointer; }
	
	img { border: none; }
	img#main-image { position: relative; float: left; display: inline; }
	.thumbnail-border img {
		padding: 1px;
		background: url(../../images/layout/dotted-border.gif) repeat;
	}
	
	a:link, a:visited { color: #E41F1F; }
	a:hover { color: #604738; }
	a.current { color: #E41F1F !important; }
	
	#col-two h2 {
		position: absolute;
		display: inline;
		top: -1.7em;
		left: 0;
		margin: 0;
		font-size: 1.4em;
		z-index: 5;
	}
/* ===== End Initial Styles ===== */

/* ----- Generic Classes ----- */
	.alignleft { text-align: left; }
	.alignright { text-align: right; }
	.aligncenter { text-align: center; }
	
	.displayblock { display: block; }
	.displayinline { display: inline; }
	
	.floatleft { float: left; margin: 0 10px 10px 10px; }	
	.floatright { float: right; margin: 0 0 10px 10px; }
	
	.clearboth { clear: both; }
	.clearleft { clear: left; }
	.clearright { clear: right; }
	
	.bordernone { border: none; }
    .nospace { margin:0; padding:0; }
	
	.divider {
                height:1px;
                border: none;
		margin: 1.5em 14px 1.5em 14px;
		text-align: left;
		background: url(../ximages/css_images/divider-border.gif) repeat-x bottom center;
	}
	
/* ===== End Generic Classes ===== */

/* ----- Main Layout ----- */
	div#wrapper {
		position: relative;
		width: 987px;
		text-align: left;
		background: url(../../images/layout/bg-borders.jpg) repeat-y;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
	}

	div#skip {
		position:absolute;
		top: 0;
		left: -999em;
		overflow:hidden;
	}
	
	div#header {
		position: relative;
		margin-bottom: 1em;
		padding: 20px 27px 14px 27px;
		background: url(../../images/layout/bg-header-borders.jpg) no-repeat;
		z-index: 1100;
	}
	
	div#utility {
		position: relative;
		float: right;
		margin-top: 2px;
		margin-right: 26px;
		width: 723px;
		height: 26px;
		text-align: right;
	}	
	* html div#utility { margin-right: 13px; }
	
	body#one-col #col-one {
		position: relative;
		top: 0;
		left: 27px;
		float: left;
		display: inline;
		width: 928px;
		height: 291px;
		padding-top: 5px;
		padding-left: 5px;
		background: url(../../images/layout/col-1-borders.gif) no-repeat top center;
	}
	
	body#one-col-kiosk #col-one-kiosk {
		position: relative;
		float: left;
		left: 27px;
		top: -10px;
		display: inline;
		width: 928px;
		min-height: 500px;
		height: auto !important;
		height: 500px;
		background: #FFF url(../../images/layout/col-1-borders-kiosk.gif) no-repeat bottom center;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
		margin: 0px;
	}
	
	body#one-col-kiosk #top-border {
		position: relative;
		float: left;
		top: -10;
		left: 27px;
		display: inline;
		width: 928px;
		height: 1px;
		background: #FFF url(../../images/layout/col-1-top-border-kiosk.gif) no-repeat top center;
		padding-right: 5px;
		padding-left: 5px;
		margin: 0px;
	}
	
	body#two-cols div#col-one, 
	body#three-cols div#col-one {
		position: relative;
		top: 0;
		left: 27px;
		float: left;
		display: inline;
		width: 196px;
		z-index: 1000; /* Required for IE to display hover properly */
		background: url(../../images/layout/nav-top-border.gif) no-repeat 0 28px;
	}
	
	body#two-cols div#col-one1, 
	body#three-cols div#col-one1 {
		position: relative;
		top: 0;
		margin-top : 12px;
		left: 27px;
		float: left;
		display: inline;
		width: 196px;
		z-index: 1000; /* Required for IE to display hover properly */
	}

	body#two-cols div#col-two, 
	body#three-cols div#col-two {
		position: relative;
		float: left;
		display: inline;
		top: 0;
		left: 42px;
		padding-top: 5px;
	}

	body#two-cols div#col-two {
		width: 723px;
		background: url(../../images/layout/col-2-borders-wide-top.gif) no-repeat top center;
	}

	body#three-cols div#col-two {
		width: 477px;
		background: url(../../images/layout/col-2-borders-narrow-top.gif) no-repeat top center;
	}

	body#two-cols div#col-two div#wide-col {
	     position: relative;
	     float: left;
	     display: inline;
	
	height: auto !important;
        /*
        min-height: 463px;
	height: 463px;
	*/
           width: 713px;
	     background: #FFF url(../ximages/css_images/col-2-borders-wide.gif) no-repeat bottom center;
	     padding: 0px 5px 5px 5px;
	}

        body#two-cols div#col-two div.short-col{
                min-height: 20px !important;
		height: auto !important;
		height: 20px !important;

	}
	
       /* wide col for monkey pages */
	body#two-cols div#col-two div#wide-col1 {
		position: relative;
		float: left;
		display: inline;
		min-height: 500px;
		height: auto !important;
		height: 500px;
		width: 713px;
		background: #FFF url(../ximages/css_images/col-2-borders-wide.gif) no-repeat bottom center;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
		margin: 0px;
	}

        /* wide col for Catalog > my account pages */
	body#two-cols div#col-two div#wide-col2 {
		position: relative;
		float: left;
		display: inline;
		min-height: 575px;
		height: auto !important;
		height: 575px;
		width: 713px;
		background: #FFF url(../ximages/css_images/col-2-borders-wide.gif) no-repeat bottom center;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
		margin: 0px;
	}
	
	body#two-cols div#col-two div#wide-col div.right-col {
		position: relative;
		float: left;
		display: inline;
		max-width: 356px;
	}
	
	body#two-cols div#col-two div#wide-col1 div.right-col {
		position: relative;
		float: left;
		display: inline;
		max-width: 356px;
	}

	body#three-cols div#col-two div#narrow-col {
		position: relative;
		float: left;
		display: inline;
		min-height: 463px;
		height: auto !important;
		height: 463px;
		width: 467px;
		background: #FFF url(../ximages/css_images/col-2-borders-narrow.gif) no-repeat bottom center;
		padding: 0 5px 14px 5px;
	}

      /* custom min height for Catalog Help Pages */
       div.cat-help-height{
               	min-height: 660px !important;
		height: auto !important;
		height: 660px !important;
       }
	
	body#three-cols div#col-two div#narrow-col1 {
		position: relative;
		float: left;
		display: inline;
		min-height: 463px;
		height: auto !important;
		height: 463px;
		width: 467px;
		background: #FFF url(../ximages/css_images/col-2-borders-narrow.gif) no-repeat bottom center;
		padding: 0 5px 14px 5px;
	}


	body#three-cols div#col-three {
		position: relative;
		float: left;
		display: inline;
		left: 52px;
		padding-top: 5px;
		width: 236px;
		background: #FFF url(../../images/layout/col-3-borders-top.gif) no-repeat top center;
	}

	body#three-cols div#col-three div {
		position: relative;
		float: left;
		display: inline;
		padding: 0 5px 5px 5px;
		width: 226px;
		background: #FFF url(../../images/layout/col-3-borders.gif) no-repeat bottom center;
	}
	
	#footer {
		position: relative;
		clear: both;
		top: 14px;
		left: 0;
		min-height: 50px;
		height: auto;
		background: url(../ximages/css_images/bg-footer-borders.jpg) no-repeat bottom center;
	}
	
	* html #footer { height: 50px; }
	
	#footer-kiosk {
		position: relative;
		clear: both;
		top: 14px;
		left: 0;
		min-height: 50px;
		height: auto;
		background: url(../../images/layout/bg-footer-borders-kiosk.jpg) no-repeat bottom center;
	}
		
	* html #footer-kiosk { height: 20px; }

/* ===== End Main Layout ===== */

/* ----- Header ----- */
	h1 {
		display: absolute;
		margin: 0;
		top: 14px;
		left: 14px;
		z-index: 3;
		height: 73px;
		width: 273px;
		text-indent: -999em;
		background: url(../../images/layout/boudin-branding.jpg) no-repeat bottom center;
	}
	
	h1 a {
		display: block;
		top: 14px;
		left: 14px;
		height: 73px;
		width: 273px;
		text-decoration: none;
	}
	
	#abandon {
		position: relative;
		float: left;
		display: inline;
		top: -45px;
		left: 825px;
		margin: 0;
		width: 629px;
		height: 11px;
	}
	
	
/* ===== End Header ===== */

/* ----- Home Navigation ----- */
	#home-nav {
		position: relative;
		float: left;
		display: inline;
		top: -45px;
		left: 295px;
		margin: 0;
		width: 629px;
		height: 11px;
		list-style-type: none;
		background: url(../../images/layout/navbar.gif) top left no-repeat;
	}

	#home-nav li ul {
		position: absolute;
		/*top: 0;*/
		top: 11px;
		left: -999em;
		margin: 0;
		padding-top: 5px;
		width: 168px;
		list-style-type: none;
		background-color: transparent !important;

	}

/* custom sizes for wharf and locations */
	#home-nav li#wharf ul { width: 188px; }
	#home-nav li#wharf ul a:link, #home-nav li#wharf ul a:visited { width: 175px !important; 
	}
	
	#home-nav li#locations ul { width: 175px; }
	#home-nav li#locations ul a:link, #home-nav li#locations ul a:visited { width: 165px !important; }
		
	#home-nav li { 
		position: absolute;
		top: 0;
		list-style-type: none; 
	}
	
	#home-nav li, 
	#home-nav a{
		display: block;
		height: 11px;
	}

	/* #home-nav li:hover ul, #home-nav li.sfhover ul */ {
		left: auto;
		background-color: #E41F1F;
	}	
	
	#home-nav a { text-indent: -999em; text-decoration: none; }
	#home { left: 0; width: 42px; }
	#meet-boudin { left: 64px; width: 96px; }
	#catalog { left: 183px; width: 65px; }
	#locations { left: 270px; width: 100px; }
	#catering { left: 372px; width: 135px; }
	#wharf { left: 526px; width: 103px; }	
	
	#home-nav li#meet-boudin:hover ul, #home-nav li#meet-boudin.sfhover ul { margin-left: -36px; }
	#home-nav li#catalog:hover ul, #home-nav li#catalog.sfhover ul { margin-left: -51px; }
	#home-nav li#locations:hover ul, #home-nav li#locations.sfhover ul { margin-left: -55px; }
	#home-nav li#catering:hover ul, #home-nav li#catering.sfhover ul { margin-left: -18px; }
	#home-nav li#wharf:hover ul, #home-nav li#wharf.sfhover ul { margin-left: -56px; }

	
	#home-nav li ul li {
		position: relative;
		top: auto;
		list-style-type: none;
		height: auto !important;
	}
	
	#home-nav li ul a:link, #home-nav ul li a:visited, #home-nav ul li a:hover {
		display: block;
		margin: 0;
		width: 148px;
		text-align: left;
		text-decoration: none;
		background-color: #CC2223;
		border-left: 10px solid #CC2223;
		border-right: 10px solid #CC2223;
		border-bottom: 1px solid #FFF;
		color: #FFF;
		text-indent: 0;
		font-size: 1.1em;
		line-height: 1.15em;
		text-align: center;
		padding: 7px 0;
		height: auto;
	}
	
	#home-nav li ul a:hover {
		font-weight: bold;
		background-image: none !important; 
	}
	
	#home-nav li ul a.last-item { border-bottom-color: #CC2223 !important; }
	
	* html #home-nav li, * html #home-nav a { height: 1%; }
/* ===== End Home Navigation ===== */

/* ----- Main Navigation ----- */
	#main-nav {
		position: relative;
		float: left;
		display: inline;
		top: -45px;
		left: 295px;
		margin: 0;
		width: 629px;
		height: 11px;
		list-style: none;
		background: url(../../images/layout/navbar.gif) top left no-repeat;
		z-index: 2000;
	}
	
	#main-nav li { 
		position: absolute;
		top: 0;
		list-style-type: none; 
	}
	
	#main-nav li, #main-nav a {
		display: block;
		height: 11px;
	}
	
	#main-nav a { text-indent: -999em; text-decoration: none; }
	#home { left: 0; width: 42px; }
	#meet-boudin { left: 64px; width: 96px; }
	#catalog { left: 183px; width: 65px; }
	#locations { left: 270px; width: 100px; }
	#catering { left: 372px; width: 131px; }
	#wharf { left: 526px; width: 103px; }
	
	#home a:hover, #home a.current { background: url(../../images/layout/navbar.gif) 0 -11px no-repeat; }
	#meet-boudin a:hover, #meet-boudin a.current { background: url(../../images/layout/navbar.gif) -64px -11px no-repeat; }
	#catalog a:hover, #catalog a.current { background: url(../../images/layout/navbar.gif) -183px -11px no-repeat; }
	#locations a:hover, #locations a.current { background: url(../../images/layout/navbar.gif) -270px -11px no-repeat; }
	#catering a:hover, #catering a.current { background: url(../../images/layout/navbar.gif) -372px -11px no-repeat; }
	#wharf a:hover, #wharf a.current { background: url(../../images/layout/navbar.gif) -526px -11px no-repeat; }


/* ===== End Main Navigation ===== */

/* ----- Secondary Navigation ----- */

/* specific to non IE browsers **/
#secondary-nav {
		float: left;
		display: inline;
		margin: 16px 0 1em 0;
		padding: 7px 0 14px 0;
		width: 196px;
		font-size: 1.15em;
		line-height: 2.1em;
		background: #FFF url(../../images/layout/nav-bottom-borders.gif) no-repeat bottom center;
		position:relative; }
		
#secondary-nav li a, #secondary-nav ul li a:visited {display:block; }
#secondary-nav {list-style-type: none; }
#secondary-nav li {float:left; margin-right:1px; position:relative;}
#secondary-nav li ul {display: none;}
#secondary-nav li:hover a {color:#fff; }
#secondary-nav li:hover ul{
	display:block; position:absolute; top:0; left:196px; width:160px;
}
#secondary-nav li:hover ul li a {display:block; width:160px;}
#secondary-nav li#expanded ul {display: block;}

#secondary-nav li > ul {
		position: absolute;
		
		left: -999em;
		margin: 0;
		width: 186px;
		list-style-type: none;
	}
	
	/* this rule is read by IE 6
	#secondary-nav li:hover ul, 
	#secondary-nav li.sfhover ul {
		position: absolute;
		left: 196px;
		background-color: #E41F1F;
	}	
	
	  */
	 
	/* The next two aren't read by IE 6 and overwrite the previous rule */	
	#secondary-nav :hover > ul, 
	#secondary-nav .sfhover > ul {
	position:absolute;
		top: 0;
		left: 196px;
		background-color: #E41F1F !important;
	}	
	
	#secondary-nav :hover > li, 
	#secondary-nav .sfhover > li {
		width: 168px;
		background-color: #000000;
		color: #FFF;
		border-right: 14px solid #E41F1F !important;
	}	
	
	
	#secondary-nav a:link, 
	#secondary-nav a:visited {
		display: block;
		text-align: left;
		text-decoration: none;
		width: 168px;
		border-left: 14px solid #FFF;
		border-right: 14px solid #FFF;
		border-bottom: 1px solid #604738;
		color: #604738;
		margin:0;
	}
	
	#secondary-nav a:hover {
		font-weight: bold;
		border-bottom: 1px solid #604738;
	}
	
	#secondary-nav li a.last-item {
		border-bottom: 1px solid #FFF !important;
	}
	
	
	#secondary-nav li:hover a, 
	#secondary-nav li.sfhover a,
	#secondary-nav li.sfhover a.last-item {
		width: 168px;
		background-color: #E41F1F;
		color: #FFF !important;
		border-left: 14px solid #E41F1F !important;
		border-right: 14px solid #E41F1F !important;		
		border-bottom: 1px solid #E41F1F !important;
	}
			
	
/*	Second level nav pop-out formatting */
	
	#secondary-nav ul a:link, 
	#secondary-nav ul a:visited {
		width: 158px;
		font-size: 0.9em;
		background-color: #CC2223;
		color: #FFF;
		border-left: 14px solid #CC2223 !important;
		border-right: 14px solid #CC2223 !important;
		border-bottom-color: #FFF !important;
		
	}	
	
	#secondary-nav li:hover ul a.last-item, 
	#secondary-nav li.sfhover ul a.last-item,
	#secondary-nav ul a.last-item,
	.last-item { 
		border-bottom: none !important; 
	}

	* html #secondary-nav li, 
	* html #secondary-nav a { height: 1%; }

	li#expanded a.last-item { 
		padding-bottom: 0.5em; border-bottom: 1px solid #604738 !important; 
	}
	
	
	/* Second level nav expanded formatting */
	li a:link.current, 
	li a:visited.current {
		font-weight: bold;
		color: #E41F1F !important;		
	}
	
	li a:hover.current {
		border-left-color: #FFF !important;
		border-right-color: #FFF !important;
		border-bottom-color: #604738 !important;
		/*background-color: #FFF !important;*/
	}

	#secondary-nav li#expanded a:link, #secondary-nav li#expanded a:visited {
		border-bottom: none !important;
		border-color: #FFF !important;
		background-color: #FFF !important;
		color: #E41F1F !important;
		font-weight: bold !important;
	}
	
	#secondary-nav li#expanded a:hover {
		border-color: #FFF !important;
		background-color: #FFF !important;
	}

	#secondary-nav li#expanded ul {
		position: relative;
		top: 0;
		left: 0;
	}

	#secondary-nav li#expanded ul li { line-height: 1.65em; }

	#secondary-nav li#expanded ul a:link, 
	#secondary-nav li#expanded ul a:visited {
		text-indent: 14px;
		font-size: 0.85em;
		font-weight: normal !important;
		background-color: #FFF;
		border-color: #FFF;
		color: #604738 !important;
	}
	
	#secondary-nav li#expanded ul a#active {
		font-weight: bold;
		color: #E41F1F !important;
	}
	
	#secondary-nav li#expanded ul a:hover {
		background-color: #FFF;
		color: #E41F1F !important;
	}

	#secondary-nav li#expanded:hover ul, 
	#secondary-nav li#expanded.sfhover ul {
		position: relative;
		margin-top: 0;
		left: 0;
		background-color: #FFF !important;
		
	}
/* ===== End Secondary Navigation ===== */	

/* ----- First Column ----- */	
	#col-one h2 {
		margin: 0;
		width: 196px;
		height: 20px;
		overflow: hidden;
		text-indent: -999em;
	}
	
	#col-one h2.catalog { background: url(../../images/layout/header-catalog.gif) no-repeat top center; }
	#col-one h2.catering { background: url(../../images/layout/header-cateringtogo.gif) no-repeat top center; }
                 #col-one h2.catering_only { background: url(../../images/layout/header-catering.gif) no-repeat top center; }
                 #col-one h2.togo_only { background: url(../../images/layout/header-togo.gif) no-repeat top center; }
	#col-one h2.customer-service { background: url(../../images/layout/header-customer-service.gif) no-repeat top center; }
	#col-one h2.locations { background: url(../../images/layout/header-locations.gif) no-repeat top center; }
	#col-one h2.meet-boudin { background: url(../../images/layout/header-meet-boudin.gif) no-repeat top center; }
	#col-one h2.wharf { background: url(../../images/layout/header-atthewharf.gif) no-repeat top center; }
	
	#col-one h3 {
		margin-bottom: 0;
		text-align: center;
		font-size: 1.25em;
	}

	#col-one h3.promo-top-border { 
		padding-top: 1em;
		background: url(../../images/layout/newsletter-top-border.gif) no-repeat top center;
	}

	#col-one p {
		margin-top: 0.1em;
		text-align: center;
	}	
/* ===== End First Column ===== */

/* ----- First Column ----- */	
	#col-one1 h2 {
		margin: 0;
		width: 196px;
		height: 20px;
		overflow: hidden;
		text-indent: -999em;
	}
	
	#col-one1 h2.catalog { background: url(../../images/layout/header-catalog.gif) no-repeat top center; }
	#col-one1 h2.catering { background: url(../../images/layout/header-cateringtogo.gif) no-repeat top center; }
                #col-one1 h2.catering_only { background: url(../../images/layout/header-catering.gif) no-repeat top center; }
                #col-one1 h2.togo_only { background: url(../../images/layout/header-togo.gif) no-repeat top center; }
	#col-one1 h2.customer-service { background: url(../../images/layout/header-customer-service.gif) no-repeat top center; }
	#col-one1 h2.locations { background: url(../../images/layout/header-locations.gif) no-repeat top center; }
	#col-one1 h2.meet-boudin { background: url(../../images/layout/header-meet-boudin.gif) no-repeat top center; }
	#col-one1 h2.wharf { background: url(../../images/layout/header-atthewharf.gif) no-repeat top center; }
	
	#col-one1 h3 {
		margin-bottom: 0;
		text-align: center;
		font-size: 1.25em;
	}

	#col-one1 h3.promo-top-border { 
		padding-top: 1em;
		background: url(../../images/layout/newsletter-top-border.gif) no-repeat top center;
	}

	#col-one1 p {
		margin-top: 0.1em;
		text-align: center;
	}	
/* ===== End First Column ===== */

/* ----- Utility ----- */		
	#utility p, #utility form, #utility input { display: inline; }

	#utility p { margin: 0; }

	#utility a:link, #utility a:visited {
		text-decoration: none;
		color: #604738;
	}

	#utility a:hover { color: #E41F1F; }
/* ===== End Utility ===== */

/* ----- Promo Horizontal ----- */
	#promos-two, #promos-three {
		position: relative;
		float: right;
		display: inline;
		width: 723px; 
		margin: 1em 26px 0 0;
	}
	#promos-two { letter-spacing: 14px; }
	#promos-three { letter-spacing: 10px; }
	
	#promos-two img, #promos-three img {
		padding: 1px;
		background: url(../../images/layout/dotted-border.gif) repeat;
	}
/* ===== End Promo Horizontal ===== */

/* ----- Promo Vertical ----- */
	body#three-cols div#col-three.side-promos {
		width: 236px;
		padding: 0;
		background-image: none; 
		background-color: transparent;
	}
	div.side-promos img {
		padding: 1px;
		background: url(../../images/layout/dotted-border.gif) repeat;
	}
	div.side-promos p { margin: 0 0 1em 0; }
/* ===== End Promo Vertical ===== */

/* Content Area Hero Images */
	p.hero_img{
	padding:0;
	margin: 0 0 10px 0;
	}

	p.hero_img_left{
		margin: 0;
		padding:0; 
		float:left;
	}

/* ----- Block Links ----- */


	div.blocklinks {
	position: relative;
	float: left;
	display: block;
	margin-top: 4px;
	}
	
	div.two-col,
        div.three-col {
		position: relative;
		float: right;
		display: inline;
		width: 723px; 
		max-width: none;
		margin: 1em 26px 0 0;
	}

        div.three-col {
		margin: 14px 26px 10px 0;
	}
	
	div.blocklinks h3 { margin: 0 14px 1em 14px; }
	
	div.blocklinks img {
	position: relative;
	float: left;
	display: block;
	margin: 0px 14px 7px 0px;
	}
	
	div.blocklinks p {
		margin: 0px 14px 0px 14px;
		clear: left;
	}

	div.blocklinks span { 
        }

	div.blocklinks span strong{ 
             display: block;
        }

	div.blocklinks span.nolink { 
             text-decoration: none;
	     color: #604738;
           
        }

	div.blocklinks span.link {
	   text-decoration: underline;
	   color: #E41F1F;
	   display: inline;
	   white-space: nowrap;
   }

        /* style for catalog */
	div.blocklinks span.cat_link {
	     text-decoration: underline;
	     color: #E41F1F;
	     display: block;
	     white-space: nowrap;
       }
		 
	div.blocklinks a:link, 
	div.blocklinks a:visited { text-decoration: none; color: #604738; clear: left;}
	div.blocklinks a:hover { color: #E41F1F; }
	
	
	p.blocklink { text-align: left; }
	p.blocklink img { display: block; margin: 0 auto; }
	p.blocklink a:link, p.blocklink a:visited {
		display: block;
		text-decoration: none;
		color: #604738;
	}

	p.blocklink a:hover { color: #E41F1F; }
	p.blocklink span { text-decoration: underline; color: #E41F1F;	}


	
/* override for catalog pages */
	div.small-margin p {		
		display: block;
		clear: left;
		height: 78px;
		margin-top: 7px;
		margin-right: 14px;
		margin-left: 14px;
		margin-bottom: 0px;
		vertical-align: middle;
	}
	
	div.small-margin img {
		/*margin-top: -14px !important;*/
	}
		
/* override for template F (four block links in two columns) */
	div.two-col p {
		float:left;
		display: inline;
		clear:none;
		width: 333px !important;
		margin-left: 0 !important;
		margin-right:28px;
		margin-bottom: 14px !important;
	}
		
	div.two-col img {
		display: block!important;
		float: left;
		margin-top: 0;
		margin-right: 14px;
		margin-bottom: 0px !important;
		margin-left: auto;
	}

/* override for template I - locations (three blocks divided by lines) */
	div.three-col { background: url(../../images/layout/promo-bg-borders.gif) repeat-y top center; }
	div.three-col p {
		float:left;
		display: inline;
		clear:none;
		width: 213px;
		text-align: center;
		margin: 17px 14px 29px 14px;
	}

	div.three-col img { 
		display: block !important; 
		margin: 0 auto 14px auto !important; 
		float: none !important;
	}


/* -----  Catering homepage ----- */


	div.catering {
	position: relative;
        width:300px;
	float: left;
	display: block;
	margin: 14px 0 14px 28px;
	}
	
	
	div.catering h3 { margin: 0 14px 0 14px; }
	
	div.catering p {
		margin: 14px 14px 0 0;
		clear: left;
	}

       div.catering ul {
		margin: 14px 0 0 0;
	}

		 
	div.catering a:link, 
	div.catering a:visited {  clear: left;}
	div.catering a:hover { color: #E41F1F; }
	
	
	
/* ===== End Catering Links ===== */

/* ----- Footer ----- */
	#footer p {
		margin: 0 27px;
		padding-top: 0.5em;
	}
	
	#footer a:link, #footer a:visited {
		text-decoration: none;
		color: #604738;
	}
	
	#footer a:hover { color: #E41F1F; }
/* ===== End Footer ===== */

/* ----- Form ----- */
	form.newsletter { text-align: center; }
	
	input { font-size: 0.9em; }
	input.narrow { width: 4em; }
		
	.submit { vertical-align: bottom; }
	* html .submit { vertical-align: text-bottom; }
	
	.required { color: #E41F1F; }

	form br { clear: left; }
	
	form#login { margin: 0 auto; }
	
	form#login label, form#login input {
		float: left;
		display: block;
		margin-bottom: 5px;
	}
	
	form#login label {
		margin-top: 0;
		margin-right: 5px;
		width: 80px;
		text-align: right;
	}
	
	form#login input { width: 150px; }
	form#login input.submit { width: auto; margin-left: 100px; }
	
	form#new-user { margin: 0 auto; }
	
	form#new-user label { display: block; }

	form#new-user label, form#new-user input, form#new-user select {
		float: left;
		margin-bottom: 5px;
	}
	
	form#new-user label {
		margin-top: 0;
		margin-right: 5px;
		width: 120px;
		text-align: right;
	}
	
	form#new-user input { width: 150px; display: inline; margin-right: 5px; }
	form#new-user select { width: 154px; display: inline; margin-right: 5px; }
	form#new-user p { margin-left: 95px; }
	form#new-user input.submit { width: auto; margin-left: 140px; }

	form#new-user input.checkbox,
	form#new-user input.option,
	form#new-user label.checkbox,
	form#new-user label.option {
		margin: 0;
		width: auto;
	}

	form#new-user input.checkbox,
	form#new-user input.option {
		margin-left: 120px;
		margin-right: 5px;
		margin-bottom: 1em;
	}
	
	form#new-user label.checkbox,
	form#new-user label.option {
		text-align: left;
		float: left;
		width: 150px;
	}

	#split-col {
	padding-top:2em;
	background-image: url(../../images/layout/col-split-border.gif);
	background-repeat: repeat-y;
	background-position: center 2em;

	height: auto !important;
        min-height: 290px;
	height: 290px;

	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;


        padding-bottom:10px;

	}
	
	#split-col #col-left, #split-col #col-right {
		margin-top: -2em !important;
		position: relative;
		float: left;
		display: inline;
		width: 355px;
		text-align: center;
	}
	
/* ===== End Form ===== */

/* ----- Table ----- */
	table { border-collapse: collapse; }
	
	table th img { margin: 0 14px 0 14px; } /* thumbnail image */
	
	table.thumbnail-border th img {
		padding: 1px;
		background: url(../../images/layout/dotted-border.gif) repeat;
	}
	
	table.vertical-spacing { margin-bottom: -0.5em; }
	table.vertical-spacing img{ margin-bottom: 1.5em; }
	
	th {
		font-weight: bold;
		text-align: left;
		vertical-align: bottom;
	}
	
	th.hide { text-indent: -999em; }
	
	td { vertical-align: top; }
	
	/* Product List */
	table.product-list {
		width: 460px;
		margin-top: 5px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
	}
	table.product-list thead th { text-align: center; font-size: 0.9em; }
	table.product-list tbody { color: #E41F1F; text-align: center; }
	table.product-list tbody th { padding: 2em 0; margin-top: 0; vertical-align: top; }
	table.product-list td { padding: 2em 0; vertical-align: top; }
	table.product-list td.last-row { padding-top: 0; padding-right: 10px; text-align: right; }
	/*table.product-list img { margin: 0 5px 0 14px; }*/
	table.product-list dl {
		margin: 0;
		width: 215px;
	}
	table.product-list dt { text-align: left; }
	table.product-list dd { text-align:left; color: #604738; }
	
	table.product-list .view_larger {
		padding: 1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11pt;
		font-weight: normal;
		color: #E41F1F;
	}

/* Product List GOGO*/
	table.product-list-gogo {
		width: 460px;
		margin-top: 5px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
	}
	table.product-list-gogo thead th { text-align: center; font-size: 0.9em; }
	table.product-list-gogo tbody { color: #E41F1F; text-align: center; }
	table.product-list-gogo tbody th { padding: 0.5em 0; margin-top: 0; vertical-align: top; }
	table.product-list-gogo td { padding: 0.5em 0; vertical-align: top; }
	table.product-list-gogo td.last-row { padding-top: 0; padding-right: 10px; text-align: right; }
	/*table.product-list-gogo img { margin: 0 5px 0 14px; }*/
	table.product-list-gogo dl {
	margin: 0;
	width: 215px;
}
	table.product-list-gogo dt { text-align: left; }
	table.product-list-gogo dd { text-align:left; color: #604738; }
	
	table.product-list-gogo .view_larger {
	padding: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	font-weight: normal;
	color: #E41F1F;
}

	/* Product Detail */
	#product-detail th { vertical-align: top; }
	#product-detail #main-image { margin-right: 14px; padding: 1px; background: url(../../images/layout/dotted-border.gif) repeat; }
	#product-detail ul { margin-bottom: 0; margin-left: 0; }
	#product-detail li { list-style-position: outside; list-style-type: none; }
	#product-detail form { display: inline; margin: 0; color: #E41F1F; }
	#product-detail input, #product-detail form p, #product-detail label { margin-left: 0; }
	#product-detail label { margin-right: 0; }
	#col-two #narrow-col h3 { font-size: 1.2em !important; font-weight: bold; margin-top: 0; }
	#col-two #narrow-col1 h3 { font-size: 1.2em !important; font-weight: bold; margin-top: 0; }
	.red { color: #E41F1F; }
	
	#product-detail .nutrition_link { font-style:italic; color:#604738;}
	
	#product-detail .view_larger {
	padding: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	font-weight: normal;
	color: #E41F1F;
}
	
	/* Shopping Cart */
	table.shopping-cart {
		font-size: 0.9em;
		width:88%;
		margin: 0 14px;
	}	
	table.shopping-cart caption {
		padding: 1em 0 ;
		font-size: 1.3em;
		font-weight: normal;
		text-align: center;
	}
	table.shopping-cart thead th {
		position: absolute;
		margin: 0;
		text-indent: -999em;
		overflow: hidden;
	}
	table.shopping-cart tbody tr { background: url(../../images/layout/cart-item-border.gif) no-repeat bottom center; }
	table.shopping-cart tbody tr.noborder { background: none; }
	table.shopping-cart tbody th { font-weight: normal; width: 5%; padding: 0.5em 0; vertical-align: middle; } /* Quantity */
	table.shopping-cart tbody td {
		text-align: right;
		vertical-align: middle;
		width: 40%;
                                background: url(../../images/layout/cart-item-border.gif) no-repeat bottom center;
	}	
	table.shopping-cart tbody td.title { text-align: left; width: 55%;  vertical-align: middle; }	/* Title */
	table.shopping-cart tbody td.buttons { text-align: center; vertical-align: middle; height: 24px;}
	table.shopping-cart tbody td.last-row { padding: 1em; text-align: center; }
	table.shopping-cart th.group_order_note { text-align: center; color: #315A9C;}
/* ===== End Table ===== */	

/* ----- Restaurant Menus ----- */
	div.anchor-menu {
		margin-bottom: 2em;
		padding-bottom: 1em;
		text-align: center;
		background: url(../../images/layout/anchor-menu-bottom-border.gif) no-repeat bottom center;
	}
	
    div.menu p {text-align: center;}
    div.menu p img { margin-bottom:10px; }
	div.menu table {
		display:block;
		margin: -10px 0 30px 30px;
		width: 410px;
	}

    div.menu table th.hide { left: -999em; overflow: hidden; }
	div.menu tbody th { padding-top: 1em; }
	div.menu th.title { font-weight:bold; }
	div.menu th.price { text-align:right; font-weight:bold; }
	div.menu td.description {font-style:italic;  text-align:left; width: 410px;}

	div.menu div#col-two h3, 
	div.menu h3,
	div.menu p.copy {
		margin: 0;
		overflow: hidden;
		text-indent: -999em;
	}

	div.menu h3 { height: 0px; }
	div.menu p.copy { margin-top: 5px; height: 9px; }
	
	div#sf_combo {
        text-align: center;
	border: 4px double #604738;
        margin:0 auto 15px auto;
	width: 350px;
	}
	div#sf_combo p {
	text-align: center;
	}
	
	/*
	h3#salads{ background: url(../../images/menu/salads.gif) no-repeat top center; width: 467px; margin-bottom: 1em; }
	p.salads { background: url(../../images/menu/salads-copy.gif) no-repeat top center; width: 467px; } 	

	h3#soups{ background: url(../../images/menu/soup-stews-chili.gif) no-repeat top center; width: 467px; margin-bottom: 1em; }
	p.soups { background: url(../../images/menu/soup-stews-chili-copy.gif) no-repeat top center; width: 467px; } 
	
	h3#sandwiches { background: url(../../images/menu/sandwiches.gif) no-repeat top center; width: 467px; margin-bottom: 1em;}
	p.sandwiches { background: url(../../images/menu/sandwiches-copy.gif) no-repeat top center; width: 467px; } 	

	h3#entrees { background: url(../../images/menu/entrees.gif) no-repeat top center; width: 467px; margin-bottom: 1em; }
	p.entrees { background: url(../../images/menu/entrees-copy.gif) no-repeat top center; width: 467px; } 
	*/

/* ===== End Restaurant Menus ===== */


/* ----- Home Page Promos ----- */

	/* Style for home flash 
	--------------------------*/
        div#home_flash {
            
        }


	/* Style for whole block 
	--------------------------*/
	div#home-promos {
		position: relative;
		clear: both;
		float: left;
		display: inline;
		top: 0;
		left: 27px;
		width: 933px;
	}

		/* Style for each block 
		------------------------*/
		div#home-promos div.home-promo {
	position: relative;
	float: left;
	display: inline;
	text-align: center;
	width: 224px;
	background-color: #FFF;
	border: 1px dotted #604738;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 0;
		}
	
		div.home-promo p { 
                                                text-align: center;
                                                margin:0;
                                                padding:0;
                }

		div.home-promo img { 
			display: block; 
			margin: 0px auto 14px auto; 
		}
			
		div.home-promo h2 {
			display: absolute;
			margin: 0;
			z-index: 3;
			width: 224px;
			height: 0px;
			text-indent: -999em;
		}
	
/*
		div.gifts h2 { background: url(../../images/layout/home-gifts.gif) no-repeat top center; }
		div.order h2 { background: url(../XImages/home_goodtogo.gif) no-repeat top center; }
		div.cater h2 { background: url(../../images/layout/home-cater.gif) no-repeat top center; }
		div.wharf h2 { background: url(../../images/layout/home-wharf.gif) no-repeat top center; }
*/	

		div#home-promos a:link, 
		div#home-promos a:visited { 
			display: block;	
			text-decoration: none; 
			color: #604738;
			margin: 0 14px 0 14px;; 
		}
		div#home-promos a:hover, div#home-promos span { color: #E41F1F; }	
		div#home-promos span { text-decoration: underline !important; }	
	
/* ===== End Home Page Promos ===== */

/* ===== Popup Styles ===== */
	div#wrapper-h {
		position: relative;
		width: 537px;
		text-align: left;
		background-image: url(../../images/layout/bg-borders-h.jpg);
		background-repeat: repeat-y;
		margin: 20px auto 10px auto;
	}
	
	div#header-h {
		position: relative;
		margin-bottom: 1em;
		background: url(../../images/layout/bg-header-borders-h.jpg) no-repeat;
		z-index: 1000;
		height: 25px;
		padding: 30px 27px 0px 27px;
	}

	body#h #content-h{
	position: relative;
	top: 0;
	left: 27px;
	float: left;
	display: inline;
	width: 490px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
			
	}

	#footer-h{
		position: relative;
		clear: both;
		left: 0;
		min-height: 30px;
		background: url(../../images/layout/bg-footer-borders-h.jpg) no-repeat bottom center;
	}
	* html #footer-h { height: 30px; }	
	
	
	/* Styles */
	div#wrapper-h h1 {
		font-size: 14px;
		color: #E41F1F;
		position: absolute;
		margin: 0;
		width: 375px;
		height: 25px;
		z-index: 3;
		text-indent: 0;
		background: none;
		top: 30px;
		left: 25px;
	}
	
	div#wrapper-h a#close-window {
		display: block;
		margin: 0;
		width: 125px;
		height: 20px;
		text-indent: -999em;
		position: absolute;
		left: 400px;
		top: 30px;
	}
	
	div#content-h img{
	float:left;
	border:solid 1px #000000;
	margin-right: 14px;
	clear: both;
	}
/* ===== Popup Styles End ===== */


/* Locations table styles */
table.locations {
	width: 680px;
	text-align:left;
	margin-bottom:20px;
	padding: 0px;
	margin-top: 0px;
}

table.locations td{
	padding-top:10px;
}

table.locations td.header{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #604738;
	font-size: 18px;
	padding-top:0 !important;
}



/* ===== Locations table end ===== */

/* Open Table Form Styles */
table#feedTable {
	border: 1px solid #333333;
	background-color: #FFFFFF;
	margin:0 0 0 14px;;
	padding:0px;

}

#feedTable input.TableButton{
	margin-right:10px;
	margin-bottom: 10px;
}


#feedTable td {

	font-size:12px;
	vertical-align:middle;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/* Title Text */
.feedTitle {
	margin:0px 2px 5px 14px;
	font-size:12px;
	font-weight:bold;
}
/* Form Title Tags */
.feedFormTitle {
	float:right;
	padding:0; margin:0;
	margin-left:15px;
}
/* Form Time Title Tags */
.feedFormTimeTitle {
	padding:4px 0px;
	padding:0; margin:0;
	margin-right:18px;
	float:left;
}
/* Form Time Title Tags */
.feedFormDateTitle {
	padding:4px 0px;
	padding:0; margin:0;
	float:right;
}
/* Text Form Fields */
.feedFormField {
	font-size:12px;
	margin:2px 2px 2px 2px;
}
/* Text Form Field for Date field */
.feedFormfieldCalendar {
	font-size:12px;
	margin:16px 2px 2px 2px;
	width:100px;
}

/* Logo Treatment */
#logoLink
{
	float:right;
	margin:0px;
}
#logo
{
	border-width:0px;
	margin:0px;
}
#dateDisplay
{
	font-size:10px;
	color:#999;
	float:right;
	margin:0px 5px 0px 0px;
}

/*** calendar styles ***/

/* Placeholder. Don't change this */
.imgCal 
{
	position: absolute;
	display: none;
	z-index:100;
	background-color: #FFF7DA;
}

.partOfCal  {
background:#604738;
	margin:0;
	padding:0;
}

/* Calendar Table properties */
#imageCal table {
	margin:0;
	padding:0;
	font-size:12px;
 	width:150px;
	font-weight: bold;
	background:#FFF;

}
#imageCal td {
	padding:0;
	text-align:center;
height:2px;
}

/* Days in the future */
.clickableDays 
{	
	color: #000000; 
	text-decoration: none;
	height:18px;
	background:#FFF;
}

/* Days in the past */
.nonclickableDays 
{	
	color: #CCCCCC;
	height:18px;
	background:#FFF;
}

/* Name of the month at the top */
.months 
{
	color: #FFFFFF; 
	text-decoration: none 
}

/* Day of the week */
.weekdays
{
	color: #000000; 
	text-decoration: none; 
	color:#666666;
	background-color:#EFEFEF; 
	width:14%;
}


/* ===== End Open Table ===== */

 a.monkeypower,  a.monkeypower:link:visited:active:hover {
	    float: right;
	    text-decoration: none;
	    color:#666666;
	    font-size: 77%;
	    background: url(../../XImages/monkey_power.png) no-repeat right;
	    text-align: right;
	    margin-top: 0;
	    margin-right: 10px;
	    margin-bottom: 10px;
	    margin-left: 0px;
	    padding-top: 10px;
	    padding-right: 40px;
	    padding-bottom: 10px;
	    padding-left: 0px;
                }