/* Tag Specific 
*************************************************************/


body {
	padding : 0;
	margin : 0;
	font-size : 100.01%;
	font-family: Arial, Verdana, Geneva, sans-serif;
	background-color : white;
	color : #181818;	
	min-width : 770px;
}

h1,h2,h3,h4,h5,p,form,ol,ul,li{
	margin-top: 0;
	margin-bottom : 0.6em;
	padding-bottom : 4px;
}
p {margin-bottom : 1em;}

h1 {
	margin: 0 0 1em 23px;
	font-size : 1em;
	font-weight : normal;
	height:14px;
	width:740px;
}

h1 img {
	vertical-align: middle;
}

h2 {
	font-size : 0.7em;
	height: 25px;
	background : url(images/cdp_region_h2.jpg) 0 0 no-repeat;
	background-position : right;
	font-weight : normal;
	text-align: right;
	line-height: 2.2em;
	color : #181818;	
	padding : 0 90px 0 0;
	margin: 0;
	border-bottom: 1px solid #7F7878;
}

h2.secondary {
	border-top: 1px solid #7F7878;
}

h3 {
	font-size : 1em;
	margin-bottom : 1em;
	padding : 0;
	font-weight: 3;
	color: #423C3C;
}
h4,h5,h6 {
	font-size : 1em;
	margin-bottom : 0em;
	padding : 0;
}
ul {
	margin : 0 0 1em 0;
	padding : 0;
	list-style-type : none;
}
ul li {
	margin: 0;
	padding-left : 0.5em;
	background : transparent url(images/bullet_list.gif) 0 7px no-repeat;
	margin-bottom : 0;
}
ol ul li {
	padding-left : 10px;
	background : transparent url(images/bullet_list.gif) 2px 7px no-repeat;
}
ol {
	margin : 0 0 1em 3em;
	padding-left : 0;
}
ol li {
	background-image : none;
	padding-left : 0;
	margin-left : 0;
	margin-bottom : 0;
}

li ul, li ol {
	margin-top : 1em;
}

a:link {
	color : #2C5BAE;
	text-decoration : underline;
}
a:visited {
	color : #2C5BAE;
	text-decoration : underline;
}
a:hover{
	text-decoration : none;
}
a:active {
	color : #2C5BAE;
	text-decoration : underline;
}
a img {border:0;}

hr {
	border : 0;
	background-color : white;
	height : 0;
	border-top : 1px solid #CCCCCC;
	margin-top : 5px;
	margin-bottom : 5px;
	clear:both;
}

table {
	border : 0;
	border-collapse : collapse;
	margin : 0;
	padding : 0;
	font-size : 1em;
}

th {
	text-align :left;
	vertical-align : top;
	padding : 2px 5px 2px 0;
	font-weight: normal;
}
td {
	text-align : left;
	vertical-align : top;
}

input,select,textarea {
	font-size : 1em;
	background-color : white;
	font-family: Arial, Verdana, Geneva, sans-serif;
	border : 1px solid #7F7878;
}

input,textarea {
	width: 230px;
}

img {
	display:block;
}




/* Header
*************************************************************/

#home #headerImage {
	background: white url(images/cdp_home_header.jpg) 0 0 no-repeat;
	height: 180px;
	margin-bottom: 1.5em;
}

#discover_the_region #headerImage {
	background: white url(images/cdp_region_header.jpg) 0 0 no-repeat;
	height: 180px;
	margin-bottom: 1.5em;
}

#discover_the_property #headerImage {
	background: white url(images/cdp_property_header.jpg) 0 0 no-repeat;
	height: 180px;
	margin-bottom: 1.5em;
}

#booking_info #headerImage {
	background: white url(images/cdp_booking_header.jpg) 0 0 no-repeat;
	height: 180px;
	margin-bottom: 1.5em;
}

/* mainNav
*************************************************************/

#mainNav {
	font-size : 0.7em;
	color : #1898B5;
	width: 433px;
	background: white url(images/cdp_site_title.gif) 0 0 no-repeat;
	padding: 35px 0 0 0;
	margin: 0 0 2em 160px;
	text-align: center;	
	font-weight: bold;
}

#mainNav a{
	text-decoration : none;
	color : #7F7878;
	margin: 0 7px 0 7px;
	
}

#mainNav a:hover{
	color : black;
}

#mainNav a:active {
	color : #7F7878;
}

/* content area */

#content {
	/* width - (margin)*/
	width: 745px;
	margin: 1em 0 0 23px;
}



/* home template
*************************************************************/

#homeimageContent {
	float:right;
	border: 1px solid #7F7878;
	padding: 0;
}

#hometextContentWrapper {
	border: 1px solid #7F7878;
	width: 380px;
	min-height: 309px;
}

/* IE only: height acts same as min-height */
* html #hometextContentWrapper {
	height: 309px;
}


/* standard_template_with_gallery styles
*************************************************************/

#three_col_header {
	height: 1px;
	overflow: hidden;
	margin: 0 0 0 22px;
	background: white url(images/three_col_header.gif) 0 0 no-repeat;
}

#three_col_wrapper {
	width: 746px;
	margin: 0 0 0 22px;
	background: transparent url(images/three_col_bg.gif) 0 0 repeat-y;
	/*padding-bottom: 7px*/
}

#three_col_footer {
	height: 1px;
	width: 746px;
	margin: -1px 0 0 22px;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	background: transparent url(images/three_col_footer.gif) 0 0 no-repeat;
}

#first_col_spacer {
	font-size: 1px;
	line-height: 1px;
	height: 23px;
	margin-left: -1px;
	width: 143px;
	background: transparent url(images/first_col_spacer.gif) 0 0 no-repeat;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.third_col_spacer {
	font-size: 1px;
	line-height:1px;
	height: 12px;
	width: 310px;
	margin-left: -1px;
	background: transparent url(images/third_col_spacer.gif) 0 0 no-repeat;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

/* three_col and two_col (both templates use the same col 1 styles): col1 *************************************************************/
#col1 {
	font-size: 0.7em;
	float: left;
	width: 141px;
	padding: 0 0 0 1px;
	border: 0;
	margin: 0;
}

/* Box Model Hack */
/* this selector recognized by IE only */
* html #col1 {
  width: 142px;   /* total width (only for IE5.x/Win) */
  w\idth: 141px;  /* content width (for other IE) */
}

ul#navlist {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0 0;
	border-top: 0;
}

ul#navlist li {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle
}

ul#navlist li a {
	display: block;
	width: auto;
	height: 25px;
	border-top: 1px solid #7F7878;
	color: black;
	text-decoration: none;
	background: #E6E2E2;
	vertical-align: top;
	line-height:2em;
}

ul#navlist li a.top-nav-item {
	border: 0;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: black;
	background-color: #CCC6C6;
}

ul#navlist li#selected-nav-item a{
	background: #CCC6C6;
	color: black;
}

#otherLinksPanel{
	padding: 1em 1em 1em 1.5em;
}

#otherLinksPanel a{
	color: #423C3C;
}

#otherLinksPanel ul li{
	margin-bottom: 1em;
}
	
/* three_col: col 2 *************************************************************/
#three_col_wrapper #col2 {
	float: left;
	width: 273px;
	margin: 0 0 0 10px;
	padding-left: 1px;
	
}

/* Box Model Hack */
/* this selector recognized by IE only */
* html #three_col_wrapper #col2 {
  width: 274px;   /* total width (only for IE5.x/Win) */
  margin: 0 0 0 9px; /* added margin because negative margin pushes col1 width out in IE */
  w\idth: 273px;  /* content width (for other IE) */

}


/* three_col: col 3 *************************************************************/
#col3 {
	float: left;
	width: 308px;
	margin-left: 10px;
	padding-left: 1px;
	padding-bottom: 0;
}

/* Box Model Hack */
/* this selector recognized by IE only */
* html #col3 {
  width: 309px;   /* total width (only for IE5.x/Win) */
  w\idth: 308px;  /* content width (for other IE) */
}

#caption {
	text-align: center;
	padding: 3px 0;
	font-size : 0.7em;
}

.thumbnail {
	padding-top: 8px;
	padding-left: 8px;
	float:left;	
}

.thumbnail img{
	display: block;
}

.thumbnailsContainer {
	padding-bottom: 7px;
	height: 100%;
}

/* two_col_content styles
*************************************************************/

#two_col_header {
	height: 1px;
	overflow: hidden;
	margin: 0 0 0 22px;
	/* same image is used for header and footer */
	background: white url(images/two_col_footer.gif) 0 0 no-repeat;
}

#two_col_wrapper {
	width: 746px;
	margin: 0 0 0 22px;
	background: transparent url(images/two_col_bg.gif) 0 0 repeat-y;
	padding-bottom: 7px
}

#two_col_footer {
	height: 1px;
	width: 746px;
	margin: -1px 0 0 22px;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	background: transparent url(images/two_col_footer.gif) 0 0 no-repeat;
}

#two_col_wrapper h2 {
	padding : 0 140px 0 0;
	background : url(images/cdp_bookingenq_h2.jpg) 0 0 no-repeat;
	background-position : right;
}



/* two_col: col 1
*************************************************************/
/* two_col_content uses the same col 1 styles as standard_template_with_gallery template */


/* two_col: col 2
*************************************************************/

#two_col_wrapper #col2 {
	float: left;
	width: 592px;
	margin: 0 0 0 10px;
	padding-left: 1px;
	
}

/* Box Model Hack */
/* this selector recognized by IE only */
* html #two_col_wrapper #col2 {
  width: 593px;   /* total width (only for IE5.x/Win) */
  margin: 0 0 0 9px; /* added margin because negative margin pushes col1 width out in IE */
  w\idth: 592px;  /* content width (for other IE) */

}

/* two_col: Booking form
*************************************************************/

#bookingForm {
	padding: 0 0 0 50px;
}

#bookingForm input.submit-button {
	float: right;
	margin-top: 2px;
	margin-right: 22px;
}

#bookingForm th {
	text-align :right;
	vertical-align : top;
	padding : 2px 5px 2px 0;
}


/* Booking Calendar
*************************************************************/

#bookingCalendarContainer {
	padding: 10px 12px 10px 5px;
	width: 290px;
	font-size : 0.7em;
}

/* Box Model Hack */
/* this selector recognized by IE only */
* html #bookingCalendarContainer {
  width: 304px;   /* total width (only for IE5.x/Win) */
  w\idth: 290px;  /* content width (for other IE) */
}

table#bookingCalendar {
	border-collapse : collapse;
	width : 100%;
	margin: 0;
	border: 0;
	font-size : 0.9em;
	color: #999999;
	clear: both;
}

table#bookingCalendar th.dayCol {
	width: 7%;
	height: 25px;
}

table#bookingCalendar th.dayHeading {
	width: 7%;
	text-align: right;
	padding-left: 2px;
	color: black;
}

table#bookingCalendar th {
	text-align: center;
	width: 23.25%;
	padding : 1px 0;
	color: black;
	vertical-align: bottom;
}

.dayTable {
	width: 100%;
	margin-left: 5px;
}

.dayTable td {
	width: 16%;
	padding: 1px;
	text-align: center;
	border: 1px solid #F7F7F7;
}

.off_season {
	color: #999999;
}

.mid_season {
	color: #009900;
}


.low_season {
	color: #279AAA;
}

.high_season {
	color: #EF5945;
}

.otherCalenderLinks {
	float:right;
	margin: 0;
}

/* Rates Table
*************************************************************/
#ratesTable {
	margin-bottom: 1em;
}

#ratesTable th, #ratesTable td{
	padding-left: 15px;
}


/* Tarifs Table
*************************************************************/
#tarrifsTable th{
	width: 25%;
	text-align: center;	
}

#tarrifsTable td{
	text-align: center;	
}


	
	
/* footer
*************************************************************/
#footer {
	font-size : 0.7em;
	clear: both;
	margin: 2em 0 0 170px;
	width: 500px;
}


/* Generic - Reusable Classes 
*************************************************************/
.clearBoth {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	padding: 0;
}

.textContent {
	font-size : 0.7em;
	text-align: justify;
	padding: 20px 30px 7px 30px;
}

.textContent ul {
	text-align: left;
}
	
.display_block{
	display:block;
}

.display_inline{
	display:inline;
}

.required {
	color : #F26624;
	font-weight: bold;
}

input.submit-button {
	width: 65px;
	font-size : 1em;
	padding : 0;
	margin : 0;
	font-weight : normal;
	background-color : transparent;
}

.invalidField {
	background-color : #F2F0F0;
}

.marginTop {
	margin-top: 2em;
}

ul.noBulletList li  {
	background : none;
	padding-left : 0;
}

.borderedTable {
	width: 100%;
	border: 1px solid #F2F2F2;
}

.borderedTable th{
	vertical-align: middle;
	border: 1px solid #F2F2F2;
	padding: 5px 5px 5px 5px;
}

.borderedTable td{
	border: 1px solid #F2F2F2;
	padding: 5px 5px 0 5px;
}