/* Start of CMSMS style sheet 'Spargos CSS' */ /* @group general styles --------------------------------------------------- */ html {height:100%; width:100%; } body {margin:0px; font-size:0.75em; font-family: Arial, Helvetica, Serif; background:url(../images/background.gif) repeat center top;} form,dl,dd,dt,h1,h2,h3,h4,h5,h6 {padding:0; margin:0;} ul {padding:0; margin:0 0 1em 0; } p {font-size: 1em; margin: 0 0 1.1em 0; padding: 0; line-height:1.5em; font-family: Arial, Helvetica, Serif; color:#333333;} h1 {font-size: 1.6em; font-family: Verdana, Geneva, Arial; padding: 0 0 0.7em 0; font-weight:bold; color:#cc0000;} h2 {font-size: 1em; padding: 0 0 0.8em 0; font-weight:bold; font-family: Verdana, Geneva, Arial; color:#000; } h3 {font-size: 0.85em; padding: 0 0 0.1em 0; font-family: Verdana, Geneva, Arial; font-weight:bold; color:#cc0000; } h4 {font-size: 0.85em; padding: 0 0 0 18px; line-height:1.5em; font-family: Verdana, Geneva, Arial; font-weight:bold; color:#FFFFFF; background:url(../images/arrow-bullet.gif) no-repeat center left; } h5 {font-size: 1em; padding: 5px 0 2px 10px; font-family: Verdana, Geneva, Arial; font-weight:bold; color:#000; } a {outline:none;} a img {border: 0; padding:0;} a:link {color: #cc0000; text-decoration:none;} a:visited {color: #cc0000; text-decoration:none;} a:hover {color: #cc0000; text-decoration:none;} a:active {color: #cc0000; text-decoration:none;} /* @group helper styles --------------------------------------------------- */ .cb {clear:both;} /* @group page structure --------------------------------------------------- */ #wrapper { width:954px; margin:0 auto; } #header { height:114px; padding-top:23px; background:url(../images/header-default-bg.jpg) no-repeat right top; } #nav { margin:0; padding:0; float:left; width: 954px; list-style:none; overflow:hidden; } #nav li.home { width: 72px; height: 40px; float: left; } #nav li.news { width: 188px; height: 40px; float: left; } #nav li.menu { width: 110px; height: 40px; float: left; } #nav li.specials { width: 186px; height: 40px; float: left; } #nav li.movies { width: 185px; height: 40px; float: left; } #nav li.membership { width: 120px; height: 40px; float: left; } #nav li.contact { width: 93px; height: 40px; float: left; } #nav li a {display: block; text-indent:-9999px; height: 40px; background-image: url('../images/nav.gif'); background-repeat: no-repeat; } #nav li.home a, #nav li.home a:link, #nav li.home a:visited { background-position: 0 0; } #nav li.home a:hover { background-position: 0 -40px; } #nav li.news a, #nav li.news a:link, #nav li.news a:visited { background-position: -72px 0; } #nav li.news a:hover { background-position: -72px -40px; } #nav li.menu a, #nav li.menu a:link, #nav li.menu a:visited { background-position: -260px 0; } #nav li.menu a:hover { background-position: -260px -40px; } #nav li.specials a, #nav li.specials a:link, #nav li.specials a:visited {background-position: -370px 0; } #nav li.specials a:hover {background-position: -370px -40px; } #nav li.movies a, #nav li.movies a:focus, #nav li.movies a:active { background-position: -556px 0; } #nav li.movies a:hover { background-position: -556px -40px; } #nav li.membership a, #nav li.membership a:focus, #nav li.membership a:active { background-position: -741px 0; } #nav li.membership a:hover { background-position: -741px -40px; } #nav li.contact a, #nav li.contact a:focus, #nav li.contact a:active {background-position: -861px 0; } #nav li.contact a:hover {background-position: -861px -40px; } #main-content-home { width:954px; padding:30px 0 0px 0; clear:both; } #main-content-home .primary { float:left; width:628px; } #main-content-home .primary .news { height:118px; margin-top:6px; padding:6px; background: url('../images/news-bg.gif'); background-repeat: no-repeat; } #main-content-home .primary .news.first { margin:0; } #main-content-home .primary .news .text { float:right; width:400px; } #main-content-home .primary .news p { font-size:0.95em; line-height:1.3em; } #main-content-home .primary .news img { float:left; padding-right:15px;} #main-content-home .primary .news a.more {display:block; width:87px; height:14px; text-indent:-9999em; background:url('../images/read-more-btn.gif') no-repeat left top; } #main-content-home .secondary { float:right; width:318px; } #main-content-home .secondary.membership-join { width:292px; height:269px; padding:120px 13px 13px 13px; background: url('../images/membership-bg.jpg') no-repeat right top; } #main-content-home .secondary .row {clear: both; padding-top:5px; overflow:hidden; } #main-content-home .secondary .row span.label {float: left; width: 105px; color:#fff; font-weight:bold; font-size:0.95em; } #main-content-home .secondary .row span.form {float: right; width: 180px; text-align: left; } #main-content-home .secondary .row span.form input { border:1px solid #999999; width:180px; height:18px; } #main-content-home .secondary .buttons {padding:20px 0 0 112px; clear:both; } #clear-top { height:30px; clear:both; } #main-content { width:954px; background:url('../images/spots-bg.gif') no-repeat right top; clear:both; } #main-content-inner { width:934px; padding:10px 10px 10px 10px; background:url('../images/main-content-bottom-corners.gif') no-repeat left bottom; clear:both; } #main-content .primary { float:left; width:570px; padding:20px 10px 10px 10px; background: url('../images/chalkboard-bg.jpg') no-repeat left top; } #main-content .primary .article { padding-bottom:20px; clear:both; } #main-content .primary .article.movie-tickets { height:254px; padding-left:330px; background: url('../images/movie-tickets-bg.jpg') no-repeat left top; } #main-content .primary .article .meal-deal { float:left; width:132px; padding-right:10px; } #main-content .primary .article .meal-deal.last { padding-right:0; } #main-content .primary .article .meal-deal p { color:#999999; font-size:0.9em; line-height:1.3em; } #main-content .primary .article.member-specials { height:125px; padding-top:125px; padding-left:330px; background: url('../images/member-specials-bg.jpg') no-repeat left top; } #main-content .primary .article img { float:left; padding-right:15px;} #main-content .primary .article .text { float:right; width:340px; } #main-content .primary .article .text.medium { float:right; width:320px; } #main-content .primary .article .text.short { width:225px; } #main-content .primary .article .text.short p { font-size:0.9em; line-height:1.3em; color:#999999; } #main-content .primary .row {width:342px; clear: both; padding-top:5px; overflow:hidden; } #main-content .primary .row span.label {float: left; width: 105px; color:#fff; font-weight:bold; font-size:0.95em; } #main-content .primary .row span.form {float: right; width: 230px; text-align: left; } #main-content .primary .row span.form input { border:1px solid #999999; width:230px; height:18px; } #main-content .primary .buttons {padding:20px 0 0 112px; clear:both; } #main-content .primary.large { float:left; width:914px; padding:20px 10px 10px 10px; background: url('../images/chalkboard-bg.jpg') repeat-x left top; } #main-content .primary.large .menu-tabs { float:left; width:914px; } #main-content .primary p { color:#CCCCCC;} #main-content .primary h2 { color:#CC0000;;} #main-content .primary ul { color:#CCCCCC; list-style-type:none; margin:0; padding:1em;} #main-content .primary .news-competitions { text-indent:-9999px; height: 25px; background: url('../images/h1-news.gif') no-repeat;} #main-content .primary .our-menu { text-indent:-9999px; height: 40px; background: url('../images/h1-menu.gif') no-repeat;} #main-content .primary .specials-vouchers { text-indent:-9999px; height: 40px; background: url('../images/h1-specials.gif') no-repeat;} #main-content .primary .movies-meal-deals { text-indent:-9999px; height: 40px; background: url('../images/h1-movies.gif') no-repeat;} #main-content .primary .membership { text-indent:-9999px; height: 40px; background: url('../images/h1-membership.gif') no-repeat;} #main-content .primary .contact { text-indent:-9999px; height: 40px; background: url('../images/h1-contact.gif') no-repeat;} #main-content .primary .terms-conditions { text-indent:-9999px; height: 40px; background: url('../images/h1-terms.gif') no-repeat;} #main-content .primary .privacy-policy { text-indent:-9999px; height: 40px; background: url('../images/h1-privacy.gif') no-repeat;} #main-content .primary .disclaimer { text-indent:-9999px; height: 40px; background: url('../images/h1-disclaimer.gif') no-repeat;} #main-content .primary .employment { text-indent:-9999px; height: 40px; background: url('../images/h1-employment.gif') no-repeat;} #main-content .primary .wi-fi { text-indent:-9999px; height: 40px; background: url('../images/h1-wifi.gif') no-repeat;} #main-content .primary .bookings { text-indent:-9999px; height: 40px; background: url('../images/h1-bookings.gif') no-repeat;} #main-content .primary .thank-you { text-indent:-9999px; height: 40px; background: url('../images/h1-thanks.gif') no-repeat;} #main-content .secondary { float:right; width:334px; padding:50px 0px 10px 0px; background: url('../images/quotation-bg.gif') no-repeat left top; } #main-content .quote { display:block; padding:10px; background:#fff; text-align:right; font-style:italic; } #footer-divider { height:29px; background: url('../images/homepage-divider.gif') no-repeat left bottom; clear:both; } #footer-divider.subpage { height:29px; background: url('../images/subpage-divider.gif') no-repeat left bottom; clear:both; } /* relative position added for negative margin IE6 bug fix */ #footer-divider.subpage .breakfast { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .coffee { position:relative; float:right; width:310px; height:230px; margin-top:-202px; background: url('../images/sidebar-coffee.png') no-repeat right top; } #footer-divider.subpage .news-competitions { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .specials-vouchers { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .movies-meal-deals { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .news-competitions { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .membership { position:relative; float:right; width:310px; height:230px; margin-top:-202px; background: url('../images/sidebar-coffee.png') no-repeat right top; } #footer-divider.subpage .contact { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .terms-conditions { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .privacy-policy { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .disclaimer { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .employment { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .wi-fi { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer-divider.subpage .bookings { position:relative; float:right; width:378px; height:254px; margin-top:-225px; background: url('../images/sidebar-breakfast.png') no-repeat right top; } #footer { width:954px; background: url('../images/footer-bg.gif') no-repeat left bottom; } #footer .promotion { float:left; width:318px; } #footer .links { float:left; padding:15px 10px 15px 10px; width:139px; } #footer .links .map { float:left; width:61px; padding-top:10px; } #footer .links .text { float:right; width:130px; } #footer .links.marion { width:204px; } #footer .links.colonnades { width:233px; } #footer .links.colonnades .text { width:160px; } #footer .links ul { margin:0; padding:0; list-style-type: none; color:#999999; font-size:0.9em; padding:10px 0 0 0; line-height:1.3em; } #footer .links p { color:#999999; font-size:0.9em; padding:10px 0 0 0; line-height:1.3em; } #footer .links input { border:1px solid #999999; width:108px; height:17px; font-size:0.9em; color:#999999; } #footer .links .newsletter-btn { width:24px; height:19px; padding:0; margin:0; border:0; background: url('../images/newsletter-btn.gif') no-repeat left top; } #footer a:link {color: #999999; text-decoration:none;} #footer a:visited {color: #999999; text-decoration:none;} #footer a:hover {color: #cc0000;; text-decoration:none;} #footer a:active {color: #999999; text-decoration:none;} #footer .red a:link {color: #cc0000; text-decoration:none;} #developer { width:954px; padding-top:15px; text-align:right; } #developer p { color:#fff; } /* @group menu tabs and table --------------------------------------------------- */ #main-content .primary.large .menu-tabs .tabs { margin:0; padding:0; float:left; width: 900px; list-style:none; overflow:hidden; } #main-content .primary.large .menu-tabs .tabs li.main-menu { width: 93px; padding-right:3px; height: 26px; float: left; } #main-content .primary.large .menu-tabs .tabs li.drinks { width: 149px; padding-right:3px; height: 26px; float: left; } #main-content .primary.large .menu-tabs .tabs li.breakfast { width: 90px; padding-right:3px; height: 26px; float: left; } #main-content .primary.large .menu-tabs .tabs li.vegetarian { width: 195px; padding-right:3px; height: 26px; float: left; } #main-content .primary.large .menu-tabs .tabs li.kids { width: 48px; padding-right:3px; height: 26px; float: left; } #main-content .primary.large .menu-tabs .tabs li.bakery { width: 70px; padding-right:3px; height: 26px; float: left; } #main-content .primary.large .menu-tabs .tabs li a {display: block; text-indent:-9999px; height: 26px; background-image: url('../images/menu-tabs.gif'); background-repeat: no-repeat; } #main-content .primary.large .menu-tabs .tabs li.main-menu a, #main-content .primary.large .menu-tabs .tabs li.main-menu a:link, #main-content .primary.large .menu-tabs .tabs li.main-menu a:visited { background-position: 0 0; } #main-content .primary.large .menu-tabs .tabs li.main-menu a:hover { background-position: 0 -26px; } #main-content .primary.large .menu-tabs .tabs li.drinks a, #main-content .primary.large .menu-tabs .tabs li.drinks a:link, #main-content .primary.large .menu-tabs .tabs li.drinks a:visited { background-position: -96px 0; } #main-content .primary.large .menu-tabs .tabs li.drinks a:hover { background-position: -96px -26px; } #main-content .primary.large .menu-tabs .tabs li.breakfast a, #main-content .primary.large .menu-tabs .tabs li.breakfast a:link, #main-content .primary.large .menu-tabs .tabs li.breakfast a:visited { background-position: -248px 0; } #main-content .primary.large .menu-tabs .tabs li.breakfast a:hover { background-position: -248px -26px; } #main-content .primary.large .menu-tabs .tabs li.vegetarian a, #main-content .primary.large .menu-tabs .tabs li.vegetarian a:link, #main-content .primary.large .menu-tabs .tabs li.vegetarian a:visited { background-position: -341px 0; } #main-content .primary.large .menu-tabs .tabs li.vegetarian a:hover { background-position: -341px -26px; } #main-content .primary.large .menu-tabs .tabs li.kids a, #main-content .primary.large .menu-tabs .tabs li.kids a:link, #main-content .primary.large .menu-tabs .tabs li.kids a:visited { background-position: -539px 0; } #main-content .primary.large .menu-tabs .tabs li.kids a:hover { background-position: -539px -26px; } #main-content .primary.large .menu-tabs .tabs li.bakery a, #main-content .primary.large .menu-tabs .tabs li.bakery a:link, #main-content .primary.large .menu-tabs .tabs li.bakery a:visited { background-position: -590px 0; } #main-content .primary.large .menu-tabs .tabs li.bakery a:hover { background-position: -590px -26px; } #main-content .primary.large .menu-tabs .tab-content { clear:both; padding:10px 0 0px 0; background:#fff; } #main-content .primary.large table h2 { color:#fff; font-size:1.3em; padding: 5px 0 5px 10px; margin:0; } #main-content .primary.large table p { color:#666666; font-size:0.95em; padding: 0 0 0 10px; margin:0; line-height:1em; } /* @group page components --------------------------------------------------- */ /* @group unitip --------------------------------------------------- */ #unitip { position: absolute; z-index: 1000; top: -1000px; color: #fff; font: normal normal 0.75em/15px Verdana, Arial, Helvetica, sans-serif; display: none; } #unitippoint, #unitipmid, #unitipcap {position: relative; top: 0px; left: 0px; width: 145px; display: block; } #unitippoint { background: url(../images/TipPoint.png) no-repeat; height: 19px; overflow: hidden; } #unitipmid { background: url(../images/TipMid.png) repeat; width: 115px; height: auto; padding: 5px 15px; } #unitipcap { background: url(../images/TipCap.png) no-repeat; height: 7px; overflow: hidden; } /* @group lightbox --------------------------------------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; 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(http://www.brightsidelandscapes.com.au/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.brightsidelandscapes.com.au/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; } /* End of 'Spargos CSS' */