/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } .package-content{ width: 600px; margin-left: 15px; margin-bottom: 10px; } .package-img{ width: 600px; margin-left: 15px; } .package-content p{ width: 340px; } /*ORIGINAL CSS*/ .wrapper { background-color: #dac793; border-style: solid; border-width: 0pt 1pt 1pt 1pt; border-color: #74271e } .footer { color: white; font-size: 12px; text-align: center } body { font-family: Arial; background-color: #f4f2e3; margin-top: 0px } #sidebar { color: white; font-weight: bold; font-size: 12px ; } h6 { color: #dac793; font-size: 14px; margin-top: 5px; margin-bottom: 5px } .header { color: white; font-size: 12px; text-align: right } a.header:link { color: white; font-weight: bold; text-decoration: none; text-align: right } a.header:visited { color: white; font-weight: bold; text-decoration: none; text-align: right } a.header:active { color: white; font-weight: bold; text-decoration: none; text-align: right } a.header:hover { color: white; font-weight: bold; text-decoration: underline; text-align: right } a.header2:link { color: white; font-weight: bold; text-decoration: none; text-align: right } a.header2:visited { color: white; font-weight: bold; text-decoration: none; text-align: right } a.header2:active { color: white; font-weight: bold; text-decoration: none; text-align: right } a.header2:hover { color: #dac793; font-weight: bold; text-decoration: none; text-align: right } a.info:link { color: #74271e; font-weight: bold; text-decoration: none; text-align: right; float: right } a.info:visited { color: #74271e; font-weight: bold; text-decoration: none; text-align: right; float: right } a.info:active { color: #74271e; font-weight: bold; text-decoration: none; text-align: right; float: right } a.info:hover { color: #74271e; font-weight: bold; text-decoration: underline; text-align: right; float: right } a.menu:link { color: #8e7a67; font-weight: bold; font-size: 12px; text-decoration: none; } a.menu:visited { color: #8e7a67; font-weight: bold; font-size: 12px; text-decoration: none; } a.menu:active { color: #8e7a67; font-weight: bold; font-size: 12px; text-decoration: none; } a.menu:hover { color: #8e0000; font-weight: bold; font-size: 12px; text-decoration: none; } a.menu2:link { color: white; font-weight: bold; font-size: 12px; text-decoration: none; margin-left: 10px; } a.menu2:visited { color: white; font-weight: bold; font-size: 12px; text-decoration: none; margin-left: 10px; } a.menu2:active { color: white; font-weight: bold; font-size: 12px; text-decoration: none; margin-left: 10px; } a.menu2:hover { color: #dac793; font-weight: bold; font-size: 12px; text-decoration: none; margin-left: 10px; } a.side_bar:link { color: white; font-weight: bold; font-size: 12px; text-decoration: none; padding-left: 30px } a.side_bar:visited { color: white; font-weight: bold; font-size: 12px; text-decoration: none; padding-left: 30px } a.side_bar:active { color: white; font-weight: bold; font-size: 12px; text-decoration: none; padding-left: 30px } a.side_bar:hover { color: #dac793; font-weight: bold; font-size: 12px; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; padding-left: 30px } h1 { font-size: 15pt } h2 { font-size: 12pt } a:link { color: #000000; font-weight: bold; text-decoration: none; text-align: right } a:visited { color: #000000; font-weight: bold; text-decoration: none; text-align: right } a:active { color: #000000; font-weight: bold; text-decoration: none; text-align: right } a:hover { color: #74271e; font-weight: bold; text-decoration: none; text-align: right } p { font-size: 10pt } .contact-grid { border: solid 1px #74271e } .group1{ visibility: hidden; } /*ADDED CSS*/ .header3 { color: white; font-size: 0px; text-align: right } .headerStyle { color: #dac793; font-size: 15px; margin-top: 5px; margin-bottom: 5px; margin: 0px 0px 0px -3px;} a.headerStyle:link{ color: #dac793; } a.headerStyle:visited{ color: #dac793; } a.headerStyle:active{ color: #dac793; } a.headerStyle:hover{ color: #FFF; } .packagelink{ top: -65px; right: 0; position: relative; font-size: 9pt; float: right; padding: 10px; background-color:white ; color: black ; width: 190px; margin-right: 10px; text-align: left !important; margin-top: 10px; } .packagelink:hover{ color: #74271e; } .menu2{ margin:0px 0px 0px 5px; } a.menu2:link{ color:#FFF; } a.menu2:hover{ color: #dac793; } a.menu3:link{ color:#FFF; } a.menu3:visited{ color:#FFF; } a.menu3:hover{ color: #dac793; } a.menu3{ padding:0px; } .image_large { position: relative; background-image: url(images/640x278.jpg); background-repeat: no-repeat; background-position: top left; width: 592; height: 230px; float: left; padding: 12px 12px 24px 24px ; background-position: top left; } .image_300x250 { background-image: url("images/300x250_ds.jpg"); background-position: left top; background-repeat: no-repeat; float: left; height: 235px; padding: 12px 12px 24px 24px; position: relative; width: 280px; } .image_300x250 .info{ display: none; position: absolute; bottom: 12px; padding: 5px; width: 270px; background-color: white; opacity: .8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .image_300x250 img{ width: 276px; } .image_300x250 a:hover .info{ display: block; } #map { text-align: center; } /* Styles for the booking engine */ #booking-wrap{ float:right; background-color: #8e7a67; width: 250px; border: 2px solid #473D34; margin-top: 17px; } #booking-wrap form{ margin: 0; background-color: #8e7a67; padding: 5px; } .booking-header{ height: 29px; background-color: black; color: white; padding-top: 2px; } .booking-header h2{ margin: 0; padding-left: 5px; height: 21px; border-top: 5px solid #74271e; padding-top: 3px; } .booking-checkOut,.booking-checkIn,.booking-adults,.booking-children{ text-align: center; display: inline; float: left; width: 45%; margin-bottom: 10px; } .booking-label{ margin: 5px 5px; color: wheat; font-size: 12pt; } .booking-submit{ width: 100px; margin: 10px 0 0 70px;; }