/* CSS Document */ /*******************************************************************************************************************/ /* Redefined Tags */ /*******************************************************************************************************************/ /*html { height: 100%; }*/ html { margin: 0; padding: 0; } body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; text-align: left; line-height: 14px; color: #333; background: #ede9dd; voice-family: "\"}\""; voice-family: inherit; font-size: 12px} h1 {margin:0px; padding:0px 0px; } h2 {margin:0; padding:0; color:#006f54; font-size:18px; line-height:18px; font-weight:normal;} h3 {margin:0; padding:5px 0px; color:#006f54; font-size:11px; line-height:14px; font-weight:bold;} p {margin:0; padding:5px 0px;} a, a:link, a:active, a:visited{color: #333333; text-decoration: underline;} a:hover {color: #006f54; text-decoration: underline;} hr {margin:5px 0px; padding:0; height:1px; line-height:1px; border:none; background:#CCC; } /*******************************************************************************************************************/ /* Redefined Tags/Form */ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* April Fool Day 2010 Styles - HOME PAGE - FROM MARGO 31 March 2010 */ /*******************************************************************************************************************/ #Fools-promo {margin:0; height:559px; clear:both;} #Fools-promo .FoolsPromoLeft {float:left; background-image:url(http://www.papajohns.co.uk/images/april-balls-bg.jpg); background-repeat:no-repeat; width:380px; height:559px; margin:0; padding:0;} #Fools-promo .FoolsPromoLeft .FoolsPromoTextLeft {color:#f8f2de; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-top:268px; margin:0 25px; height:182px;} #Fools-promo .FoolsPromoLeft .FoolsLogos {height:104px;} #Fools-promo .FoolsPromoRight {float:left; background-image:url(http://www.papajohns.co.uk/images/fresh-dough-bg.jpg); background-repeat:no-repeat; width:608px; height:559px; padding:0; margin:0;} #Fools-promo .FoolsPromoRight .FoolsPromoTextRight {padding-top:485px; margin-left:20px; color:#004472; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; font-weight:bold; height:60px; margin-right:0; width:560px;} #Fools-promo .FoolsPromoRight .FoolsPromoTextRight .BuyBtn {float:right; padding-top:20px;} .Fools-offer {background-color:#FFF; height:5px; clear:both; line-height:1px; font-size:1px;} /*******************************************************************************************************************/ /* END - April Fool Day 2010 Styles - HOME PAGE */ /*******************************************************************************************************************/ /*******************************************************************************************************************/ /* Papas Lounge Tags */ /*******************************************************************************************************************/ .PapasLoungeBody { margin: 0; background:#ede9dd; } .PapasLoungeFlashContent { margin: 20px auto; text-align:center; width: 889px; } /*******************************************************************************************************************/ /* Content / Structure */ /*******************************************************************************************************************/ #wrapper {margin:0px auto; padding:0px; width:998px; background:#FFF;} #bg {margin: 0px 5px 0px 5px; padding:0px; background:#ebe0b4 url(/images/green-bg.gif) 0px 0px repeat-x; width:988px;} #navbar {margin:0; padding:0; background:#ebe0b4; height:21px;} #navbar img {margin:0px 0px 0px 1px; padding:0px; float:left; display:inline;} #navbar .cookie {margin:0; padding:5px 10px 0px 0px; width:234px; text-align:left; float:left; display:inline; } #navbar .nocookie {margin:0; padding:5px 10px 0px 15px; text-align:left; float:left; display:inline; } #navbar .francookie {margin:0; padding:5px 10px 0px 15px; width:213px; text-align:left; float:left; display:inline; } #navbar .nopad {margin:0; } #left {margin:0px 0px 0px 15px; padding:0px; width:206px; position:absolute; } #left .logo {margin:0px 0px 0px 34px} #left .cta {margin:10px 0px; clear:both; float:left;} #leftlogo {margin:0px 0px 0px 0px; padding:0px; width:211px; position:absolute; } .infopane {margin: 0px 0px 0px 0px;} .infopane .tab {margin: 0px 10px 0px 0px;} .infopane .link {margin:0px; padding:10px 0px 0px 0px;} /*.infopane .info {margin:0; padding:14px 5px 14px 14px; background:#FFF; clear:left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}*/ .infopane .info {margin:0; padding:14px 5px 14px 10px; background:#FFF; clear:left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;} .infopane form {margin:0; padding:0; width:179px;} .infopane select {margin:5px 0px; padding:1px; width:174px; font-size:12px; border:1px solid #7f9db9;} .infopane input {margin:0px; padding:4px 1px 3px 1px; width:25px; font-size:11px; border:1px solid #7f9db9;} .infopane ul {margin:0; padding:0px 0px 5px 0px; list-style-type:none;} .infopane li {margin:0; padding:5px 0px 5px 22px; list-style-type:none; background: url(/images/tick.gif) 0px 3px no-repeat; } .infopane .info h3 {margin:0; padding:0; color:#006f54; font-size:11px; line-height:14px; font-weight:bold;} .infopane .info .thumb {margin: 0px 10px 20px 0px; padding:0px; float:left; display:inline; } .infopane .item {margin:0px 0px 5px 0px; padding:5px; background:#fbf8ed;} .infopane .item .remove {margin:0px 0px 0px 14px; font-size:10px;} /*.infopane .extras {margin:25px 0px 0px 0px; padding:0px;}*/ .infopane .extras {margin:5px 0px 0px 0px; padding:0px;} .rightcol {margin:0px; padding:0px 0px 0px 15px; width:191px; float:right; display:inline; } .rightcol .right {margin:0; padding:0px 5px 0px 0px!important; width:70px!important; float:right; display:inline;} .rightcol hr {margin:0px!important; padding:0; height:1px; line-height:1px; border:none; background:#CCC; width:auto!important; float:none!important; display:block!important; } #main {margin:0; padding:0px 0px 0px 220px;} #optionscol {margin:0px 0px 0px 15px; padding:0px; width:517px;clear:left;} .thumb {margin: 0px 10px 20px 0px; padding:0px; float:left; display:inline; } #cartcol {margin:20px 15px 15px 0px; padding:0; float:right; display:inline; width:206px; } #checkout {margin: 0px 0px 20px 15px; width:738px; clear:left;} .info{margin:0; padding:14px 5px 14px 14px; background:#FFF; clear:left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;} #checkout form {margin:0; padding:0;} #checkout select {margin:5px 0px; padding:1px; width:174px; font-size:12px; border:1px solid #7f9db9;} .searched {margin:0px 10px 0px 0px; padding:0; float:left; display:inline; } .searchbar {line-height:18px; font-size:14px;} .leftaligninput {margin:0px 4px; padding:4px 1px 3px 1px; width:25px; font-size:11px; border:1px solid #7f9db9; text-align:left;} input {margin:0px 4px; padding:4px 1px 3px 1px; width:25px; font-size:11px; border:1px solid #7f9db9;} #checkout ul {margin:0; padding:0px 0px 5px 0px; list-style-type:none;} #checkout li {margin:0; padding:5px 0px 5px 22px; list-style-type:none; background: url(/images/tick.gif) 0px 3px no-repeat; } #checkout .item {margin:0px 0px 5px 0px; padding:5px; background:#fbf8ed;} #checkout .name {margin:0; padding:3px 0px 0px 0px; width:470px; float:left; display:inline; } #checkout .adjust {margin:0; padding:0; width:110px; float:left; text-align: center; display:inline; } #checkout .right {margin:0; padding:8px 45px 0px 0px; width:40px; text-align:left; float:right; display:inline; } #checkout .special {margin:0px; padding:0px; width:580px; text-align:right; } #checkout .total {margin:0px 0px 0px 470px; padding:0; width:80px; text-align:center; } #checkout hr {margin:5px 50px 5px 0px; padding:0; height:1px; line-height:1px; border:none; background:#CCC; width:185px; float:right; display:inline; } #checkout .promo {margin:0px 0px 0px 10px; padding:4px 1px 3px 1px; width:110px; font-size:11px; border:1px solid #7f9db9; text-align:left;} #checkout .returning {margin:10px 2px 20px 30px; padding:15px 15px 8px 15px; background:#ebe0b4; width:304px; height:144px; float:left; display:inline} #checkout .existing {margin:10px 0px 20px 0px; padding:15px 15px 8px 15px; background:#ebe0b4; width:304px; height:144px;float:left; display:inline} #checkout .returning .right, #checkout .existing .right {margin:0; padding:0px; width:75px; float:right; display:inline; } #checkout .radio {margin:0px 10px 0px 0px; padding:0px; width:auto; height:auto; float:left; display:inline; border:none;font-size:14px; width:auto!important;} #checkout .radio input {border:none;} #checkout .check input {border:none;} #checkout .llabel {margin:0px 0px 0px 25px; width:70px; float:left; display:inline; line-height:20px; clear:left;} .user {margin:0px 0px 10px 0px; padding:4px 5px 3px 5px; width:175px;font-size:12px;text-align:left;} #checkout .userwatermark {margin:0px 0px 10px 0px; padding:4px 5px 3px 5px; width:175px;font-size:12px;text-align:left; color: #999999;} #checkout .rlabel {margin:0px 0px 0px 25px; width:160px; float:left; display:inline; line-height:20px; clear:left;} #checkout .pcode {margin:0px 0px 10px 0px; padding:4px 5px 3px 5px; width:107px;font-size:12px;text-align:left;} #checkout .pcodewatermark {margin:0px 0px 10px 0px; padding:4px 5px 3px 5px; width:107px;font-size:12px;text-align:left; color: #999999;} #checkout .details {margin:0px 0px 0px 30px; padding:0px; width:665px;} #checkout h2 {margin:0px 0px 20px 0px; padding:25px 0px 5px 0px; border-bottom:1px solid #CCC;} #checkout .address {margin:5px 0px 0px 25px} #checkout .col {margin:0; padding:0; float:right; display:inline; width:335px;} #checkout .col select {margin:5px 0px; padding:1px; width:115px; font-size:12px; border:1px solid #7f9db9;} #checkout .col .right {padding:0; width:155px; text-align:left; float:right; display:inline; } #checkout .paymentlbl {margin:0px; width:180px; line-height:25px; float:left; display:inline; clear:left;} #checkout .text {margin:3px 4px 5px 4px; padding:2px 5px; width:150px; font-size:12px; border:1px solid #7f9db9;} #checkout .paymentsel {margin:3px 4px 5px 4px!important; padding:1px!important; width:115px; font-size:12px;} .hiddenDiv {display:none;} .showDiv {display:block;} #optionscol h2 {margin:0px 0px 20px 0px; padding:25px 0px 5px 0px; border-bottom:1px solid #CCC;} #optionscol .profilelbl {margin:0px; width:150px; line-height:25px; float:left; display:inline; clear:left;} #optionscol .text {margin:3px 4px 5px 4px; padding:2px 5px; width:200px; font-size:12px; border:1px solid #7f9db9;} #optionscol .item {margin: 0px 10px 5px 0px; padding:5px; background:#fbf8ed;} #optionscol .profilesel {margin:3px 4px 5px 4px!important; padding:1px!important; width:115px; font-size:12px;} #optionscol .radio {margin:0px 10px 0px 0px; padding:0px; width:auto; height:auto; float:left; display:inline; border:none;font-size:14px; width:auto!important;} #optionscol .radio input {border:none;} #optionscol .check input {border:none;} /*******************************************************************************************************************/ /* Promo */ /*******************************************************************************************************************/ .searchouter {margin:0; padding:0; background:url(/images/search-bg.jpg) 0px 0px no-repeat; width:204px; height:413px; float:left; display:inline; position:relative;} .searchinner { padding:10px 10px 0px 10px; } .searchinner .postcode {margin:10px 0px 5px 0px; padding:0; } .searchinner input {margin:0px 0px 8px 0px; padding:2px 5px; border-top:1px solid #7f9db9; border-left:1px solid #7f9db9; border-bottom:1px solid #7f9db9; width:134px; float:left; display:inline; height:15px; color:#333;} .searchinner select {margin:0px 0px 8px 0px; padding:3px 1px 2px 1px; width:180px; font-size:12px; border:1px solid #7f9db9; color:#333;} .searchinner .dropdowns {margin:0px 0px 8px 0px; padding:0; } .searchinner .maps {margin:0px 0px 0px 0px; padding:0; } .searchouter .samplemenubtn { position:absolute; bottom:0px; right:0px; margin-bottom:1px; } /* .search {margin:0; padding:10px 10px 0px 10px; background:url(/images/promo/search-bg.jpg) 0px 0px no-repeat; width:184px; height:383px; float:left; display:inline;} .search .postcode {margin:10px 0px 5px 0px; padding:0; } .search input {margin:0; padding:2px 5px; border-top:1px solid #7f9db9; border-left:1px solid #7f9db9; border-bottom:1px solid #7f9db9; width:134px; float:left; display:inline; height:15px; color:#333;} .search select {margin:0px 0px 8px 0px; padding:3px 1px 2px 1px; width:180px; font-size:12px; border:1px solid #7f9db9; color:#333;} .search .dropdowns {margin:8px 0px 8px 0px; padding:0; } .search .maps {margin:8px 0px 0px 0px; padding:0; } */ /*.search_sml {margin:0; background-color:#FAF1DD;padding:19px 10px 0px 10px; width:184px; height:245px; float:left; display:inline;}*/ .searchouter_sml {margin:0; background-color:#FAF1DD;padding:0px; width:204px; height:310px; float:left; display:inline; position:relative;} .search_sml { padding:10px 10px 0px 10px; } .search_sml .postcode {margin:10px 0px 5px 0px; padding:0; } .search_sml input {margin:0; padding:2px 5px; border-top:1px solid #7f9db9; border-left:1px solid #7f9db9; border-bottom:1px solid #7f9db9; width:134px; float:left; display:inline; height:15px; color:#333;} .search_sml select {margin:0px 0px 8px 0px; padding:3px 1px 2px 1px; width:180px; font-size:12px; border:1px solid #7f9db9; color:#333;} .search_sml .dropdowns {margin:0px 0px 8px 0px; padding:0; } .search_sml .maps {margin:0px 0px 0px 0px; padding:0; } .searchouter_sml .samplemenubtn { position:absolute; bottom:0px; right:0px; } #promo {margin:0; padding:20px 16px 17px 16px; background: url(/images/promo/autumn10-home-bg.jpg) 0px 0px no-repeat; height:413px; clear:both;} #promo #homePromoBox {margin: 0 0px 0 10px; font-size:19px; color:#ffffff; padding: 0px 10px 30px 50px; background:url(/images/promo/autumn10-pepperoni-box.jpg) 10px 0px no-repeat; width:460px; height:173px; float:left; display:inline; line-height:16px;} #promo #homePromoBox .homePromoBoxText {width:370px; margin-left:70px; margin-top:20px; font-size:12px; line-height:18px; color: #FEFDE1;} #promo #car {margin:0; padding:0; background:#c4203b url(/images/signature-bg.jpg) 0px bottom no-repeat; width:204px; height:412px; float:left; display:inline; z-index:10;} /* #promo #car {margin:0; padding:0; background-color:#c4203b; width:204px; height:225px; float:left; display:inline; z-index:10;} */ #promo #SecondPromo {margin:0; padding:0; width:204px; height:200px; display:inline; z-index:10;} #promo #car p {margin:0; padding:5px 10px; color:#f8f1dc;} #promo #car .story {margin:391px 0px 0px 44px; padding:0; position:absolute; z-index:50; } /*******************************************************************************************************************/ /* Generic */ /*******************************************************************************************************************/ .green {color:#006f54;} .red {color:#9a0126;} .left {margin:0; padding:0; float:left; display:inline;} .right {margin:0; padding:5px 5px 0px 0px; float:right; display:inline;} .clear {margin:0; padding:0; font-size:1px; height:1px; line-height:1px; clear:both;} .tiny {font-size:11px;} .large {font-size:14px;} /*******************************************************************************************************************/ /* Tabs / Products */ /*******************************************************************************************************************/ .tabberlive .tabbertabhide {display:none;} .tabber { } .tabberlive {} ul.tabbernav { margin:0px 0px 0px 0px; padding: 3px 0; border-bottom: 1px solid #CCC; font: bold 12px Verdana, sans-serif; height:24px; } ul.tabbernav li {list-style: none; margin:0px 0px 0px 0px; float:left; display: inline; text-align:center} ul.tabbernav li a {padding: 5px 0px 2px 0px; margin-right: 2px; line-height:20px; height:20px; border: none; background: #f8f1dc; text-decoration: none; width:101px; display:block;} ul.tabbernav li a:link, ul.tabbernav li a:visited { color: #016f54; } ul.tabbernav li a:hover { color: #FFF; background: #016f54; } ul.tabbernav li.tabberactive a {background-color: #fff; border-right:1px solid #CCC; border-bottom: 1px solid #fff;} ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; } .tabberlive .tabbertab {clear:left; margin:0px 0px 0px 0px; padding:23px 10px 10px 10px; background:#FFF; border-top:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .tabberlive .tabbertab h3 {margin:0; padding:4px 0px 0px 0px; color:#006f54; font-size:18px; line-height:18px; font-weight:normal;} .tabberlive .tabbertab .customise {margin:0; padding:3px 50px 0px 0px; float:left; display:inline;} .tabberlive .tabbertab form {margin:0; padding:0px;} .tabberlive .tabbertab .select {clear:left; margin:0px; padding:3px 1px 2px 1px; width:265px; font-size:11px; border:1px solid #7f9db9; height:20px} .tabberlive .tabbertab .platterselect {clear:left; margin:0px; padding:3px 1px 2px 1px; width:150px; font-size:11px !important; border:1px solid #7f9db9; height:23px} .tabberlive .tabbertab input {margin:0; padding:4px 1px 3px 1px; width:25px; font-size:11px; border:0px solid #7f9db9; float:right; display:inline} .tabberlive .tabbertab .quantity {margin:0; padding:4px 1px 3px 1px; width:25px; font-size:11px; border:1px solid #7f9db9; float:right; display:inline} .tabberlive .tabbertab button {margin:0px 0px 0px 8px; padding:0px; width:43px; height:23px; border:none; background:transparent; float:right; display:inline} .tabberlive .tabbertab .opts {margin:0; padding:0; width:345px; float:left; display:inline} .tabberlive .tabbertab .explain {padding:10px 0px 5px 0px; width:450px} .tabberlive .tabbertab .cols {margin: 0px 10px 0px 0px; padding:0; width:150px; float:left; display:inline; font-size:11px;} .tabberlive .tabbertab .cols img {margin:0px 2px} .tabberlive .tabbertab .cols input {border:0px;} .tabberlive .tabbertab .close {margin:0; padding:20px 0px 0px 0px; clear:left; float:right; width:30px;} .tabberlive .tabbertab .pizzaname input {margin:5px 0px 0px 0px; padding:4px 1px 3px 1px; width:150px; font-size:11px; border:1px solid #7f9db9; text-align:left; float:none; display:inline;} .tabberlive .tabbertab h2 { display:none;} .tabberlive#tab1 {} .tabberlive#tab2 {} .tabberlive#tab2 .tabbertab {height:200px; overflow:auto;} .custompizzahidden { margin:0 !important; padding:0 !important; width:0 !important; font-size:0 !important; border:0 !important; float:right !important; display:inline !important; } /*******************************************************************************************************************/ /* Our Story styles */ /*******************************************************************************************************************/ #storycol {margin:0px 0px 0px 15px; padding:0px; width:736px;clear:left; background-image:url(/images/ourstory/story_main_bg.gif); } #story_tabs {width:736px;} #story_tabs ul {list-style:none; width:736px; margin:0; padding:0;} #story_tabs ul li {display:inline; margin:0;} .floatL {float:left} .floatR {float:right} .clearBoth {clear:both} .spacer20 {clear:both; height:20px;} .spacer10 {clear:both; height:10px;} #story_content_holder {padding:10px;} #story_content_holder ul {list-style: disc;width:450px;} #story_content_holder ul li {display: list-item;margin-left:30px;} .btn_history { width : 88px; height : 27px; display:block; background-image : url(/images/ourstory/btn_history_off.gif); } .btn_history:hover { background-image : url(/images/ourstory/btn_history_on.gif); } .btn_historyActive { width : 88px; height : 27px; display:block; background-image : url(/images/ourstory/btn_history_on.gif);} .btn_success { width : 163px; height : 27px; display:block; background-image : url(/images/ourstory/btn_success_off.gif); } .btn_success:hover { background-image : url(/images/ourstory/btn_success_on.gif); } .btn_successActive { width : 163px; height : 27px; display:block; background-image : url(/images/ourstory/btn_success_on.gif);} .btn_ingredients { width : 118px; height : 27px; display:block; background-image : url(/images/ourstory/btn_ingredients_off.gif); } .btn_ingredients:hover { background-image : url(/images/ourstory/btn_ingredients_on.gif); } .btn_ingredientsActive { width : 118px; height : 27px; display:block; background-image : url(/images/ourstory/btn_ingredients_on.gif);} .btn_people { width : 90px; height : 27px; display:block; background-image : url(/images/ourstory/btn_people_off.gif);} .btn_people:hover { background-image : url(/images/ourstory/btn_people_on.gif); } .btn_peopleActive { width : 90px; height : 27px; display:block; background-image : url(/images/ourstory/btn_people_on.gif);} /* .btn_media { width : 72px; height : 27px; display:block; background-image : url(/images/ourstory/btn_media_off.gif);} .btn_media:hover { background-image : url(/images/ourstory/btn_media_on.gif); } .btn_mediaActive { width : 72px; height : 27px; display:block; background-image : url(/images/ourstory/btn_media_on.gif);} */ .btn_news { width : 72px; height : 27px; display:block; background-image : url(/images/ourstory/news-btn-off.jpg);} .btn_news:hover { background-image : url(/images/ourstory/news-btn-on.jpg); } .btn_newsActive { width : 72px; height : 27px; display:block; background-image : url(/images/ourstory/news-btn-on.jpg);} .btn_comms { width : 99px; height : 27px; display:block; background-image : url(/images/ourstory/btn_community_off.gif);} .btn_comms:hover { background-image : url(/images/ourstory/btn_community_on.gif); } .btn_commsActive { width : 99px; height : 27px; display:block; background-image : url(/images/ourstory/btn_community_on.gif);} /*******************************************************************************************************************/ /* Previous Orders page */ /*******************************************************************************************************************/ #previous_orders_holder {width:490px; margin-left:0px;} #previous_orders_holder .item {margin:0px 0px 2px 0px; padding:5px 3px; background:#fbf8ed;} #previous_orders_holder .name {margin:0; padding:0px; width:330px; float:left; display:inline; } #previous_orders_holder .adjust {margin:0; padding:0; width:70px; float:left; display:inline; } #previous_orders_holder .right {margin:0; padding:0px 8px 0px 0px; width:50px; text-align:left; float:right; display:inline; } #previous_orders_holder .special {margin:0px; padding:0px; width:100px; text-align:right; } #previous_orders_holder .total {margin:0; padding:0px; width:330px; text-align:right; float:left; display:inline; border:0px solid #FFFF00 } #previous_orders_holder .repeat {margin:0; padding:0px 5px 0px 0px; width:79px; text-align:left; float:right; display:inline; } #previous_orders_holder .clear {clear:left} /*******************************************************************************************************************/ /* Footer */ /*******************************************************************************************************************/ .offer {margin: 0px 0px 5px 0px;} #footer {margin:0px auto; padding:5px 20px; width:952px; clear:both;} #footer ul {margin:0; padding:10px 0px 0px 0px; list-style-type:none;} #footer li {margin:0; padding:0px 5px; list-style-type:none; float:left; display:inline; border-right:1px solid #333; } #footer a, #footer a:link, #footer a:active, #footer a:visited {color:#333; text-decoration:none;} #footer a:hover {color:#333; text-decoration:underline;} #footer .start {padding:0px 5px 0px 0px;} #footer .end {padding:0px 0px 0px 5px; border:none;} #footer p {clear:left;} /*Overridden by james */ #navbar .cookie {margin:0; padding:5px 10px 0px 0px; width:234px; text-align:right; float:left; display:inline; } #navbar .nocookie {margin:0; padding:5px 10px 0px 15px; width:234px; text-align:left; float:left; display:inline; } #navbar .links {margin:0; padding: 5px 10px 0px 15px; width:181px; text-align:right; float:left; display:inline; } #leftContent {margin: 20px 0px 0px 10px; padding:0px; width:206px; float: left;} #mainContent {margin: 20px 0px 0px 0px; float: left;} #content {margin: 0px 0px 20px 15px; width:738px; clear:left;} #content .info {margin:0; padding:14px 5px 14px 14px; background:#FFF; clear:left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;} #content .info h3 {font-weight:bold; font-size:15px;} #white_content_holder {padding:10px; background-color:#FFFFFF; width:716px;} #white_content_holder p {padding:10px 0;} .HeaderError {float: left; line-height: 16px; margin-left: 10px; color: #ff0000; } .BasketError {float: left; line-height: 16px; color: #ff0000; width: 185px;} .CheckoutError {line-height: 16px; color: #ff0000; } .erroricon {float: left;margin-right:5px; } /* Rating */ .rating { float: left; padding:0px; margin: 0px;} .ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; } .filledRatingStar { background-image: url(/Images/FilledStar.gif); } .emptyRatingStar { background-image: url(/Images/EmptyStar.gif); } .savedRatingStar { background-image: url(/Images/SavedStar.gif); } /*******************************************************************************************************************/ /* Confirmation page */ /*******************************************************************************************************************/ #confirmation_holder_right {float:left; width:635px; height:27px; background-color:#EBE0B4;} #order_holder {width:713px;} #order_holder_left {float:left; width:450px;} #order_holder_left .order_box {background-color:#FBF8ED; padding:10px;} #order_holder_left .cost {float:right;} #order_holder_left .description {color:#0A6E58; } #order_holder_left .extra_info {color:#0A6E58;} #order_holder_left .separator {clear:both; height:2px;} #order_holder_left .total {color:#000000; font-weight:bold; margin-left:300px;} #live_status_holder {width:228px; float:left; background-color:#EBE0B4; padding:10px; margin-left:10px;} .PapasLoungeBanner { width:228px; float:right; background-color:#EBE0B4; padding: 10px; margin-right: 10px; } #customer_confirmation {width:670px; padding-left:30px; padding-top:20px;} .customer_confirmation_left {float:left; width:324px; margin-right:20px;} .OfferPromptHolder A { color: #A00224; } /*******************************************************************************************************************/ /* Franchise styles */ /*******************************************************************************************************************/ #franchisehome {margin:0; padding:20px 16px 17px 16px; background: url(/images/franchise/franchise-bg.jpg) 0px 0px no-repeat; height:466px; clear:both;} #franchisehome #introtext {margin: 0px 10px; padding: 10px; background-color: #000000; opacity:0.7;filter:alpha(opacity=70);width:500px; height:121px; float:left; display:inline; line-height:17px; color:#faf1dd;} #franchisehome #joincol {margin:0; padding:0; background:#016F54 url(/images/franchise/signature-bg.jpg) 0px bottom no-repeat; width:204px; height:465px; float:left; display:inline; z-index:10;} #franchisehome #joincol p {margin:0; padding:5px 10px; color:#f8f1dc;} #franchisehome #joincol .story {margin:444px 0px 0px 44px; padding:0; position:absolute; z-index:50; } #franchisecol {margin:0px 0px 0px 15px; padding:0px; width:736px;clear:left; background-color:#D3C179;} #franchise_tabs {width:736px;} #franchise_tabs ul {list-style:none; width:736px; margin:0; padding:0;} #franchise_tabs ul li {display:inline; margin:0;} #franchise_content_holder {padding:10px;} #franchise_content_holder ul {list-style: disc;width:450px;} #franchise_content_holder ul li {display: list-item;margin-left:30px;} #franchise_content_holder .formbtn { width: 110px; border: 1px solid #999999; } #franchise_content_holder .formlbl {font-weight: bold;margin:0px; width:210px; line-height:25px; float:left; display:inline; clear:left;} #franchise_content_holder .formlbl_wide {font-weight: bold;margin:0px; width:310px; line-height:25px; float:left; display:inline; clear:left;} #franchise_content_holder .formtext {margin:3px 4px 5px 4px; padding:2px 5px; width:200px; font-size:12px; border:1px solid #7f9db9;} #franchise_content_holder .formtext_wide {margin:3px 4px 5px 4px; padding:2px 5px; width:410px; font-size:12px; border:1px solid #7f9db9;} #franchise_content_holder .formtext_narrow {margin:3px 4px 5px 4px; padding:2px 5px; width:100px; font-size:12px; border:1px solid #7f9db9;} .btn_aboutus { width : 88px; height : 27px; display:block; background-image : url(/images/franchise/btn_about-us.gif);} .btn_aboutus:hover { background-image : url(/images/franchise/btn_about-us_on.gif); } .btn_aboutusActive { width : 88px; height : 27px; display:block; background-image : url(/images/franchise/btn_about-us_on.gif);} .btn_franfaqs { width : 58px; height : 27px; display:block; background-image : url(/images/franchise/btn_franchise_faqs.gif);} .btn_franfaqs:hover { background-image : url(/images/franchise/btn_franchise_faqs_on.gif); } .btn_franfaqsActive { width : 58px; height : 27px; display:block; background-image : url(/images/franchise/btn_franchise_faqs_on.gif);} .btn_whoisideal { width : 98px; height : 27px; display:block; background-image : url(/images/franchise/btn_whoisideal.gif);} .btn_whoisideal:hover { background-image : url(/images/franchise/btn_whoisideal.gif); } .btn_whoisidealActive { width : 98px; height : 27px; display:block; background-image : url(/images/franchise/btn_whoisideal_on.gif);} .btn_applynow { width : 89px; height : 27px; display:block; background-image : url(/images/franchise/btn_applynow.gif);} .btn_applynow:hover { background-image : url(/images/franchise/btn_applynow_on.gif); } .btn_applynowActive { width : 89px; height : 27px; display:block; background-image : url(/images/franchise/btn_applynow_on.gif);} .btn_criteria { width : 78px; height : 27px; display:block; background-image : url(/images/franchise/btn_criteria.gif);} .btn_criteria:hover { background-image : url(/images/franchise/btn_criteria_on.gif); } .btn_criteriaActive { width : 78px; height : 27px; display:block; background-image : url(/images/franchise/btn_criteria_on.gif);} .btn_propfaqs { width : 58px; height : 27px; display:block; background-image : url(/images/franchise/btn_property_faqs.gif);} .btn_propfaqs:hover { background-image : url(/images/franchise/btn_property_faqs_on.gif); } .btn_propfaqsActive { width : 58px; height : 27px; display:block; background-image : url(/images/franchise/btn_property_faqs_on.gif);} .btn_targetlocations { width : 119px; height : 27px; display:block; background-image : url(/images/franchise/btn_targetlocations.gif);} .btn_targetlocations:hover { background-image : url(/images/franchise/btn_targetlocations_on.gif); } .btn_targetlocationsActive { width : 119px; height : 27px; display:block; background-image : url(/images/franchise/btn_targetlocations_on.gif);} .btn_typicallayoutplan { width : 126px; height : 27px; display:block; background-image : url(/images/franchise/btn_layoutplan.gif);} .btn_typicallayoutplan:hover { background-image : url(/images/franchise/btn_layoutplan_on.gif); } .btn_typicallayoutplanActive { width : 126px; height : 27px; display:block; background-image : url(/images/franchise/btn_layoutplan_on.gif);} .btn_picturegallery { width : 107px; height : 27px; display:block; background-image : url(/images/franchise/btn_gallery.gif);} .btn_picturegallery:hover { background-image : url(/images/franchise/btn_gallery_on.gif); } .btn_picturegalleryActive { width : 107px; height : 27px; display:block; background-image : url(/images/franchise/btn_gallery_on.gif);} .formMandatory { color: #ff0000;} #contactForm .llabel {margin:0px 0px 0px 25px; width:130px; float:left; display:inline; line-height:20px; clear:left;} /*******************************************************************************************************************/ /* Media styles */ /*******************************************************************************************************************/ .media { width: 736px; background-image: url(/images/media-background.jpg); background-repeat: repeat-y; background-position: left top; padding: 0px 10px 10px 0px; } .media img { border-style: none } .mediatitle { clear: both; display: block; position: relative; left: 30px; top: 30px; } .newstable { margin: 45px 0px 0px 15px; padding: 0px; border-collapse: collapse; } .newsrow { background-color:#ebe0b4; height: 24px; } .newsrowalt { height: 24px; } .newstitle { color:#006f54; font-size: 11pt; padding-right: 60px; padding-left:15px; } .gallerycontainer { margin-left: 20px; } .galleryblock { float: left; background-color: White; margin: 10px 10px 10px 10px; } .gallerythumb { padding: 5px 5px 5px 5px; } .gallerytitle { text-align: center; min-width: 132px; max-width: 122px; height: 30px; padding: 5px 5px 15px 5px; } /*******************************************************************************************************************/ /* Catering /*******************************************************************************************************************/ #navbar-catering {margin:0; padding:0; background:#ebe0b4; background-image:url(/images/menu-bg.gif); background-repeat:repeat-x; height:21px; width:768px;} #navbar-catering img {margin:0px 0px 0px 1px; padding:0px; float:left; display:inline;} #navbar-catering .francookie {margin:0; padding:4px 10px 0px 0px; width:562px; text-align:right; float:left; display:inline; color:#FFF; } #navbar-catering a {color:#FFF;} #navbar-catering .nopad {margin:0; } #navbar-catering .cookie {margin:0; padding:4px 10px 0px 0px; width:421px; text-align:right; float:left; display:inline; color:#FFF; } #navbar-catering .nocookie {margin:0; padding:4px 10px 0px 0px; width:562px; text-align:right; float:left; display:inline; color:#FFF; } #navbar-catering .links {margin:0; padding: 4px 10px 0px 0px; width:562px; text-align:right; float:left; display:inline; color:#FFF; } .menu-red-title {font-size:18px; color:#c40d17; margin-bottom:10px; line-height:22px;} .menu-selection-question {border:0px; background-color:#f8f1dc; padding:20px 30px 20px 30px; margin:0px 0px 10px 0px;} .menu-selection-question .question {color: rgb(0, 111, 84); font-size: 18px; line-height: 20px; margin-bottom:20px;} .menu-selection-question select {margin-left:20px;} .tabberlive .tabbertab .menu-selection-question .checkbox {width:auto; height:auto; margin:0px 0px 0px 20px; padding:0px; border:none; display:inline-block; float:left;} .tabberlive .tabbertab .menu-selection-question label {height:1em; float:left; display:inline-block; margin:0px 20px 0px 5px; line-height:normal;} .new-to-pj-outer {margin:0; padding:0; background:url(/images/home-newuser-boxbg.jpg) 0px 0px no-repeat; width:205px; height:330px; float:left; display:inline; position:relative;} .new-to-pj-outer .store-locator {padding:20px 10px 0px 10px;} .new-to-pj-outer .store-locator p {font-size:15px; line-height:21px; margin:5px 0px 5px 0px; padding:0px; color:#f8f3d0;} .new-to-pj-outer .store-locator input {margin:0px 0px 8px 0px; padding:2px 5px; border-top:1px solid #7f9db9; border-left:1px solid #7f9db9; border-bottom:1px solid #7f9db9; width:134px; float:left; display:inline; height:15px; color:#333;} .new-to-pj-outer .login {padding:20px 10px 0px 10px;} .new-to-pj-outer .login input {margin:7px 0px 0px 0px; padding:2px 5px; border:1px solid #7f9db9; width:173px; height:15px; color:#333; float:right;} .samplemenubtn {position:absolute; bottom:0px; right:0px;} .exsisting-user-outer {margin:0; padding:0; background:url(/images/search-bg.jpg); width:205px; float:left; display:inline; position:relative;} .exsisting-user-outer .info_left {padding:20px 13px 0px 13px;} .exsisting-user-outer .info_left p {font-size:12px; line-height:16px; color:#333333; padding:0px; margin:5px 0px 5px 0px;} .exsisting-user-outer .info_left h2 {margin:0; padding:0; color:#006f54; font-size:12px; line-height:18px; font-weight:normal;} .exsisting-user-outer .info_left #divMap {margin-bottom:10px;} .exsisting-user-outer ul {margin:0; padding:0px 0px 5px 0px; list-style-type:none;} .exsisting-user-outer li {margin:0; padding:5px 0px 5px 22px; list-style-type:none; background: url(/images/tick.gif) 0px 3px no-repeat; } .new-to-catering-outer {margin:0; padding:0; background:url(/images/home-newcateringuser-boxbg.jpg) 0px 0px no-repeat; width:205px; height:278px; float:left; display:inline; position:relative;} .new-to-catering-outer .welcome {padding:20px 10px 0px 10px;} .new-to-catering-outer .welcome p {font-size:15px; line-height:21px; margin:5px 0px 5px 0px; padding:0px; color:#f8f3d0;} .new-to-catering-outer .welcome input {margin:0px 0px 8px 0px; padding:2px 5px; border-top:1px solid #7f9db9; border-left:1px solid #7f9db9; border-bottom:1px solid #7f9db9; width:134px; float:left; display:inline; height:15px; color:#333;} .new-to-catering-outer .welcome a {color:#f8f3d0; text-decoration:underline; font-size:12px;} .home-order-instruct {position:absolute; right:30px; top:20px; width:210px; color:#faf4d5; font-size: 14px; line-height:19px;} .home-order-instruct ol {font-size:12px; line-height:17px; margin:0px; padding:0px 0px 10px 16px;} .home-order-instruct li {font-size:12px; line-height:17px; margin:0px; padding:0px 0px 7px 0px;} #promo-catering {margin:0; padding:0px 16px 17px 16px; background-color:#8d001b; background-repeat:no-repeat; height:434px; clear:both; position:relative;} .offer-catering {margin: 5px 0px 5px 5px; height:74px;} #pop_overlay { display: none; position:fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #000000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 15; } * \html #pop_overlay {position:absolute; background:none;} #pop_container { display: none; position:fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: transparent; z-index: 16; } * \html #pop_container {position:absolute;} #pop_inner { display: block; width: 290px; margin: 120px auto 0 auto; background: #FFFFFF; background-image:url(/images/popupCurve.gif); background-repeat:no-repeat; background-position:bottom; border: 1px solid #999999; text-align: left; z-index: 17; padding:0px; } #pop_inner .pop-header {margin:0; padding:10px; width:270px; background-color:#f8f1dc; /*height:23px;*/ font-size:18px; color:#c40d17; margin-bottom:10px; line-height:22px;} #pop_inner .pop-title {color: rgb(0, 111, 84); font-size: 18px; line-height: 20px; margin:0; padding:10px 0px 10px 10px; width:115px; float:left; display:inline;} #pop_inner .pop-price {color: rgb(0, 111, 84); font-size: 18px; line-height: 20px; margin:0; padding:10px 10px 10px 0px; width:275px; text-align:right; float:left; display:inline;} #pop_inner .pop-footer {margin:0; padding:10px; width:270px; background-color:#f8f1dc; height:23px} #pop_inner input {margin:0; padding:4px 1px 3px 1px; width:25px; font-size:11px; border:1px solid #7f9db9; float:right; display:inline} #pop_inner p {line-height:16px; padding:10px; color:#4d4c4c;} .signInLeft{border-width: 0px; padding: 0px; margin-bottom:5px; height: 21px; width: 36px;} .modalBackground { background: #000000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 15; } .modalBox { background-color : #FFFFFF; border:1px solid #999999; text-align:center; margin:0 auto; width:300px; } .modalButton { background-image:url(/images/buttons/continue.gif); width:75px; height:21px; } .modalBox-header {margin:0; width:300px; padding:10px 0; background-color:#f8f1dc; height:23px; font-size:18px; color:#c40d17; margin-bottom:10px; line-height:22px;} .modalBox-footer {margin:0; width:300px;padding:10px 0; background-color:#f8f1dc; height:23px} #modalBox-middle {margin:0 auto; text-align:center;} #modalBox-middle p {line-height:16px; width:250px;padding:5px; color:#4d4c4c; margin:0 auto; text-align:left; border:0px solid black;} .linkholder404 {margin-left: 50px; } .linkcolumn404 { float:left; margin-left: 20px; width:250px; } .linkcolumn404 UL { list-style-type:none; font-size:16px; line-height: 20px; }