/*brown is #9c5619 beige is #967f69   dark pink cc3366 pale pnk ff3a5bfcc
/* {background:#ffffff url('/images/3ValPen.jpg') no-repeat bottom left}*/
body,div,table{margin:auto}
html{margin:0;padding:0;xheight:100%;border:none}
body {font-family:"century gothic",arial;background-color:#ffffff;font:normal 18px/24px century gothic;text-align:center; margin:auto;color:#cc3366;margin-top:20px}
a{text-decoration:none;padding:0px;color:#cc3366}
/* define heading fonts */
p {margin:0px;border:0px;padding:0px}
h1 {font:normal 30px/30px century gothic;padding:0px;margin:0px}
h2 {font:normal 24px/24px century gothic;margin:0px}
h3 {font:normal 15px/20px century gothic;margin:0px}
h4 {font:bold 18px/24px century gothic;margin:0px}
/* other general stuff*/
input{margin:0px;padding:0px}
img{border:none}
form{margin:0px;padding:0px;border:none}
.center{text-align:center;margin: auto}
.centerPad10{text-align:center;padding:10px}
.left{text-align:left}
.right{text-align:right}
.justify{text-align:justify}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.italic{font-style:italic}
.leftPad200{text-align:left;padding-left:200px}
.leftPad20{text-align:left;padding:0px 20px 0px 20px}
.leftPad40{text-align:left;padding:0px 40px 0px 40px}
.leftPad10{text-align:left;padding:0px 10px 0px 10px}
.pad10{padding:10px}
.adminDiv{background-color:#fff}
.underline{text-decoration:underline}
.leftFloat{float:left}
.rightFloat{float:right}
.smallText{font:italic 15px/17px century gothic}
.tinyText{font:normal 15px/17px century gothic}
.bold{font:bold 18px/24px century gothic;margin:0px}
.emphasise{font-weight:bold}
/*define colours*/

#logoDiv{background-color:#fff}
#indexTextDiv{background-color:#f3a5bf;color:#c36}
.bodyDiv{background-color:#fff}
.indexMenuDiv,.detailMenuDiv{background-color:#f3a5bf;color:#c36}
.indexMenuDiv a,.detailMenuDiv a{color:#c36}
#indexHeadlineDiv{background-color:#fff}
#bottomMenuDiv,#topMenuDiv{background-color:#f3a5bf;color:#c36}
#bottomMenuDiv a,#topMenuDiv a{color:#c36}
#bottomMenuDiv a.here,#topMenuDiv a.here{color:#fff}
#topMenuTab td:hover{background-color:#fff}
#topMenuTab td:hover a{color:#c36}
#footDiv{background-color:#fff}
#orderButton{color:#c36}
.xdateTooEarly{background:#fff url('/images/cross.gif') top center no-repeat}
.xdateTooLate{background:#fff url('/images/cross.gif') top center no-repeat}
.dateUnavailable,.dateTooLate,.dateTooEarly,.orange{color:#999}
.monthTab td{border:1px solid #fff}
.monthTab td.available:hover{border:1px solid #c36}
.occasionDaysTab {border:1px solid #cc3366}
.calendarRadio{color:#cc3366}
.selectedTextDiv input{color:#c36}
#xxbigShopImagesDiv{border:2px solid #c36}
#bigShopImagesThumnailsDiv{background-color:#f3a5bf}


/*general formatting*/
.bodyDiv{width:1020px;border:1px solid #cc3366}
#straplineImg{padding:10px 0px 10px 0px}

/*menu formatting*/

.indexMenuImg{width:180px;height:120px;padding:0px 20px 0px 20px;vertical-align:bottom}
.indexMenuDiv{width:180px;height:30px}
.indexMenuDiv {font:bold 11px/15px century gothic;border-bottom:10px solid white}
#topMenuTab{text-align:center;padding:5px 0px 5px 0px}
#topMenuTab{text-align:center;width:1006px}
#topMenuTab td{padding:5px 5px 5px 5px;vertical-align:bottom}
#topMenuTab td.firsttd{padding:5px 5px 5px 3px}
#topMenuTab td.lasttd{padding:5px 3px 5px 5px}
#bottomMenuTab{text-align:center;padding:5px 0px 5px 0px}
#bottomMenuTab td{padding:0px 10px 0px 10px;vertical-align:bottom}
#bottomMenuTab td.firsttd{padding:0px 10px 0px 0px}
#bottomMenuTab td.lasttd{padding:0px 0px 0px 10px}
#bottomMenuDiv,#bottomMenuTab{text-align:left;width:1006px}
#bottomMenuDiv,#topMenuDiv{text-align:center;font:bold 11px/11px century gothic;padding:0px 5px 0px 5px}

#indexBodyDiv #bottomMenuDiv,#indexBodyDiv #bottomMenuTab{width:836px}
#indexBodyDiv #bottomMenuTab td{padding:0px 5px 0px 5px}

/* footer*/
.footDiv{margin:0px;text-align:center}
#footerTab{width:950px}
#footerTab td{width:200px}
.credit,.credit a{font:normal 11px/12px century gothic}
/*

/*index page*/
#indexBodyDiv{border:none}
#indexBodyTab td{vertical-align:middle}
#indexTextDiv{width:840px;text-align:justify}
#indexHeadlineDiv{padding:5px 0px 3px 0px;width:320px;margin:auto;margin-top:5px}
#indexTab tr{height:180px;vertical-align:top}
#facebookImg{padding-top:30px}

/*shop page*/
.shopTopImg{width:240px;height:160px}
#bigShopImagesDiv{width:600px}
#bigShopImagesThumnailsDiv{width:530px}
.shopBigImg{width:530px;height:400px}
.bigImageCol{width:550px}
.shopBigImg{vertical-align:top}
.shopThumbnailImg{width:118px;vertical-align:bottom}
.shopThumbnailImg.here {width:110px;vertical-align:bottom;border:3px solid #cc3366}
td.shopPrompt{font:normal 12px/12px century gothic}
.shopText{text-align:left;padding:0px 20px 0px 20px}
.shopCakeImg{width:88px;height:88px;padding:0px 2px 0px 2px}
.bigCakeImg{width:400px;height:400px}
.shopCakeCol{border:1px solid #fff;text-align:center;width:90px}
.shopTabImg{width:240px;height:180px}
.bigShopImg{width:420px;height:280px}
.monthTab{border:1px solid;text-align:center;font:normal 12px/12px century gothic;width:auto}
.monthTab td{text-align:center;width:20px;height:32px;vertical-align:top}
.calendarRadio{height:15px;width:15px}
.tagTab td{width:250px}
.colourTab td{width:180px}
.calendarTab td{width:180px}
.cakeTab td{width:180px}
#cakeMessageInput{width:130px}
#tagMessageInput{width:700px}
#orderButton{font:normal 20px/20px century gothic;width:200px;height:50px}
.specialInstructionsInput{width:700px}
.selectedTextDiv{width:400px;text-align:center;border:none;font:normal 24px/24px century gothic;padding:5px}
.selectedTextDiv input{border:none;font:normal 24px/24px century gothic;width:auto}
#shopBigImgCol{width:420px}
/*text page*/

.mainText{text-align:left;padding:20px}
.infoImgThumbnail{padding:20px 20px 0px 20px;width:210px;height:140px}
#infoImgDiv{padding-top:5px}

/*events page*/
.occasionDaysTab{text-align:center;font:normal 12px/12px century gothic;width:auto}
.occasionDaysTab td{text-align:center;width:12px;height:12px;vertical-align:middle}
.dateOccasion{background-color:green}
.occasionMonthSubmit{border:none;background-color:#fff;color:#c36;font:normal 12px/12px century gothic}
.occasionDayCol .occasionMonthSubmit{width:15px;font:normal 11px/11px century gothic}
.dateOccasion .occasionMonthSubmit{border:none;background-color:green;color:#fff}

/*month events page*/
.occasionDescInput{width:300px;border-bottom:1px solid #c36;border-left:none;border-right:none;border-top:none;font:normal italic 18px/20px century gothic ;color:#c36}
/* pop-up from events*/
#addEventsBodyDiv{width:800px}

/*pressPage*/
.pressImgCol {width:220px;padding:0px;vertical-align:middle;background-color:#f3a5bf;}
.pressImg{width:210px;padding:5px;text-align:center;vertical-align:middle}
.pressTextCol{width:230px;background-color:#f3a5bf;vertical-align:middle;border-right:10px solid #fff}
.pressTextColDiv{padding:5px 10px 5px 5px;font-size:15px}

/*admin*/
.adminBodyDiv {text-align:left;padding-left:200px}
.adminOrdersTab td{border:1px solid;text-align:left;}
.adminOrdersTab td.center{text-align:center}