html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img {
margin: 0; padding: 0
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
font-family: arial, sans-serif;
font-size:12px;
line-height:1.5em;
color:#222;
background-color:#2a2a2a;
}
a {color:#36c; text-decoration:none}
a:hover {color:#cc312f}
table tr td, table tr th {vertical-align:top; text-align:left}
p {padding:0 0 1em 0}
img {border:none}
li {float:left; list-style-type:none}
/* ---------------------------
BANNER SLIDER
--------------------------- */
#slider {
width:100%;
overflow:hidden;
height:333px;
/*z-index:-1*/
}
.slider {
height:333px;
width:100% !important;
z-index:0;
}
.slider_content {
width:970px;
height:333px;
margin:0 auto;
display:block;
text-indent:-9999px
}
#banner13 .slider_content {background:transparent url('images/banner13.jpg') no-repeat top left}
#banner12 .slider_content {background:transparent url('images/banner12.gif') no-repeat top left}
#banner11 .slider_content {background:transparent url('images/banner11.jpg') no-repeat top left}
#banner1 .slider_content {background:transparent url('images/banner1.jpg') no-repeat top left}
#banner2 .slider_content {background:transparent url('images/banner2.jpg') no-repeat top left}
#banner3 .slider_content {background:transparent url('images/banner3.jpg') no-repeat top left}
#banner4 .slider_content {background:transparent url('images/banner4.jpg') no-repeat top left}
#banner4a .slider_content {background:transparent url('images/banner4a.jpg') no-repeat top left}
#banner5 .slider_content {background:transparent url('images/banner5.jpg') no-repeat top left}
#banner5a .slider_content {background:transparent url('images/banner5a.jpg') no-repeat top left}
#banner6 .slider_content {background:transparent url('images/banner6.jpg') no-repeat top left}
#banner7 .slider_content {background:transparent url('images/banner7.jpg') no-repeat top left}
#banner9 .slider_content {background:transparent url('images/banner9.jpg') no-repeat top left}
#banner10 .slider_content {background:transparent url('images/banner4-org.jpg') no-repeat top left}
#banner12 { background:#d80206;
width:100%;
height:333px
}
#banner11 { background:url('images/bg_banner11.gif') repeat-x 50% 0;
width:100%;
height:333px
}
#banner1 { background:url('images/bg-banner1.jpg') repeat-x 50% 0;
width:100%;
height:333px
}
#banner2 { background:#000000 url('images/bg-banner2.jpg') repeat-x 50% 0;
width:100%;
height:333px
}
#banner3 { background:#000000 url('images/bg-banner3.jpg') repeat-x 50% 0;
width:100%;
height:333px
}
#banner4 {background:#000000 url('images/bg-banner4.jpg') repeat-x 50% 0; width:100%; height:333px}
#banner4a {background:#000000; width:100%; height:333px}
#banner5 { background:#000000 url('images/bg-banner5.jpg') repeat-x 50% 0; width:100%; height:333px}
#banner5a { background:#000000 url('images/bg-banner5a.jpg') repeat-x 50% 0; width:100%; height:333px}
#banner6 { background:#000000 url('images/bg-banner5.jpg') repeat-x 50% 0; width:100%; height:333px}
#banner7 { background:#637aae; width:100%; height:333px}
#banner9 { background:#f3217d; width:100%; height:333px}
#banner10 { background:#172058; width:100%; height:333px}
#banner13 { background:#c3e5ff; width:100%; height:333px}
#slider_controls {
width:958px;
position:relative;
margin:0 auto
}
#slider_controls ul {
background:transparent url('images/nav.png') no-repeat bottom center;
display:block;
height:32px;
position:absolute;
right:0;
text-indent:-9999px;
top:-31px;
width:164px;
z-index:9998
}
#slider_controls li {
float:left;
width:82px;
height:32px
}
#slider_controls li a {
display:block;
height:32px
}
h2 {padding:0 0 7px 0; font-size:18px;}
h3 {font-size: 18px; line-height:2em}
h5 {font-size:14px; margin:0 0 .5em 0}
.headerWrap {
float:left;
margin:0 auto;
width:100%;
height:212px;
background-color:#f2f2f2;
background-image:url(images/bg-header.gif);
background-repeat:repeat-x;
background-position:center
}
.headerWrapStripped {
height:170px !important;
background-position:center top
}
.headerWrap .inner {
margin:0 auto;
padding:0;
width:970px;
height:212px
}
.headerWrapStripped .inner{
height:170px !important;
}
.headerWrap .inner h1 {
float:right;
padding:7px 0;
text-align:right;
color:#a4a4a4;
width:755px;
font-weight:normal;
font-size:11px
}
.headerWrap .inner h2 {float:left; padding:10px 0 0 15px; font-size:18px; font-family:"DINPro-Bold", Arial, Sans-serif; color:#b40002; line-height:1.1em}
.headerWrap .inner h2 span {font-size:14px}
.headerWrap .inner h2 span.blackText {font-size:20px}
.headerWrap .inner h2 span.note {color:#010101; font-style:italic}
.headerWrap .inner img {
float:left
}
.headerWrap .inner .logo {
padding:0
}
.headerWrap .topMostNav {
float:right;
padding:18px 0 0 0;
width:420px
}
.headerWrap .topMostNav .contactNum {
padding:0 15px 0 0;
}
.headerWrap .topMostNav ul {
float:right;
padding:7px 0 0 0;
}
.headerWrap .topMostNav ul li {
padding:3px 8px 4px 8px;
background-image:url(images/dotted-line.gif);
background-repeat: no-repeat;
background-position:right
}
.headerWrap .topMostNav ul li a{
float:left;
font-size:12px;
color:#111111
}
.headerWrap .topMostNav ul li a:hover {
color:#690
}
.topMostNav ul li a.twitter, .topMostNav ul li a.facebook, .topMostNav ul li a.blog {
padding:1px 0 1px 20px;
font-size:12px;
background-repeat:no-repeat;
background-position:left
}
.headerWrap .topMostNav ul li a.twitter {color:#449acf; background-image:url(images/icon-twitter.gif)}
.headerWrap .topMostNav ul li a.twitter:hover {color:#069}
.headerWrap .topMostNav ul li a.facebook {color:#24366a; background-image:url(images/icon-facebook.gif)}
.headerWrap .topMostNav ul li a.facebook:hover {color:#003}
.headerWrap .topMostNav ul li a.blog {color:#f48f00; background-image:url(images/icon-blog.gif)}
.headerWrap .topMostNav ul li a.blog:hover {color:#f60}
.headerWrap .topMostNav ul li .btnHome {
float:left;
margin:1px 8px 0 0;
padding:0 0 0 18px;
background-image:url(images/icon-home.gif);
background-repeat:no-repeat;
background-position:0 1px
}
.headerWrap .topMostNav ul li .btnHome:hover {
background-position:0 -18px;
border:none;
}
.btnBookOnline, .btnFreeQuote, .btnContactUs, .btnFreeMenu, .btnEnterPostcode {
float:left;
margin:1px 0 0 5px;
width:125px;
height:31px;
text-indent:-5000px;
background-repeat:no-repeat;
background-position:0 0;
}
.btnBookOnline:hover, .btnFreeQuote:hover, .btnFreeMenu:hover, .btnContactUs:hover, .btnEnterPostcode:hover {background-position:0 -37px}
.btnBookOnline {background-image:url(images/btn-book-online.gif)}
.btnFreeQuote {background-image:url(images/btn-free-quote.gif)}
.btnFreeMenu {background-image:url(images/btn-free-menu.gif)}
.btnContactUs {background-image:url(images/btn-contact-us.gif);}
.btnEnterPostcode {width:132px; background-image:url(images/enter-post-code.jpg);}
.btnTop {width: 100%; float:left; padding-bottom: 20px; background-color:#f0f0f0}
.btnTopLeft {float: left;}
.btnTopRight {float: right; padding-top: 5px;}
.btnTopRight span {float: left; padding-right: 10px; line-height: 2.5em;}
.btnTopRight .postCodeField {
float:left;
margin:2px 0;
padding:7px;
width:30px;
border:none;
background-image:url(images/postcode-field.gif);
background-repeat:no-repeat;
background-color:#eee
}
.btnDownloadMenu {
float:left;
width:260px;
height:41px;
text-indent:-5000px;
background-image:url(images/download-menu.jpg);
background-repeat:no-repeat;
background-position:0 0;
}
.btnDownloadMenu:hover {background-position:0 -42px;}
.enterPostCode {
float:left;
width:133px;
height:31px;
text-indent:-5000px;
background-image:url(images/enter-post-code.jpg);
background-repeat:no-repeat;
background-position:0 0;
}
.enterPostCode:hover {background-position:0 -32px;}
.vipClub {
position:absolute;
right:0;
width:146px;
height:140px;
text-indent:-5000px;
background-image:url(images/btn-vip-club.png);
background-repeat:no-repeat;
background-position:0 0;
}
.vipClub:hover {
background-position:-167px 0;
}
/* ---------------------------
MAIN NAVIGATION
--------------------------- */
.mainNav {
float:left;
padding:7px 0 0 0
}
.mainNav li a {
float:left;
height:51px;
text-indent:-5000px;
background-image:url(images/main-navigation.png);
background-repeat:no-repeat;
}
.mainNav li a:hover {background-position:-228px -51px}
.mainNav li .spitRoastsAndBuffets {width:228px}
.mainNav li .spitRoastsAndBuffets:hover {background-position:0px -51px}
.mainNav li .fingerFood {width:149px; background-position:-228px 0}
.mainNav li .fingerFood:hover {background-position:-228px -51px}
.mainNav li .specialExtras {width:187px; background-position:-377px 0}
.mainNav li .specialExtras:hover {background-position:-377px -51px}
.mainNav li .desserts {width:120px; background-position:-564px 0}
.mainNav li .desserts:hover {width:120px; background-position:-564px -51px}
.mainNav li .platters {width:111px; background-position:-684px 0}
.mainNav li .platters:hover {width:111px; background-position:-684px -51px}
.mainNav li .eventCatering {width:175px; background-position:-795px 0}
.mainNav li .eventCatering:hover {width:175px; background-position:-795px -51px}
/* ---------------------------
CONTENT AREA
--------------------------- */
.contentWrap {
float:left;
margin:0 auto;
width:100%;
background-color:#f0f0f0;
}
.contentWrap .inner {
margin:20px auto;
width:970px;
background-image:url(images/bg-content-area.gif);
background-position:left;
background-repeat:repeat-y
}
.contentLeftWrap h1, .contentRightWrap h1, .contentRightWrapContact h1, .formBox th {
padding:0 0 15px 0;
font-size:23px;
font-weight:normal;
font-family:"DINPro-Bold", Arial, Sans-serif;
line-height:1.1em;
color:#149cc3
}
.contentWrap .inner .contentLeftWrap h2 {
padding:0;
font-size:17px;
font-weight:normal;
font-family:"DINPro-Bold", Arial, Sans-serif;
}
.contentWrap .contentLeftWrap {
float:left;
padding:25px;
width:648px;
background-color:#fff
}
.contentRightWrap, .contentRightWrapContact {
float:right;
margin:0 0 1px 0;
padding:20px 17px 20px 18px;
width:237px;
background-image:url(images/bg-right-col.gif);
background-color:#e6e6e6;
}
.contentRightWrapContact {
padding:0;
width:272px;
}
.contactWrap {
padding:28px 17px 20px 18px;
width:237px;
background-image:url(images/bg-contact.gif);
background-position:top right;
background-repeat:no-repeat
}
.contactWrap form {margin:7px 0 0 0}
.contactWrap form input[type=text] {
height:15px;
background-image:url(images/input-box.gif);
background-repeat:no-repeat
}
.contactWrap form textarea {
height:173px;
background-image:url(images/msg-box.gif)
}
.contactWrap form .btnSendMsg {
margin:10px 0 0 0;
padding:0;
width:149px;
height:37px;
border:none
}
.contactWrap form input[type=text], .contactWrap form textarea {
float:left;
margin:0 0 7px 0;
padding:9px 12px;
width:213px;
font-family:Arial, Sans-serif;
font-size:12px;
color:#777;
background-color:#dbdbdb;
border:none
}
.homeMenu {
float:left;
margin:15px 0 -21px 0;
padding:0 0 0 0;
width:100%;
border-top:1px dotted #c9c9c9
}
.bottomContactBtns {
margin:20px 0 0 0;
padding:25px 0 0 0;
border-top:1px dotted #c9c9c9
}
.homeMenu tr td {
padding:25px 32px 5px 32px;
width:267px;
height:300px;
border-bottom:1px dotted #c9c9c9;
border-right:1px dotted #c9c9c9;
}
.homeMenu tr td .imgLeft {float:left; padding-right:25px}
.homeMenu p {color:#222 !important}
.homeMenu a span {font-size:9px; letter-spacing:-1px}
.homeMenu a:hover {font-weight:bold}
.homeMenu .orange h2, .homeMenu .orange a {color:#f60 !important}
.homeMenu .green h2, .homeMenu .green a {color:#690}
.homeMenu .purple h2, .homeMenu .purple a {color:#c09}
.homeMenu .blue h2, .homeMenu .blue a {color:#09c}
.homeMenu .red h2, .homeMenu .red a {color:#f03}
/* ---------------------------
FOOTER
--------------------------- */
.footerWrap {
float:left;
padding:20px 0;
width:100%;
color:#fffff9;
background-image:url(images/bg-footer.gif);
background-position:top;
background-repeat:repeat-x;
}
.footerWrap .inner {
margin:0 auto;
width:970px
}
.footerWrap .inner h1 {
color:#5f5f5f;
font-size:18px;
font-weight:normal;
font-family:"DINPro-Medium", Arial, Sans-serif;
}
.footerWrap .inner ul {
float:left;
width:970px;
padding:20px 0 10px 0;
}
.footerWrap .inner ul li {
padding:0 20px 5px 0;
font-weight:bold;
font-size:13px;
}
.footerWrap .inner ul li span {color:#383838}
/*
.footerWrap .inner table {
padding:20px 0 0 10px
}
.footerWrap .inner table td {
padding:0 30px 10px 0;
font-size:12px;
font-weight:bold;
color:#FFFFF9
}
.footerWrap .inner table td span {
font-size:14px;
font-weight:bold
}
*/
.footerWrap .inner label {
padding:0;
font-size:11px;
color:#5f5f5f;
}
.footerLinks a {color:#5f5f5f}
.footerLinks a:hover {border-bottom:1px dotted #5f5f5f}
.footerLinks span {color:#383838; padding:0 3px}
/* ---------------------------
COLLAPSIBLE PANE
--------------------------- */
.msg_list {
float:left;
padding:0 0 1em 0;
width:648px
}
.msg_head {
float:left;
position: relative;
margin:1px 0 0 0;
padding: 5px 10px !important;
cursor: pointer;
font-weight:bold;
width:628px;
color:#069;
background-color:#9cf;
}
.msg_head:hover {
background-image:url(images/toggle-head-bg.gif);
background-repeat:repeat-x;
}
.msg_body {
float:left;
padding: 15px 10px 15px 10px;
width:628px;
background-color:#F4F4F8;
background-image:url(images/toggle-arrow-down.gif);
background-position:20px 0;
background-repeat:no-repeat
}
.formBox {
float:left;
margin:0 1px 0 0;
padding:0;
width:647px;
background-color:#f2f2f2;
}
.formBox th {
padding:5px 10px 7px 10px;
line-height:none;
color:#fffff9;
width:302px;
background-color:#149cc3;
border-right:1px dotted #fff;
}
.formBox tr td table tr td {padding:0 0 5px 0}
.formBox .inner {
margin:0 1px 0 0;
padding:20px;
width:270px;
background-color:#f2f2f2;
background-image:url(images/dummy.jpg);
border:1px solid #fff;
}
.contentLeftWrap .formBox .costCalcBox table{float:left; padding:0 10px; width:199px !important; border-left:1px solid #fff !important}
.formBox .costCalcBox table tr td {font-size:11px}
.formBox .costCalcBox table tr td input {margin:0 2px; width:15px; font-size:11px}
.formBox .note {
padding:0 0 25px 0;
font-size:11px;
color:#888
}
.formBox .btnSpace input {
float:left;
margin:0 5px 0 0 !important;
padding:3px 15px
}
.formBox .btnSpace .label {
float:left;
padding:7px 10px 0 15px;
}
.formBox label {
float:left;
margin:0 5px 0 0;
padding:5px 0;
width:100px;
}
.formBox .required {
background-image:url(images/asterisk.gif);
background-repeat:no-repeat;
background-position:right
}
.formBox .shortField {width:47px}
.formBox .regField, .formBox .shortField, .formBox select, .formBox textarea {
padding:5px;
background-color:#dbdbdb;
border-top:1px solid #c6c6c6;
border-left:1px solid #c6c6c6;
border-right:1px solid #fff;
border-bottom:1px solid #fff
}
.formBox .msgBox {}
.formBox .msgBox textarea {width:591px; height:150px}
.formBox .regField {width:160px}
.formBox .headOffice {background-image:url(images/building.png)}
.formBox .phone {background-image:url(images/telephone.png)}
.formBox .fax {background-image:url(images/printer.png)}
.formBox .mail {background-image:url(images/mailbox.png)}
.contactInfoList {float:left; margin:5px 0 0 0; padding:5px 0}
.contactInfoList li{
float:left;
padding:4px 0 4px 27px !important;
width:250px;
background-repeat:no-repeat;
background-position:0 5px;
}
.menuHead {
float:left;
margin:5px 0 0 0;
padding:2px 15px 0 15px;
width:618px;
height:39px;
color:#fffff9;
background-color:#149cc3;
background-image:url(images/menu-head.gif);
background-repeat:no-repeat
}
.menuBodyGray {
float:left;
margin:0 0 5px 0;
padding:10px 15px;
width:618px;
background-color:#f0f0f0;
background-image:url(images/grey-fold-bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
z-index:0;
}
.menuBodyGray .price{
float:right;
margin:-10px 0 0 0;
padding:15px 0;
text-align:center;
font-size:20px;
font-weight:bold;
color:#fffff9;
width:106px;
height:70px;
background-image:url(images/price-tag.gif);
background-repeat:no-repeat
}
.menuBodyGray .price span {
font-size:14px;
font-weight:normal;
color:#333
}
.priceTag {
background-image:url(images/price-tag.gif);
background-repeat:no-repeat;
background-position:527px 0;
}
.menuBodyGray .note {color:#690}
.menuImg {
float:right;
margin:-15px 0 25px 0;
padding:15px 0 0 15px;
width:200px
}
/* ---------------------------
DROP DOWN NAV
--------------------------- */
ul#topnav {
float:left;
width:100%;
list-style:none;
font-size:1.1em;
position:relative;
z-index:9px;
}
ul#topnav li {float:left; margin: 0; padding: 0}
ul#topnav li a {float:left; text-indent: -9999px}
ul#topnav li .sub {
position: absolute;
top:56px; left: 0;
background: #29a5c8 url(sub_bg.png) repeat-x;
padding: 20px 20px 25px 20px;
float: left;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
display: none;
z-index:10;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
list-style:none;
margin:0 10px 0 0; padding:0 15px 0 0;
float:left
}
ul#topnav .sub ul li {
float:left;
width: 100%;
color: #fff;
background-image:url(images/menu-divider.gif);
background-repeat:repeat-x;
background-position:bottom
}
ul#topnav .sub h2 {
padding:0; margin: 0;
font-size:1.3em;
font-weight:bold !important;
color:#111;
}
ul#topnav .sub ul li h2 a {
padding: 5px 0 10px 0;
background-image: none;
color: #111;
}
ul#topnav .sub ul li h2 a:hover {text-decoration:none; color:#111}
ul#topnav .sub ul li a {
float: none;
text-indent: 0; /*--Reset text indent--*/
height: auto;
background: url(images/icon-subnav.gif) no-repeat 5px 10px;
padding:5px 5px 5px 17px;
display:block;
text-decoration:none;
color:#fff;
font-weight:bold
}
ul#topnav .sub ul li a:hover {color:#056b88}
ul#topnav .sub ul li a span {font-weight:normal}
.fingerFoodBox {width:620px !important; height:245px}
.fingerFoodBox ul {width:210px !important}
#topnav .spitRoastBox {width:760px !important; height:290px}
#topnav .spitRoastBox .subNavHeader {float:left; padding:5px 0 0 0 !important; width:580px; height:20px; color:#111; text-indent:0; background:none}
#topnav .spitRoastBox h2 {float:left;padding:0 0 10px 0 !important; width:580px !important}
#topnav .spitRoastBox ul {float:left; width:280px !important}
#topnav .spitRoastBox ul li {float:left}
#topnav .eventCateringBox {position:absolute; top:66px; left:550px !important; width:380px !important; height: 265px}
#topnav .eventCateringBox ul {float:right !important; padding:0 0 0 20px !important; width:200px !important}
/* ---------------------------
EXTRAS
--------------------------- */
.blocker {clear:both !important}
.btnSearch {float:left; padding:25px 0 0 406px}
.note {color:#999}
.italic {font-style:italic}
.red {color:#cc312f}
.imgLeft {float:left; margin:5px 0 0 0; padding:0 15px 15px 0}
.imgRight {float:right; margin:5px 0 0 0; padding:15px 0 0 15px}
.longField {padding:5px 7px; width:200px}
.w290 {width:290px !important}
.w645 {width:645px !important}
.w280 {width:280px !important}
.w383 {float:left; width:383px !important}
.w383 li {float:left; width:368px !important}
.homeMenu .h177 {height:177px !important}
.left {float:left}
.right {float:right}
.center {text-align:center !important}
.bold {font-weight:bold}
.font11 {font-size:11px}
.font14 {font-size:14px !important}
.font13 {font-size:13px !important}
.font20 {font-size:20px !important}
.listNum {float:left; padding:0 0 1em 0; width:628px}
.listNum li {width:628px; list-style-type:decimal; list-style-position:inside}
.orange {color:#c60}
.sectionHeader {float:left; margin:0 0 0 0; padding:10px 15px; font-size:15px; width:680px; background-color:#ECECEC}
.noBorder {border:none !important}
.noBorderTop {border-top:none !important}
.noBorderBottom {border-bottom:none !important}
.noBorderLeft {border-left:none !important}
.noBorderRight {border-right:none !important}
.noMargin {margin:0}
.noMarginLeft {margin-left:0 !important}
.noPadding {padding:0 !important}
.noPaddingTop {padding-top:0 !important}
.noPaddingLeft {padding-left:0 !important}
.noPaddingRight {padding-right:0 !important}
.noPaddingBottom {padding-bottom:0 !important}
.noLineHeight {line-height:0}
.noBackground{background:none !important}
.yellowNote {
padding:10px 0;
font-size:18px;
font-weight:bold;
color:#f30;
text-align:center;
width:100%;
background-color:#fc3
}
.whiteText {color:#fffff9 !important}
.blackText {color:#010101 !important}
.blueBullet {
float:left;
padding:0 0 15px 15px;
}
.blueBullet li{
padding:0 0 0 15px;
clear:both;
background-image:url(images/blue-disc-bullet.gif);
background-position:0 6px;
background-repeat:no-repeat
}
/* begin: slideshow */
.slideshow {
position:relative;
padding:0;
margin:0;
}
.slideshow a img {
border:none;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:260px;
margin:0;
}
.slideshow .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}
.slideshow .buttons {
display:none;
}
.slideshow .buttons {
display:block;
position:absolute;
z-index:100;
left:0px;
bottom:20px;
margin:0;
}
.slideshow .buttons li {
float:left;
display:inline;
width:30px;
height:30px;
margin:0;
padding-left:11px;
line-height:30px;
background-image:url('buttonBg.png');
background-repeat:no-repeat;
}
.slideshow .buttons li a {
float:left;
text-decoration:none;
width:30px;
height:30px;
color:#fff;
outline:0;
}
.slideshow ul.buttons li a:hover {
text-decoration:none;
color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
color:#666666;
}
/* end: slideshow */
/* remember this styles made by renren! */
.liList {
float:left;
padding:10px 0 50px 0;
width:650px
}
.busDistCol1 {
float:left;
width:100px
}
.busDistCol1 li{
float:left;
width:150px
}
.busDistCol2 {
float:left;
padding:0 0 0 100px;
width:90px
}
.busDistCol2 li{
float:left;
width:150px;
}
.busDistCol3 {
float:left;
padding:0 0 0 100px;
width:100px;
}
.busDistCol3 li{
float:left;
width:110px
}
/* end: slideshow */
.vipForm {
width: 240px;
margin: 0 auto;
background-color: #e6e6e6;
background-image:none;
padding-top: 15px;
}
/* Extend */
.liList {
float:left;
padding:10px 0 50px 0;
width:650px
}
.busDistCol1 {
float:left;
width:100px
}
.busDistCol1 li{
float:left;
width:150px
}
.busDistCol2 {
float:left;
padding:0 0 0 100px;
width:90px
}
.busDistCol2 li{
float:left;
width:150px;
}
.busDistCol3 {
float:left;
padding:0 0 0 100px;
width:100px;
}
.busDistCol3 li{
float:left;
width:110px
}
.bold {
font-weight:bold;
}
.topBtn {
padding:0 0 0 10px;
font-size:11px;
color:#149cc3;
background-image:url(images/icon-top.gif);
background-position:left;
background-repeat:no-repeat
}
.topBtn:hover {
color:#cc312f;
background-image:url(images/icon-top-hover.gif);
}
/* Sidebar */
.sidebanner {
width: 236px;
height: 90px;
background-repeat:no-repeat;
text-align: center;
padding-top: 2.5em;
font-size:24px;
}
.sidebanner span {
font-size:12px;
color:#CF0;
}
.sidebanner span:hover {color:#C90;}
.specialOffers {background-image:url(images/special-offers.jpg);color:#CCC;}
.drinksFreeDelivery {background-image:url(images/free-drinks.jpg);color:#900;}
.holidayAccommodation {background-image:url(images/holiday-accomodation.jpg);color:#FFF ;}
.danger {background-image:url(images/danger.jpg);color:#000 ;}
.satisfied {background-image:url(images/satisfied-customers.jpg);color:#FFF }
.fingerFoodCatering {
width: 100%;
}
.fingerFoodCateringLeft {
width: 33%;
float:left;
padding-left: 4px;
}
.fingerFoodCateringMiddle {
width: 32%;
float:left;
padding-left: 4px;
}
.fingerFoodCateringRight {
width: 32%;
float:left;
padding-left: 4px;
}
.fingerFoodCatering span {
font-size: 12px;
color:#666;
padding-top: 5px;
padding-left: 15px;
}
.fingerFoodCatering h3 {font-size: 16px; color:#F00; font-weight: bold;}
.fingerFoodCateringLeftHeader {
border-right:none;
font-size:16px;
font-weight: bold;
text-align: center;
color:#FFF;
background-color: #329cc3;
background-repeat:repeat-y;
background-image:url(images/finger-food-header.jpg);
height: 30px;
line-height: 2em;
}
.fingerFoodCatering li {
background-image:url(images/finger-bullet.jpg);
background-repeat: no-repeat;
background-position:left;
width: 100%;
}
.fingerFoodCateringGuest {
border-top: 1px dotted #999;
}
.fingerFoodCateringPrice {
color:#329cc3;
font-size:16px;
font-weight: bold;
}
.value, .deluxe, .premium {
float:left;
padding:0 6px 0 0;
}
.value a, .deluxe a, .premium a {
float:left;
height:41px;
text-indent:-5000px;
background-image:url(images/btn-fingerfoods.gif);
background-repeat:no-repeat;
}
.value a:hover, .deluxe a:hover, .premium a:hover {
background-position:-122px 0;
}
.value a{width:116px}
.value a:hover{background-position:0 -47px}
.deluxe a{width:126px; background-position:-122px 0}
.deluxe a:hover{background-position:-122px -47px}
.premium a{width:138px; background-position:-254px 0}
.premium a:hover{background-position:-254px -47px}
.keywords {
color: #c0c0c0;
width: 250px;
float: right;
text-align: justify;
}
.style3 {font-size: 30px}
.style4 {
font-size: 18px;
font-weight: bold;
}
.style5 {font-size: 48px}
.style6 {font-size: 12px}
.style8 {
font-size: 14px;
font-weight: bold;
}
.style9 {font-size: 16px}
.style11 {font-size: 12px; font-weight: bold; }
.homeGoogleMap {
float:left;
padding:0 25px 0 0
}
.homeGoogleMap iFrame {
float:left
}
.bannerNotes {
margin:0 0 20px 0;
padding:10px 15px;
color:#fffff9;
text-align:center;
font-size:15px;
width:618px;
background-color:#e50017;
}
.bannerNotes span{
padding:0 5px;
color:#900;
font-weight:normal;
}
.couponImage {
padding:0 30px 0 0;
float:left;
}
/* December 8, 2011 */
.like {
}
.like img {
float:left;
padding:0 3px 0 0;
}
.sendUsAMessage {
float:left;
padding:10px 0 10px 0 !important;
}