/* Perry's Deli */

body { font:12px/24px verdana, arial; color:#58585a; background:#fdfdfd; margin:0; padding:0; }

/* assets */
img { border:none; }
a { color:#5d9731; text-decoration:none; border:none; }
a:hover { text-decoration:underline; }
ul { list-style:none; }
.listStyle { list-style:disc; }
.hidden { height:0; overflow:hidden; }
.clear { clear:both; height:0; overflow:hidden; }
.green { color:#5d9731; }
.yline { width:1px; height:396px; background:#e0e0e0; }
.xline { width:100%; height:1px; background:#e0e0e0; }
.left { float:left; }
.right { float:right; }
.border { border:1px solid #9561a9; }
.nomargin { margin:0 !important; }
.nopadding { padding:0 !important; }
.body { width:974px; margin:0 auto; background:url(../images/assets/background.png) 50% 0 repeat-y; }
.mainContent { width:950px; overflow:hidden; margin:0 auto; background:#ffffff; }
.marginTop60 { margin:40px 0 0 0; }
.backtotop { margin:4px 38px; }


/* h1 title */
h1 { height:28px; overflow:hidden; margin:30px 0 16px 0; }
h1 span { display:block; padding:28px 0 0 0; }
h1.aboutus { background:url(../images/about-us/title.png) no-repeat; }
h1.deliveryandcatering { background:url(../images/delivery-and-catering/title.png) no-repeat; }
h1.delimenu { background:url(../images/menu/title.png) no-repeat; }
h1.cateringmenu { background:url(../images/catering-menu/title.png) no-repeat; }
h1.contactus { background:url(../images/contact-us/title.png) no-repeat; }
h1.mapofdeliveryarea { background:url(../images/map-of-delivery-area/title.png) no-repeat; }

/* header */
.mainContent .header { width:950px; }

/* header > information */
.mainContent .header .perrysInformation { float:right; width:300px; padding:15px 34px 0 0; text-align:right; }
.mainContent .header .perrysInformation .perrysDeli { float:right; width:87px; height:14px; overflow:hidden; background:url(../images/assets/perrys-deli.png) no-repeat; }
.mainContent .header .perrysInformation .perrysDeli p { padding:14px; }
.mainContent .header .perrysInformation .perrysAddress { float:right; padding:4px 0 0 0; }
.mainContent .header .perrysInformation .perrysAddress p { font:12px/18px verdana; margin:0; padding:0; }

/* header > logo & tagline */
.mainContent .header .logo { height:0; width:0; position:absolute; padding:11px 0 0 31px; }
.mainContent .header .logo img { background:url(../images/assets/logo.png) no-repeat; display:inline; }
.mainContent .header .tagline { padding:86px 0 0 260px; }

/* menu */
.mainContent .menu { width:100%; height:81px; margin:16px 0 4px 0; width:100%; background:url(../images/assets/menu-bg.png) bottom repeat-x; }
.mainContent .menu ul { list-style:none; padding:0 0 0 251px; margin:0; display:block; height:81px; overflow:hidden; }
.mainContent .menu ul li { float:left; display:block; height:81px; margin:0; overflow:hidden; background:url(../images/assets/menu.png) no-repeat; }
.mainContent .menu ul li a { background:url(../images/assets/menu.png) no-repeat; }
.mainContent .menu ul li a { display:block; height:81px; }
.mainContent .menu ul li a span { display:block; padding:81px 0 0 0; }
.mainContent .menu ul li.aboutus a { width:99px; background-position:0 0;}
.mainContent .menu ul li.aboutus a:hover { background-position:0 -81px; }
.mainContent .menu ul li.aboutus a.active { background-position:0 -81px; }
.mainContent .menu ul li.deliveryandcatering a { width:212px; background-position:-99px 0;}
.mainContent .menu ul li.deliveryandcatering a:hover { background-position:-99px -81px; }
.mainContent .menu ul li.deliveryandcatering a.active { background-position:-99px -81px; }
.mainContent .menu ul li.delimenu a { width:73px; background-position:-311px 0;}
.mainContent .menu ul li.delimenu a:hover { background-position:-311px -81px; }
.mainContent .menu ul li.delimenu a.active { background-position:-311px -81px; }
.mainContent .menu ul li.cateringmenu a { width:164px; background-position:-384px 0; }
.mainContent .menu ul li.cateringmenu a:hover { background-position:-384px -81px; }
.mainContent .menu ul li.cateringmenu a.active { background-position:-384px -81px; }
.mainContent .menu ul li.contactus a { width:119px; background-position:-548px 0;}
.mainContent .menu ul li.contactus a:hover { background-position:-548px -81px; }
.mainContent .menu ul li.contactus a.active { background-position:-548px -81px; }

/* content */
.mainContent .content {  }
.mainContent ol { margin:12px 0 0 40px; }
.mainContent .content .marginLeft { margin-left:38px; }
.mainContent .content .marginRight { margin-right:38px; }
.mainContent .content .marginBottom { margin-bottom:20px; }
.mainContent .content .marginTop { margin-top:20px; }
.mainContent .content p { margin:0 38px 12px 38px; }
.mainContent .content .leftContent { width:422px; margin:26px; display:inline; }
.mainContent .content .leftContent p { margin:0 12px 12px 12px; }
.mainContent .content .rightContent { width:422px; margin:26px; display:inline; }
.mainContent .content .rightContent p { margin:0 12px 12px 12px; }

/* main callouts */
.mainContent .callouts ul { list-style:none; float:left; margin:0; padding:0; }
.mainContent .callouts ul li { float:left; display:inline; width:314px; padding:0 0 4px 0; }
.mainContent .callouts ul li a { display:block; height:159px; overflow:hidden; background-position:0 0; }
.mainContent .callouts ul li a span { display:block; padding:159px 0 0 0; }
.mainContent .callouts ul li.viewmenu a { background:url(../images/callouts/view-our-menu.png) no-repeat; }
.mainContent .callouts ul li.viewmenu a:hover { background-position:0 -159px; }
.mainContent .callouts ul li.orderonline a { background:url(../images/callouts/order-online.png) no-repeat; }
.mainContent .callouts ul li.orderonline a:hover { background-position:0 -159px; }
.mainContent .callouts ul li.findout a { background:url(../images/callouts/find-out.png) no-repeat; }
.mainContent .callouts ul li.findout a:hover { background-position:0 -159px; }
.mainContent .callouts ul li.contactus a { background:url(../images/callouts/contact-us.png) no-repeat; }
.mainContent .callouts ul li.contactus a:hover { background-position:0 -159px; }
.mainContent .callouts ul li.center { padding:0 4px 4px 4px; }

/* home callouts */
.mainContent .homeCallouts ul { list-style:none; float:left; margin:0; padding:0; }
.mainContent .homeCallouts ul li { display:block; width:314px; padding:0 0 4px 0; }
.mainContent .homeCallouts ul li a { display:block; height:55px; overflow:hidden; background-position:0 0; }
.mainContent .homeCallouts ul li a span { display:block; padding:55px 0 0 0; }
.mainContent .homeCallouts ul li.viewmenu a { background:url(../images/callouts/home-view-our-menu.png) no-repeat; }
.mainContent .homeCallouts ul li.viewmenu a:hover { background-position:0 -55px; }
.mainContent .homeCallouts ul li.orderonline a { background:url(../images/callouts/home-order-online.png) no-repeat; }
.mainContent .homeCallouts ul li.orderonline a:hover { background-position:0 -55px; }
.mainContent .homeCallouts ul li.wantdelivery a { background:url(../images/callouts/home-want-delivery.png) no-repeat; }
.mainContent .homeCallouts ul li.wantdelivery a:hover { background-position:0 -55px; }

/* contact us */
.directions { float:right; display:inline; padding:12px 40px 0 0; text-align:right; }

/* menu */
.mainContent .items .menuitems { margin:12px 0 0 0; }
.mainContent .items .menuitems td { vertical-align:top; }
.mainContent .items .menuitems tr.bg { background:#f1f1f1; }
.mainContent .items .menuitems p { margin:0; padding:0; }
.mainContent .items h2 { margin:20px 0 0 0; }

/* delivery and catering callouts */
.mainContent .theCateringMenu { float:right; display:inline; }
.mainContent .theCateringMenu a { display:block; height:55px; width:314px; overflow:hidden; background-position:0 0; }
.mainContent .theCateringMenu a span { display:block; padding:55px 0 0 0; }
.mainContent .theCateringMenu a { background:url(../images/callouts/delivery-view-our-catering-menu.png) no-repeat; }
.mainContent .theCateringMenu a:hover { background-position:0 -55px; }

.mainContent .theDeliMenu { float:right; display:inline; }
.mainContent .theDeliMenu a { display:block; height:55px; width:314px; overflow:hidden; background-position:0 0; }
.mainContent .theDeliMenu a span { display:block; padding:55px 0 0 0; }
.mainContent .theDeliMenu a { background:url(../images/callouts/delivery-view-our-deli-menu.png) no-repeat; }
.mainContent .theDeliMenu a:hover { background-position:0 -55px; }

/* delivery and catering callouts */
.mainContent .deliveryCallouts ul { list-style:none; margin:0 0 0 32px; padding:0; }
.mainContent .deliveryCallouts ul li { float:left; display:inline; width:314px; padding:0 0 4px 6px; }
.mainContent .deliveryCallouts ul li a { display:block; height:55px; width:314px; overflow:hidden; background-position:0 0; }
.mainContent .deliveryCallouts ul li a span { display:block; padding:55px 0 0 0; }
.mainContent .deliveryCallouts ul li.delimenu a { background:url(../images/callouts/delivery-view-our-deli-menu.png) no-repeat; }
.mainContent .deliveryCallouts ul li.delimenu a:hover { background-position:0 -55px; }
.mainContent .deliveryCallouts ul li.cateringmenu a { background:url(../images/callouts/delivery-view-our-catering-menu.png) no-repeat; }
.mainContent .deliveryCallouts ul li.cateringmenu a:hover { background-position:0 -55px; }

/* delivery menu */
.mainContent .rightImage { margin:8px 38px 24px 16px; }

/* home photo */
.mainContent .homePhoto { width:632px; height:173px; overflow:hidden; margin:0 0 0 4px; }

/*footer */
.body .footerImage { width:950px; margin:0 auto; padding:0; }
.footer { width:950px; margin:0 auto; padding:4px 0 0 0; background:url(../images/assets/footer-background.png) top no-repeat; }
.footer p { padding:0; margin:0 0 12px 38px; }
.footer ul { margin:0 0 0 38px; padding:0; list-style:none; }
.footer ul li { display:inline; }
.footer ul li.last span { border:none; }
.footer ul li span { font:12px/11px verdana; padding:0px 8px 0px 4px; border-right:1px solid #58585a; margin:0 0 4px 0; }
.footer ul li span a { color:#58585a; text-decoration:none; }
.footer ul li span a:hover { text-decoration:underline; }