/* PizzaWay CSS - Tag Styles and Psuedo Styling */ body { background-color: #1e8716; background-image: url(images/top-gradient.gif); background-position: 0 31px; background-repeat: repeat-x; margin: 0px; } img, div { behavior: url(iepngfix.htc); display:block; } p { margin: 0px; } ul, li { margin-top: 0px; margin-bottom: 0px; } h3 { font-family: Arial, Helvetica, sans-serif; color: #574b28; font-size: 14px; line-height: 18px; padding: 0px; margin: 0px; } h2 { margin: 0px; } a { text-decoration: none; } .brownlink a { color:#574b28; text-decoration: underline; } .brownlink a:hover { color:#fcb11c; text-decoration: none; } .footerlink a { color:#ffffff; text-decoration: none; } .footerlink a:hover { color:#ffffff; text-decoration: underline; } .graylink a { color:#707070; text-decoration: underline; } .graylink a:hover { color:#1e8716; text-decoration: none; } /* PizzaWay CSS - Layout Structure */ #deliveryhours { width: 100%; margin: 0px; padding: 0px; height: 31px; background:url(images/header_bg.gif) repeat-x; } #wrapper { width: 1000px; margin: 0px auto; } #header { width: 1000px; background-image: url(images/banner.jpg); height: 129px; background-repeat: no-repeat; overflow: hidden; } #middle { width: 1000px; background:url(images/main-bg.png) top left repeat-y; padding:0px; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true ); } #contentwrap { width: 988px; margin: 0px auto; overflow: hidden; } #homewrap { width: 944px; margin: 0px auto; overflow: hidden; padding-top: 20px; } #menuwrapper { margin: 0px auto; overflow: hidden; padding-top: 20px; padding-left: 22px; padding-right: 22px; } #content-left { width: 462px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: /*#8a8a8a*/#48403c; padding-right: 20px; } #content-left p { padding-bottom: 6px; padding-left: 5px; padding-top: 6px; } #content-left h2 { font-family: Arial, Helvetica, sans-serif; color: #1e8716; font-size: 14px; line-height: 18px; padding-bottom: 6px; padding-left: 5px; padding-top: 6px; } /* #content-center { width: 20px; float: left; border: 1px solid #ff0000; } */ #content-right { width: 462px; float: left; } .menu-left1 { width: 231px; float: left; } .menu-left2 { width: 231px; float: left; } /* Right Callout 1 is an orange background, Right Callout 2 has a white background */ .right-callout-top { width: 462px; background-image: url(images/right-column-top.gif); height: 13px; position: relative; bottom: 10px; font-size: 2px; } .right-callout-middle { width: 462px; background-image: url(images/right-column-middle.gif); position: relative; bottom: 10px; } .right-callout-content { width: 434px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; color: #574b28; font-size: 12px; line-height: 18px; } .right-callout-bottom { width: 462px; background-image: url(images/right-column-bottom.gif); height: 13px; position: relative; bottom: 10px; font-size: 2px; } /* Right Callout 1 is an orange background, Right Callout 2 has a white background */ .right-callout-top2 { width: 462px; background-image: url(images/right-column-top2.gif); height: 13px; position: relative; bottom: 10px; font-size: 2px; } .right-callout-middle2 { width: 462px; background-image: url(images/right-column-middle2.gif); position: relative; bottom: 10px; } .right-callout-content2 { width: 434px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; color: #8a8a8a; font-size: 12px; line-height: 18px; } .right-callout-bottom2 { width: 462px; background-image: url(images/right-column-bottom2.gif); height: 13px; position: relative; bottom: 10px; font-size: 2px; } #footer-details { width: 988px; } #footer { width: 1000px; background-image: url(images/footer.jpg); height: 64px; background-repeat: no-repeat; } .right-callout-menutop { width: 462px; height: 315px; position: relative; bottom: 10px; } /* PizzaWay CSS - Navigation Rollovers */ #nav-home a { width:97px; height:59px; display:block; background:url(images/btns/home.jpg) 0 0 no-repeat; position: relative; top: 70px; left: 60px; } #nav-home a:hover { background-position: 0 -59px; } #nav-menu a { width:182px; height:55px; display:block; background:url(images/btns/pizzaway-menu.jpg) 0 0 no-repeat; position: relative; top: 3px; left: 199px; } #nav-menu a:hover { background-position: 0 -55px; } #nav-about a { width:202px; height:55px; display:block; background:url(images/btns/about-pizzaway.jpg) 0 0 no-repeat; position: relative; bottom: 52px; left: 583px; } #nav-about a:hover { background-position: 0 -55px; } #nav-catering a { width:124px; height:55px; display:block; background:url(images/btns/catering.jpg) 0 0 no-repeat; position: relative; bottom: 107px; left: 806px; } #nav-catering a:hover { background-position: 0 -55px; } /* PizzaWay CSS - Extra Styles */ .right-cateringimage { width: 462px; height: 339px; position: relative; bottom: 10px; font-size: 2px; } /* .right-menuimage { width: 462px; height: 301px; position: relative; bottom: 20px; font-size: 2px; } */ #content-rightie6fix { width: 462px; float: right; } /* Pizzaway Phase 2 Styles */ #specialswrap { width: 940px; margin: 0px auto; overflow: hidden; padding-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: /*#8a8a8a*/#707070; } #spleftcolumn { width: 247px; float: left; } .spleft-top { width: 247px; background-image: url(images/spleft-top.gif); height: 45px; font-size: 2px; } .spleft-middle { width: 247px; background-image: url(images/spleft-mid.gif); background-repeat: repeat-y; } .spleft-content { width: 210px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; color: #707070; font-size: 12px; line-height: 18px; } .spleft-bottom { width: 247px; background-image: url(images/spleft-bottom.gif); height: 24px; font-size: 2px; } #sprightcolumn { width: 693px; float: left; } #newsletter-form .newsletter-form-top { width: 247px; background-image: url(images/specials-newsletter-top.gif); height: 45px; font-size: 2px; } .newsletter-form-mid { width: 247px; background-image: url(images/specials-newsletter-mid.jpg); background-repeat: repeat-y; } .newsletter-content { width: 210px; margin: 0 auto; } .newsletter-specials-input { width: 200px; border: 1px solid #613319; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5c5658; height: 18px; padding-top: 3px; } .newsletter-specials-input:hover{ width: 200px; border: 1px solid #1e8716; background-color: #f2f2f2; } .nlsu-submit { width: 85px; height: 20px; background:url('images/subscribe2.gif') top left no-repeat; border: 0px; cursor: pointer; } .nlsu-submit:hover { background-position: 0 -20px; } .submit-specials-nl { margin-top: 10px; position: relative; left: -3px; margin-right: -3px; background:url('images/subscribe-nl.gif'); border: 0px; width: 163px; height: 33px; cursor: pointer; outline: none; } .submit-specials-nl:hover { background-position: 0 -33px; } .newsletter-form-bottom { width: 247px; background-image: url(images/specials-newsletter-bottom.jpg); height: 16px; font-size: 2px; } .header-signup-input { float: left; border: 0px; width: 117px; padding-top: 4px; padding-left: 10px; padding-right: 10px; height: 16px; background:url('images/clearinput.png') top left no-repeat; margin-right: 10px; color: #ebe8e1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; font-variant: small-caps; } #investment-form { margin-top:15px;} .investment-form-top { width: 300px;} .investment-form-top h3 { font-size:18px; font-weight:bold; color:#1e8716;} .investment-form-mid { width: 310px;} .investment-content { width: 300px; margin: 0 auto; padding-top: 10px;} .investment-input { width: 200px; border: 1px solid #613319; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5c5658; height: 18px; padding-top: 3px; } .investment-input:hover { width: 200px; border: 1px solid #1e8716; background-color: #f2f2f2;} .investment-textarea { width: 350px; border: 1px solid #613319; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5c5658; padding-top: 3px; } .investment-textarea:hover { width: 350px; border: 1px solid #1e8716; background-color: #f2f2f2; } .investment-submit { margin-top: 5px; position: relative; left: -3px; margin-right: -3px; background:url('images/send-investment.gif'); border: 0px; width: 103px; height: 31px; cursor: pointer; outline: none; } .investment-submit:hover { background-position: 0 -31px; } .investment-form-bottom { width: 300px; background-image: url(images/investment-form-bottom.gif); height: 16px; font-size: 2px; } /* Pizzaway Phase 2 Menu */ #menu-right-wrapper { width: 242px; float: right; } #menu-left-wrapper { width: 694px; float: left; } #menu-left { width: 694px; background-color: #eaeaea; float: left; } #menu-right1 { width: 242px; background-color: #eaeaea; float: right; margin-top: 2px; } #menu-right1 p { padding-bottom: 14px; } #menu-right2 { width: 242px; background-color: #eaeaea; float: right; margin-top: 6px; } .menu-item { width: 206px; height: 163px; background:url(images/menu/item-bg.gif) no-repeat; margin: 3px; float: right; } .menu-item-inner { width: 192px; height: 149px; margin-top: 6px; margin-left: 6px; border: 1px solid #FFFFFF; } .menu-item-inner:hover { border: 1px solid #fdbb2f; cursor: pointer; } .menu-shadow { z-index: 100; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; width: 192px; height: 24px; background:url(images/menu/menu-item-black.png) no-repeat; vertical-align: bottom; position: relative; top: 125px; } .menu-item-text { z-index: 200; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; position: relative; bottom: 20px; padding-left: 14px; }