/************* Body and Wrapper *************/
body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:11px;color:#888888;}
#wrapper {margin:0px auto;width:867px;}

/************* Header and Top Navigation *************/
#header {height:108px;}
#header img {height:108px;padding:0px;margin:0px;width:867px;}
#header a {padding:0px;margin:0px;float:left;height:108px;width:867px;}

#navtop {height:20px;float:left;clear: left;}

#navtop .navLink {height:20px;background-repeat: no-repeat;float:left;}
#navtop .navLink div {height:20px;float:left;}

#navtop #navHomeLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/home.gif');}
#navtop a#navHomeLink:hover, #navtop a#navHomeLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_home.gif');}
#navtop #navHomeLink div {width:51px;}

#navtop #navApartmentsLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/apartments.gif');}
#navtop a#navApartmentsLink:hover, #navtop a#navApartmentsLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_apartments.gif');}
#navtop #navApartmentsLink div {width:143px;}

#navtop #navAboutLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/about.gif');}
#navtop a#navAboutLink:hover, #navtop a#navAboutLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_about.gif');}
#navtop #navAboutLink div {width:114px;}

#navtop #navMapsLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/maps.gif');}
#navtop a#navMapsLink:hover, #navtop a#navMapsLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_maps.gif');}
#navtop #navMapsLink div {width:158px;}

#navtop #navTodoLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/todo.gif');}
#navtop a#navTodoLink:hover, #navtop a#navTodoLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_todo.gif');}
#navtop #navTodoLink div {width:104px;}

#navtop #navBookingLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/booking.gif');}
#navtop a#navBookingLink:hover, #navtop a#navBookingLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_booking.gif');}
#navtop #navBookingLink div {width:137px;}

#navtop #navLinksLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/links.gif');}
#navtop a#navLinksLink:hover, #navtop a#navLinksLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_links.gif');}
#navtop #navLinksLink div {width:73px;}

#navtop #navContactLink {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/contact.gif');}
#navtop a#navContactLink:hover, #navtop a#navContactLink.navLinkOpen {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_contact.gif');}
#navtop #navContactLink div {width:87px;}

#navtop ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
#navtop li {
  float: left;
  position: relative;
  }
#navtop ul li ul {
  display: none;
  position: absolute; 
  width:152px;
  top: 20px;
  left: 0;
  z-index:24;
  }
#navtop > li > ul {
    top: auto;
    left: auto;
    width:152px;
    }
#navtop li:hover ul, #navtop li.over ul { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


#navtop li ul li a {font-size:10px;color:#555555;padding:3px 3px 0px 4px;width:152px;height:18px;display:block;background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/dropdown.gif');background-repeat: no-repeat;}    
#navtop li ul li a:hover {background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/buttons/_dropdown.gif');}     




/************* Common Tags *************/
img {border:0px;}
p {margin:0px;}
h1 {font-size:220%;font-style:italic;font-weight:normal;padding-right:10px;}
h2 {font-size:180%;}
h3 {font-size:100%;font-weight:normal;padding-right:10px;}
a {text-decoration: none;color:inherit;}
a img {cursor: pointer;}
.error {color:#990000;font-style: italic;}
.success {color:#00aa33;font-weight: bold;}

/************* Footer and Bottom Navigation *************/
#footer {margin:0px;padding:0px;clear:both;}

#navfoot {font-size:80%;text-align:center;color:#888888;}
#navfoot a {color:#888888;text-decoration:none;}
#navfoot hr.line {margin:3px auto 2px auto;width:425px;height:1px;background-color:#888888;}
#navfoot p.line {display: none;}
body > div#wrapper div#footer div#navfoot hr.line {display: none;}
body > div#wrapper div#footer div#navfoot p.line {display:inherit; margin:3px auto 2px auto;width:425px;height:1px;background-color:#888888;}

/************* Center Content *************/
#content {min-height:300px;margin-top:14px;float:left;}
#content .left {float:left;width:195px;height:800px;}
body > div#wrapper div#content div.left {min-height:800px;height: auto;}
#content .center {float:left;width:672px;min-height:300px;}

.center .imageRight {float:right;padding:0px 0px 10px 10px;}
.center .imageIeft {float:left;padding:0px 10px 10px 0px;}

/************* Home Page *************/
.center .homeRight {float:right;width:139px;margin-top:10px;}
.center .homeLeft {margin-left:0px;margin-top:10px;width:523px;overflow: hidden;}
.left .apartment {width:187px;height:303px;background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/left/apartmentTeaser.gif');background-repeat:no-repeat;}
.left .apartment p {float:left;}

.left .weather {
    margin-top:10px;
    width: 176px;
    height: 199px; 
    padding-top:40px;
    padding-left:4px;
    background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/left/weather.gif');
    background-repeat: no-repeat;
}
#currency {
    margin-top:10px;
    width: 176px;
    height: 199px; 
    padding-top:40px;
    padding-left:4px;
}
.apartmentTeaserTitle {padding-top:7px;padding-left:12px;}
.apartmentTeaserTitle a {color:#595451;text-decoration: none;}
.apartmentTeaserImage {margin-top:10px;padding-left:20px;}
.apartmentTeaserImage img {width:137px;height:95px;}
.apartmentTeaserText {margin-top:8px;padding-left:20px;width:137px;}
.apartmentTeaserText a {color:#5a5655;text-decoration: none;}
#splashImageWindow {width:672px;height:297px;}
/* default opacity for IE */
#splashImageWindow img {
    filter: alpha(opacity=100);
    position:absolute;
    z-index:0;
    }

/* duplicate image positioning */
.idupe {
    position:absolute;
    z-index:30000;
    visibility:hidden;
    }

/************* Other Pages Template *************/
.imageSlideShow {float:left;width:546px;margin:0px 14px 30px 0px;}
.imageShow {margin:0px;padding:0px 16px 0px 0px;height:316px;}
.imageSlide {float:right;margin:16px 0px 0px 0px;padding-right:16px;}
.rightContent {float:left;width:300px;margin:0px 0px 0px 0px;}

#imageCaption {position:absolute;padding:8px 0px 0px 0px;font-style: italic;font-size: 0.9em;}
body > div#wrapper div#content div.imageSlideShow div#imageCaption {padding:2px 0px 0px 0px;}

#todo a:hover {color:#333333;text-decoration: underline;}

/************* Apartments Page *************/
.apartmentGroup {}
.apartmentGroupLeft {float:left;width:183px;padding-bottom:10px;}

.apartmentSeperator {}
.apartmentSeperatorLine1 {margin-top:18px;float:left;height:18px;width:180px;border-top:1px solid #97999c;}
.apartmentSeperatorLine2 {margin-top:18px;float:left;height:18px;width:640px;margin-left:22px;border-top:1px solid #97999c;}

.apartmentBrief {float:left;margin-left:22px;width:205px;padding-bottom: 10px;}
.apartmentBrief div {float:left;}
.apartmentBrief a {color:#ffffff;font-weight:bold;margin:0px;padding:0px;text-decoration: none;}
.apartmentBriefTitle {width:98px;height:18px;background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/orangeBlock.gif');background-repeat:no-repeat;padding-top:3px;padding-left:6px;}
.apartmentBriefBedrooms {width:92px;height:18px;background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/greyBlock.gif');background-repeat:no-repeat;color:#ffffff;font-weight:bold;padding-top:3px;padding-left:6px;border-left: 1px solid #ffffff;}
.apartmentBriefImage {clear:left;width:85px;height:92px;text-align: left;}
.apartmentBriefImage img {margin-top:8px;margin-left:4px;width:85px;height:85px;border:none;}
.apartmentBriefDesc {width:114px;height:92px;}
.apartmentBriefDesc ul {margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}
.apartmentBriefDesc li {margin:0px;padding:0px;overflow:hidden;}
body > div#wrapper div#content div.apartmentGroup div.apartmentBrief div.apartmentBriefDesc ul {margin:10px 0px 0px 22px;position:relative;padding:0px;width:120px;}
body > div#wrapper div#content div.apartmentGroup div.apartmentBrief div.apartmentBriefDesc li { margin:0px 0px 3px 0px;padding:0px 0px 0px 2px;overflow:visible;}

/************* Apartment Page *************/
.apartmentTitle {float:left;width:280px;margin:0px 0px 0px 0px;font-size: 1em;font-weight: bold;}
.apartmentImageSlideShow {float:left;width:354px;margin:2px 30px 30px 0px;text-align: right;padding-bottom: 16px;border-bottom: 2px solid #97999c;}
.apartmentRightContent {float:left;width:280px;margin:6px 0px 0px 0px;}
.apartmentImageSlideShow #imageShow {height:234px;}
.apartmentImageSlideShow #imageShow img {padding-right: 2px;}
.apartmentImageSlide {float:right;margin:12px 2px 2px 12px;cursor: pointer;height:74px;}    

.apartmentBulletsTitle {height:22px;background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/left/orangeShadowBlock.gif');background-repeat: no-repeat;padding-top:3px;padding-left:6px;color:#ffffff;}
.apartmentBullets {}
.apartmentBullets ul {margin:10px 0px 0px 4px;padding:0px;width:120px;z-index:20;}
.apartmentBullets li {margin:0px 0px 3px 20px;padding:0px;}

.apartmentsList {margin-top:20px;}
.apartmentLink {float:left;clear:left;background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/left/apartmentListBlock.gif');background-repeat: no-repeat;width:164px;height:24px;margin-top:-6px;padding-left:6px;padding-top:3px;}
.apartmentLink b {color:#4f4f50;}
.apartmentLink a {text-decoration: none; color:#707070;}

.apartmentAvailability {float:left;width:670px;}
.noticeMessage {float:left;width:340px;font-size: 0.9em;}         
.monthlyPricing {float:left;width:340px;clear:left;height:180px;margin-top:10px;}             
.monthlyPricing a {float:left;text-decoration: none;background-color: #e7e3da; color:#888888; height:14px; width:150px;padding: 2px 6px 1px 6px;margin: 3px 3px 0px 0px;font-size: 90%;}
.monthlyPricing a:hover {background-color: #fb9968; color:#888888;}
.monthlyPricing a p.cost {position:relative;margin-top:-12px;font-size: 10px;text-align: right;vertical-align: middle;}
.monthlyPricing a.title {background-color:#ffffff;color:#888888;font-style: italic;}        
.monthlyPricing a.title p.title {position:relative;margin-top:-13px;text-align: right; font-style: italic;}

.otherCalendarOptions {float:left;width:311px;height:12px;text-align: right;}
.otherCalendarOptions a {color:#888888;text-decoration: none;margin:0px:padding:0px;width:311px;}
.bookingSummary {float:left;margin-left:3px;width:310px;margin-top:18px;}
.bookingSummary .legend {float:left;}
.bookingSummary .totals {margin-left:13px;float: left;background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/apartment/costSummary.gif'); background-repeat: no-repeat;width:150px;height:118px;}
#bookingTotals {}
#totalCost {margin:7px 10px 0px 80px;color:#333333;}
#depositCost {margin:24px 10px 0px 80px;color:#333333;}
#goButton {margin:17px 0px 0px 0px;}

#bookingForm {margin-left:190px;width:660px;}

#bookingForm .bookingBlock {width:640px;float:left;margin-top:10px;padding:10px 10px 10px 10px;border:1px solid #97999c;}

#bookingForm .section {float:left;padding-right:10px;width:300px;}
#bookingForm .title {float:left;width:300px;clear:left;font-size:120%;}

#bookingForm input {width:140px;}
#bookingForm .input {float:left;}
#bookingForm select {width:140px;}
#bookingForm textarea {width:140px;height:180px;}

#bookingForm .label {float:left;width:132px;clear:left;margin-top:4px;padding-right:8px;text-align: right;height:14px;}
#bookingForm .label b {margin:0px 0px 0px auto;}
#bookingForm .label b {font-size: 10px;height:14px;}
#bookingForm .value {float:left;width:140px;margin-top:4px;height:14px;}

#bookingTotalsOnForm {overflow:hidden;float:left;padding-left:120px;padding-right:26px;background-image: url('http://www.bluewater-apartments.co.uk/pub/images/front/apartment/costSummary.gif'); background-repeat: no-repeat;background-position: 120px 0px; width:154px;height:68px;}

/************* Calendars *************/
.bookingCalendars {float:left;width:330px;color:#555555;}
.bookingCalendar {float:left;width:154px;padding-left: 5px;}               
.calMonth {
    float:left;
}
.calYear {
    margin-top:20px;
    font-family:"MS Sans Serif", Geneva, sans-serif;
    font-size:0.8em;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;        
}
.calTitle {
    padding:10px 10px 5px 10px;
    font-family:"MS Sans Serif", Geneva, sans-serif;
    font-size:0.8em;
    text-align:center;
    vertical-align:middle;
}
.cal {             
    border-collapse: collapse;          
    padding:0px;
    margin:0px;   
    width:146px;
}
.cal tr {padding:0px;margin:0px;}
.cal td {            
    height:19px;
    padding:0px;
    margin:0px;
    font-family:"MS Sans Serif", Geneva, sans-serif;
    font-size:9px;
    text-align:center;
    vertical-align:middle;
}    
.cal td a {         ;
    padding:0px;
    font-family:"MS Sans Serif", Geneva, sans-serif;
    font-size:9px;
    font-size-adjust: none;
    font-style: normal;
    text-align:center;
    vertical-align:middle;
    color:#555555;
}  
.calDow {color:#bbbbbb;font-weight: bold;border:solid 1px #bbbbbb;}
.calDay {}
.calCommon {border:solid 1px #bbbbbb;}       
.calBookedStart {background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/cal/orangeBegin.gif');background-repeat: no-repeat;font-weight: bold;} 
.calBookedEnd {background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/cal/orangeEnd.gif');background-repeat: no-repeat;font-weight: bold;}
.calBookStart {background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/cal/blueBegin.gif');background-repeat: no-repeat;font-weight: bold;}
.calBookEnd {background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/cal/blueEnd.gif');background-repeat: no-repeat;font-weight: bold;}
.calBothStart {color:#ffffff;background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/cal/orangeBlue.gif');background-repeat: no-repeat;font-weight: bold;}
.calBothEnd {color:#ffffff;background-image:url('http://www.bluewater-apartments.co.uk/pub/images/front/cal/blueOrange.gif');background-repeat: no-repeat;font-weight: bold;}

.calBooked {background-color:#e15a24;color:#ffffff;font-weight: bold;}

.calBook {background-color:#023882;color:#ffffff;font-weight: bold;}
.calBookable {font-weight: bold;}

.calNoDay {background-color:#ffffff;}


/* Payment */
.payment {width:860px;min-height:400px;margin:40px auto;border:1px solid #669988;}

/* Customer Portal */
.cp-center {padding:0px 100px 0px 250px;}      
.cp-center a {text-decoration: underline;color:#08f;}