html, body {font-family:Georgia, "Times New Roman", Times, serif;background:#fff url(/z_images/structure/flank_grey.jpg) repeat-x 0 7.5em;color:#ad1d59;font-size:10px;height: 100%;}
div {position:relative;}
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,p,fieldset,form
{margin:0;padding:0;}
img {margin:0;padding:0;border:none;}
p,ol,ul {margin:0 0 20px 0px;}
p {font-size:1.6em;line-height:1.4em;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.small {font-size:14px;color:#000;}
p.photo_frame,p.photo_frame_right {height:145px;width:207px;padding:8px 10px 9px 9px;margin:0 10px 0 0;background:url(/z_images/structure/photo_frame.jpg);float:left;overflow:hidden;}
p.photo_frame_right {float:right;margin:0 0 0 10px;}
p.photoframe_medium {width:307px;float:none;clear:both;margin:0 0 10px 0;padding:4px;background:#fff;border:4px solid #EDEDED;overflow:hidden;}/*Image must be 307px wide*/
p.photoframe_medium img {padding:0;display:block;}
p.photoframe_large {width:400px;float:none;clear:both;margin:0 0 10px 0;padding:4px;background:#fff;border:4px solid #EDEDED;overflow:hidden;} /*#EDEDED Image must be 400px wide*/
p.photoframe_large img {padding:0;display:block;}
p.photoframe_l,
p.photoframe_r,
p.photoframe {width:207px;float:none;clear:both;margin:0 0 10px 0;padding:4px;background:#fff;border:4px solid #EDEDED;overflow:hidden;}/*Image must be 307px wide*/
p.photoframe_l img,
p.photoframe_r img,
p.photoframe img {padding:0;display:block;}
p.photoframe_l {float:left;margin:0 10px 0 0;}
p.photoframe_r {float:right;margin:0 0 0 10px;}
/* Above photoframes give greater economy of markup / cms development for little noticeable change in the greay frame*/
div.photo_box {overflow:hidden;padding:0;background:#fff url(/z_images/structure/exp_photo_frame.gif) top left no-repeat;z-index:10;}
div.photo_box div.pb_content {overflow:hidden;margin:0 0 0 9px;padding:9px 9px 0 0;background:#fff url(/z_images/structure/exp_photo_frame.gif) top right no-repeat;}
div.photo_box div.pb_bottom {height:9px;font-size:1px;line-height:1px;background:#fff url(/z_images/structure/exp_photo_frame.gif) bottom left no-repeat;}
div.photo_box div.pb_bottom div {height:9px;font-size:1px;line-height:1px;width:20px;float:right;background:#fff url(/z_images/structure/exp_photo_frame.gif) bottom right no-repeat;}
div.photoframe {width:225px;float:left;margin:0 10px 0 0;} /*Image must be 207px wide*/
div.photoframe_right {width:225px;float:right;margin:0 0 0 10px;}/*Image must be 207px wide*/
div.photoframe_medium {width:325px;float:none;margin:0 auto 10px auto;}/*Image must be 307px wide*/
div.photoframe_large {width:418px;float:none;margin:0 0 10px 0;} /*Image must be 400px wide*/
div.pb_content img {margin:0;padding:0;display:block;}
h1 {font-size:2em;font-weight:100;margin-bottom:14px;}/*same as h2 for now - after cms re-written -down scale h2 to h2 etc*/
div.abs h1 {font-size:2em;color:#fff;line-height:1.4em;margin-bottom:0.7em;font-weight:100;}
h2 {font-size:2em;font-weight:100;margin-bottom:14px;}
h3 {font-size:1.8em;font-weight:100;margin-bottom:14px;}
h4 {font-size:1.6em;margin-bottom:14px;}
.right_col h3 {font-size:1.6em;margin-bottom:0;}
a {color:#000;}
a.revem {unicode-bidi:bidi-override; direction:rtl; }
ol,ul {font-size:1.6em;padding-left:20px;}
ol ol, ol ul, ul ol, ul ul {font-size:1em;margin-bottom:0;}
ol li,ul li {font-size:1em;line-height:1.4em;}
/*RIGHT COL*/
.right_col h2,.right_col h3,.right_col ul,.right_col p
{padding-left:20px;}
ul.sub_nav li {list-style-type:none;padding-bottom:10px;}
.right_col p {padding-bottom:10px;}
/*DEMO*/
ul.sub_nav {padding-left:35px;}
ul.sub_nav li {list-style-type:disc;padding-bottom:10px;}
ol.special,ul.special {padding-left:0;overflow:hidden;}
ol.special li,ul.special li {list-style-type:none;float:left;padding-left:10px;padding-right:10px;background:url(/z_images/structure/nav_line_black.gif) left 0.5em no-repeat;}
ol.special li.first,ul.special li.first {background:none;padding-left:0;}
.special li a.on {color:#ad1d59;text-decoration:none;}
div.outer_container {top:0;margin:0px auto 0 auto;padding:0 1.6em 10px 1.6em;width:74.4em;height:auto;/*overflow:hidden;*/}
div.left_shadow {position:absolute;top:0;bottom:0;height:100%;left:0;width:1.6em;background: url(/z_images/structure/left_border_grad.png) repeat-y top right;}
div.right_shadow {position:absolute;top:0;bottom:0;height:100%;right:0;width:1.6em;background: url(/z_images/structure/right_border_grad.png) repeat-y top left;}
div.nav {background:#000;height:7.5em;overflow:visible;}
div.nav ul {font-size:1em;position:absolute;left:3.7em;bottom:0;height:3.2em;margin:0;padding:0;}
div.nav li {font-size:1em;list-style-type:none;float:left;height:100%;}
div.nav li.on {background:url(../z_images/structure/on_arrow.gif) no-repeat bottom center;}
/*div.nav li:hover {background:url(../z_images/structure/on_arrow_hover.gif) no-repeat bottom center;}*/
div.nav li a {font-size:1.1em;font-weight:bold;color:#fff;text-decoration:none;background:url(/z_images/structure/nav_line.gif) left 0.2em no-repeat;display:block;padding:0 0.6em 0 0.6em;}
div.nav li.first a {padding-left:0;background:none;}
div.nav li.excl {display:none;}
div.bottom_nav {height:auto;background:none;}
div.bottom_nav ul {position:relative;left:0;height:auto;}
div.bottom_nav ul li.on,div.bottom_nav ul li:hover
{background:none;}
div.bottom_nav li.excl {display:block;float:right;}
div.bottom_nav li.excl ul {display:none;}
div.bottom_nav li a {color:#c3c3c3;font-size:1em;background:url(/z_images/structure/nav_line_grey.gif) left 0.2em no-repeat;}
div.container {padding:1em 1em 0 1em;background:#fff;}
div.banner {height:11.6em;overflow:hidden;margin-bottom:1em;}
div.content {padding:0 2.7em 13em 2.7em;margin-bottom:0.8em;background:#f2f2f2 url(/z_images/structure/content_bottom.jpg) repeat-x bottom left;;overflow:hidden;}
/*div.content_grad {position:absolute;height:98px;bottom:0;left:0;right:0;background:url(/z_images/structure/content_bottom.jpg) repeat-x bottom left;z-index:0;}*/
/*div.content_grad div.cathedral {position:absolute;bottom:0;right:0;width:100%;height:169px;background:url(/z_images/structure/cathedral.jpg) no-repeat bottom right;}*/
div.cathedral {position:absolute;bottom:0;right:0;width:285px;height:169px;background:url(/z_images/structure/cathedral.jpg) no-repeat bottom right;}
div.abs div.banner {position:absolute;top:1em;height:44.4em;width:72.4em;z-index:0;margin-bottom:0;}
div.abs div.content {height:44.4em;background:none;padding-bottom:0;}
div.abs div.content div.cathedral {display:none;}
/*div.abs div.content div.content_grad {display:none;}*/
div.content div.left_col {width:40.9em;float:left;margin-top:2.4em;/*background:#FF6633;*/}
div.content div.right_col {width:19.5em;padding:4.0em 0 12em 6.6em;float:left;margin-top:2.4em;/*background:#3399FF;*/}
div.content div.adjusted_right_col {padding-top:4.0em;}/*experiment - all right cols should have padding top*/
div.logo {position:absolute;top:1.6em;right:5.0em;height:141px;width:141px;z-index:10;background: url(/z_images/structure/logo_png.png) no-repeat;}
/*div.logo {position:absolute;top:1.6em;right:5.0em;height:141px;width:141px;z-index:10;background: url(/z_images/content/xmas/logo.png) no-repeat;}*/
div.logo a {display:block;height:141px;width:141px;}
div.logo a span {display:none;}
div.special_offer {position:absolute;right:3.3em;bottom:3.3em;width:13.3em;height:13em;padding:2em 1.7em 2em 1.7em;background:#fff;overflow:hidden;}
div.special_offer p {font-size:1.1em;color:#000;margin:0 0 10px 0;}
div.special_offer h1,div.special_offer h2,div.special_offer h3
{font-size:1.7em!important; text-transform:uppercase!important;font-weight:100!important;margin-bottom:5px!important;padding:0!important;color:#ad1d59!important;}
/*TABLES */
div.menu_group {}
div.menu_group,table {clear:left;}
table {width:100%;border-collapse: collapse;}
table.menu {border-bottom:1px solid #000;border-top:1px solid #000;margin-bottom:20px;}
thead {display:none;}
table h1,table h2,table h3,table p,table ul,table ol,caption
{margin:0;padding:0;font-size:1em;text-transform:none; }
caption {text-align:left;font-weight:bold;font-size:1.2em;line-height:2em;letter-spacing:2px;}
table h2,table h1 {/*font-size:1.2em;*/color:#ad1d59;font-weight:bold;}
table td {font-size:1.1em;padding:1.0em;}
table td.dish {padding-left:0;}
table td.price {width:6.5em;vertical-align:top;text-align:right;padding-right:0;}
/* MENU STYLING */
div.menu_style {overflow:hidden;margin-bottom:10px;}
div.menu_style p {color:#000;font-size:1.2em;overflow:hidden;/*background:#009966;*/}
div.menu_style h1 {color:#ad1d59;/*font-size:2em;*/font-weight:100;margin-bottom:14px;}
div.menu_style h2 {color:#ad1d59;font-size:1.6em;font-weight:100;}
div.menu_style p,div.menu_style h1,div.menu_style h2
{clear:both;float:none;margin-bottom:10px;}
div.menu_style p.item {color:#ad1d59;float:left;margin-right:10px;width:16em;clear:left;}
div.menu_style p.middle {float:left;margin-right:10px;clear:none;}
div.menu_style p.price {float:right;clear:none;white-space:nowrap;text-align:right;clear:none;}
p.clear {clear:both;font-size:0px!important;line-height:0px!important;height:0px!important;overflow:hidden;margin:0!important;padding:0!important;}
p.logo {float:left;width:180px;font-size:1.2em;}
p.link {float:right;width:18em;font-size:1.2em;/*background:#FF0000*/}
div.designedby {clear:both;overflow:hidden;margin-top:0px;padding-right:1.4em;}
div.designedby p {float:right;margin:0;padding:0;}
div.designedby a {/*color:#c3c3c3;*/color:#CCCCCC;font-size:10px;font-weight:100;text-decoration:none;}
/* QUOTES */
p.quote {font-size:1.2em;line-height:1.4em;color:#999999;font-weight:bold;margin:0 0 0px 0px;width:auto;padding:5px 20px 15px 20px;background:url( /z_images/structure/open_quote.gif) no-repeat 0 0px;position:relative;overflow:hidden;}
p.quote span {/*background:green;*/}
p.quotee {font-size:1.2em;line-height:1.2em;color:#666666;font-weight:bold;}
/* Shortlisted logo */
div.shortlisted {left:53px;bottom:50px;position:absolute;width:169px;height:51px;background:url( /z_images/content/logos/shortlisted-logo.png) 0 0;z-index:10;}
div.shortlisted span {display:none;}
div.shortlisted a {display:block;width:100%;height:100%;}
/* XMAS */
div.trees_left {top:83px;left:0;width:302px;height:268px;position:absolute;background:url( /z_images/content/xmas/trees_left_ie6.gif) right top;display:none;}
div.trees_right {top:83px;left:0;width:366px;height:268px;position:absolute;background:url( /z_images/content/xmas/trees_right.png) 0 0;display:none;}
div.xmas_button {left:45px;bottom:55px;position:absolute;width:105px;height:105px;background:url( /z_images/content/xmas/xmas_button.png) 0 0;z-index:10;}
div.xmas_button span {display:none;}
div.xmas_button a {display:block;height:105px;width:105px;}
/* SUBSCRIBE */
div.subscribe {top:16.5em;/*top:21.1em;*/right:-12px;position:absolute;height:108px;width:28px;z-index:100;}
div.subscribe a {display:block;height:108px;width:28px;background:url(/z_images/structure/subscribe2_off.jpg) no-repeat 0 0;}
div.subscribe a:hover {background:url(/z_images/structure/subscribe2_on.jpg) no-repeat 0 0;}
div.subscribe a span {display:none;}
/* FORM */
form,fieldset {overflow:hidden;border:none;}
legend {display:none;}
label,input.chk {float:left;}
select.text, input.text,textarea {width:360px;padding:3px 0 3px 0;border-color:#797979 #d5d5d5 #d5d5d5 #797979;border-width:2px 1px 1px 2px;border-style:solid;background:#fff!important;}
textarea {width:360px;padding:0;margin:0;height:100px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
input.error,textarea.error {background:#FF3366!important;border-color:#ff0000;border-width:1px;}
label.wide_label {float:none;width:auto;}
input.small_text {width:100px!important;}
label {width:10em;}
form p,form div {overflow:hidden;clear:both; padding-bottom:15px; }
/* OPEN TABLE */
div.live_books {margin:0 0 20px 0px;height:300px;overflow:visible!important;position:relative;}
#OT_searchWrapperAll form,
#OT_searchWrapperAll form div {overflow:visible;padding-bottom:0;}
OT_searchWrapperAll ,
#OT_searchWrapperAll div {background:#f2f2f2!important;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.1em;overflow:visible!important;}
#OT_searchWrapper #OT_submitWrap {padding-top:10px;}
ul.archive ul ul {display:none;}
ul.archive ul li.on ul {display:block;}
div.news h2 {font-weight:bold;margin-bottom:0;}
div.news h3 {font-weight:bold;color:black;font-size:1.6em;}
/*
Ordinary page banner grad 19/07/2010
*/
div.banner_grad {position:absolute;height:100%;width:100%;background:url(/z_images/structure/small_banner_grad.png) no-repeat 0 0;}
/*
NEW HOME PAGE STYLES 29/07/2010
*/
div.banner {position:relative;height:11.6em;width:72.4em;z-index:0;}
div.home_page div.banner {position:absolute;top:1em;height:26.6em;width:72.4em;z-index:0;margin-bottom:0;}
div.home_page div.banner div.banner_grad {position:absolute;height:100%;width:100%;top:0;left:0;background:url(/z_images/structure/big_banner_grad.png) no-repeat 0 0;z-index:1;}
div.banner p {height:100%;width:100%;overflow:hidden;margin:0;padding:0;position:absolute;top:0;left:0;display:none;}
div.banner p.first {display:block;}
div.banner p img {height:116px;width:724px;}
div.home_page div.banner p img {height:268px;width:724px;}/*some overflow here cut off*/
div.home_page div.home_intro {height:148px;padding-top:70px;/*height:218px;*/margin-bottom:2.4em;}/*same height as banner less margin-top of 2 times 2.4em*/
div.home_intro h1,
div.home_intro h2,
div.home_intro h3,
div.home_intro p {color:#fff;font-size:2.4em;line-height:1.4em;position:relative;}
div.home_intro h1 span {display:none;}
div.home_intro h1 {width:316px;height:66px;background:url(/z_images/structure/welcome-to-the-restaurant-at-st-pauls.png) no-repeat 0 0;}
div.home_page div.intro_content h1,
div.home_page div.intro_content h2,
div.home_page div.intro_content h3,
div.home_page div.intro_content p,
div.home_page div.intro_content ul,
div.home_page div.intro_content li {clear:none!important;color:#818181;font-size:2.0em;line-height:1.4em;}
div.home_page div.content {background:none;position:relative;padding-bottom:0;padding-bottom:14em;z-index:1;}
div.home_page div.left_col {width:100%;}
div.home_page div.announcements {overflow:hidden;padding:1em 0 6em 0;margin:0;}
div.announcements div.announcement_block {width:12.4em;padding:0 2.4em 0 2.4em;border-left:1px solid #CCC;float:left;position:relative;}
div.announcements div.first {border:none;padding-left:0;}
div.announcement_block h1,
div.announcement_block h2,
div.announcement_block h3 {font-size:1.5em!important;line-height:1em; text-transform:uppercase!important;font-weight:100!important;margin-bottom:0!important;padding:0!important;color:#ad1d59!important;}
div.announcement_block p {padding:0;margin:12px 0 0 0;color:#333;font-size:11px;}
div.announcements div.announcement_block p a {color:#333;}
/*welcome-to-the-restaurant-at-st-pauls.png*/
div.home_page div.right_col {display:none;}
div.home_page div.b_cathedral {position:absolute;bottom:0;left:0;width:67em;padding:80px 2.7em 0 2.7em;height:89px;/*height:169px;*/clear:both;background:url(/z_images/structure/bottom_grad_cathedral.jpg) no-repeat bottom left;}
div.home_page div.b_cathedral p {color:#999;font-size:11px;width:280px;overflow:hidden;float:left;line-height:1.8em!important;}
div.home_page div.b_cathedral p a {color:#999;text-decoration:none;}
div.home_page div.b_cathedral p a:hover {text-decoration:underline;}
div.home_page div.b_cathedral p.button {width:170px;padding-top:6px;}
div.home_page div.b_cathedral p.button a {width:110px;height:29px;display:block;background:url(/z_images/structure/book_now.gif) no-repeat bottom left;}
div.home_page div.b_cathedral p.button a span {display:none;}