/* Main CSS for public pages on Easy Availability (C) TotalFrance.com & Easy Availability.com. Edit at your own risk!! */

/* Some style values are set here - and can be changed here - but others (mainly colors) are set dynamically from within a database using the values set in the product's Color Picker Page. To avoid conflicts, you should continue to change the color settings from within the product's Color Picker Page.  */


/* This is the main table that holds all the page information centred in the middle of the screen. Its properties can be changed here AND also in the HTML in availability.php. */

#main {font-size: 12px; width: 758px;padding:0px; margin:0 auto; border:0;} /* NB the 'background' color and text 'color' for this table are set dynamically from the Color picker page of this product. They can be changed in the Admin Section */

#main td {border:0;} 

#key {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #cccccc;text-decoration: none; font-weight: normal;} /* NB the 'background' and text 'color' for this table are set dynamically from the Color picker page of this product. They can be changed in the Admin Section */

#key td {border: 1px solid #cccccc;}

#prices {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; border: 1px solid #cccccc;text-decoration: none; font-weight: normal;} /* NB the 'background' and text 'color' for this table are set dynamically from the Color picker page of this product. They can be changed in the Admin Section */

#prices td {margin:5px 0px 20px 0px;border: 1px solid #cccccc;} /* NB the 'background' and text 'color' for this table are set dynamically from the Color picker page of this product. They can be changed in the Admin Section*/  

#public {text-align: center; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #cccccc; text-decoration: none; font-weight: normal;} /* NB the 'background' and text 'color' for this table are set dynamically from the Color picker page of this product. They can be changed in the Admin Section. */

#public td {width: 30px;text-align: center;border: 1px solid #cccccc;} 

#public tr {text-align: center;}  

div.comment1 {text-align: center; margin:20px 10px 0px 10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;} 
div.comment2 {text-align: center; margin:20px 10px 10px 10px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}  
div.comment3 {text-align: justify; margin: 20px 20px 20px 20px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
div.comment4 {text-align: justify; margin: 20px 20px 20px 20px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
div.comment1 a,div.comment2 a,div.comment3 a,div.comment4 a {color: #ffffff; text-decoration: underline;}
div.comment1 a:hover,div.comment2 a:hover,div.comment3 a:hover,div.comment4 a:hover {color: #ffffff; text-decoration: none;}  


.def {text-align: center;color:inherit;background:inherit;}     /* default style for table row on availability table if no season is specified*/

div {font-size: 12px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}  

a { font-size: 12px;}  


#book_link a {
font-size: 14px; color: #fff; font-weight: bold;
 text-decoration: underline;
 color: #ffffff;
}
#book_link a:hover {
 text-decoration: none;
}





/* customisations */
#outer {
 border: 1px solid  #F35E00;
 margin: 0 auto;
 background-color: inherit;
}


#head_table td {
border: 0px;
}

#menu_table td {
border: 0px;
}

#navtd {
	color: #FFFFFF;
	background-color: #CC6633;
	border: 0px;
}


#navtd1 {
	color: #999999;
	background-color: #CC6633;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}


#navtd1 ul {
	text-align: left;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #CC6633;
	padding: 0px;
	margin-top:10px;
	margin-left: 20px;
}

#navtd1 ul li {
margin-bottom:3px;
font-size: 11px;
}


/* Navigation Styles */
#nav {
text-align: left;
margin-top: 20px;
border: 0px;
}
#nav div {
margin:0;
width:100%;
}
#nav div a{
padding:6px 0px 6px 12px;
width:168px;
display:block;
color:#ffffff;
font-size: 12px;
font-weight:normal;
text-decoration:none;
border: 0px;
}
#nav div a:hover{
	color: #ffffff;
	background-color: #CC6633 !important;
	border: 0px;
}

/* menu color when on page */
#page-home #menu-home a,
#page-accom-vg #menu-accom-vg a,
#page-accom-lp #menu-accom-lp a,
#page-local #menu-local a,
#page-where #menu-where a,
#page-avail-vg #menu-avail-vg a,
#page-avail-lp #menu-avail-lp a,
#page-book #menu-book a,
#page-contact #menu-contact a {
	background-color: #CC9933;
	font-weight: bold;
	color: #fff;
	border: 0px;
}