body{ font-family:Arial,Geneva,sans-serif; font-size:12px; font-weight:normal; color:#000000; background:url(../images/repeater.jpg) repeat #d7c8a4; } .bold {font-weight:bold;} .redlink {color: #C52027;} .clearall { clear: both; } /* Appendix 01 GM - Order */ .delivery-mode { float: left; height: 100px; display: block; } .delivery-btn { font-size: 13px; color: white; font-weight: bold; background: #C52027; padding: 6px 20px; display: block; float: left; margin-top: 10px; text-decoration: none; margin-right: 10px; } a.delivery-btn:hover { color: white; background: #a52217; } .closest-store { font-size: 16px; font-weight: bold; display: block; border-bottom: dashed; border-bottom-color: #8b7f66; border-bottom-width: 1px; margin-bottom:15px; padding-bottom: 5px; } /* Appendix News Page - Lily - 2009 11 27 */ .news_search{ width: 634px; display:block; height: 50px;clear:both; } .news_search .bold { font-weight:bold; font-size: 18px; width: 250px; margin-top: 5px;} .news_search .search-text { border:1px solid #000; padding: 2px 3px; height: 18px; width: 200px; font-size:12px; display:block; float:left; margin-left: 25px; margin-right:5px; display:block; background-color:transparent; margin-top:5px; } .search-button { background: url(../images/btn_news_search.gif) no-repeat; width:102px; height:35px; display:block; cursor: pointer;outline:none; } .news_list { } .news_item { display:block; border-top:1px dashed #978d76; clear:both; padding: 20px 0px; margin-right: 10px;margin-bottom: 0px !important; list-style:none !important; position:relative;} .news_item h1 { line-height: 1.4em; font-weight:bold;} .news_item h1.history_title { margin-bottom: 15px;} .news_item .news_date { font-size: 11px; margin-bottom: 15px;} .news_item .news_read_more { color: #c73435; } .news_list .view_archive { background: url(../images/btn_view_archive_news.gif) no-repeat; width:218px; height:35px; display:block; text-indent:-999em; float:right; cursor: pointer;} .news_archive { border-top: none !important;} .row { clear:both; height: 50px; border-top:1px dashed #978d76; padding-top:20px; } .back_to_news { background: url(../images/btn_back_to_news.gif) no-repeat; width:248px; height:34px; display:block; text-indent:-999em; outline:none; cursor:pointer; float:right; } .btn_previous_year {background: url(../images/btn_previous_year.gif) no-repeat; width: 177px; height:36px; display:block; cursor:pointer; text-indent:-999em; outline:none; float:left;} .btn_next_year {background: url(../images/btn_next_year.gif) no-repeat; width: 127px; height:36px; display:block; cursor: pointer; text-indent:-999em; outline:none; float:right;} .action { clear:both;} /* -------- HEADER ------------------------------------------------------------- */ .logo{ background:url(../images/logo-bg.jpg) no-repeat; } /* --- HEADER MENU --- */ #header-menu a { font-weight:bold; font-size:15px; color:#000000; text-decoration:none; text-align:center; float: left; } #header-menu a span.normal-weight{font-weight:normal;} #header-menu a.home{background:#fbf9f5;} #header-menu a.menu{background:#fbf9f5;} #header-menu a.order-online{background:#fbf9f5;} #header-menu a.nutrition{background:url(../images/nutrition.jpg);} #header-menu a.about-us{background:url(../images/about-crust.jpg);} #header-menu a.store-locator{background:url(../images/store-locator.jpg);} #header-menu a:hover, #header-menu a.selected {background:#febf4e; color:#ca2416;} .franchise-btn { float: left; margin: 14px 0 0 23px; } .franchise-btn a { width: 150px; height: 115px; display: block; text-indent: -1000em; } .franchise-btn2 { float: right; margin: 0 12px 0 0; } .franchise-btn2 a { width: 150px; height: 35px; display: block; text-indent: -1000em; } /* ----------- FOOTER ---------------------------------------------------------------- */ #footer{ color:#ffffff; } #footer ul li .footer-title{ color:#e7e7e7; } #footer-container{ background:url(../images/side-repeater.jpg) repeat-x top #000000; } #footer ul li {font-weight:bold; font-size:14px; border-right:1px dashed #404040; border-bottom:1px dashed #404040; } #footer .contact-us, #footer .become-a-fan {border-right:none;} #footer ul li ul li {border:none;} #footer .contact-us p{color:#e6e6e6;} #footer ul li ul li p, #footer ul li ul li a, #footer ul li ul li { font-size:11px; font-weight:normal; text-decoration:none; color:#cccccc; padding-top: 2px !important; } #footer ul li ul li a:hover{ text-decoration:underline; } #footer ul.contact-legal a, #footer ul.contact-legal li { font-size:11px; color:#999999; text-decoration:none;} #footer ul.contact-legal a:hover{text-decoration:underline;} .become-a-fan .facebookIcon{background:url(../images/facebook.gif) no-repeat;} /* D1 */ .become-a-fan .twitterIcon{background:url(../images/twitter.gif) no-repeat;} /* D1 */ .become-a-fan .RSSIcon{background:url(../images/rssIcon.jpg) no-repeat;} .become-a-fan .peopleIcon{background:url(../images/peopleIcon.jpg) no-repeat;} /* --------------- HOMEPAGE ---------------------------------------------------------- */ #main-flash{ } #noflash-hp { background:url(../images/no-flash.jpg) no-repeat;} #main{ background:url(../images/divider.jpg) no-repeat 408px; } .nutrition #main-flash{ height: 420px; width: 1000px; } /* D1 L - Was Blank */ .nutrition #main{background:none;} .silo.crust-news img { float: left; } .silo.crust-locator{ background:url(../images/crust-locator-image.gif) no-repeat top right; } .silo.crust-locator img { float: right; margin-right: 18px; } .silo.login-box{ background:url(../images/login-box.gif) no-repeat; } /* D1 L - Was Commented in G */ .silo p{ font-size:11px; line-height:15px; } a.read-more{ color:#c52027; } /* --------------- NUTRITION ---------------------------------------------------------------------------------------------------------------------------------------------------- */ ul.pizza-list li {border-right:1px dashed #a19072; } ul.pizza-list li ul li, ul.pizza-list li.no-right-border {border:none;} ul.pizza-list li ul li a { font-size:11px; text-decoration:none; color:#000000; } ul.pizza-list li ul li a:hover{ text-decoration:underline; } /* ---------------EXPAND PANE ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #expand-container td{ border-right:1px dashed #897b62; border-bottom:1px dashed #897b62; } #expand-container table {background:url(../images/expand-left-repeater.png) repeat-y; padding-left:11px;} #expand-container td.no-right-border{border-right:none; } #expand-container td.no-bottom-border{border-bottom:none;} #expand-container #expand-right{ background:url(../images/expand-right-repeater.png) right repeat-y; padding-right:25px; clear:both;} #expand-container #expand-top {width:891px; height:37px; display:block;} #expand-container #expand-top #expand-top-middle{background:url(../images/expand-top-repeater.png) repeat-x 0 10px; font-size:11px;} #expand-container #expand-top .title.meat-pizzas {background:url(../images/meat-pizzas.png) no-repeat;} #expand-container #expand-bottom{background:url(../images/expand-bottom.png) no-repeat;} #expand-container a.close-button-link {color:#000000; text-decoration:none;} #expand-container a.close-button-link:hover {text-decoration:underline;} /* ---------------PRODUCTS ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .product-group { background:url(../images/subtitle-bar.jpg) no-repeat; } .product-group h2 { font-size:30px; width: 500px; } /*Product Menu */ .product-menu {background:url(../images/product-menu-repeater3.gif) repeat-y;} ul#menulist li {color:#999999; font-size:12px; font-weight: bold; } ul#menulist li a{font-size:11px; color:#999999; text-decoration:none;} ul#menulist li a:hover {color:#cc3333; background-color: #febf4d; width: 113px;} ul#menulist li .selected{color:#cc3333; background:url(../images/select-yellow-arrow.jpg) no-repeat 123px 0px #febf4d;} .product-menu-top{background:url(../images/product-menu-top.gif) no-repeat 0 40px; } .product-menu-bottom{background:url(../images/product-menu-bottom.gif) no-repeat;} #healthy-choice {width:0px; height:0px;} #healthy-choice img {position:relative; left:-10px; top:154px;} /* Sides Menu */ .sides-menu{background:url(../images/sides.jpg) no-repeat top;} .sides-menu .salads{background:url(../images/salads-filler.jpg) no-repeat bottom;} .sides-menu .desserts{background:url(../images/desserts-filler.jpg) no-repeat bottom;} .sides-menu .drinks{background:url(../images/drinks-filler.jpg) no-repeat bottom;} /* Product Info (Right Column) */ .product-info{background:url(../images/product-info-repeater.jpg) repeat-y;} .product-info-top{background:url(../images/product-info-top.jpg) no-repeat;} .product-info-bottom{background:url(../images/product-info-bottom.jpg) no-repeat;} .product-info .pizza-box-bg {background:url(../images/product-info-bg.jpg) repeat;} .product-info .summary h3{font-size:17px;} .product-info .summary td {font-size:11px; } .product-info .summary #total {font-size:16px; font-weight:bold; float:right; padding-top:10px;} .product-info .favourite-order td {font-size:11px;} .product-info .favourite-order td a{color:#CC3333;} .product-info .my-crust-store p{font-size:12px;} .product-info .my-crust-store a {font-size:11px; color:#cc3333;} .product-info .holiday-menu h3{font-size:15px;} /* D1 L */ .product-info .holiday-menu a{color:#c73435; font-size:11px;} /* D1 L */ .product-info .holiday-menu p{font-size:11px;} /* D1 L */ .product-info .see-full-menu p { color:#CC3333; font-size:11px; } .product-info .see-full-menu a { color:#cc3333; font-size:11px; } .product-info .entertainment-vouchers h3{font-size:15px;} .product-info .entertainment-vouchers a{color:#c73435; font-size:11px;} .product-info .entertainment-vouchers p{font-size:11px;} .product-info .catering h3 {margin-bottom:5px;} .product-info .catering p{font-size:11px;} .product-info .catering a#order-online-now{background:url(../images/order-online-now.gif); width:161px; height:26px; display:block; margin-top:8px;} .big-tick {background:url(../images/big-tick.jpg) no-repeat left top;} .big-tick p {font-size:11px; padding-right:10px;} .big-tick a{color:#c73435; font-size:11px;} /* Product Info Alternate (Right Column) */ .product-info .login a{color:#c73435; font-size:11px;} .product-info .logout a{color:#c73435; font-size:11px;} .product-info .crust-locator p{font-size:11px; margin-bottom:5px; margin-top:5px;} /* Pizza Table */ .middle table td.left-column {border:1px dashed #8b7e66; border-left:none; border-bottom:none; vertical-align: top;} .middle table td.right-column {border:1px dashed #8b7e66; border-right:none; border-left:none; border-bottom:none; vertical-align: top;} .middle table td.bottom-cell{border-bottom:1px dashed #8b7e66;} .middle table td.topempty-cell{border-top:none;} .middle table td.drink-col { border:1px dashed #8b7e66; border-left:none; border-bottom:none; width: 158px ; padding: 5px 15px; } .middle table td.drink-rcol { border-right: none; } .middle table td.drink-bottom { border-bottom: 1px dashed #8b7e66; } .middle table .pizza-title{font-size:20px; font-weight:bold; float:left;} .middle table .side-title { font-size:20px; font-weight: bold; float: left; } .middle table .drink-title { font-size:15px; font-weight: bold; float: left; margin-bottom: 10px; } .middle table .controls, .middle table p {font-size:11px;} .middle table .pizza-size { font-size: 12px; font-weight: bold; float: left; margin-right: 15px; margin-bottom: 10px; } .middle table .controls .price { background:url(../images/product-price.jpg) no-repeat; color:#ffffff; font-size:13px; font-weight:bold; } .middle table .pizza-base {height:31px; width:31px; float:left;} .award-desc { font-weight: bold; font-style: italic; color: #a8141b; font-size: 12px !important; } /* Edit: Sauces will be IMG and located in the HTML only for CMS/Carousel compatibility */ /* .middle table .t-base {background:url(../images/Tsymbol.jpg) no-repeat left;} .middle table .b-base {background:url(../images/Bsymbol.jpg) no-repeat left;} .middle table .wc-base {background:url(../images/WCsymbol.jpg) no-repeat left;} */ /* The Tick */ .product-tick { background:url(../images/tick-tst.gif) no-repeat; width: 80px; height: 63px; float: right; margin-left: 5px;} /* Sides */ .sides-titles { padding-top: 30px; } .sides-titles td { height: inherit !important; } .sides-titles h4 { border-bottom: none !important; } /* --------------- STORE LOCATOR ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #storelocator { width: 574px; margin: 15px auto 0 auto; } #store-list { font-size: 12px; width: 640px; text-align: left; border-collapse: collapse; } #store-list th { font-size: 12px; font-weight: bold; padding: 5px; border-bottom: 1px dashed #8b7f66; } #store-list td { padding: 10px 5px 10px 5px; border-bottom: 1px dashed #8b7f66; vertical-align: top; height: 100%; font-size: 12px; } #store-list td span { font-weight: bold; font-size: 14px; } #store-list tr:hover td { background: #e7d7b6; } #csl-map { width: 145px; } #csl-locate { } #csl-call { } #csl-btns { width: 172px; } /* --------------- STORE DETAILS ---------------------------------------------------------------------------------------------------------------------------------------------------- */ .map-lrg { float: left; width: 238px; height: 100%; padding: 20px 30px; } .store-details { float: left; width: 330px } .store-details h1 { margin-top: 20px; margin-bottom: 10px; } .store-details h3 { margin-top: 10px; font-weight: bold; } .store-details p { font-size: 13px; font-weight: normal; } .store-trivia p { font-size: 13px; font-weight: normal; padding: 15px 0 0 30px; margin-bottom: 0 !important; } .store-trivia ul { font-size: 13px; font-weight: normal; } .icon-info { display: block; font-size: 13px; font-weight: normal; clear: left; } .icon-info img { float: left; margin: 0 10px 0 0; padding: 0; } .icon-info a { text-decoration: none; color: #000; } .icon-info a:hover { text-decoration: underline; color: #000; } #open-hrs { font-size: 13px; width: 250px; text-align: left; border-collapse: collapse; font-weight: normal; } #open-hrs td { padding: 3px; vertical-align: top; height: 100%; font-size: 13px; font-weight: normal; } /* -------------------------------- STANDARD CONTENT PAGES ------------------------------------------------------------------------------------------------------------------------------ */ .want-to-help {width:176px; padding-top:20px; border-bottom:1px dashed #978D76; padding-bottom:4px;} .want-to-help p{font-size:11px; padding-top:7px; margin-bottom:8px;} .want-to-help img{ display: block; margin: 0 auto; } .want-to-help a { color: #C52027; font-size:11px; line-height: 14px; } .want-to-help a:visited {color: #C52027; } .want-to-help a:hover {color: #C52027; text-decoration: none; } /* D1 L - G Above was Prev: .want-to-help img{float:left;} .want-to-help a{font-size:11px; padding-top:28px; float:left; color: #C52027; } .want-to-help a.no-image{ float: none; padding-top: 0; color: #C52027; } */ .middle table.std-content-tbl{ border-spacing: 0; border-collapse: collapse; padding:0px; } .middle table.std-content-tbl td {width:inherit; padding:10px; border:1px solid #333333;} /*Menu */ .std-menu-top{ background:transparent url(../images/product-menu-top.gif) no-repeat scroll 0 40px; width:130px; height:13px; padding-top:40px; z-index:10; position:relative; } .std-menu-bottom{background: transparent url(../images/product-menu-bottom.gif) no-repeat scroll 0 0; width:127px; height:13px;} .std-content-menu {background: transparent url(../images/product-menu-repeater3.gif) repeat-y scroll 0 0; z-index:10; position:relative;} .std-content-menu li a{ font-size:12px; color:#6b6b6b; font-weight:bold; color:#999999; text-decoration:none; } .std-content-menu li a:hover{ color:#cc3333; background:#febf4d; } .std-content-menu li a.selected, .std-content-menu li a.selected:hover{ width:119px; color:#cc3333; background:url(../images/yellow-arrow-std-content.jpg) no-repeat 123px 0px #febf4d; } .std-content-menu span {font-weight:normal;} /* Forms */ .middle .form { padding: 15px 30px; } .middle .form input, .middle .form textarea { padding: 5px; width: 200px; margin: 0px 0px 5px 0px; background-color: #d7c59d; border: 1px solid #000; font-family: Arial, Geneva, sans-serif; font-size: 12px; } .middle .form input.checkbox { width: 20px; } .middle .form select { padding: 5px; width: 212px; margin: 0px 0px 5px 0px; background-color: #fff; border: 1px solid #000; font-family: Arial, Geneva, sans-serif; font-size: 12px; } .middle #radio { width: auto !important; padding: 0 !important; margin: 6px 0 0 0 !important; border: none !important; } .middle #radio-options { margin-bottom: 11px; } .middle .form span { margin: 0px 10px 0px 0px !important; font-size: 12px; color: #000; } .middle #formtxtpad { margin: 0 0 10px 0; } .middle .form textarea { height: 60px; } .middle .form textarea:focus, .middle .form input:focus { border: 1px solid #ca2416; background-color: #e8d8b6; } .middle .form input.submit-button { background:transparent url(../images/submit-btn.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; width: 110px; height: 32px; margin:10px 10px 0 0; float: right; padding:0; text-indent:-1000em; } .middle .form input.save-button { background:transparent url(../images/save-btn.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; width: 97px; height: 32px; margin:10px 10px 0 0; float: right; padding:0; text-indent:-1000em; } .middle label { color: #000; float: left; text-align: left; margin-right: 4px !important; width: 160px; margin-top: 6px !important; font-family: Arial, Geneva, sans-serif; font-size: 12px !important; } .middle span.label { color: #000; float: left; text-align: left; margin-right: 4px !important; width: 160px; margin-top: 6px !important; font-family: Arial, Geneva, sans-serif; font-size: 12px !important; } .middle #order-form-details span {margin:0 !important;} .middle .formtext { padding-left: 30px !important; padding-right: 30px !important; } .contactus-form { width: 380px; padding-right: 10px !important; float: left; } .contact-numbers { float: left; width: 210px; padding-top: 19px; } .office-head { font-size: 13px !important; font-weight: bold; display: block; padding: 0; margin-bottom: 5px !important; text-align: left; } .office-txt { font-size: 12px !important; margin-bottom: 10px !important; } .office-txt a { color: #000; text-decoration: none; } .office-txt a:hover { text-decoration: underline; } .VIPPcontainer input.save-button { background:transparent url(../images/save-btn.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; width: 97px; height: 32px; margin:10px 10px 0 0; float: right; padding:0; text-indent:-1000em; } .VIPPcontainer li {margin-top: 10px;} /* Product Radios */ .middle .salad-opts select { padding: 5px; margin: 0px 0px 5px 0px; font-family: Arial, Geneva, sans-serif; font-size: 10px; float: left;} .middle .salad-opts #radio { width: auto !important; padding: 0 !important; margin: 0 !important; border: none !important; float: left; } .middle .salad-opts #radio-options { margin-bottom: 11px; height: 12px; } .middle .salad-opts span { margin: 2px 10px !important; font-size: 11px; color: #000; } /* Forms Extra Styles */ .middle .radioButtonList td { width: auto; height: auto; padding: 0 8px 0 0; } .middle .radioButtonList input { width: 13px; border: 0; } .middle .radioButtonList label { float: none; margin: 0 0 0 3px; } .middle table.radioButtonListInline { display:inline; margin:0; padding:0; position:relative; top:5px; } /* D1 L */ /* Disclaimer */ /* D1 L */ .middle table td.disclaimer { border-top:1px dashed #8b7e66; vertical-align: top; text-align: center; } .middle table td.disclaimer em { font-style: italic; } .lightbox .form { padding: 15px 30px; } .lightbox .form input, .middle .form textarea { padding: 5px; width: 200px; margin: 0px 0px 5px 0px; background-color: #d7c59d; border: 1px solid #000; font-family: Arial, Geneva, sans-serif; font-size: 12px; } .lightbox .form select { padding: 5px; width: 212px; margin: 0px 0px 5px 0px; background-color: #fff; border: 1px solid #000; font-family: Arial, Geneva, sans-serif; font-size: 12px; } .lightbox #radio { width: auto !important; padding: 0 !important; margin: 6px 0 0 0 !important; border: none !important; } .lightbox #radio-options { margin-bottom: 11px; } .lightbox .form span { margin: 0px 10px 0px 0px !important; font-size: 12px; color: #000; } .lightbox #formtxtpad { margin: 0 0 10px 0; } .lightbox .form textarea { height: 60px; } .lightbox .form textarea:focus, .middle .form input:focus { border: 1px solid #ca2416; background-color: #e8d8b6; } .lightbox .form input.submit-button { background:transparent url(../images/submit-btn.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; width: 110px; height: 32px; margin:10px 10px 0 0; float: right; padding:0; text-indent:-1000em; } .lightbox .form input.save-button { background:transparent url(../images/save-btn.gif) no-repeat scroll 0 0; border:0 none; cursor:pointer; width: 97px; height: 32px; margin:10px 10px 0 0; float: right; padding:0; text-indent:-1000em; } .lightbox label { color: #000; float: left; text-align: left; margin-right: 4px !important; width: 160px; margin-top: 6px !important; font-family: Arial, Geneva, sans-serif; font-size: 12px !important; } .lightbox .formtext { padding-left: 30px !important; padding-right: 30px !important; } .radioButtonList { padding-bottom: 4px; }