/* Theme Name: Copious Ltd Theme URI: http://www.copious.co.uk/ Description: Vision Hotels template structure Version: 21.05.2010 Author: Mark Wassmer Copyright: 2010, Copious Ltd Contents: 1. COLOURS + BASE FONT SIZES 2. RESETS 3. TYPOGRAPHY (general sitewide) 4. LINKOLOGY 5. PAGE CONTENT (all the rest) 6. IMAGERY 7. SKIN & PAGE (sitewide building blocks) 8. MISC (odds 'n' ends) 9. THANKS */ /* Import Stylesheets ----------------------------------------------- */ @import "forms.css"; @import "../stylme/css/stylme.css"; /********** 1.a COLOURS **********/ /* - Logo Fuschia #c7006c (picked from logo) - Logo Fuschia Deep #560224 (hover less image) - Main Secondary #e9e7d5 - Deep Secondary #ddd9c6 - Dark Secondary #c0bcac - Darkest Secondary #9b9889 - Frames */ /********** 1.b FONT SIZES **********/ /* See http://www.alistapart.com/articles/howtosizetextincss - font-size: .875em; is 16x0.875=14px - font-size: .9375em; is 16x0.9375=15px - font-size: 1em; is 16x1=16px - font-size: 1.125em; is 16x1.125=18px - font-size: 1.25em; is 16x1.25=20px - font-size: 1.375em; is 16x1.375=22px - font-size: 1.5em; is 16x1.5=24px /* End Colours & Font Sizes */ /********** 2. RESETS **********/ /* Neutralize styling: */ h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } img { border: 0; display: block; } img.left, img.right, img.leftAlone, img.center, {display: inline;} a img, iframe { border: none; } .clear { height: 1%; clear: both; } form, fieldset { border: none; margin: 0; padding: 0; } legend {display: none;} select { padding: 0; } em {font-style: normal;} /* RNIB no italics rule */ /* End Resets */ /********** 3. TYPOGRAPHY (general sitewide) **********/ html, body { margin: 0; padding: 0; font-family: Arial, "Trebuchet MS", sans-serif; color: #4b4d4d; } body { text-align: left; font-size: 100%; background: white url(../img/bkgrd.png) repeat-x; line-height:1.125em; /* 16x1.125=18px */ } html{ font-size: 100%; } #rightColInternal h1, #rightColInternal h2, #rightColInternal h3, #rightColInternal h4, #rightColInternal h5, #rightColInternal h6, #rightColInternal div.innerLeft h1, #rightColInternal div.innerLeft h2, #rightColInternal div.innerLeft h3, #rightColInternal div.innerLeft h4, #rightColInternal div.innerLeft h5, #rightColInternal div.innerLeft h6 {color: #222222; margin-bottom: .2em; font-weight: bold;} #rightColInternal div.innerRight h2, #rightColInternal div.innerRight h3, #rightColInternal div.innerRight h4, #rightColInternal div.innerRight h5, #rightColInternal div.innerRight h6 {color: #333333; margin: 0 0 .2em; font-weight: normal; background-color: #ddd9c6; padding: 5px; } h1 { color: #222222; margin: 0 0 .5em; font-size: 1.5em; /* 16x1.5=24px */ font-weight: bold; padding-left: 20px; line-height: 1em; background: transparent url(../img/icons/headerBullet.png) left 50% no-repeat; } #home #mainContent h1 {margin: 0 0 .3em;} h2 { color: #333333; margin: .8em 0 .2em 0; font-size: 1.375em; /* 16x1.25=20px */ font-weight: bold; line-height: 1em; } h3 {color: #333333; margin: 0; font-size: 1.25em; /* 16x1.25=20px */ font-weight: normal;} h4 {margin: 0; font-weight: normal; font-size: 1.25em;} h5 {margin: 0; font-weight: normal; font-size: 1.125em; } h6 {margin: 0; font-weight: normal; font-size: 1em; } p {font-size: .875em; line-height:1.375em; /* 16x1.375=22px */ margin-bottom: 1em; } p.intro { color: #333333; border-bottom: 1px dashed #6f6f6f; margin-bottom: 10px; padding-bottom: 10px; font-size: 1em; /* 16x1=16px */ } #rightColInternal ul {list-style-type: none; font-size: .875em; margin: 0 0 10px 15px;} #rightColInternal ul li {background: transparent url(../img/icons/bulletListSmGry.png) left .4em no-repeat; padding-left: 15px;} #rightColInternal ol {list-style-type: decimal; font-size: .875em; margin: 0 0 10px 30px;} #rightColInternal ol li {padding: 0;} #rightColInternal div.innerRight ul {margin: 0 0 10px 0;} #rightColInternal div.innerRight ol {list-style-type: decimal; font-size: .875em; margin: 0 0 10px 20px;} /* End Typography */ /********** 4. LINKOLOGY **********/ a:link, a:visited { color: #c7006c; font-weight : normal; text-decoration: underline; } a:hover, a:focus { color: black; text-decoration : none; } a:focus {color: black; text-decoration: none; } /* blanket style */ a:active { color: black; text-decoration : underline; } /* End Linkology */ /********** 5. PAGE CONTENT (all the rest) **********/ /* MainHome */ #leftColHomes {width: 650px; padding: 0; float: left; } #rightColHomes {width: 310px; float: right; } div.leftColPhoto {width: 650px; margin: 30px 0; padding: 0; float: left; } div.leftColContent {width: 600px; padding: 0 40px 0 10px; float: left;} div.leftColNews {margin-bottom: 3em; overflow: hidden;} div.newsCol01 {width: 280px; float: left;} div.newsCol02 {width: 280px; float: right;} div.promoFeatured {padding: 5px ; background-color: #ddd9c6; overflow: hidden;} div.promoFeatured img.promoLeft, div.promoFeatured a img.promoLeft, div.promoFeatured img.promoRight, div.promoFeatured a img.promoRight {width: 140px; height: 165px; border: 5px solid #ddd9c6; } div.promoFeatured a:hover img.promoLeft, div.promoFeatured a:hover img.promoRight {border: 5px solid #c7006c;} /* Internal Sitewide */ #leftColInternal {width: 190px; float: left; background: transparent url(../img/subNavBkgrd.png) left bottom repeat-y;} #leftColInternalFeatures {padding: 10px; display: none;} #leftColInternalFeatures p {margin-bottom: 0; font-size: .875em; /* 16x0.875=14px */} #leftColInternalFeatures img, #leftColInternalFeatures a img {border: 5px solid #ddd9c6; margin-bottom: 20px;} #leftColInternalFeatures a:hover img {border: 5px solid #c7006c;} #mainContent p.intro { color: #333333; border-bottom: none; padding-bottom: 10px; font-size: 1em; /* 16x1=16px */ } #rightColInternal {background: white; width: 730px; float: right; } #rightColInternal img {border: 5px solid #ddd9c6; margin-bottom: 10px;} /* border & space all content images */ #rightColInternal a:hover img {border: 5px solid #c7006c;} /* 2 Col 70/30 */ div.innerLeft {width: 480px; float: left;} /* Width of Inner left column on Standard layout page */ div.innerRight {color: #333333; background-color: #e9e7d5; padding: 10px; border: 5px solid #ddd9c6; width: 190px; margin: 10px 10px 40px 0; float: right;} div.innerRight img, div.Right a img {width: 180px; margin-bottom: 10px;} /* Our Hotels */ #mediaWrapper {overflow: hidden; padding: 10px; background-color: #e9e7d5; margin-bottom: 20px;} #mediaWrapper h3 { color: black; background: transparent url(../img/icons/videoTitle.png) left 50% no-repeat;line-height: 1.5em; margin: 0 0 10px 0; padding-left: 30px; } #mediaWrapper .info {width: 210px; float: left; padding-top: 10px; } #mediaWrapper .info p {padding: 0; color:black; margin: 0;} #mediaWrapper .media {float: right;} #rightColInternal img.dijitArrowNode {border: none; display: inline;} /* DOJO JWplayer toolbar caption arrow */ #hotelLeads {border-top: 10px solid #ddd9c6; clear: both; width: 720px; background: white url(../img/ourHotelsLeadsBkgrd.png) top right repeat-x;overflow: hidden; margin-bottom: 20px; padding-bottom: 20px;font-size: 1em; } #hotelLeads img {margin-bottom: 10px;} #hotelLeads a img {border: 5px solid #ddd9c6;} #hotelLeads a:hover img {border: 5px solid #c7006c; } .hotelLeadsCol01, .hotelLeadsCol02, .hotelLeadsCol03, .hotelLeadsCol04 {width: 160px; padding: 10px; float: left;} #hotelLeads h3 { color: black; padding: 3px 5px; margin-bottom: 5px; font-size: 1em; font-weight: bold;} #hotelLeads p a {background: transparent url(../img/icons/arrowRightLg.png) right 70% no-repeat; padding-right: 15px; } /* All News */ #rightColInternal ol.newsGroup {margin: 0 0 30px 0; list-style-type: none; font-size: .9375em; border-top: 1px solid #ddd9c6;} #rightColInternal ol.newsGroup h2 {font-size: 1.5em; padding-left: 15px; margin: 0;} #rightColInternal ol.newsGroup li {padding: 5px 10px; border-bottom: 1px solid #ddd9c6; color: #333333; border-left: 5px solid #ddd9c6; border-right: 5px solid #ddd9c6;} #rightColInternal ol.newsGroup li.hotelTitle { padding: 5px 0;} #rightColInternal ol.newsGroup li.moreHotel a {background: transparent url(../img/icons/arrowRightLg.png) Right 50% no-repeat; padding-right: 12px;} /* Digital Community */ div.socialCommunity {background-color: #e9e7d5; border: 5px solid #ddd9c6; margin-bottom: 20px; padding: 10px; } div.socialCommunity h3 {font-size: 1.5em; padding: 0 0 .2em; margin: 0 0 .2em; border-bottom: 1px solid #ddd9c6; } div.socialCommunity img {float: right; margin: 5px 0 10px 10px; border: 5px solid #ddd9c6;} div.socialCommunity a img {border: 5px solid #ddd9c6; background-image: none; height: 90px; width: 180px; } div.socialCommunity a img:hover {border: 5px solid #c7006c; } /* All promotions listing - base for Hotel promotion listings */ div.hotelGroup, #hotelGroupcliffden, #hotelGrouplauriston, #hotelGrouprussell, #hotelGroupwindermere, div.hotelGroup, #hotelGroupCliffden, #hotelGroupLauriston, #hotelGroupRussell, #hotelGroupWindermere {background: #e9e7d5; border: 5px solid #ddd9c6; float:left; width: 710px; margin-bottom: 20px;} img.promoHotelVisual {border: 5px solid #ddd9c6; } div.hotelDetail, div.promotionDetail {background: #e9e7d5 url(../img/promotionDetailBkgrd.png) right bottom repeat-x; border-top: 1px solid #ddd9c6; clear: both; padding: 10px 0; clear:both; overflow: hidden;} div.hotelDetail p, div.promotionDetail p {margin: 0; padding: 0; color: black;} div.hotelDetail .pDLeft, div.promotionDetail .pDLeft {width: 460px; padding-left: 10px; float: left;} div.hotelDetail .pDRight, div.promotionDetail .pDRight {width: 205px; padding-right: 10px; float: right; font-size: 1.125em; font-weight: bold;} div.promotionDetail .pDRight p {margin-top: 15px;} div.promotionDetail .pDLeft strong {display: block; font-size: 1.25em; } div.promotionDetail .pDRight span {font-size: 1.25em;} div.promotionDetail p.promoMore {padding-left: 10px; width: 460px;} p.noPromotions {font-weight: bold; font-size: 1.25em; padding: 10px; margin: 0; color: black; font-style: normal;} /* Feature Table */ table#hotelFacilities, table#roomFacilities { background: white; border: 5px solid #ddd9c6; margin: 10px 0 20px 0; width: 100%; font-size: .9375em; color: #333333; } table#hotelFacilities th, table#roomFacilities th {background-color: #e9e7d5; padding: 3px 3px 3px 6px; border: 1px solid #ddd9c6; font-size: 1.125em; } table#hotelFacilities td, table#roomFacilities td { padding: 3px 3px 3px 6px; border: 1px solid #ddd9c6;} table#hotelFacilities td.yes, table#roomFacilities td.yes { padding: 3px 3px 3px 6px; border: 1px solid #ddd9c6; background-color: #4b7a15; color: white; font-weight: bold;} table#hotelFacilities caption, table#roomFacilities caption { text-align: left; display: none;} /* My Vision Hotels (MVH) */ #myVisionHotels h1 {background: transparent url(../img/icons/myDetails.png) left 50% no-repeat; line-height: 1.2em; padding-left: 30px;} #myVisionHotels div.innerLeft {width: 420px; float: left;} #rightColInternal #mvhContactDetails {margin: 30px 0 20px; padding: 0; list-style-type: none; font-size: 1em;} #rightColInternal ul#mvhContactDetails span {font-weight: bold; color: #333333;} #rightColInternal ul#mvhContactDetails li {margin: .2em 0; background-image: none; padding:0;} #rightColInternal ul#mvhContactDetails li h2 {color: #c7006c; font-size: 1.25em;} #rightColInternal ul#mvhContactDetails li.emailSub {border-top: 1px solid #cccccc; padding-top: 4px; font-size: .9375em;} #myVisionHotels div.innerRight {width: 250px; color: black; float: right; background-color: #e9e7d5; padding: 10px; border: 5px solid #ddd9c6; margin: 10px 10px 0 0; float: right; } #myVisionHotels div.innerRight h3 { padding-left: 30px; background: transparent url(../img/icons/dashboard.png) left 50% no-repeat;color: black; line-height: 1.4em;} ul#dashboard {margin: 20px 0; padding: 0; list-style-type: none; font-size: .9375em;} ul#dashboard li {margin: .4em 0; border: 1px solid #c2bca1; padding: 2px;} ul#dashboard li.dashPasswordChange {background: #f9f7e4 url(../img/icons/editPassword.png) 5px 50% no-repeat; padding-left: 30px;} ul#dashboard li.dashDetailsChange {background: #f9f7e4 url(../img/icons/editDetails.png) 5px 50% no-repeat; padding-left: 30px;} ul#dashboard li.dashPhotoChange {background: #f9f7e4 url(../img/icons/editPhoto.png) 5px 50% no-repeat; padding-left: 30px;} #myVisionHotels div.innerRight img {width: 100px; border: 5px solid #ddd9c6; margin-bottom: 10px;} #myBookingHistory {clear: both;} #myBookingHistory h3 {background: transparent url(../img/icons/myBookings.png) left 50% no-repeat; line-height: 1.3em; margin-top: 0; font-weight: bold; padding-left: 32px;} #myBookingHistory p { margin: 0; padding: 0;} #myBookingHistory table.data { background: white; border: 5px solid #ddd9c6; margin: 10px 0 20px 0; width: 100%; font-size: .9375em; color: #333333; } #myBookingHistory table.data th {background-color: #e9e7d5; padding: 3px 3px 3px 6px; border: 1px solid #ddd9c6; } #myBookingHistory table.data td { padding: 3px 3px 3px 6px; border: 1px solid #ddd9c6;} #myBookingHistory table caption { text-align: left; display: none;} /* My Individual Booking view (MVH) */ #myBookingSummery {margin-bottom: 40px;} #myBookingSummery h2 {color: #c7006c; font-size: 1.25em;background: transparent url(../img/icons/myBookings.png) left 50% no-repeat; line-height: 1.3em; padding-left: 32px;} #myBookingSummery table { background: white; border: 5px solid #ddd9c6; margin: 0; width: 100%; font-size: .9375em; color: #333333; } #myBookingSummery table caption { text-align: left; display: none;} #myBookingSummery table th {background-color: #e9e7d5; padding: 3px 3px 3px 6px; border: 1px solid #ddd9c6; } #myBookingSummery table td { padding: 3px 3px 3px 6px; border: 1px solid #ddd9c6;} #myBookingSummery ul#mvhContactDetails { font-size: .9375em; margin: 20px; padding: 0; margin-left: 20px; list-style-type: none;} #myBookingSummery ul#mvhContactDetails span {font-weight: bold; color: #333333;} #myBookingSummery ul#mvhContactDetails li {margin: .2em 0;} #myBookingSummery ul#mvhContactDetails li h3 {color: #333333; font-size: 1.125em; font-weight: bold;} #myBookingSummery h4 a {clear: both; font-size: .875em; background: transparent url(../img/icons/mvhBack.png) left 50% no-repeat; padding-left: 15px; } /* End Page Content */ /********** 6. IMAGERY **********/ img.promoLeft {float: left; } img.promoRight {float: right; } img.allPromoButton {clear: both; display: block; margin: 0 auto; padding: 20px 0;} img.homePhotoFeature {border: 10px solid #e9e7d5; border-right: none;} img.newsPhoto {border: 10px solid #e9e7d5;} /* End Imagery */ /********** 7. SKIN & PAGE (sitewide building blocks) **********/ html, body { margin: 0; padding: 0; color: #4b4d4d; } body { background: white url(../img/bkgrd.png) repeat-x;} #wrapper { width:960px; margin: 0 auto 30px; overflow: hidden; } #home #mainContent{background: white url(../img/pgBkgrdHome.png) top right repeat-x; padding-top: 30px;} #mainContent{background: white url(../img/pgBkgrd.png) top right repeat-x; padding-top: 30px;} #email-sign-up #mainContent, #register #mainContent, please-register #mainContent, #Security #mainContent, #sitemap #mainContent, #terms-conditions #mainContent, #how-to-book-with-vision-hotels #mainContent, #contact-vision-hotels #mainContent {background: white url(../img/pgBkgrdBooking.png) top right repeat-x; padding-top: 30px;} /* Sorts the left column shadow on the logo panel */ /* 7.1. Modules */ div.signUpModule {padding:15px; background:#e9e7d5 url(../img/rightColHomeBkgrdTop.png) top right repeat-x; color: #333333; padding-top: 20px;} div.signUpModule strong {display: block; margin: 0; font-weight: normal; font-size: 1.5em; color: black; } /* 7.2. Header */ #header { background: transparent url(../img/headerBkgrd.png) no-repeat center top; height: 168px; width: 100%; position: relative; } a.branding { position: relative; margin: 40px 0 0 35px; float: left; display: block; overflow: hidden; } /* 7.3. Main Nav + Sub Nav */ #mainNav {margin-top: 111px; float: right; } #mainNav ul {background: #c7006c url(../img/button/navBkgrd.png) top right repeat-x; overflow: hidden; padding:0 0 0 5px; float: left; margin-top: 5px; } #mainNav ul li { list-style: none; float: left; margin-left: 0; font-size: 1.125em; /* 16x1.125=18px */ } #mainNav ul li a { background: transparent url(../img/button/breaker.png) right 9px no-repeat; color: #444444; display: block; padding: 14px 10px 16px 10px; color: white; text-decoration: none; } #mainNav ul li a:hover, #mainNav ul li a:focus {background: #560224 url(../img/button/navBut-H.png) top right repeat-x; color: #FFF; text-decoration: underline;} #mainNav ul li.current a, #mainNav ul li.section a {background: white; color: black; font-weight: normal; text-decoration: underline; margin-top: 2px; padding: 12px 10px 16px 10px;} /* stack last so current doesn't display hover style */ a.navBooking, a.navBookingCurrent, a.navBooking:visited { background: #528416 url('../img/button/bookingR.png') no-repeat top right; color: white; display: block; float: left; font-size: 1.375em; /* 16x1.375=22px */ font-weight: bold; height: 57px; margin-right: 0; padding-right: 55px; /* sliding doors padding */ text-decoration: none; text-transform: uppercase; } a.navBooking span, a.navBookingCurrent span, a.navBooking:visited span { background: #528416 url('../img/button/bookingL.png') no-repeat top left; display: block; line-height: 20px; font-weight: bold; padding: 20px 0 17px 20px; } a.navBookingCurrent, a.navBookingCurrent span {font-weight: bold;} a.navBooking:hover, a.navBooking:focus, a.navBooking:active { background: #3f6611 url('../img/button/bookingR-H.png') no-repeat top right; color: white; text-decoration: underline; text-transform: uppercase; font-weight: bold; outline: none; /* hide dotted outline in Firefox */ } a.navBooking:hover span, a.navBooking:focus span, a.navBooking:active span {background: #3f6611 url('../img/button/bookingL-H.png') no-repeat top left;} #subNavigation {margin:30px 0 70px; background: transparent url(../img/button/subNavBreaker.png) left bottom no-repeat;} #subNavigation li {line-height: 1em;} #subNavigation li a {background: transparent url(../img/button/subNavBreaker.png) left top no-repeat; display: block; padding: 8px 10px; text-decoration: none; } #subNavigation li a:hover, #subNavigation li a:focus {color: white; text-decoration: underline; background: #560224 url(../img/button/subNavBkgrd-H.png) right 50% no-repeat; } #subNavigation li.current a, #subNavigation li.current a:focus {display: block; padding-left: 10px; color: black; background: white url(../img/button/subNavBreaker-H.png) left top no-repeat; text-decoration: underline; } /* stack last so current doesn't display hover */ /* 7.4. Footer */ #footer {color: white;} #footer ul {list-style-type: none;} #footer ul li {line-height: 1.25em;} #footer a, #footer a:visited {color: white; text-decoration: none; } #footer a:hover, #footer a:active {color: #fff; text-decoration: underline; background-color: #560224;} #footer div.digitalCom a {text-decoration: underline;} #footer div.digitalCom a:focus {text-decoration: underline; background-color: #560224;} div.digitalCom {background: black url(../img/digitalComBkgrd.png) top right repeat-y; float: left; } div.digitalCom .leftColHomes {width: 600px; padding: 0 40px 0 10px; float: left; background-color:black; color: white;} div.digitalCom .rightColHomes {float: right; width: 280px; padding: 0 15px; background: #1a1a1a;} div.digitalCom p {padding:10px 10px 0; line-height: .875em;} div.digitalCom p strong {font-size: 1.375em; /* 16x1.375=22px */ display: block; line-height: 1.25em; } ul.social_network { margin-top: 10px;} ul.social_network li { float: left; padding: 0; margin-right: 6px; position: relative; list-style-type: none; } ul.social_network li a { background-position:0 0; width:60px; height: 40px; overflow: hidden; display: block; text-indent: -999px; position: relative; } ul.social_network li a {background:#910743 url(../img/button/networkSprites.png) no-repeat;} ul.social_network li a:hover, ul.social_network li:hover a {background-position: -60px 0; width: 60px; z-index: 2;} ul.social_network li.flickr a { background-position:0 0;} ul.social_network li.flickr a:hover, ul.social_network li.flickr:hover a {background-position: -64px 0;} ul.social_network li.facebook a {background-position: 0 -40px;} ul.social_network li.facebook a:hover, ul.social_network li.facebook:hover a {background-position: -64px -40px;} ul.social_network li.youtube a {background-position: 0 -80px;} ul.social_network li.youtube a:hover, ul.social_network li.youtube:hover a {background-position:-64px -80px;} ul.social_network li.twitter a {background-position: 0 -120px;} ul.social_network li.twitter a:hover, ul.social_network li.twitter:hover a {background-position: -64px -120px;} ul.social_network li:hover { z-index: 3;} div.fatFoot {padding: 10px; background-color: #910743; float: left; } div.fatFoot ul li.colTitle a {font-weight: bold; font-size: .9375em; /* 16x0.9375=15px */ } div.fatFoot ul li a {display: block; padding-left: 5px; font-size: .875em; /* 16x0.875=14px */ } div.fatFoot ul li a:hover, div.fatFoot ul li a:focus {background: transparent url(../img/button/footArrow.png) right 50% no-repeat; } div.fatFoot .footCol01 {width: 155px; margin-right: 20px; padding-left: 5px; float: left;} div.fatFoot .footCol02, div.fatFoot .footCol03 {width: 220px; margin-right: 20px; padding: 0; float: left;} div.fatFoot .footCol03 li.colTitle {padding-left: 5px; font-weight: bold; font-size: .9375em;} div.fatFoot .footCol04 {width: 280px; padding: 0; float: right;} p.groupAddress span {font-weight: bold;} a.quickFootEmail {background: transparent; padding: 3px 55px 3px 5px;} a.quickFootEmail:hover, a.quickFootEmail:focus {background: transparent url(../img/button/footArrow.png) right 50% no-repeat; } /* End Skin & Page Building Blocks */ /********** 8. MISC (odds 'n' ends) **********/ #breadcrumbs {text-align: right; margin: 0 10px 10px 0; font-size: .9375em; /* 16x0.9375=15px */ } #breadcrumbs a.crumbHome {background: transparent url(../img/icons/crumbsList.png) left 50% no-repeat; padding-left: 10px;} .topper {clear: both; border-top: 1px solid #cccccc; text-align: right; padding: 5px 10px 0 0; font-size: .75em; /* 16x0.9375=12px */} .topper a.backToNav, {background: transparent url(../img/icons/arrowLeftLg.png) left 50% no-repeat; padding-left: 12px;} .topper a.backToTop {background: transparent url(../img/icons/arrowTopSm.png) right top no-repeat; padding-right: 12px;} a.buttonText:link, a.buttonText:visited, div.promoFeatured a.buttonText:link, div.promoFeatured a.buttonText:visited, div.innerRight a.buttonText:link, div.innerRight a.buttonText:visited { border: 1px solid #b60050; background: #c7006c url(../img/button/button.png) right 50% repeat-x ; display: block; float: left; font-size: 1.125em; padding: 5px ; /* sliding doors padding */ text-decoration: none; color: white; } a.buttonText:hover, a.buttonText:focus, a.buttonText:active, div.promoFeatured a.buttonText:hover, div.promoFeatured a.buttonText:focus, div.promoFeatured a.buttonText:active, div.innerRight a.buttonText:hover, div.innerRight a.buttonText:focus, div.innerRight a.buttonText:active { background: #560224 url(../img/button/button-H.png) right 50% repeat-x; border: 1px solid #560224; color: white; text-decoration: underline; outline: none; /* hide dotted outline in Firefox */ } div.promoFeatured a.buttonText:link, div.promoFeatured a.buttonText:visited { margin: 10px 5px; width: 280px; text-transform: uppercase; font-weight: bold; text-align: center; font-size: 1em; } div.innerRight a.buttonText:link, div.innerRight a.buttonText:visited { margin: 0 0 15px; padding-left: 10px; width: 170px; font-weight: bold;} #rightColInternal #sitemap {font-size: 1.125em;} #sitemap h2 {border-bottom: 1px solid #aaaaaa; padding: .2em;} #sitemap ul#siteMainSections {margin: 0 0 20px 0; list-style-type: none; font-size: 1em; line-height: 1.2em; } #sitemap ul#siteMainSections li {background: transparent url(../img/icons/arrowRightLg.png) left 50% no-repeat; padding-left: 15px;} #sitemap h4 {font-size: 1.25em; margin: 0 0 .2em 0; padding: .2em; color: #333333;font-weight: bold; border-bottom: 1px solid #aaaaaa;} #sitemap ol.mainSections {margin: 0 0 30px 25px; color: #333333;} #sitemap ol.mainSections h3 {font-size: 1.125em; margin-bottom: .2em; } #sitemap ol.mainSections ol.sectionGroup, #sitemap ol.mainHotelSection ol.hotelSectionGroup { color: #333333; list-style-type: circle; padding-left: 20px; margin-bottom: 20px; font-size: 1em;} #sitemap ol.mainHotelSection { color: #333333; margin-left: 25px;} #sitemap ol.mainHotelSection h5 a { font-weight: bold;font-size: 1em;} #sitemap h6 {font-size: 1.25em; margin: 0 0 .2em 0; padding: .2em; color: #333333;font-weight: bold; border-bottom: 1px solid #aaaaaa;} ul.siterestSections {margin: 0 0 40px 25px; list-style-type: circle; font-size: 1.125em; } /* Accessibility & UX - make it friendly */ #skippy {z-index: 10; position: absolute; top: 10px; left: 30px; font-size: .875em;} #skippy a, #skippy a:hover, #skippy a:visited {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} #skippy a:active, #skippy a:focus {position:static; width:auto; height:auto;} /* Focus Point */ a#pageFocus {font-size: .875em; font-style: italic; color: #c0bcac; padding: 3px; line-height: 2em;} a#pageFocus:focus {font-size: .875em; color: black; font-style: normal; background-color: #e9e7d5; border: 1px solid #c7006c; padding: 2px; line-height: 2em;} /* End Misc */ /********** 9. THANKS / CREDITS **********/ /* Inconography thanks to Fat Cow - http://www.fatcow.com/free-icons/ */ /* Video thanks to Accessible Web Video: JW Player Controls - http://wac.osu.edu/examples/jwplayercontrols/ */ /* Gallery thanks to - [easyALBUM] v 1.1.7 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */ /* Music thanks to - Kevin MacLeod at http://incompetech.com/m/c/royalty-free/index.html */ /* End Thanks */