body { font-size:62.5%; font-family:Arial; background:#fff url(images/page-bg.jpg) repeat; }
#page-wrap { width:910px; margin:0 auto; background:#fff url(images/wrap-bg.png) repeat-y; }
#header { width:900px; height:280px; margin:0 auto; }

#nav-bar { width:900px; margin:0 auto; background:#FFC500; padding:8px 0 8px 0; }
#nav-bar ul { width:auto; float:left; padding-left:10px; }
#nav-bar li { display:inline; font-size:1.1em; margin-right:20px; font-weight:bold; }
#nav-bar li a { color:#000; text-decoration:none; }
#nav-bar address { text-align:right; font-size:1.1em; padding-right:10px; }

#content { width:898px; margin:0 auto; background:#fff; padding-bottom:30px; border-top:10px solid #fff; }

#sidebar-1 { width:180px; float:left; background:#fff; margin-left:10px !important; margin-left:3px; }
#sidebar-2 { width:180px; float:right; background:#fff; margin-right:10px !important; margin-right:3px; }
#main { width:500px; float:left; margin-left:10px; background:#fff; }

#nav-main { background:transparent url(images/menu.jpg); padding:5px 0 1px 0; margin-bottom:15px; }
#nav-main h2 { font-family:Georgia; font-size:2.2em; color:#fff; width:90%; margin:0 auto; margin-bottom:10px; }
#nav-main ul { width:90%; margin:0 auto; margin-bottom:15px; }
#nav-main li { font-size:1.2em; margin-bottom:3px; line-height:18px; text-indent:10px; width:90%; }
#nav-main li a { color:#fff; text-decoration:none; }
#nav-main li.active { background:#B6B2B6; }
#nav-main li.active a { color:#434345; }

.box .content a { color:#000; text-decoration:none; }
.box .content a:visited { color:#000; }
.box { border:1px solid #ccc; width:98%; margin:0 auto; margin-bottom:15px; }
.box a h2,
.box a h3,
.box a p { text-decoration:none; }
.box h2 { padding:10px 0 10px 0; background:transparent url(images/header-bg.jpg) bottom; color:#fff; font-size:2.1em; text-indent:15px; }
.box h2 a,
.box h2 a:visited { color:#fff; text-decoration:none; }
.box .box-image { width:195px; float:right; margin:3px; }
.box .content { width:265px; margin-left:15px; padding:10px 0 10px 0; }
.box .content p { margin-bottom:15px; color:#333 !important; }
.box .content p.link a,
.box .content p.selection-link a { color:#009; text-decoration:underline; }
.box h3 { font-size:2.6em; font-weight:bold; position:relative; }
.box h3 span { display:block; position:absolute; top:0; right:0; }
.box p { font-size:1.2em; color:#000; }
.box p.link { text-align:right; }
.box p.welcome { width:90%; margin:0 auto; margin-top:10px; }
.box .description { background:#C6C8CA; border:2px solid #6E6C72; padding:10px 0 10px 0; float:left; width:180px; margin:10px; }
.box .description p { width:90%; font-size:11px; margin:0 auto; margin-bottom:10px; }
.box .order-details { width:200px; margin-left:210px; margin-top:10px; }
.box .order-details table { margin-bottom:15px; width:260px; }
.box .order-details th { width:110px; font-size:12px; vertical-align:top; padding:5px 0 5px 0; }
.box .order-details td { padding:5px 0 5px 0; }
.box .order-details li { font-size:12px; }
.box .order-details .action { height:40px; line-height:40px; margin-bottom:5px; }
.box .order-details .action a { text-decoration:none; border:2px solid #6E6C72; background:#C6C8CA; font-size:11px; padding:5px 10px 5px 10px; margin-right:8px; color:#4C4D51; }
.box .details { width:95%; margin:0 auto; }
.box .details .item { margin-bottom:20px; padding:5px 0 5px 0; }
.box .details .item a.lightbox { float:left; width:120px; height:90px; margin-left:10px; margin-top:5px; border:none; text-decoration:none; }
.box .details .item p { width:65%; margin-left:145px; }
.box .details .item p.order-link { text-align:right; margin-bottom:5px; height:30px; line-height:30px; }
.box .details .item p.order-link a { text-decoration:none; border:1px solid #6E6C72; background:#C6C8CA; font-size:11px; padding:3px 10px 3px 10px; color:#4C4D51; }
.box p.desc,
.box p.desc a { text-decoration:none; color:#000; }
.box p.desc a:hover { text-decoration:underline; color:#000; }

.box .form { width:95%; margin:0 auto; margin-top:15px; }
.box .form fieldset { display:block; margin-bottom:15px; }
.box .form legend { font-size:18px; text-align:center; color:#FF8500; font-weight:bold; }
.box .form fieldset p { clear:both; }
.box .form fieldset p.desc { width:40%; margin-left:170px; padding-bottom:5px; vertical-align:middle; }
.box .form fieldset p.desc small { font-size:11px; font-style:italic; color:#666; }
.box .form fieldset label { display:block; width:160px; height:auto; padding-top:3px; text-align:right; float:left; margin:3px; }
.box .form fieldset input,
.box .form fieldset select,
.box .form fieldset textarea { margin:3px; }
.box .form fieldset input.form-error { border:1px solid #ff0000; }
.box .form .action { margin-left:160px; }
.box .form .action p { margin-bottom:10px; }
.box a.button { text-decoration:none; border:2px solid #6E6C72; background:#C6C8CA; font-size:11px; padding:5px 10px 5px 10px; margin-right:8px; color:#4C4D51; }
.box .form .notice { border:2px solid #6E6C72; background:#C6C8CA; padding:5px 0 5px 0; margin-bottom:15px; }
.box .form .notice p { text-align:center; }

.selection p { width:95%; margin:0 auto; margin-top:10px; margin-bottom:10px; }

.pasty .details { width:100%; margin:0; padding:0; }
.pasty .details .item { width:150px; height:200px; height:auto; float:left; margin:5px !important; padding:0;  text-align:center; }
.pasty .details .item h3 { font-size:18px; }
.pasty .details .item img { float:none; margin:0 auto; }
.pasty .details .item p { width:95%; margin:0 auto; }

.box-selection { width:95%; margin:0 auto; margin-bottom:25px; border:1px solid #ccc; background:#E7E8E9; }
.box-selection h3 { width:100%; font-size:17px; text-align:center; padding:3px 0 3px 0; }
.box-selection h4 { width:100%; font-size:30px; text-align:center; padding:3px 0 3px 0; font-weight:bold; position:relative; }
.box-selection .yes-please { position:absolute; top:10px; right:8px; text-decoration:none; border:1px solid #6E6C72; background:#C6C8CA; font-size:11px; padding:3px 10px 3px 10px; color:#4C4D51; }

.box-selection div.current { width:210px; float:left; }
.box-selection div.last { width:210px; float:right; margin-right:20px !important; margin-right:0px; }

.box-selection div p { font-size:14px; font-weight:bold; }
.box-selection dl { width:210px; margin:10px; position:relative; margin-bottom:20px; }
.box-selection dt { width:210px; font-size:12px; border-bottom:1px dotted #ccc; }
.box-selection dt span { display:block; width:130px; }
.box-selection dd { font-size:12px; position:relative; right:0; top:-14px; text-align:right; }

.order-history { border:1px solid #ccc; width:90%; margin:0 auto; margin-top:20px; margin-bottom:20px; }
.order-history th,
.order-history td { font-size:12px; padding:10px; }
.order-history th { font-weight:bold; }

#meat-selection .box-selection h3,
#meat-selection .box-selection h4 { background:#FECD08; color:#655E55; }

#deli-selection .box-selection h3,
#deli-selection .box-selection h4 { background:#046838; color:#fff; }

#about .contents { width:280px; padding:10px 0 10px 0; margin-left:10px; }
#about .contents h3 { font-size:18px; margin-bottom:10px; color:#FF8500; }
#about .contents p { margin-bottom:15px; }
#about .images { width:180px; float:right; overflow:hidden; margin-right:10px !important; margin-right:5px; padding:10px 0 10px 0; }
#about .images img { display:block; margin-bottom:5px; }

#terms .contents { width:90%; margin:0 auto; margin-top:20px; }
#terms .contents h3 { font-size:18px; margin-bottom:10px; color:#FF8500; }
#terms .contents p { margin-bottom:15px; }

#contact-us h2 { margin-bottom:20px; }
#contact-us address { font-size:12px; width:90%; margin:0 auto; margin-bottom:15px; }
#contact-us address em { font-size:14px; font-weight:bold; }

/* sidebar banner */
.banner { border:1px solid #ccc; padding:8px 0; overflow:hidden; margin-bottom:5px; text-align:center; position:relative; }
.banner a { text-decoration:none; overflow:hidden; }
.banner a img { width:auto; margin:0 auto; border:none; }
.banner a span { width:auto; position:absolute; left:0; z-index:1; font-size:9px; }

#footer { clear:both; width:100%; padding-top:20px; background:transparent url(images/page-footer-bg.png) no-repeat bottom;  }
#footer p { text-align:center; padding-bottom:15px; }


.yellow { color:#FFC000; }
.green { color:#005F25; }
.blue { color:#009DEA; }
.green-bg { background-color:#E3F298; }
.brown-bg { background-color:#D8C0A8; }
.yellow-bg { background-color:#F7F894; }
.black { background-color:#000; }

.meat,
.meat h3 a ,
.meat a h3 { color:#ffc000 !important; text-decoration:none; }
.deli,
.deli h3 a,
.deli a h3 { color:#005f25 !important; text-decoration:none; }

.deli h3.product-title a:hover,
.meat h3.product-title a:hover { text-decoration:underline; }

.pasty,
.pasty h3
.pasty h3 a,
.pasty a h3 { color:#009dea !important; }

.meat-bg { background-color:#F7F894; }
.deli-bg { background-color:#e3f298; }
.pasty-bg { background-color:#D8C0A8; }

p.success { }
p.error { width:90%; margin:0 auto; background:#f00; color:#fff; padding:5px 0 5px 0; text-align:center; margin-top:15px; }
.message { margin-top:10px;text-align:center; font-size:14px; color:#090; font-weight:bold; }
#checkout-message { margin-left:10px; }

strong { font-weight:bold; }
em { font-style:italic; }
.hide { display:none; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

/* WinIE7 only */
*:first-child+html .clearfix { height:1%; }

/* WinIE6 and below */
/*¥*/
* html .clearfix { height:1%; }
/**/

/* MacIE only */
/*¥*//*/
.clearfix { display:inline-table; }
/**/
.clearfix { display:block; }

pre { width:80%; max-height:400px; margin:0 auto; background:#fff; font-size:14px; overflow:auto; padding:10px; border:1px solid #333; }

pre.cake-debug { width:90%; height:auto; }

.cake-sql-log { caption-side:top; font-size:1.2em; width:90%; margin:0 auto; background:#fff; margin-bottom:20px; margin-top:20px; border:px solid #ccc; }
.cake-sql-log td,.cake-sql-log th { padding:10px; border:1px solid #f2f2f2; }
.cake-sql-log th { font-weight:bold; background:#fafafa; }
.cake-sql-log caption { border:1px solid #ccc; background:#f2f2f2; padding:10px; font-weight:bold; }

/* lightbox styles */
#lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img { border:none; }
#outerImageContainer { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer { padding:10px; }
#loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav { left:0; }
#hoverNav a { outline:none; }
#prevLink, #nextLink { width:49%; height:100%; background:transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }