/*--------lightbox-------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 9999; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*------general------*/ body { margin: 0 auto;padding: 0 auto; background-color: #ffffff; color: #712b11; font-size: 11px; font-family: Arial; line-height: 12pt; text-align: left; background-image: url(images/watermark.gif);} #container {text-align: center; margin: 0 auto; padding: 0 auto; width: 850px;} body .left_col{ float: left; width: 500px; margin: -15px 0 0 35px; text-align: left;} body .right_col{ float: right; width: 275px; margin: -15px 35px 0 0; text-align: left;} body .cleft_col{ float: left; width: 400px; margin: -15px 0 0 35px; text-align: left;} body .cright_col{ float: right; width: 400px; margin: -15px 35px 0 0; text-align: left;} body .single_col{ float: left; width: 800px; margin: -15px 0 0 35px; text-align: left;} a:link, a:visited {color: #dda835; font-weight: bold; text-decoration: none;} a:hover, a:active {color: #dda835; font-weight: bold; text-decoration: none;} href a{ display: block; margin: 0;} p.home { color: #dda835; font-size: 11px; font-family: Arial; line-height: 14pt;} p.reg { color: #712b11; font-size: 11px; font-family: Arial; line-height: 12pt; text-align: left;} p.italic { color: #712b11; font-size: 10px; font-family: Arial; font-style: italic; line-height: 10pt; text-align: left;} p.desc { color: #712b11; font-size: 10px; font-family: Arial; font-style: italic; line-height: 10pt; text-align: center; margin: -2px 0 0 40px;} p.bold { color: #712b11; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 12pt; text-align: left;} p.googlemap { color: #712b11; font-size: 11px; font-family: Arial; line-height: 12pt; text-align: left; margin: -10px 0 0 -25px;} span.italic { color: #712b11; font-size: 11px; font-family: Arial; font-style: italic; line-height: 12pt; text-align: left;} span.subhead { color: #CC6600; font-size: 11px; font-family: Arial; font-weight: bold; text-align: left;} span.bold { color: ##712b11; font-size: 11px; font-family: Arial; font-weight: bold; text-align: left;} #wrapper { position: relative; float: left; width: 870px; left: -10px; background-image: url(images/wrapper.png); !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (img src="images/wrapper.png",sizingMethod='scale');} #wrapperbase{ position: relative; float: left; width: 870px; left: -10px; height: 20px; background-image: url(images/wrapper_btm.png); !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (img src="images/wrapper_btm.png",sizingMethod='scale');} #rosette { position: relative; float: left; width: 110px; height: 139px; margin: -120px 0 0 790px; background-image: url(images/rosette.png); z-index: 10; !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (img src="images/rosette.png",sizingMethod='scale');} #banner { position: relative; width: 347px; height: 76px; margin: -25px 0 10px 266px; background-image: url(images/banner.gif); clear: both; z-index: 10;} /*---------------logos--------------------------*/ #logo { position: relative; width: 348px; height: 111px; left: 251px; background-image: url(images/logo_intern.jpg); z-index: 20;} #bastillelogo { position: relative; width: 432px; height: 111px; left: 210px; background-image: url(images/logo_bastille.jpg); z-index: 20;} #easterlogo { position: relative; width: 432px; height: 111px; left: 210px; background-image: url(images/logo_easter.jpg); z-index: 20;} #valentineslogo { position: relative; width: 432px; height: 111px; left: 210px; background-image: url(images/logo_valentines.jpg); z-index: 20;} #mothersdaylogo { position: relative; width: 432px; height: 111px; left: 210px; background-image: url(images/logo_mothersday.jpg); z-index: 20;} #fathersdaylogo { position: relative; width: 432px; height: 111px; left: 210px; background-image: url(images/logo_fathersday.jpg); z-index: 20;} #christmaslogo { position: relative; width: 432px; height: 111px; left: 210px; background-image: url(images/logo_christmas.jpg); z-index: 20;} /*---------------nav--------------------------*/ #shelf { position: relative; width: 989px; height: 120px; top: -30px; left: -58px; background-image: url(images/shelf_intern.png); !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (img src="images/shelf_intern.png",sizingMethod='scale'); z-index: 1;} #nav { position: relative; float: left; width: 900px; height: 120px; margin: -11px 0 0 29px; z-index: 10;} #nav li { display: inline;} #nav li a { float: left; display: block; height: 120px; text-indent: -9999px;} #nhome a{ width: 80px; background-image: url(images/nav_home.jpg);} #nabout a{ width: 78px; background-image: url(images/nav_aboutus.jpg);} #ncroq a{width: 74px; background-image: url(images/nav_croquembouche.jpg);} #nmission a{ width: 80px; background-image: url(images/nav_mission.jpg);} #ncakes a{ width: 75px; background-image: url(images/nav_cakes.jpg);} #ntarts a{ width: 78px; background-image: url(images/nav_tarts.jpg);} #nsavoury a{ width: 83px; background-image: url(images/nav_savoury.jpg);} #ncafe a{ width: 68px; background-image: url(images/nav_cafe.jpg);} #nspecialities a{ width: 78px; background-image: url(images/nav_specialities.jpg);} #nevents a{ width: 78px; background-image: url(images/nav_events.jpg);} #ncontact a{ width: 78px; background-image: url(images/nav_contact.jpg);} /*-----------------about----------------*/ #ttl_about { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_about.jpg);clear: both; z-index: 5;} #article { position: relative; width: 220px; height: 275px; margin: 20px 0 -10px -8px; background-image: url(images/about_article.jpg);} /*-----------------croquembouche----------------*/ #ttl_croquembouche { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_croquembouche.jpg); clear: both; z-index: 5; } #croq01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Croquembouche02.jpg); } #croq02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Croquembouche08.jpg); } #croq03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Croquembouche05.jpg); } #croq04 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Croquembouche04.jpg); } #croq05 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Croquembouche09.jpg); } #croq06 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Croquembouche06.jpg); } #croq07 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Croquembouche11.jpg); } #croq08 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Croquembouche07.jpg); } /*-----------------ourmission----------------*/ #ttl_ourmission { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_ourmission.jpg); clear: both; z-index: 5;} #mhero {position: relative; width: 242px; height: 234px; margin: 10px 0 0 0; background-image: url(images/mission_hero.jpg); } #msavoury {position: relative; float: left; width: 161px; height: 156px; margin: -10px 0 0 20px; background-image: url(images/Savoury04.jpg); z-index: 5;} #mcoffee {position: relative; float: left; width: 161px; height: 156px; margin: -10px 0 0 20px; background-image: url(images/Uno_coffee.jpg); z-index: 5;} #mpastries {position: relative; float: left; width: 161px; height: 156px; margin: -10px 0 0 20px; background-image: url(images/Specialities01.jpg); z-index: 5;} /*-----------------cakes----------------*/ #ttl_cakes {position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_cakes.jpg); clear: both;z-index: 5;} #cake01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Cake01.jpg); } #cake02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Cake02.jpg); } #cake03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Cake03.jpg); } #cake04 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Cake04.jpg); } /*-----------------tarts----------------*/ #ttl_tarts { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_tarts.jpg); clear: both; z-index: 5;} #tart01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Tarts01.jpg);} #tart02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Tarts02.jpg);} #tart03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Tarts03.jpg);} /*-----------------savoury----------------*/ #ttl_savoury { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_savoury.jpg); clear: both; z-index: 5;} #sav01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Savoury01.jpg); } #sav02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Savoury02.jpg); } #sav03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Savoury03.jpg); } /*-----------------cafe----------------*/ #ttl_cafe { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_cafe.jpg); clear: both; z-index: 5;} #bol {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Cafe_bol.jpg);} #pastries {position: relative; width: 161px; height: 156px; margin: 0 0 0 80px; background-image: url(images/Cafe_pastries.jpg);} #bread {position: relative; width: 161px; height: 156px; margin: 0 0 0 80px; background-image: url(images/Cafe_bread.jpg);} #breakfast {position: relative; width: 161px; height: 156px; margin: 0 0 0 80px; background-image: url(images/Cafe_breakfast.jpg);} #potatotart {position: relative; width: 161px; height: 156px; margin: 0 0 0 80px; background-image: url(images/Cafe_potatotart.jpg);} #baguettes {position: relative; width: 161px; height: 156px; margin: 0 0 0 80px; background-image: url(images/Cafe_baguettes.jpg);} #paninis {position: relative; width: 161px; height: 156px; margin: 0 0 0 80px; background-image: url(images/Cafe_panini.jpg);} /*-----------------specialities----------------*/ #ttl_specialities { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_specialities.jpg); clear: both; z-index: 5;} #ttl_delicacies { position: relative; width: 235px; height: 35px; margin: -10px 0 0 -10px; background-image: url(images/ttl_delicacies.jpg); clear: both; z-index: 5;} #spec01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Specialities01.jpg);} #spec02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Specialities02.jpg);} #spec03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Specialities03.jpg);} #spec04 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Specialities04.jpg);} #spec05 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Specialities05.jpg);} #spec06 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Specialities06.jpg);} /*-----------------events----------------*/ #ttl_events { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_events.jpg); clear: both; z-index: 5;} #shop04 { position: relative; width:320px; height: 248px; margin: 15px 0 -10px -25px; background-image: url(images/shop01.jpg); clear: both; z-index: 5;} #ecake01 { position: relative; width:215px; height: 200px; margin: -3px 0 0 -20px; background-image: url(images/spec-cake12.jpg); z-index: 5;} /*-----------------contactus----------------*/ #ttl_contactus { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_contactus.jpg); clear: both; z-index: 5; } #shop01{ position: relative; width:320px; height: 248px; margin: 15px 0 -10px -15px; background-image: url(images/shop01.jpg); clear: both; z-index: 5;} #shop02{ position: relative; width:320px; height: 248px; margin: 15px 0 -10px -15px; background-image: url(images/shop02.jpg); clear: both; z-index: 5;} #shop03{ position: relative; width:320px; height: 248px; margin: 15px 0 -10px -15px; background-image: url(images/shop03.jpg); clear: both; z-index: 5;} #map_banksmeadow{ position: relative; width:450px; height: 316px; margin: -18px 0 -10px -40px; background-image: url(images/map_banksmeadow.jpg); clear: both; z-index: 5;} #map_randwick{ position: relative; width:450px; height: 316px; margin: 96px 0 -10px -40px; background-image: url(images/map_randwick.jpg); clear: both; z-index: 5;} #map_cronulla{ position: relative; width:450px; height: 316px; margin: 80px 0 -10px -40px; background-image: url(images/map_cronulla.jpg); clear: both; z-index: 5;} /*-----------------picturecake----------------*/ #ttl_picturecake { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_specialcakes.jpg); clear: both; z-index: 5;} #pictures {position: relative; width: 300px; height: 158px; margin: -10px 0 0 0; background-image: url(images/Pictures.jpg); z-index: 5;} #piccake01 {position: relative; float: left; padding: 0; width: 198px; height: 188px; margin: 12px 0 10px 0; background-image: url(images/Picturecake01.jpg); z-index: 5;} #piccake02 {position: relative; float: left; padding: 0; width: 198px; height: 188px; margin: 12px 0 10px 0; background-image: url(images/Picturecake02.jpg); z-index: 5;} #piccake03 {position: relative; float: left; padding: 0; width: 198px; height: 188px; margin: 12px 0 10px 0; background-image: url(images/Picturecake03.jpg); z-index: 5;} /*-----------------occasions----------------*/ #ttl_occasions { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_occasions.jpg); clear: both; z-index: 5;} #occasion01 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions01.jpg); } #occasion02 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions02.jpg); } #occasion03 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions03.jpg); } #occasion04 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions04.jpg); } #occasion05 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions05.jpg);} #occasion06 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions06.jpg);} #occasion07 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions07.jpg);} #occasion08 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions08.jpg);} #occasion09 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions09.jpg);} #occasion10 {position: relative; float: left; width: 161px; height: 156px; top: 12px; left: -10px; padding: 0 5px 5px 0; background-image: url(images/Occasions10.jpg);} /*-----------------valentines----------------*/ #ttl_valentines { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_valentines.jpg); clear: both; z-index: 5; } #val01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Valentines01.jpg); } #val02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Valentines02.jpg); } #val03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Valentines03.jpg); } #val04 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Valentines04.jpg); } #val05 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Valentines05.jpg); } /*-----------------easter----------------*/ #ttl_easter { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_easter.jpg); clear: both; z-index: 5; } #easter01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Easter01.jpg); } #easter02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter02.jpg); } #easter03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter03.jpg); } #easter04 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter04.jpg); } #easter05 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter05.jpg); } #easter06 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter06.jpg); } #easter07 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter07.jpg); } #easter08 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter08.jpg); } #easter09 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Easter09.jpg); } /*-----------------mothersday----------------*/ #ttl_mothersday { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_mothersday.jpg); clear: both; z-index: 5; } #mothers01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Mothers01.jpg); } #mothers02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Mothers02.jpg); } #mothers03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Mothers03.jpg); } #mothers04 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Mothers04.jpg); } /*-----------------fathersday----------------*/ #ttl_fathersday { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_fathersday.jpg); clear: both; z-index: 5; } #fathers01 {position: relative; width: 198px; height: 188px; margin: 12px 0 0 40px; background-image: url(images/Picturecake01.jpg); z-index: 5;} /*-----------------bastille----------------*/ #ttl_bastille { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_bastille.jpg); clear: both; z-index: 5;} #crepes { position: relative; width: 218px; height: 221px; margin: 20px 0 -10px 20px; background-image: url(images/bastille-crepes.jpg); z-index: 5;} #music { position: relative; width: 218px; height: 221px; margin: 20px 0 -10px 20px; background-image: url(images/bastille-music.jpg); z-index: 5;} #joinus { position: relative; width: 218px; height: 221px; margin: -5px 0 -10px 20px; background-image: url(images/bastille-joinus.jpg); z-index: 5;} /*-----------------christmas----------------*/ #ttl_christmas { position: relative; width: 235px; height: 35px; margin: -10px 0 0 25px; background-image: url(images/ttl_christmas.jpg); clear: both; z-index: 5; } #xmas01 {position: relative; width: 161px; height: 156px; margin: 12px 0 0 80px; background-image: url(images/Xmas01.jpg); } #xmas02 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Xmas02.jpg); } #xmas03 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Xmas03.jpg); } #xmas04 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Xmas04.jpg); } #xmas05 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Xmas05.jpg);} #xmas06 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Xmas06.jpg);} #xmas07 {position: relative; width: 161px; height: 156px; margin: -8px 0 0 80px; background-image: url(images/Xmas07.jpg);} /*--- !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (img src="images/logo.png",sizingMethod='scale');---*/