/* Styles by Ian Livingstone - last update 20/08/10 */ /* reset styles */ *{ /* First let's reset all padding and margins to give us an equal work area cross browser */ margin: 0px; padding: 0px; } html{ /* Now reset the font size so we can use EM sizing cross browser */ font-size: 62.5%; } body{ /* Now we can specify EM sizing where 1.1em = 11px, 1.4em = 14px etc */ font: 1.2em/1.4em 'Century Gothic', AppleGothic, Futura, Verdana, Arial, Sans-Serif; color: #333; background: #fff; background-image: url("../z_images/general/floral_flurish.gif"); background-position: top center; background-repeat: no-repeat; } table, th, td, li li, li p, td p, blockquote p { /* These specifications should prevent incorrectly font sizes due to inheritance */ font-size:1em } img{ border: 0; } a{ font-weight: bold; color: #333; text-decoration: none; outline: 0; } a:hover{ color: #a8804f; outline: 0; } /* safe web fonts */ .futura-font { font-family: Futura, "Century Gothic", Verdana, Sans-Serif; } .helv-font { font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; } .century-font { font-family: 'Century Gothic', AppleGothic, Futura, Verdana, Arial, Sans-Serif; } .verdana { font-family: Verdana, Corbel, "Lucida Grande", Geneva, sans-serif; } /* top transparent static info bar */ #stay-put{ /* filter : alpha(opacity=90); -moz-opacity : 0.9; opacity : 0.9; ie workaround to solve opacity not being supported background: url("../_img/transparent.png") repeat; don't forget to reset header background */ position: fixed; /* background: #fff; */ background: url("../z_images/general/transparent.png") repeat; width: 100%; top: 0; z-index: 20; border-bottom: 1px solid #ccc; } #header{ height: 30px; position: relative; width: 738px; margin: 12px auto 0px auto; #color: #ababab; font-size:115%; } #header a { /* color: #ababab; color:#a88047; */ color: #cb0f25; } #header a:hover { /* color: #8f6d43; */ color:#b30c20; } #top-logo, #top-tel { display: block; float: left; } #top-logo { width: 212px; font-size: 1em; text-transform: uppercase; font-weight: normal; font-family: Futura, "Century Gothic", Verdana, Sans-Serif; } #top-logo a { font-weight: normal; } #top-tel { color:#cb0f25; width: 200px; margin-left: 45px; font-weight: bold; /* padding-left: 18px; background-image: url("../z_images/general/icon-phone.gif"); background-position: left center; background-repeat: no-repeat; */ font-family: 'Century Gothic', AppleGothic, Futura, Verdana, Arial, Sans-Serif; } #top-email { float: right; text-align: right; font-weight: bold; padding-left: 18px; /* background-image: url("../z_images/general/icon-email.gif"); background-position: left center; background-repeat: no-repeat; */ font-family: 'Century Gothic', AppleGothic, Futura, Verdana, Arial, Sans-Serif; } /* regional subsite title and company logo */ #region-title { width: 738px; margin: 20px auto 0 auto; height: 240px; background-image: url("../z_images/logos/exp-trav-figure.gif"); background-position: right bottom; background-repeat: no-repeat; font-family: Futura, "Century Gothic", Verdana, Sans-Serif; } /*#off-to-left { width:1000px; height: 68px; position: relative; top: 72px; left: -1000px; background-color: #ababab; color: #ababab; } #region-header { display: inline; font-size: 4em; text-transform: uppercase; font-weight: bold; background-color: #ababab; color: #fff; padding: 3px 10px 3px 0; position: relative; top: 30px; left: 0; } */ #standing-figure { display: block; width: 83px; height: 172px; position: relative; top: -110px; left: 654px; } #experience-travel { display: block; width:482px; height: 42px; position: relative; top: -108px; left: 257px; } /* #region-header a { color: #fff; } #region-header a:hover { color: #fff; } #region-header a:visited { color: #fff; } */ #off-to-left { width:1000px; height: 65px; position: relative; top: 65px; left: -1000px; background-color: #ababab; color: #ababab; } #region-header { display: block; height: 65px; background-color: #ababab; color: #fff; padding: 0; position: relative; top: 0; left: 0; } #region-header a { display: block; height: 65px; width: 100%; margin: 0 0 0 0; padding: 0; } /* country specific colours */ #skin-esea #off-to-left, #skin-esea #region-header { background-color: #a88047; } #skin-thailand #off-to-left, #skin-thailand #region-header { background-color: #3d7a99; } #skin-vietnam #off-to-left, #skin-vietnam #region-header { background-color: #7f9825; } #skin-cambodia #off-to-left, #skin-cambodia #region-header { background-color: #86386b; } #skin-laos #off-to-left, #skin-laos #region-header { background-color: #e43c23; } #skin-bali #off-to-left, #skin-bali #region-header { background-color: #4fcaf8; } #skin-sri-lanka #off-to-left, #skin-sri-lanka #region-header { background-color: #cb0f25; } #skin-maldives #off-to-left, #skin-maldives #region-header { background-color: #e7607c; } #skin-esea #region-header { width: 453px; background-color: #a8804f; background-image: url("../z_images/main-titles/south-east-asia.gif"); background-position: 0 9px; background-repeat: no-repeat; } #skin-thailand #region-header { width: 266px; background-color: #3d7a99; background-image: url("../z_images/main-titles/thailand.gif"); background-position: 0 10px; background-repeat: no-repeat; } #skin-vietnam #region-header { width: 242px; background-color: #7f9825; background-image: url("../z_images/main-titles/vietnam.gif"); background-position: 0 9px; background-repeat: no-repeat; } #skin-cambodia #region-header { width: 300px; background-color: #86386b; background-image: url("../z_images/main-titles/cambodia.gif"); background-position: 0 9px; background-repeat: no-repeat; } #skin-laos #region-header { width: 142px; background-color: #e43c23; background-image: url("../z_images/main-titles/laos.gif"); background-position: 0 10px; background-repeat: no-repeat; } #skin-bali #region-header { width: 402px; background-color: #4fcaf8; background-image: url("../z_images/main-titles/bali-lombok.gif"); background-position: 0 9px; background-repeat: no-repeat; } #skin-sri-lanka #region-header { width: 276px; background-color: #cb0f25; background-image: url("../z_images/main-titles/sri-lanka.gif"); background-position: 0 9px; background-repeat: no-repeat; } #skin-maldives #region-header { width: 368px; background-color: #e7607c; background-image: url("../z_images/main-titles/the-maldives.gif"); background-position: 0 10px; background-repeat: no-repeat; } /* inline nav */ #inline-nav { width: 738px; margin: 0 auto; } #inline-nav ul { margin: 0 0 7px 0; padding: 7px 0 0 0; list-style: none; } #inline-nav ul li { display: block; float: left; margin: 0 7px 0 0; padding: 0; } #inline-nav ul li#right-most { margin-right: 0; margin-left:1px; } #inline-nav ul li a { display: block; height: 29px; margin: 0; padding: 0; text-decoration: none; background-image: url("../z_images/general/inline-sprite-golden.gif"); background-repeat: no-repeat; } #inline-nav ul li a:hover { text-decoration: none; } /* country sprite manipulation */ #inline-nav ul li a#thai { display: block; height: 29px; background-position: 0 0; width: 94px; } #inline-nav ul li a#thai:hover { background-position: 0 -31px; } #inline-nav ul li a#vietnam { background-position: -101px 0; width: 84px; } #inline-nav ul li a#vietnam:hover { background-position: -101px -31px; } #inline-nav ul li a#cambodia { background-position: -191px 0; width: 103px; } #inline-nav ul li a#cambodia:hover { background-position: -191px -31px; } #inline-nav ul li a#laos { background-position: -300px 0; width: 52px; } #inline-nav ul li a#laos:hover { background-position: -300px -31px; } #inline-nav ul li a#bali { background-position: -359px 0; width: 138px; } #inline-nav ul li a#bali:hover { background-position: -359px -31px; } #inline-nav ul li a#sri-lanka { background-position: -506px 0; width: 96px; } #inline-nav ul li a#sri-lanka:hover { background-position: -506px -31px; } #inline-nav ul li a#maldives { background-position: -609px 0; width: 127px; } #inline-nav ul li a#maldives:hover { background-position: -609px -31px; } /* country specifc colouring - makes it appear 'active' */ /* comment out just now #skin-thailand #inline-nav ul li a#thai { background-position: 0 -31px; } #skin-vietnam #inline-nav ul li a#vietnam { background-position: -101px -31px; } #skin-cambodia #inline-nav ul li a#cambodia { background-position: -191px -31px; } #skin-laos #inline-nav ul li a#laos { background-position: -300px -31px; } #skin-bali #inline-nav ul li a#bali { background-position: -359px -31px; } #skin-sri-lanka #inline-nav ul li a#sri-lanka { background-position: -506px -31px; } #skin-maldives #inline-nav ul li a#maldives { background-position: -609px -31px; } */ /* site wide styles */ #container h1, #container h2, #container h3, #container h4, #container h5, #container h6 { font-family: Futura,"Century Gothic", Verdana, Sans-Serif; font-weight: normal; display: block; padding: 5px 7px 5px 7px; margin: 7px 0 7px 0; color: #fff; text-transform: uppercase; background-color: #ccc; border-bottom: 4px solid #aaa; line-height: 1em; } #container h1 a, #container h2 a, #container h3 a, #container h4 a, #container h5 a, #container h6 a { font-weight: normal; color: #fff; } #container h1 a:hover, #container h2 a:hover, #container h3 a:hover, #container h4 a:hover, #container h5 a:hover, #container h6 a:hover { text-decoration: none; color: #fff; } #skin-esea #container h1, #skin-esea #container h2, #skin-esea #container h3, #skin-esea #container h4, #skin-esea #container h5, #skin-esea #container h6 { background-color: #a88047; border-bottom: 4px solid #8f6d43; } #skin-thailand #container h1, #skin-thailand #container h2, #skin-thailand #container h3, #skin-thailand #container h4, #skin-thailand #container h5, #skin-thailand #container h6 { background-color: #3d7a99; border-bottom: 4px solid #336680; } #skin-vietnam #container h1, #skin-vietnam #container h2, #skin-vietnam #container h3, #skin-vietnam #container h4, #skin-vietnam #container h5, #skin-vietnam #container h6 { background-color: #7f9825; border-bottom: 4px solid #6b801f; } #skin-cambodia #container h1, #skin-cambodia #container h2, #skin-cambodia #container h3, #skin-cambodia #container h4, #skin-cambodia #container h5, #skin-cambodia #container h6 { background-color: #86386b; border-bottom: 4px solid #6e2e57; } #skin-laos #container h1, #skin-laos #container h2, #skin-laos #container h3, #skin-laos #container h4, #skin-laos #container h5, #skin-laos #container h6 { background-color: #e43c23; border-bottom: 4px solid #d63820; } #skin-bali #container h1, #skin-bali #container h2, #skin-bali #container h3, #skin-bali #container h4, #skin-bali #container h5, #skin-bali #container h6 { background-color: #4fcaf8; border-bottom: 4px solid #4bc0eb; } #skin-sri-lanka #container h1, #skin-sri-lanka #container h2, #skin-sri-lanka #container h3, #skin-sri-lanka #container h4, #skin-sri-lanka #container h5, #skin-sri-lanka #container h6 { background-color: #cb0f25; border-bottom: 4px solid #b30c20; } #skin-maldives #container h1, #skin-maldives #container h2, #skin-maldives #container h3, #skin-maldives #container h4, #skin-maldives #container h5, #skin-maldives #container h6 { background-color: #e7607c; border-bottom: 4px solid #cf576f; } /* skin set #skin-esea { background-color: #a88047; } #skin-thailand { background-color: #3d7a99; } #skin-vietnam { background-color: #7f9825; } #skin-cambodia { background-color: #86386b; } #skin-laos { background-color: #e43c23; } #skin-bali { background-color: #4fcaf8; } #skin-sri-lanka { background-color: #cb0f25; } #skin-maldives { background-color: #e7607c; } */ /* main content wrapper */ #container{ width: 738px; margin: 0 auto; position: relative; } /* left-hand column */ #col-left { width: 212px; float: left; } /* left-hand navigation - vertical menu / one level of sub children */ ul.vertical-nav { background-color: #ccc; width: 212px; margin: 8px 0 0 0; padding: 1px 0 0 0; text-transform: uppercase; font-weight: normal; color:#fff; font-family: Futura, "Century Gothic", Verdana, Sans-Serif; } ul.vertical-nav a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: normal;} ul.vertical-nav a:hover { text-decoration: none; } ul.vertical-nav li { list-style: none; margin: 7px 0 6px 0; padding: 0 10px 7px 10px; border-bottom: 3px solid #fff; /* background-image: url(../images/invz_images/single_tram_inv.gif); background-repeat: no-repeat; background-position: bottom left; */ } ul.vertical-nav li a { line-height: 100%; display: block; margin: 0; padding: 0 3px 0 0; } ul.vertical-nav li a:hover { background-image: url("../z_images/general/tiny-arrow-left.png"); background-position: right center; background-repeat: no-repeat; } ul.vertical-nav li a:visited { } ul.vertical-nav li a.active { background-image: url("../z_images/general/tiny-arrow-left.png"); background-position: right center; background-repeat: no-repeat; } ul.vertical-nav li a.active:hover { } ul.vertical-nav ul { margin: 4px 0 0 0; padding: 0 0 0 12px; font-size: 87%; } ul.vertical-nav ul li { margin: 0 0 3px 0; padding: 2px 0 4px 0; border-bottom: 1px solid #fff;} ul.vertical-nav ul li a { line-height: 1.1em; display: block; margin: 0 0 0 0; padding: 0 3px 0 0; } ul.vertical-nav ul li a:hover { background-image: url("../z_images/general/tiny-arrow-left.png"); background-position: right center; background-repeat: no-repeat; } ul.vertical-nav ul li a.active { background-image: url("../z_images/general/tiny-arrow-left.png"); background-position: right center; background-repeat: no-repeat; } ul.vertical-nav ul li a.active:hover { } ul.vertical-nav li.no_border { border: 0; padding-bottom: 0; } ul.vertical-nav li.last { margin-bottom: 3px; } /* country navigation styles */ #skin-esea ul.vertical-nav { background-color: #a88047; background-image: url("../z_images/nav-backs/esea-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y; } #skin-thailand ul.vertical-nav { background-color: #3d7a99; background-image: url("../z_images/nav-backs/thailand-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y;} #skin-vietnam ul.vertical-nav { background-color: #7f9825; background-image: url("../z_images/nav-backs/vietnam-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y;} #skin-cambodia ul.vertical-nav { background-color: #86386b; background-image: url("../z_images/nav-backs/cambodia-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y;} #skin-laos ul.vertical-nav { background-color: #e43c23; background-image: url("../z_images/nav-backs/laos-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y;} #skin-bali ul.vertical-nav { background-color: #4fcaf8; background-image: url("../z_images/nav-backs/bali-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y;} #skin-sri-lanka ul.vertical-nav { background-color: #cb0f25; background-image: url("../z_images/nav-backs/sri-lanka-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y;} #skin-maldives ul.vertical-nav { background-color: #e7607c; background-image: url("../z_images/nav-backs/maldives-nav-back.gif"); background-position: 0 0; background-repeat: repeat-y;} /* hotel drop-down selector */ #hotel_selector { display:block; padding:10px 0 10px 8px; margin:0 0 0 0; background: url("../z_images/general/transparent.png") repeat; /* background-color: #f8f8f8; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; */ } #hotel_selector select { display: block; margin: 0 2px 0 0; padding: 0; width: 178px; float: left; } #hotel_selector input#go { display: block; float: left; margin: 0; padding: 0; width: 18px; height: 18px } /* feedburner blog news */ /* .feedburnerFeedBlock { color: #8A1315; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 125%; } */ #container h4#feedburn-title { background-color: #ccc; border-bottom: 4px solid #aaa; } #feedburn-title a { text-transform:uppercase; text-decoration:none; } #feedburn-title a:hover { text-decoration: none; } #feedburn-title a:visited { } #feed-wrapper { font-size: 90%; padding-bottom: 10px; background-image: url("../z_images/general/grey-to-white.gif"); background-position: bottom center; background-repeat: no-repeat; background-color: #f8f8f8; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; } .feedburnerFeedBlock p.feedTitle { display:none; } .feedburnerFeedBlock .headline a { text-transform: uppercase; text-decoration:none; font-weight:normal; font-size: 90%; line-height: 1.1em; font-family: Futura, "Century Gothic", Verdana, Sans-Serif; display:block; border-top: 1px dashed #ccc; padding: 7px 0 2px 0;} .feedburnerFeedBlock .headline a:hover { text-decoration:underline; } .feedburnerFeedBlock .headline a:visited { } .feedburnerFeedBlock ul { list-style: none; list-style-type: none; padding: 8px; text-align: justify; } .feedburnerFeedBlock ul li div { line-height: 1.2em; margin: 0 0 7px 0; } .feedburnerFeedBlock #creditfooter { display:none; } .feedburnerFeedBlock #creditfooter img { display:none; } /* nav column contact us wrapper */ #container h4#contact-header, #container h4#social-header, #container h4#atol-header { background-color: #ccc; border-bottom: 4px solid #aaa; } #contact-wrapper { margin: 0 0 30px 0; } #contact-tel { font-weight:bold; padding-left: 18px; background-image: url("../z_images/general/icon-phone.gif"); background-position: left center; background-repeat: no-repeat; } #contact-email { font-weight:bold; font-size: 90%; padding-left: 18px; background-image: url("../z_images/general/icon-email.gif"); background-position: left center; background-repeat: no-repeat; } a#contact-email { font-weight: bold; } /* atol & topp logos */ #atol-wrapper { margin: 10px 0 50px 0; } .topp-logo { display: block; width: 80px; height: 35px; margin-top: 30px; float: left; background-image: url("../z_images/logos/topp-logo-black.gif"); background-position: 0 0; background-repeat: no-repeat; } .atol-logo { display: block; width: 100px; height: 96px; float: right; margin:0; background-image: url("../z_images/logos/atol-logo-black.gif"); background-position: 0 0; background-repeat: no-repeat; } #overlay{ height: 80%; position: absolute; top: 20px; z-index: 0; background-color: #EFEFEF; } #col-content{ width:480px; float: right; text-align: justify; } #colour-back { margin: 8px 0 0 0; min-height: 230px; background-image: url("../z_images/main-backs/esea-back.gif"); background-position: top center; background-repeat: no-repeat; } #container #colour-back h1 { background: none; border-bottom: 0; background: none; margin: 0 5px 3px 5px; padding-top:7px; font-size: 1.2em; } /* #colour-back .image-wrapper { margin: 0 0 10px 13px; } #colour-back .image-wrapper .left { display: block; float: left; height: 201px; width: 350px; border: 1px solid #fff; } #colour-back .image-wrapper .right-wrapper { float: left; width: 101px; } #colour-back .image-wrapper .right-wrapper img { float: left; width: 100px; height: 100px; margin: 0; border-top: 1px solid #fff; border-right: 1px solid #fff; } #colour-back .image-wrapper .right-wrapper .top { } #colour-back .image-wrapper .right-wrapper .bottom { border-bottom: 1px solid #fff; } */ .image-wrapper { margin: 0 0 10px 13px; } .image-wrapper .left { display: block; float: left; height: 201px; width: 350px; border: 1px solid #fff; } .image-wrapper .right-wrapper { float: left; width: 101px; } .image-wrapper .right-wrapper img { float: left; width: 100px; height: 100px; margin: 0; border-top: 1px solid #fff; border-right: 1px solid #fff; } .image-wrapper .right-wrapper .top { } .image-wrapper .right-wrapper .bottom { border-bottom: 1px solid #fff; } #skin-esea #colour-back { background-color: #a88047; background-image: url("../z_images/main-backs/esea-back.gif"); } #skin-thailand #colour-back { background-color: #3d7a99; background-image: url("../z_images/main-backs/thailand-back.gif");} #skin-vietnam #colour-back { background-color: #7f9825; background-image: url("../z_images/main-backs/vietnam-back.gif"); } #skin-cambodia #colour-back { background-color: #86386b; background-image: url("../z_images/main-backs/cambodia-back.gif"); } #skin-laos #colour-back { background-color: #e43c23; background-image: url("../z_images/main-backs/laos-back.gif"); } #skin-bali #colour-back { background-color: #4fcaf8; background-image: url("../z_images/main-backs/bali-back.gif"); } #skin-sri-lanka #colour-back { background-color: #cb0f25; background-image: url("../z_images/main-backs/sri-lanka-back.gif"); } #skin-maldives #colour-back { background-color: #e7607c; background-image: url("../z_images/main-backs/maldives-back.gif"); } /* hotel profile page styles */ .fav-links { border-bottom: 1px solid #ccc; width: 451px; margin: 0 0 0 14px; } .link-container { width: 350px; padding: 0 0 10px 0; } a.fav-add { display: block; float: left; width: 116px; height: 17px; background-image: url("../z_images/favourites/fav-add-text.gif"); background-position: 0 0; background-repeat: no-repeat; outline: 0; } a.fav-add:hover { outline: 0; } a.fav-rm { display: block; float: left; width: 148px; height: 17px; background-image: url("../z_images/favourites/fav-rm-text.gif"); background-position: 0 0; background-repeat: no-repeat; outline: 0; } a.fav-rm:hover { outline: 0; } /* this is the old wishlist system a.fav-add { display: block; float: left; width: 128px; height: 17px; background-image: url("../z_images/favourites/icon-add-wishlist.gif"); background-position: 0 0; background-repeat: no-repeat; outline: 0; } a.fav-add:hover { outline: 0; } a.fav-rm { display: block; float: left; width: 160px; height: 17px; background-image: url("../z_images/favourites/icon-rem-wishlist.gif"); background-position: 0 0; background-repeat: no-repeat; outline: 0; } a.fav-rm:hover { outline: 0; } */ a.fav-enq { display: block; float: right; width: 115px; height: 17px; background-image: url("../z_images/favourites/make-enq-text.gif"); background-position: 0 0; background-repeat: no-repeat; outline: 0; } a.fav-enq:hover { outline: 0; } /* text styles */ #col-content { font-size: 0.9em; } #col-content p { margin: 10px 0 0 0; padding: 0 0 10px 0; line-height: 1.4em; } /* hotel profile */ #profile-left { width: 351px; margin: 0 0 0 14px; float: left; } #profile-right { width: 97px; padding: 5px 0 10px 3px; float: left; text-align: right; font-size: 0.9em; } #profile-description { border-right: 1px dashed #ccc; padding: 0 6px 0 0; margin-bottom: 20px; } #container #profile-description .leader { background: none; border-bottom: 0; color: #333; font-size: 1.2em; padding-left: 0;} #container #profile-description h3, #container #page-content h3, #container #form-content h2 { background: none; border-bottom: 0; color: #333; padding-left: 0; font-size: 1.2em; } #profile-description a, #container #page-content a { padding-left: 13px; background-image: url("../z_images/general/icon-link.gif"); background-position: left center; background-repeat: no-repeat; } #profile-description a:hover, #container #page-content a:hover { background-image: url("../z_images/general/icon-link-over.gif"); } #profile-description a:visited, #container #page-content a:visited { color: #333; } #page-column { width: 451px; margin: 0 0 30px 13px; } #page-content { } #page-content h1, #gallery-content h1, #form-content h1 { font-size: 1.3em; } #col-content h1, #col-content h2 { font-size: 1.3em; } #package-profile { width:451px; margin: 0 0 0 14px; } img.package-image { width:449px; border: 1px solid #fff; margin: 0 0 0 14px; } .quad-pics { } .quad-pics img { margin: 0 3px 0 0; border: 1px solid #fff; width: 113px; height: 113px; } .quad-pics .fourth { margin-right: 0; } #container #profile-right h4 { background: none; border-bottom: 0; color: #333; font-size: 0.9em; padding: 7px 0 0 0; margin: 0 0 2px 0; font-weight: normal; } #profile-right p { padding-top: 0; margin-top:0; } a.star-rating { display: block; float: right; width: 91px; height: 16px; margin: 0 0 7px 0;background-image: url("../z_images/side-bar/stars.gif"); background-position: 0 0; background-repeat: no-repeat; } a.star5 { width: 91px; } a.star4 { width: 73px; } a.star3 { width: 55px; } a.star2 { width: 37px; } a.star1 { width: 19px; } a.star0 { display: none; } a.price-rating { display: block; float: right; width: 48px; height: 10px; margin: 0 0 7px 0; background-image: url("../z_images/side-bar/pound-signs.gif"); background-position: 0 0; background-repeat: no-repeat; } a.pound5 { background-position: 0 0; } a.pound4 { background-position: 10px 0; } a.pound3 { background-position: 20px 0; } a.pound2 { background-position: 30px 0; } a.pound1 { background-position: 40px 0; } a.pound0 { background-position: 50px 0; } ul.feature-list { list-style: none; list-style-type: none; } ul.feature-list li { background-image: url("../z_images/side-bar/feature-tiny-dash.gif"); background-position: bottom right; background-repeat: no-repeat; } .thumb-wrapper { margin: 0 0 10px 0; padding: 0; width: 451px; border-bottom: 1px dashed #ccc; } .mini-listings .thumb-wrapper { width: 351px; } #wide-listings .thumb-wrapper { width: 100%; } #wide-listings .thumb-wrapper .thumb-info h2 { background:none; border:0; } .thumb-wrapper a.thumb-link { display: block; width: 68px; height: 68px; float: left; margin: 0 4px 4px 0; background-color: #ccc; padding: 1px; outline: 0; text-decoration: none; } .thumb-wrapper a.thumb-link:hover { background-color: #999; outline: 0; } .thumb-wrapper a.thumb-link:visited { background-color: #ccc; outline: 0; } .thumb-wrapper img { width: 66px; height: 66px; background-color: #fff; margin: 0; padding: 1px; } .thumb-wrapper .thumb-info { margin: 0 0 4px 0; padding: 0; float: right; width: 375px; } #wide-listings .thumb-wrapper .thumb-info { width: 400px; } .mini-listings .thumb-wrapper .thumb-info { width: 275px; } #container #profile-left .thumb-wrapper .thumb-info h2, #container #page-column .thumb-wrapper .thumb-info h2, #container #wide-listings .thumb-wrapper .thumb-info h2 { margin: 1px 0 0 0; padding: 0; background: none; border-bottom: 0; display: block; width: 280px; float: left; color: #333; font-size: 1em; font-weight: bold;} #container #profile-left .mini-listings .thumb-wrapper .thumb-info h2 { width: 240px; } #container .thumb-wrapper h2 a { color: #333; text-decoration: none; line-height: 1.1em; } #container .thumb-wrapper h2 a:hover {text-decoration: underline; } #container .thumb-wrapper h2 a:visited { color: #666; text-decoration: none; } .thumb-wrapper .thumb-info .thumb-icons { display: block; float: right; width: 28px; margin: 0; padding: 0; text-align: right; } .thumb-wrapper .thumb-info a.icon-info { display: block; float: left; width: 13px; height: 13px; margin: 0 2px 0 0; padding: 0; background-image: url("../z_images/favourites/icon-info.gif"); background-repeat: no-repeat; background-position: top left; } .thumb-wrapper .thumb-info a.icon-info:hover { } .thumb-wrapper .thumb-info a.icon-add { display: block; float: left; width: 13px; height: 13px; margin: 0; padding: 0; background-image: url("../z_images/favourites/icon-tick.gif"); background-repeat: no-repeat; background-position: top left; } .thumb-wrapper .thumb-info a.icon-add:hover { } .thumb-wrapper .thumb-info a.icon-rem { display: block; float: left; width: 13px; height: 13px; margin: 0; padding: 0; background-image: url("../z_images/favourites/icon-x.gif"); background-repeat: no-repeat; background-position: top left; } .thumb-wrapper .thumb-info a.icon-rem:hover { } #col-content .thumb-wrapper .thumb-info p, #container #profile-left .thumb-wrapper .thumb-info p, #container #page-column .thumb-wrapper .thumb-info p, #container #wide-listings .thumb-wrapper .thumb-info p { margin: 3px 0 0 0; padding: 0 0 0px 0; line-height: 1.2em; } #profile-base { margin: 15px 0 15px 0; } #mini-map { float: right; margin: 0 0 5px 0; padding: 0; } /* #skin-thailand #mini-map { background-image: url("../z_images/mini-maps/map-thailand.gif"); width: 90px; height: 127px; background-position: 0 0; background-repeat: no-repeat; } #skin-cambodia #mini-map { background-image: url("../z_images/mini-maps/map-cambodia.gif"); width: 90px; height: 81px; background-position: 0 0; background-repeat: no-repeat; } #skin-maldives #mini-map { background-image: url("../z_images/mini-maps/map-maldives-45.gif"); width: 90px; height: 320px; background-position: 0 0; background-repeat: no-repeat; } #skin-sri-lanka #mini-map { background-image: url("../z_images/mini-maps/map-sri-lanka.gif"); width: 90px; height: 198px; background-position: 0 0; background-repeat: no-repeat; } #skin-laos #mini-map { background-image: url("../z_images/mini-maps/map-laos.gif"); width: 90px; height: 97px; background-position: 0 0; background-repeat: no-repeat; } #skin-vietnam #mini-map { background-image: url("../z_images/mini-maps/map-vietnam.gif"); width: 90px; height: 184px; background-position: 0 0; background-repeat: no-repeat; } #skin-bali-lombok #mini-map { background-image: url("../z_images/mini-maps/map-bali-lombok.gif"); width: 93px; height: 38px; background-position: 0 0; background-repeat: no-repeat; } */ .map-thailand { background-image: url("../z_images/mini-maps/map-thailand.gif"); width: 90px; height: 127px; background-position: 0 0; background-repeat: no-repeat; } .map-cambodia { background-image: url("../z_images/mini-maps/map-cambodia.gif"); width: 90px; height: 81px; background-position: 0 0; background-repeat: no-repeat; } .map-maldives { background-image: url("../z_images/mini-maps/map-maldives-45.gif"); width: 90px; height: 320px; background-position: 25px 20px; background-repeat: no-repeat; } .map-srilanka { background-image: url("../z_images/mini-maps/map-sri-lanka.gif"); width: 90px; height: 133px; background-position: 10px 0; background-repeat: no-repeat; } .map-laos { background-image: url("../z_images/mini-maps/map-laos.gif"); width: 90px; height: 97px; background-position: 0 0; background-repeat: no-repeat; } .map-vietnam { background-image: url("../z_images/mini-maps/map-vietnam.gif"); width: 90px; height: 184px; background-position: 0 0; background-repeat: no-repeat; } .map-bali-lombok { background-image: url("../z_images/mini-maps/map-bali-lombok.gif"); width: 93px; height: 38px; background-position: 0 0; background-repeat: no-repeat; } #x-marker { background-image: url("../z_images/mini-maps/spot-grey.gif"); text-align: left; position: relative; width: 26px; height: 26px; background-position: center center; background-repeat: no-repeat; } /* hotel gallery */ .thumb-gallery { margin: 0 0 30px 0; padding: 7px 0 3px 10px; /* background-color: #f8f8f8; */ background-image: url("../z_images/general/transparent.png"); background-position: 0 0; background-repeat: repeat; } .thumb-gallery a { display: block; width: 61px; height: 61px; float: left; margin: 0 4px 5px 0; background-color: #ccc; padding: 1px; outline: 0; text-decoration: none; } .thumb-gallery a:hover { background-color: #999; outline: 0; } .thumb-gallery a:visited { background-color: #ccc; outline: 0; } .thumb-gallery img { width: 59px; height: 59px; background-color: #fff; margin: 0; padding: 1px; } /* image galler alterations */ #gallery-content .thumb-gallery a { width: 84px; height: 84px; margin: 0 7px 7px 0; } #gallery-content .thumb-gallery img { width: 82px; height: 82px; } /* GUEST COMMENTS */ .guest-comments { margin: 0 0 40px 0; padding: 1px 10px 7px 10px; background-color: #f8f8f8; } .open-comment { margin: 15px 0 0 0; padding: 10px 0 0 0; background-image: url("../z_images/general/66.gif"); background-position: top left; background-repeat: no-repeat; } .close-comment { margin: 0; padding: 0 0 5px 0; background-image: url("../z_images/general/99.gif"); background-position: bottom right; background-repeat: no-repeat; } .close-comment p { padding: 0; margin: 0; text-align: justify; } #col-content .guest-comments p.comment-byline { text-align: right; font-style: italic; margin: 0 0 15px 0; border-bottom: 1px dashed #ccc;} #new-comment-expander input.text-input { width: 275px; margin: 5px 0 10px 25px; } #new-comment-expander textarea { width: 275px; margin: 5px 0 10px 25px; } /* FOOTER STYLES */ .base-back { width: 100%; margin: 15px 0 15px 0; padding: 30px 0 0 0; background-image: url("../z_images/general/footer-gradient.gif"); background-position: 0 0; background-repeat: repeat-x; } .base-menus { color:#636363; font-size: 0.9em; width: 742px; margin: 0 auto 20px auto; padding: 0 0 0 0; background-image: url("../z_images/general/footer-dash-x4.gif"); background-position: 0 0; background-repeat: repeat-y; } .base-menus .col { width: 185px; float: left; } .base-menus h5 { font-size: 1em; text-transform: uppercase; font-weight: normal; margin: 0 8px 0 8px;} .base-menus ul { list-style: none; list-style-type: none; padding: 8px 8px 0 8px; } .base-menus li { line-height: 1.1em; margin: 0 0 5px 0; } .base-menus a { font-weight: normal; line-height: 1em; } #footer { width: 738px; margin: 0 auto; } #footer #footer-left { width: 50%; float: left; } #footer #footer-right { width: 50% float: right; text-align: right; } #footer p { margin: 3px 0 6px 0; line-height: 1.2em; font-size: 80%; color: #aaa; } #footer a { color: #aaa; } #footer a:hover { color: #666; } /* SLIDESHOW OVERWRITE */ #container #colour-back h3 { background: none; border-bottom: 0; color: #000; padding-left: 100px; } #container #myGallery h3, #container #myGallery h2 { background: none; border-bottom: 0; color: #fff; margin: 0; padding: 7px 0 3px 5px; font-size: 0.9em; } #container #myGallery a { text-decoration: none; color:#fff; background-image: none; } #container #myGallery p { color: #fff; margin: 0; padding: 0 0 0 5px; font-size: 0.9em; } #form-content input { float: left; width: 200px; margin: 0 0 10px 10px; } #form-content textarea { clear: both; width: 475px; margin: 0 0 10px 0; } #form-content select { float: left; margin: 0 0 10px 10px; } #form-content label { clear: both; float: left; width: 200px; margin: 0 0 10px 0; text-align: right; } #form-content input#submit { width: 170px; padding: 10px; margin: 10px 0 10px 150px; } form.alt-form { background: url("../z_images/general/transparent.png") repeat; padding:10px; } .alt-form input { float: left; width: 200px; margin: 0 0 10px 10px; } .alt-form input.sml-text { width:50px; } .alt-form input.mid-text { width:100px; } .alt-form input.lg-text { width:200px; } .alt-form textarea { clear: both; width: 98%; margin: 0 0 10px 0; padding:1%; } .alt-form select { float: left; margin: 0 0 10px 10px; } .alt-form label { clear: both; float: left; width: 200px; margin: 0 0 10px 0; text-align: right; } .alt-form label.instruction { margin: 0 0 3px 210px; text-align: left; font-style: italic; } .alt-form input.submit { width: 170px; padding: 10px; margin: 10px 0 10px 150px; } /* legacy styles being kept for completeness */ /* status messages */ #container p.success { color: #6E1208; font-weight: bold } #container p.success a { color: #6E1208; text-decoration: underline } #container p.success a:visited { color: #6E1208 } #container p.success a:hover { color: #6E1208 } #container p.error { color: #6E1208; font-weight: bold } #container p.error a { color: #6E1208; text-decoration: underline } #container p.error a:visited { color: #6E1208 } #container p.error a:hover { color: #6E1208 } #container p.error a:active, .success a:active { color: #333 } #social-media { margin:0 0 30px 0; } #social-media #twitter-icon { display:block; width: 134px; height: 48px; margin: 0 0 10px 3px; background-image: url("../z_images/logos/twitter-follow.gif"); background-repeat:no-repeat; background-position:0 0; } #social-media #facebook-icon { display:block; width: 170px; height: 41px; margin: 0 0 13px 0; float:right; background-image: url("../z_images/logos/facebook-join.gif"); background-repeat:no-repeat; background-position:0 0; } #social-media #mailing-list { display:block; clear:both; width: 147px; height: 37px; margin: 0 0 0 0; background-image: url("../z_images/logos/mailing-list-signup.gif"); background-repeat:no-repeat; background-position:0 0; } /* useful stuff - KEEP BOTTOM */ .image-replace { display: none; } .clear-floats { clear: both; } .right-align { text-align: right; } .left-align { text-align: left; } .full-justify { text-align: justify; } .centre { text-align: center; } .center { text-align: center; }