/***** Global *****/


  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  
  .clearfix {
      display: inline-block;
  }
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,b
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 68.75%;
    color: #5a5a5a;
    background: #f0f0f0;
		margin: 0;
		padding: 0;
		text-align: left;
		font-family: verdana, arial, serif
	}

/* Headers */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%; font-weight: bold;}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {font-weight: bold; text-decoration: underline; color: #6d9600}
	a:hover, a:active {text-decoration: none; color: #9bd700}
	
/* Paragraphs */
	p {
    margin-bottom: 1.5em;
    line-height: 1.4;
    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}
	
	hr {border: 0; height: 1px; background: #e1e1e1; clear: both; margin: 23px 0 35px 0}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: inside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: inside decimal
}

/* Forms */
select, option, input {font-size: 11px; font-family: verdana, arial, serif}

/* Tables */
table.cottage-listing {width: 100%; margin: 0 auto 20px auto}

.cottage-listing thead th {
  background: #4f2a46;
  padding: 8px 10px;
  color: #fff;
  border-bottom: 10px solid #fff
}

.cottage-listing tbody td {padding: 8px 10px 10px 10px; text-align: left}


  /* Cottage Listings Table */
  .cottage-listing thead th {text-align: center}
  .cottage-listing thead th.name-header {text-align: left}
  
  .cottage-listing thead a.sleeps:link, .cottage-listing thead a.sleeps:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    background: url('/images/icons/arrow-down.gif') no-repeat right 3px;
    padding-right: 15px
  }
  
  .cottage-listing tbody td {background-color: #e9e9e9}
  .cottage-listing tbody tr.odd td {background-color: #f5f5f5}
  
  .cottage-listing tbody td p {margin-bottom: 0}
  
  .cottage-listing tbody tr.description-info td {color: #000; text-align: center}
  .cottage-listing tbody tr.description-info td.name-location {text-align: left}
  
  td.name-location h3, td.name-location span{display: block; margin-bottom: 5px}
  td.name-location h3 a:link, td.name-location h3 a:visited {
    font-size: 11px;
    text-decoration: none
  }
  
  td.name-location div {
    display: block;
    width: 126px;
    height: 80px;
    background: #a9a9a9
  }
  
  td.name-location a:link img, td.name-location a:visited img {border: 2px solid #4f2a46; color: #000}
  td.name-location a:hover img, td.name-location a:active img {border: 2px solid #8b4b7b; color: #000}
  
  .name-location, tr.icons td {border-bottom: 10px solid #fff}
  
  .icons a {margin-right: 5px}
/***** Layout *****/
#container {
  width: 937px;
  margin: 0 auto;
  border-top: 27px solid #4f2a46;
  background: #fff
}

#container:after, #sidebar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}

/* Sidebar */
#sidebar {
  float: right;
  width: 341px;
  padding: 81px 13px 20px 17px
}
#booking_sidebar {
  float: right;
  width: 341px;
  padding: 34px 13px 20px 17px
}
#booking_sidebar ul#menu
{
  margin-bottom: 30px;
}
  /* Logo */
  #logo a:link, #logo a:visited {
    display: block;
    background: url('/images/park-cottages-logo.gif') no-repeat top left;
    width: 297px;
    height: 40px;
    text-indent: -9999em;
    margin: 0 auto
  }
  
  /* Menu */
  #menu {
    margin: 55px auto 72px auto;
    list-style: none;
    text-align: center;
    font-family: georgia, 'times new roman', times, serif;
    font-size: 16px;
    line-height: 1
  }
  
  #menu li {margin-bottom: 17px}
  
  #menu a:link, #menu a:visited {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: .2em
  }
  
  #menu a:hover, #menu a:active, #menu .active a:link, #menu .active a:visited {
    text-decoration: underline;
    color: #6d9600
  }
  
  /* Latest Offers */
  #latest-offers {
    display: block;
    width: 168px;
    height: 17px;
    background: url('/images/latest-offers.gif');
    margin: 40px auto 18px auto;
    text-indent: -9999em
  }
  
  #latest-offers-list {
    list-style: none;
    margin: 0
  }
  
  #latest-offers-list li {width: 315px}
  
  #latest-offers-list h3 {font-size: 11px; margin-bottom: 5px}
  #latest-offers-list img {float: left; margin: 0 10px 0 0}
  #latest-offers-list p {margin-bottom: 0}
  
/* Body */
#body {
  width: 566px;
  float: right;
	padding-bottom: 20px;
}

#body h2 {
  color: #4f2a46;
  text-transform: uppercase;
  clear: both;
  font-size: 18px;
  font-family: georgia, 'times new roman', times, serif;
  letter-spacing: .1em;
  margin-bottom: .5em
}

#body h3 {
  color: #4f2a46;
  text-transform: uppercase;
  clear: both;
  font-size: 14px;
  font-family: georgia, 'times new roman', times, serif;
  letter-spacing: .1em;
  margin-bottom: .5em
}

#body h2 span {text-transform: none; font-style: italic}

  /* Content */
  #content {margin: 30px 10px 0 15px}

  /* Content Header */
  #header {
    width: 556px;
    height: 258px
  }

/* Footer */
#footer {clear: both}
#footer ul {
  background: #4f2a46;
  height: 27px;
  line-height: 27px;
  list-style: none;
  margin: 0;
  font-size: 10px;
  padding-left: 11px
}

#footer li {float: left; margin-right: 11px}

#footer ul a:link, #footer ul a:visited {
  color: #fff;
  text-decoration: none;
  font-weight: normal
}

#footer ul a:hover, #footer ul a:active {text-decoration: underline}

#copyright {
  padding: 20px 0 15px 10px;
  background: #f0f0f0
}
/***** Sections *****/
/* Home */
div.home {
  height: 628px;
  background: url('/images/home-bg.jpg') no-repeat top left
}

  /* Availability box */
  #availability {
    background: #fff;
    display: inline;
    width: 197px;
    padding: 20px 20px 20px 25px;
    float: left;
    margin: 47px 26px 0 22px
  }

  #availability h2 {
    text-indent: -9999em;
    background: url('/images/availability.gif');
    width: 149px;
    height: 24px;
    margin: 0 auto 20px auto
  }

  #availability select {margin-bottom: 8px}

  #availability input.text, #availability form input#starts_on {width: 84px; border: 1px solid #8d8c85; float: left; padding: 2px 1px; margin-left: 2px}
  #availability input.button {float: right; margin-right: 10px}

  #availability div {clear: both; padding-top: 25px}
  #availability div img {float: left; margin: 0 10px 0 0}
  #availability div p {margin: 0; line-height: 1.3}


	#availability #nights
	{

	}

	#availability form input#starts_on
	{
		width: 75px;
		margin-right: 3px;
	}

	#availability form img
	{
		float:left;
	}


  /* Location Box */
  #location {
    background: #fff;
    width: 197px;
    display: inline;
    padding: 20px 20px 20px 25px;
    float: left;
    margin: 47px 0 0 0
  }

  #location h2 {
    text-indent: -9999em;
    background: url('/images/location.gif');
    width: 124px;
    height: 24px;
    margin: 0 auto 20px auto
}

  #location select {margin-bottom: 8px; width: 190px}

  #location input.text {width: 84px; border: 1px solid #8d8c85; float: left; padding: 2px 1px; margin-left: 2px}
  #location input.button {float: right; margin-right: 10px}

  #location div {clear: both; padding-top: 25px}
  #location div img {float: left; margin: 0 10px 0 0}
  #location div p {margin: 0; line-height: 1.3}
  
#CottageList
{
	width: 510px;
	margin-left: 22px;
	margin-top: 22px;
	padding-bottom: 22px;
	float: left;
	background-image: url(../images/1pxwhite60.png);
}

#CottageList div
{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	padding-top: 18px;
	background-color: white;
	width: 220px;
	height: 85px;
	padding-right: 3px;
}

#CottageList div p
{
	padding: 0;
	margin: 0;
}

#CottageList p.view_link
{
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
	float: left;
	clear: both;
}

#CottageList div img
{
	margin-left: 15px;
	margin-right: 10px;
	float: left;
}

#CottageList div p.message
{
	padding-left: 15px;
}

/* Detail */
.cottage-nav {
  height: 34px !important;
  height: 24px;
  line-height: 34px !important;
  line-height: 1;
  color: #e3e3e3;
  background: #545454;
  padding: 0 5px 0 20px !important;
  padding: 10px 5px 0 20px;
  margin: 25px 0 18px 0
}

.cottage-nav .numbers {color: #fff}

.cottage-nav .previous {margin-right: 7px}
.cottage-nav .next {margin-right: 20px; margin-left: 7px}

  /* Image List */
  .cottage-img-list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
  }
  
  .cottage-img-list:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }
  
  .cottage-img-list li {float: left; margin-right: 7px; margin-bottom: 5px; background: #a7a7a7; height: 84px; width: 130px}
  .cottage-img-list li.last {margin-right: 0}
  
  .cottage-img-list a:link img, .cottage-img-list a:visited img {border: 2px solid #4f2a46}
  
  .cottage-detail strong {color: #4f2a46; font-weight: bold}
  .cottage-detail p {margin-bottom: 2em}
  .cottage-detail h3 {color: #4f2a46; font-size: 11px; font-weight: bold; margin-bottom: 3px}
  
  .buttons {clear: both; margin: 30px 0}
  
  .buttons img {margin-right: 5px}
  
  .cottage-detail .icons {
    background: #f0eeee;
    padding: 10px 15px;
    margin: 25px 0 30px 0
  }
  
  .cottage-detail .icons img {margin-right: 3px}
  
  /* Quick Information */
  .quick-information {color: #777; width: 100%}
  .quick-information:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }
  
  .cottage-detail .quick-information h3 {
    font-size: 18px;
    font-family: georgia, 'times new roman', times, serif;
    letter-spacing: .08em
  }
  
  .quick-information .name-location {width: 290px; float: left; margin-right: 10px}
  .quick-information .information {width: 230px; float: left; line-height: 1.5}
  
  .quick-information .name-location span {display: block; margin-bottom: 2.3em}
  
  /* Booking Breadcrumb */
  #breadcrumb {
    margin: 30px auto;
    width: 100%;
    padding: 0;
    list-style: none;
    background: url('/images/crumb-bg.gif') repeat-x center center
  }
  #breadcrumb:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }
  
  #breadcrumb li {float: left; margin-left: 16px; background: #fff}
  #breadcrumb li:first-child {margin-left: 0}
  
  #breadcrumb li a:link, #breadcrumb li a:visited {
    display: block;
    height: 29px;
    line-height: 29px;
    text-indent: -9999em;
    background-position: bottom left
  }
  
  #breadcrumb li.active a:link, #breadcrumb li.active a:visited, #breadcrumb li a:hover, #breadcrumb li a:active {background-position: top left}
  
  #availability-crumb a {background-image: url('../images/availability-crumb.gif'); width: 115px}
  #booking-crumb a {background-image: url('../images/booking-crumb.gif'); width: 158px}
  #confirmation-crumb a {background-image: url('../images/confirmation-crumb.gif'); width: 126px}
  #payment-crumb a {background-image: url('../images/payment-crumb.gif'); width: 94px}
  
  #breadcrumb li span {
    display: block;
    height: 29px;
    line-height: 29px;
    text-indent: -9999em;
    background-position: bottom left
  }
  
  #breadcrumb li.active span {background-position: top left}
  
  #availability-crumb span {background-image: url('../images/availability-crumb.gif'); width: 115px}
  #booking-crumb span {background-image: url('../images/booking-crumb.gif'); width: 158px}
  #confirmation-crumb span {background-image: url('../images/confirmation-crumb.gif'); width: 126px}
  #payment-crumb span {background-image: url('../images/payment-crumb.gif'); width: 94px}
  
  
  #breadcrumb li {margin-bottom: 0px;}
  
  /* Calendar */
  .calendars {margin-bottom: 40px; float: left;}
  .main_calendar {width: 323px; margin: 0 20px 0px 0; float: left}
  .main_calendar:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
  }
  
  .main_calendar .month {position: relative; height: 35px; line-height: 25px}
  .main_calendar .month .previous {position: absolute; left: 2px; top: 0}
  .main_calendar .month .next {position: absolute; right: 4px; top: 0}
  .main_calendar .month h3 {
    width: 323px;
    text-align: center;
    font-size: 18px;
    font-family: georgia, 'times new roman', times, serif;
    color: #010101;
    text-transform: uppercase;
    letter-spacing: .08em
  }
  
  .main_calendar .month.small_cal {height: 22px}
  .main_calendar .month.small_cal h3 {margin-bottom: 0 !important;}
  
  .main_calendar ul {margin: 0; padding: 0; list-style: none}
 	.main_calendar ul li {
    padding: 0;
    width: 44px;
    height: 47px;
    background: #dcd6db;
    float: left;
    margin: 0 1px 2px 1px;
    font-size: 14px;
    font-family: georgia, 'times new roman', times, serif;
  }
  
  .main_calendar ul li.day {
    padding: 0;
    width: 44px;
    height: 21px;
    line-height: 21px;
    background: #545454;
    color: #fff;
    text-align: center;
    float: left;
    margin: 0 1px 3px 1px;
    font-family: verdana, arial, serif;
    font-size: 11px
  }
  
  .main_calendar ul li a:link, .main_calendar ul li a:visited, .main_calendar ul li span {
    display: block;
    width: 40px;
    height: 47px;
    padding: 0 0 0 4px;
    text-decoration: none
  }

  .main_calendar ul li.unavailable
	{

	}

  .main_calendar ul li.unavailable a:link,.main_calendar ul li.unavailable a:visited {background: #dcd6db; color: #6D9600}
 	.main_calendar ul li.unavailable a:hover, .main_calendar ul li.unavailable a:active {color: #6D9600; background: #e8e3e7}
  
  .main_calendar ul li.available a:link, .main_calendar ul li.available a:visited {background: #f3f3f3; color: #6D9600}
  .main_calendar ul li.available a:hover, .main_calendar ul li.available a:active {color: #6D9600; background: #e8e3e7}
  
  .main_calendar ul li.selected a:link, .main_calendar ul li.selected a:visited {background: #9fda00; color: #fff}
  .main_calendar ul li.selected a:hover, .main_calendar ul li.selected a:active {color: #555; background: #bcff0d}
  
  .main_calendar ul li.unavailable_short,
  .mini_calendar ul li.unavailable_short 
  {
    background: #F3F3F3 none repeat scroll 0 0;
    color: #747474;
    font-family: georgia,'times new roman',times,serif;
    font-weight: bold;
  }
  .main_calendar span.selected, .mini_calendar span.selected {background: #9FDA00 none repeat scroll 0 0; color: #fff;}
/* mini calendar */
/* Calendar */
#mini_calendars
{
	clear:both;
	margin-top: 20px;
}
.mini_calendar {width: 125px; margin: 0 5px 5px 0; float: left; height: 170px;}
.mini_calendar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}

.mini_calendar .month {position: relative; height: 35px; line-height: 25px}
.mini_calendar .month .previous {position: absolute; left: 2px; top: 0}
.mini_calendar .month .next {position: absolute; right: 4px; top: 0}
.mini_calendar .month h3 {
  width: 125px;
  text-align: center;
  font-size: 11px !important;
  font-family: georgia, 'times new roman', times, serif;
  color: #010101;
  text-transform: uppercase;
  letter-spacing: .08em
}

.mini_calendar ul {margin: 0; padding: 0; list-style: none}
.mini_calendar ul li {
  padding: 0;
  width: 15px;
  height: 15px;
  background: #dcd6db;
  float: left;
  margin: 0 1px 2px 1px;
  font-size: 10px;
  font-family: georgia, 'times new roman', times, serif;
}

.mini_calendar ul li.day {
  padding: 0;
  width: 15px;
  height: 15px;
  line-height: 21px;
  background: #545454;
  color: #fff;
  text-align: center;
  float: left;
	padding-bottom: 2px;
  font-family: verdana, arial, serif;
  font-size: 10px
}

.mini_calendar ul li a:link, .mini_calendar ul li a:visited, .mini_calendar ul li span {
  display: block;
  width: 15px;
  height: 15px;
	padding: 0 0 0 0;
  text-decoration: none
}

.mini_calendar ul li.unavailable
{

}

.mini_calendar ul li.unavailable a:link,.mini_calendar ul li.unavailable a:visited {background: #dcd6db; color: #6D9600}
.mini_calendar ul li.unavailable a:hover, .mini_calendar ul li.unavailable a:active {color: #6D9600; background: #e8e3e7}

.mini_calendar ul li.available a:link, .mini_calendar ul li.available a:visited {background: #f3f3f3; color: #6D9600}
.mini_calendar ul li.available a:hover, .mini_calendar ul li.available a:active {color: #6D9600; background: #e8e3e7}

.mini_calendar ul li.selected a:link, .mini_calendar ul li.selected a:visited {background: #9fda00; color: #fff}
.mini_calendar ul li.selected a:hover, .mini_calendar ul li.selected a:active {color: #555; background: #bcff0d}

/* end of mini calendar */

    /* Calendar Key */
    #calendar-key {
      float: left;
      width: 205px;
      margin-right: -10px;
      margin-top: 35px
    }
    
    #calendar-key h3 {
      text-align: center;
      width: 100%;
      background: #b3b3b3;
      color: #fff;
      height: 21px;
      line-height: 21px;
      font-family: georgia, 'times new roman', times, serif;
      font-size: 14px;
      text-transform: uppercase
    }
    
    #calendar-key ul {
      margin: 11px 0 0;
      height: 1%;
      padding: 10px 10px 3px 10px;
      list-style: none;
      border: 1px solid #e1e1e1
      margin-bottom: 0 !important;
    }
    
    #calendar-key li {
      padding: 0;
      margin: 0 0 13px 0;
      font-family: verdana, arial, serif;
      font-size: 11px;
      color: #5a5a5a;
      clear: both
    }
    
    #calendar-key li:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0
    }
    
    #calendar-key p {line-height: 1.2; margin-bottom: 0}
    
    #calendar-key img {float: left; margin: 3px 7px 0 0}
    #calendar-key div {float: left; margin: 0; width: 130px; margin-right: -15px}
    #calendar-key h4 {
      font-family: georgia, 'times new roman', times, serif;
      color: #4f2a46;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: normal
    }
    
    /* Dates and Nights Form */
    #dates-and-nights-form {margin: 0; padding-bottom: 27px; padding-top: 15px}
    #dates-and-nights-form:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0
    }
    #dates-and-nights-form select {
      border: 1px solid #4f2a46;
      padding: 1px;
      color: #4f2a46;
      margin-right: 5px;
      float: left;
      font-size: 14px;
      font-family: verdana, arial, serif
    }
    
    #dates-and-nights-form option {
      color: #4f2a46;
      font-size: 14px;
      font-family: verdana, arial, serif
    }
    
    #dates-and-nights-form input {margin-left: 5px}
    
    /* Price */
    #price {
      height: 43px;
      background: #4f2a46;
      padding: 9px 8px;
      color: #fff;
      font-size: 18px;
      font-family: georgia, 'times new roman', times, serif;
      position: relative;
      margin-bottom: 10px;
      width: 98%;
    }
    
    #price strong {font-weight: normal}
    #price span {
      position: absolute;
      font-size: 36px;
      bottom: 10px;
      right: 18px
    }
    
    /* Totals */
    #totals {width: 100%; margin-bottom: 35px}
    #totals:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0
    }
    
    #totals .left {width: 45%; float: left; color: #5a5a5a; line-height: 1.4}
    #totals .right {width: 45%; float: right; color: #a7a7a7; text-align: right}
    
    #reserve-button {display: block; margin-bottom: 35px}
    
    /* Booking Details Form */
    #booking-details-form #booking-legend {display: block; float: right; margin-top: -20px}
    #booking-details-form #booking-legend strong {font-size: 11px; color: #f00}
    
    #booking-details-form h3 {text-transform: none; font-size: 18px; letter-spacing: .05em; margin-bottom: 15px}
    
    #booking-details-form fieldset {
      background: #f5f5f5;
      padding: 17px 35px 7px 20px;
      width: 236px;
      float: left;
      margin-right: 20px;
      margin-bottom: 20px
    }
    
    #booking-details-form label {
      font-size: 14px;
      color: #4f2a46;
      display: block;
      margin-bottom: 4px;
      margin-top: 3px
    }
    
    #booking-details-form label span {color: #f00; font-size: 11px; font-weight: bold}
    
    #booking-details-form input.text {
      border: 1px solid #4f2a46;
      font-size: 14px;
      font-family: verdana, arial, serif;
      color: #444;
      padding: 1px;
      margin-bottom: 7px;
      width: 98%
    }
    
    
    #booking-details-form input.error {border: 1px solid #f00}
    
    #booking-details-form select {
      border: 1px solid #4f2a46;
      font-size: 14px;
      font-family: verdana, arial, serif;
      color: #444;
      padding: 1px;
      margin-bottom: 8px
    }
    
    #booking-details-form option {
      font-size: 14px;
      font-family: verdana, arial, serif
    }
    
    #booking-details-form .information {
      width: 245px;
      float: left;
      margin-right: -15px;
      margin-bottom: 20px
    }
    
    #booking-details-form .error {color: #f00; line-height: 1.5}
    
    #booking-details-form input.button {
      clear: both;
      margin-bottom: 25px;
      display: block
    }
    
    #booking-details-form p
    {
      font-size: 12px;
    }
    
    #booking-details-form .optional_extras
    {
      width: 90%;
    }
    #booking-details-form .optional_extras ul
    {
      list-style: none;
    }
    #booking-details-form .optional_extras li
    {
      margin-right: 15px;
      margin-bottom: 5px;
    }

    .optional_extras .description
    {
      width: 50%;
      float:left;
    }
    .optional_extras .drop_down
    {
      width: 30%;
      display:inline;
      margin-right: 10em;
    }
    
    .optional_extras ul
    {
      margin-left: 0;
    }
    .optional_extras .extra_price
    {
      vertical-align: top;
     
    }
    
    .optional_extras .sub_total_label
    {
      float: left;
      width: 84%;
      font-weight: bold;
    }
    .optional_extras .sub_total_amount
    {
      font-weight: bold;
      display: inline;
    }

    /***************************
    Booking Payments Form
    **************************/
    
    #booking-payments-form #booking-legend {display: block; float: right; margin-top: -20px}
    #booking-payments-form #booking-legend strong {font-size: 11px; color: #f00}
    
    #booking-payments-form h3 {text-transform: none; font-size: 18px; letter-spacing: .05em; margin-bottom: 15px}
    
    #booking-payments-form fieldset {
      background: #f5f5f5;
      padding: 17px 35px 7px 20px;
      width: 236px;
      float: left;
      margin-right: 20px;
      margin-bottom: 20px
    }
    
    #booking-payments-form label {
      font-size: 14px;
      color: #4f2a46;
      display: block;
      margin-bottom: 4px;
      margin-top: 3px;
      padding-top: 10px;
      padding-bottom: 5px;
    }
    
    #booking-payments-form label span {color: #f00; font-size: 11px; font-weight: bold}
    
    #booking-payments-form input.text {
      border: 1px solid #4f2a46;
      font-size: 14px;
      font-family: verdana, arial, serif;
      color: #444;
      padding: 1px;
      margin-bottom: 7px;
    }
    

    
    #booking-payments-form input.error {border: 1px solid #f00}
    
    #booking-payments-form select {
      border: 1px solid #4f2a46;
      font-size: 14px;
      font-family: verdana, arial, serif;
      color: #444;
      padding: 1px;
      margin-bottom: 8px;
      width:230px;
    }
    
    #booking-payments-form option {
      font-size: 14px;
      font-family: verdana, arial, serif
    }
    
    #booking-payments-form .information {
      width: 245px;
      float: left;
      padding-top: 21em;
      margin-right: -15px;
      margin-bottom: 20px
    }
    #booking-payments-form .sec-information {
      width: 245px;
      float: left;
      padding-top: 5em;
      margin-right: -15px;
      margin-bottom: 20px
    }
    #booking-payments-form .issue-information {
      width: 245px;
      float: left;
      
      margin-right: -15px;
      margin-bottom: 20px
    }
    
    #booking-payments-form .error {color: #f00; line-height: 1.5}
    
    #booking-payments-form input.button {
      clear: both;
      margin-bottom: 25px;
      display: block
    }
    
    #booking-payments-form #name,#card_number {
      width: 98%;
    }
    
    #booking-payments-form select {
      margin-right:5px;
    }

  /* Booking REgistration Form */
  
  #personal-details-form #booking-legend {display: block; float: right; margin-top: -20px}
  #personal-details-form #booking-legend strong {font-size: 11px; color: #f00}
  
  #personal-details-form h3 {text-transform: none; font-size: 18px; letter-spacing: .05em; margin-bottom: 15px}
  
  #personal-details-form fieldset {
    background: #f5f5f5;
    padding: 17px 35px 7px 20px;
    width: 236px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
  }
  
  #personal-details-form label {
    font-size: 14px;
    color: #4f2a46;
    display: block;
    margin-bottom: 4px;
    margin-top: 3px;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  
  #personal-details-form label span {color: #f00; font-size: 11px; font-weight: bold}
  
  #personal-details-form input.text {
    border: 1px solid #4f2a46;
    font-size: 14px;
    font-family: verdana, arial, serif;
    color: #444;
    padding: 1px;
    margin-bottom: 7px;
  }
  
  

  
  #personal-details-form input.error {border: 1px solid #f00}
  
  #personal-details-form select {
    border: 1px solid #4f2a46;
    font-size: 14px;
    font-family: verdana, arial, serif;
    color: #444;
    padding: 1px;
    margin-bottom: 8px;
    width:230px;
  }
  
  #personal-details-form option {
    font-size: 14px;
    font-family: verdana, arial, serif
  }
  
  #personal-details-form input.button {
      clear: both;
      margin-bottom: 25px;
      display: block
    }
  /***********************
  booking confirmation
  ***********************/
    #cottage-info {
      background: #f5f5f5;
      width: 486px;
      padding: 17px 35px 7px 20px;
      margin-bottom: 20px;
      margin-top: 15px;
    }
    #cottage-info-content {
      float: left;
      padding-right: 70px;
    }
    #cottage-info span.edit_button
    {
      float:right;
    }
    
    #cottage-info-content ul{
      list-style: none;
      padding: 0;
      margin: 0;
      display: inline;
    }
    #cottage-info-content li
    {
      display: inline;
    }
    
    #cottage-title h3 {
      color: #4f2a46;
      clear: both;
      text-transform: capitalize;
      font-size: 16px;
      font-family: georgia, 'times new roman', times, serif;
      letter-spacing: .1em;
      margin-bottom: .5em;
      font-weight: bold;
    }
    #info-label {
      color: #4F2a46;
      font-weight: bold;
      margin-bottom: 15px;
    }
    
    #summary-price {

      background: #4f2a46;
      padding: 9px 8px;
      color: #fff;
      font-size: 18px;
      font-family: georgia, 'times new roman', times, serif;
      position: relative;
      margin-bottom: 10px;
      padding-bottom: 15px;
      /*height: 20px;*/
    }
    
#summary-price p{
  line-height: 20px;
  margin-bottom: 0;
}

    #summary-price .price-label
    {
      font-weight: bold;
      font-size: 11px;
      padding:0;
      margin: 0;
      
    }
    #summary-price span.price {
      position: absolute;
      font-size: 20px;
      right: 18px;
    }

#deposit-summary {
  font-family: georgia, 'times new roman', times, serif;
}

#deposit-summary .deposit {
  font-size: 18px;
  background-color:white;
  color:  #4f2a46;
  margin-bottom:8px;
  text-align: right;
  padding-right: 18px;
}
    
#deposit-summary .remainder {
  margin-bottom:0;
}

    #party-info-content {
      float: left;
      padding-right: 70px;
    }
    
    #party-info-content ul{
      list-style: none;
      padding: 0px;
      margin: 0px;
      display: inline;
      
    }
    #party-info-content li {
      display: inline;
    }
    #nav-buttons {
      margin-bottom: 15px;
    }
    #confirmation-buttons {
      margin-bottom: 15px;
      float:right;
    }
    
    

p.helper
{
  margin-top: 80px;
}
.availability_update
{
  float: left;
}
.reserve_button
{
  padding-top: 15px;
}

p.surcharge {
  text-align:right;
}


/** Booking Summary Panel **/

#booking_summary_panel
{
  padding: 10px;

}
#booking_summary_panel ul
{
  margin-left: 0;
}

#booking_summary_panel h3
{
  clear:both;
  color:#4F2A46;
  font-family:georgia,'times new roman',times,serif;
  font-size:16px;
  font-weight:bold;
  letter-spacing:0.1em;
  margin-bottom:0.5em;
  text-transform:capitalize;
}

#booking_summary_panel #cottage-info {
      background: #f5f5f5;
      width: 300px;
      padding: 8px 15px 3px 10px;
      margin-bottom: 2px;
      margin-top: 3px;
    }
#booking_summary_panel #cottage-info-content {
  float: left;
  padding-right: 70px;
}
#booking_summary_panel #cottage-info span.edit_button
{
  float:right;
}

#booking_summary_panel #cottage-info-content ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
  padding-bottom: 5px;
}

#booking_summary_panel #cottage-title h3 {
  color: #4f2a46;
  clear: both;
  text-transform: capitalize;
  font-size: 12px;
  font-family: georgia, 'times new roman', times, serif;
  letter-spacing: .1em;
  margin-bottom: .1em;
  font-weight: bold;
}

#booking_summary_panel p
{
  margin-bottom: 3px;
}

#booking_summary_panel hr
{
  margin-top: 3px;
  margin-bottom: 3px;
}

#booking_summary_panel #party-info-content {
      float: left;
      padding-right: 30px;
    }
/* Login Form */

.login_form ul
{
  list-style: none;
  margin-top: 40px;
  margin-left: 0;
}
.login_form li
{
  margin-bottom: 15px;
}
.login_form li.radios_top
{
  margin-bottom: 10px;
  margin-top: 30px;
}
.login_form li.radios_bottom
{
  margin-bottom: 30px;
}
.login_form .label
{
  float: left;
  min-height: 1px;
  width: 36%;
  text-align: right;
  padding-right: 20px;
}
.login_form .input
{
  display: inline;
}

.login_form h3
{
  margin-top: 50px;
}

/* Forgotten Password form */
.password_form h3
{
  margin-bottom: 1.5em !important;
}

.password_form p.small_text
{
  font-size: 10px;
}
.password_form ul
{
  list-style: none;
  margin-top: 4em;
  margin-bottom: 4em;
}
.password_form li
{
  margin-bottom: 5px;
}
.password_form .label
{
  float: left;
  min-height: 1px;
  width: 30%;
}
.password_form .input
{
  display: inline;
}

/** flash[:notice] / flash[:error] styling **/

.messages {
  padding-top: 5px;
}

.messages ul,
.messages ul li
{
  margin-left: 0px;
  padding-left: 0px;
}

.flash_error {
  color: red;
}

.flash_notice {
  color: green;
}

.errors
{
  color: red;
  padding-top: 5px;

}
.error
{
  color: red;
}

.payment_errors
{
 color: red;
 border: 2px solid red;
 text-align: center; 
 padding-top: 5px;
 padding-bottom: 5px;
}
.payment_errors ul
{
  list-style: none !important;
}
.payment_errors li
{
  list-style: none !important;
}

.errorExplanation {
  border: 1px solid #4F2A46;
  color:#4F2A46;
  padding: 18px 10px 0 10px;
  margin-bottom: 18px;
}

.errorExplanation h3{
  font-weight: bold;
}


/** Cottage show view (extras + features) **/

.features_list
{
  width: 50%;
  float:left;
}

.extras_list
{
  width: 49%;
  float:left;
}
.extras_list ul
{
  margin-left: 30px;
}
.icons li
{
  
  
}

/** My Account **/
#body.my_account h3
{
  text-transform: none;
  letter-spacing: 0;
  font-size: 17px;
}

#body.my_account fieldset
{
  background-color: #F5F5F5;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 254px;
}

#body.my_account form
{
  float: left;
  margin-right: 20px;
}



#body.my_account label
{
  display: block;
  margin-bottom: 5px;
}

#body.my_account input
{
  margin-bottom: 5px;
  width: 200px;
}

#body.my_account input.small
{
  width: 100px;
}

#body.my_account select
{
  margin-bottom: 5px;
}

#body.my_account input.button
{
  width: 83px;
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}

#body.my_account .information
{
  float: left;
  width: 230px;
  margin-top: 35px;
}

#body.my_account .index fieldset
{
  width: 520px;
}

#body.my_account .index ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}

#body.my_account .index ul li
{
  margin-bottom: 5px;
}

#body.my_account .index ul.details
{
  width: 325px;
}
#body.my_account .index ul.details li.first
{
  margin-bottom: 0;
}

#body.my_account .index ul.prices
{
  margin-top: 65px;
  width: 180px;
}

#body.my_account .index ul.prices label
{
  float: left;
  width: 100px;
  color: #4F2A46;
  font-weight: bold;
}

#body.my_account .index ul.prices span
{
  float: left;
}

#body.my_account .index h4
{
  color: #6D9600;
  font-weight: bold;
  font-size: 11px;
}

#body.my_account .index .amount_due_panel
{
  margin-top: 10px;
  margin-bottom: 5px;
  width: 530px;
  height: 20px;
  float: left;
  color: white;
  background-color: #4F2A46;
  padding-top: 13px;
  padding-bottom: 7px;
  padding-left: 10px;
  font-family: georgia,'times new roman',times,serif;
}

#body.my_account .index .amount_due_panel label
{
  float: left;
  width: 420px;
  font-weight: bold;
}

#body.my_account .index .amount_due_panel span
{
  text-align: right;
  font-weight: bold;
  font-size: 18px;  
}

#body.my_account p.subnote
{
  width: 530px;
  text-align: right;
  color: #a7a7a7;
  margin-bottom: 0px;
  display:block;
  float:right;
}

#body.my_account .index form
{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #a7a7a7;
}

#body.my_account .index input
{
  width: 98px;
}

#body.my_account .index input.button
{
  float: left;
  margin-left: 0;
  margin-top: 0px;;
}


#body.my_account .payment label
{
  margin-top: 10px;
}

#body.my_account .payment .information
{
  margin-top: 185px;
}

#body.my_account .payment .sec-information
{
  float: left;
  width: 240px;
  margin-top: 90px;
}

#body.my_account .payment .issue-information
{
  float: left;
  width: 240px;
  margin-top: 85px;
}

#body.my_account .payment #price
{
  font-size: 14px;
  font-weight: bold;
}

#body.my_account .payment input.button
{
  width: 98px;
}

#body.my_account .payment label.checkbox
{
  display: inline;
}

#BillingFields select {
  width:230px;
}

/** END My Account **/

.messages ul,
.messages ul li
{
  float: none;
}