@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,/*em,strong,*/th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* END "Reset CSS" ================================================== */

/* TAGS ============================================================= */

body, input, textarea { font-family: "Lucida grande", "Trebuchet MS", arial, sans-serif; } 

body { background: #f4f6f5 url(http://www.lovelytart.com/images/bg.gif); color: #5e6e67; text-align: center; font-size: 87.5%; /* 14px */ }

a { color: #390000; }
a:hover { color: #fff; background-color: #390000; }
h2 a:hover { color: #fff; background-color: #390000; }

strong { font-weight: bold; }

/* main layout */

#wrapper { text-align: left; margin: 16px auto; width: 826px; padding: 16px; border: 3px solid #eef4f0; background: #fff; }

#header { position: relative; height: 187px; width: 826px; background: url(http://www.lovelytart.com/images/home-banner.jpg) top left no-repeat; border-bottom: 1px solid #acbbb5; } 

#cafepage #header { background-image: url(http://www.lovelytart.com/images/header-bg-cafe.jpg); }
#foodstorepage #header { background-image: url(http://www.lovelytart.com/images/header-bg-foodstore.jpg); }
#whatsonpage #header { background-image: url(http://www.lovelytart.com/images/header-bg-afternoon-tea.jpg); }
#contactpage #header { background-image: url(http://www.lovelytart.com/images/header-bg-cakes.jpg); }
#cateringpage #header { background-image: url(http://www.lovelytart.com/images/header-bg-cakes.jpg); }
#salonpage #header { background-image: url(http://www.lovelytart.com/images/header-bg-afternoon-tea.jpg); }

h1 { padding-top: 16px; }
h1 a { display: block; width: 275px; height: 70px; text-indent: -999em; background: url(http://www.lovelytart.com/images/tart-logo.gif) 0 0 no-repeat; }
 
#nav { position: absolute; top: 159px; left: 0; } 
#nav a { text-indent: -999em; position: absolute; outline: none; }
#home a { display: block; left: 0; top: 0; width: 46px; height: 20px; background: url(http://www.lovelytart.com/images/home.gif) 0 -40px no-repeat; }
#cafe a { display: block; left: 65px; top: 0; width: 62px; height: 20px; background: url(http://www.lovelytart.com/images/the-cafe.gif) 0 -40px no-repeat; }
#foodstore a { display: block; left: 146px; top: 0; width: 122px; height: 20px; background: url(http://www.lovelytart.com/images/the-foodstore.gif) 0 -40px no-repeat; }
#salon a { display: block; left: 287px; top: 0; width: 69px; height: 20px; background: url(http://www.lovelytart.com/images/the-salon.gif) 0 -40px no-repeat; }
#catering a { display: block; left: 375px; top: 0; width: 64px; height: 20px; background: url(http://www.lovelytart.com/images/catering.gif) 0 -40px no-repeat; }
#whatson a { display: block; left: 458px; top: 0; width: 73px; height: 20px; background: url(http://www.lovelytart.com/images/whats-on.gif) 0 -40px no-repeat; }
#galleries a { display: block; left: 550px; top: 0; width: 66px; height: 20px; background: url(http://www.lovelytart.com/images/galleries.gif) 0 -40px no-repeat; }
#guestbook a { display: block; left: 635px; top: 0; width: 83px; height: 20px; background: url(http://www.lovelytart.com/images/guest-book.gif) 0 -40px no-repeat; }
#contact a { display: block; left: 737px; top: 0; width: 78px; height: 20px; background: url(http://www.lovelytart.com/images/contact-us.gif) 0 -40px no-repeat; }
#home a.active, #cafe a.active, #foodstore a.active, #catering a.active, #salon a.active, #whatson a.active, #contact a.active, #galleries a.active, #guestbook a.active { background-position: 0 0; }
#home a:hover, #cafe a:hover, #foodstore a:hover, #salon a:hover, #catering a:hover, #whatson a:hover, #contact a:hover, #galleries a:hover , #guestbook a:hover { background-position: 0 -20px; }
 
 .phone { position: absolute; top: 158px; left: 674px; width: 152px; height: 25px; text-indent: -999em; background: url(http://www.lovelytart.com/images/phone-number.gif) 0 0 no-repeat; }
 
#content { padding-top: 43px; }
 
h2, h3, h5, h6 { font-size: 0.857em; font-weight: bold; color: #390000; line-height: 1.333;} 
h4 { font-size: 0.857em; font-weight: normal; color: #390000; line-height: 1.333;} 
 
#content img { float: right; }
#content p { font-size: 0.857em; line-height: 1.333; margin: 0 0 1em 0; } 
#gallerycontent p { font-size: 0.857em; line-height: 1.333; margin: 0 0 1em 0; } 
#homepage #content #leftcol p { margin-right: 100px; }
#content p.lookforward { font-size: 1em; color: #390000; }

#leftcol { width: 466px; float: left; margin-right: 95px; display: inline; padding-bottom: 60px;}
#homepage #leftcol { width: 561px; margin-right: 0; }

#rightcol { width: 265px; float: left; padding-bottom: 60px;}

#singlecol { padding-bottom: 60px; }

.boxout { background: url(http://www.lovelytart.com/images/boxout-border.gif) no-repeat bottom left; padding-bottom: 16px; margin-bottom: 16px; }
.boxout h3 { text-indent: -999em; width: 265px; }
.boxout h3#cafeheader { background: url(http://www.lovelytart.com/images/the-cafe-boxout.gif) 0 0 no-repeat; height: 48px;}
.boxout h3#foodstoreheader { background: url(http://www.lovelytart.com/images/foodstore-boxout.gif) 0 0 no-repeat; height: 48px;}
.boxout h3#menuheader { background: url(http://www.lovelytart.com/images/menu-boxout.gif) 0 0 no-repeat; height: 48px;}
.boxout h3#whatsonheader { background: url(http://www.lovelytart.com/images/whats-on-header.gif) 0 0 no-repeat; height: 48px;}
#content .boxout p { margin: 4px 14px 0 20px; }
#content .boxout p.more { margin: 0 14px 0 20px; }
#content #whatsonlist li { margin-bottom: 8px; }
#content #whatsonlist li h4 { margin: 4px 14px 0 20px; /*font-weight: normal;*/ font-size: 1em; }
#content #whatsonlist li p { margin: 0 14px 4px 20px; }

#cafepage #content { background: url(http://www.lovelytart.com/images/cafe-bg.gif) 0 30px no-repeat; min-height: 434px; }
#cafepage #singlecol { width: 466px; margin-left: 358px; }

#cafepage h2 { background: url(http://www.lovelytart.com/images/the-cafe-header.gif) top left no-repeat; width: 117px; height: 45px; text-indent: -999em; margin-bottom: 16px; }
#content .viewmenu { margin-top: 60px; }
.viewmenu a { display: block; width: 466px; height: 63px; background: url(http://www.lovelytart.com/images/menu-link-box.gif) 0 0 no-repeat; text-indent: -999em; outline: none; }
.viewmenu a:hover { background-position: 0 -63px; }

#foodstorepage #content { background: url(http://www.lovelytart.com/images/cupboard.gif) 100% 40px no-repeat; min-height: 355px; }
#foodstorepage #singlecol { width: 466px; } 
#foodstorepage h2 { background: url(http://www.lovelytart.com/images/the-foodstore-header.gif) no-repeat 0 0; width: 312px; height: 50px; text-indent: -999em; margin-bottom: 16px; }

#cateringpage #singlecol { width: 466px; } 
#cateringpage #content { background: url(http://www.lovelytart.com/images/catering.jpg) 100% 40px no-repeat; min-height: 355px; }
#cateringpage h2 { background: url(http://www.lovelytart.com/images/catering-header.gif) no-repeat 0 0; width: 197px; height: 45px; text-indent: -999em; margin-bottom: 16px; }
#cateringpage h6 { background: url(images/cake-header.jpg) no-repeat 0 0; width: 197px; height: 45px; text-indent: -999em; margin-bottom: 16px; }

#guestbookpage #singlecol { width: 466px; } 
#guestbookpage #content { background: url(http://www.lovelytart.com/images/salon.jpg) 100% 40px no-repeat; min-height: 355px; }
#guestbookpage h2 { background: url(http://www.lovelytart.com/images/guest-book-header.gif) no-repeat 0 0; width: 197px; height: 45px; text-indent: -999em; margin-bottom: 16px; }

#salonpage #singlecol { width: 466px; } 
#salonpage #content { background: url(http://www.lovelytart.com/images/salon.jpg) 100% 40px no-repeat; min-height: 355px; }
#salonpage h2 { background: url(http://www.lovelytart.com/images/salon-header.gif) no-repeat 0 0; width: 216px; height: 45px; text-indent: -999em; margin-bottom: 16px; }


#whatsonpage #content { /*background: url(http://www.lovelytart.com/images/backroom.gif) 100% 40px no-repeat; */ min-height: 355px; }
#whatsonpage #singlecol { width: 466px; } 
#whatsonpage h2 { background: url(http://www.lovelytart.com/images/whats-on-page-header.gif) top left no-repeat; width: 135px; height: 39px; text-indent: -999em; margin-bottom: 16px; }
#whatsonpage h3 { font-size: 1.5em; font-weight: normal; }
#whatsonpage p.date { font-size: 1em; margin: 0 0 2px; }
#whatsonpage .eventitem { margin: 0 0 16px; }

.boxout h3#findusheader { background: url(http://www.lovelytart.com/images/find-us.gif) 0 0 no-repeat; height: 48px;}
#content #map img { float: none; margin: 0 0 0 2px; }
#content #map { padding-bottom: 2px; }

#contactpage h2 { background: url(http://www.lovelytart.com/images/contact-us-header.gif) 0 0 no-repeat; height: 29px; width: 142px; text-indent: -999em; margin-bottom: 12px; }

#content p span.enlarge { font-size: 133%; color: #390000; }
#content p span.enlarge a {/* border-bottom: 1px solid #390000;*/ text-decoration: none; }

#contactformcontainer { width: 464px; background: #f0f2f1 url(http://www.lovelytart.com/images/form-bottom.gif) bottom left no-repeat; padding-bottom: 16px;}
#contactformcontainer form { background: #f0f2f1 url(http://www.lovelytart.com/images/form-top.gif) top left no-repeat; padding: 16px 10px 0 11px;}

label { position: absolute; left: -999em; }

input { width: 421px; height: 19px; background: #fff url(http://www.lovelytart.com/images/text-field-bg.gif) no-repeat top left; border: 0; margin-bottom: 6px; color: #706969; font-size: 12px; padding: 9px 11px 6px; }

textarea { width: 421px; height: 119px; background: #fff url(http://www.lovelytart.com/images/textarea-bg.gif) no-repeat top left; border: 0; margin-bottom: 6px; color: #706969; font-size: 12px; padding: 9px 11px 6px; }

input.sendbutton { width: 83px; height: 34px; padding: 0; margin: 0 0 0 360px; }

#content form p { margin: 0 0 2px; }


#footer { clear: both; font-size: 0.714em; }

#opening { background: url(http://www.lovelytart.com/images/footer-bg.gif) bottom left repeat-x; width: 826px; height: 37px; } 
#opening p { background: url(http://www.lovelytart.com/images/opening-hours.gif) 0 0 no-repeat; width: 530px; height: 17px; text-indent:-999em; } 

#footer ul { margin-top: 7px; width: 413px; float: left;  }
#footer li { display: inline; margin-right: 10px; }
#footer li a { text-decoration: none; }
#footer p.details { padding-top: 7px; text-align: right; width: 413px; margin: 0; float: right; }
 
p.credit { text-align: center; padding: 1em 0; font-size: 0.785em; }
p.credit a { color: #999; margin: 1em 0; }
p.credit a:hover { color: #666; background-color: #fff; }

/* TEMP TESTING */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* hide these elements */


}