/* CSS Document */

/* Holiday France Direct - CSS document | Strangecorp */
/* Jim Rixon | Senior Developer | Strange Corporation */

/* --- DEFAULT STYLING --- */
body * {
	/* --- CLEARS DEFAULT MARGIN & PADDING FOR ALL CHILD ELEMENTS --- */
	margin: 0;
	padding: 0;
	}
	
body {
	background: none;
	background-color: #fff; /* --- DEFAULT BACKGROUND COLOUR --- */
	color: #000; /* --- DEFAULT FOREGROUND (TEXT) COLOUR --- */
			
	font-family: Arial, Helvetica, sans-serif; /* --- DEFAULT FONT FAMILY --- */
	font-size: 62.5%; /* --- RESIZE BASE FONT SIZE (1em = 10px) --- */
	
	margin: 0;
	padding: 0;
	}
	
h1 {
	font-size: 1.6em;
	margin: 0 0 16px 0;
	}
	
h2 {
	font-size: 1.4em;
	margin: 0 0 16px 0;
	}
	
h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 8px 0;
	}

h4 {
	font-size: 1.2em;
	margin: 0 0 8px 0;
	}

p {
	font-size: 1.2em;
	margin: 0 0 8px 0;
	}

hr {
	height: 0px;
	border: none;
	border-top: 1px solid #f00;
	margin: 16px 0;
	}
	
a {
	text-decoration: none;
	}

a img {
	border: 0; /* --- CLEAR DEFAULT BORDER ON LINKED IMAGES --- */
	}

/* --- CUSTOM CLASSES --- */		
.clearboth {
	clear: both;
	}
	
.fleft {
	float: none;
	}
	
.fright {
	float: none;
	}

.alignright {
	}
	
.alignleft {
	}
	
/* --- STRUCTURAL / LAYOUT DIVS --- */
#pagewrapper {
	width: 100%;
	}
	
	/* --- HEADER --- */	
	#header {
		position: relative;
		}
	
		#header a#hfdlogo {
			float: none;
			}
		
		#header #banneradvertising {
			display: none;
			}
		
		
		/* --- HEADER | UTILITY NAVIGATION --- */	
		#header #utilitynavigation {
			display: none;
			}
		
		/* --- HEADER | PRIMARY NAVIGATION --- */	
		#header #primarynavigation {
			display: none;
			}
		
	/* --- LEFT-HAND COLUMN --- */		
	#lefthandcolumn {
		display: none;
		}	
			
	/* --- MAIN CONTENT WRAPPER --- */			
	.contentwrapper {
		float: none;
		}
		
		.contentwrapper .contentcolumn {
			float: none;
			}
			
			.contentwrapper.twocolumns .contentcolumn {
				width: 100%;
				}
			
			.contentwrapper.twocolumns .righthandcolumn {
				display: none;
				}
			
			.contentwrapper.twocolumns .contentcolumn.whiteshadow {
				background: none;
				}
				
			.contentwrapper.twocolumns .righthandcolumn.whiteshadow {
				background: none;			
				}	
				
			.contentwrapper.twocolumns .righthandcolumn.blueshadow {			
				background: none;
				}
			
		.contentwrapper.onecolumn {
			}
			
			.contentwrapper.onecolumn .contentcolumn {
				width: 100%;		
				}
				
			.contentwrapper.onecolumn .contentcolumn.whiteshadow {
				background: none;
				}
	
	/* --- MAIN CONTENT | BREADCRUMBS --- */
		.contentwrapper .contentcolumn .breadcrumbs {
			display: none;
			}
						
			
	/* --- NEW CONTENT FORMATTING --- */				
	.contentwrapper .contentcolumn .formattedcontent {
		}
		
		.contentwrapper .contentcolumn .formattedcontent h1 {
			color: #ff6600;
			padding: 0 8px;
			margin: 0 0 16px 0;
			}
			
		.contentwrapper .contentcolumn .formattedcontent h2 {
			padding: 0 8px;
			}
			
		.contentwrapper .contentcolumn .formattedcontent h3 {
			font-size: 1.2em;
			font-weight: bold;
			color: #ff6600;
			padding: 0 8px;
			margin: 16px 0 8px 0;
			}
		
		.contentwrapper .contentcolumn .formattedcontent h4 {
			font-size: 1.2em;
			font-weight: bold;
			padding: 0 8px;
			margin: 16px 0 8px 0;
			text-transform: uppercase;
			}
			
		.contentwrapper .contentcolumn .formattedcontent p {
			padding: 0 8px 0 8px;			
			margin: 8px 0 16px 0;
			}
		
		.contentwrapper .contentcolumn .formattedcontent a {
			color: #76afe7;
			text-decoration: underline;
			}
		
		.contentwrapper .contentcolumn .formattedcontent hr {
			height: 5px;
			border-top: 5px solid #d8ecff;
			margin: 8px 0;
			padding: 0;
			}
			
		.contentwrapper .contentcolumn .formattedcontent ul {
			margin: 0;
			list-style-type: none;
			}
			
			.contentwrapper .contentcolumn .formattedcontent ul li {
				background: url(/images/navigation/list_bullet_generic.gif) 0 4px no-repeat;
				font-size: 1.1em;
				line-height: 1.4em;
				padding-left: 10px;
				}
		
		.contentwrapper .contentcolumn .formattedcontent table {
			margin: 8px;
			width: auto;
			}
			
			.contentwrapper .contentcolumn .formattedcontent table th {
				text-align: left;
				font-size: 1.1em;
				font-weight: bold;
				vertical-align: top;
				padding: 2px 4px;
				}
				
			.contentwrapper .contentcolumn .formattedcontent table td {				
				font-size: 1.1em;
				vertical-align: top;
				padding: 2px 4px;
				}
		
		
		/* --- NEW CONTENT FORMATTING | IMAGE BLOCK --- */
		
		.contentwrapper .contentcolumn .formattedcontent .imageblock {
			margin: 0 8px;
			}
						
			.contentwrapper .contentcolumn .formattedcontent .imageblock img{
				border-bottom: 2px solid #fff;
				}
			
			.contentwrapper .contentcolumn .formattedcontent .imageblock a {
				clear: both;
				border-right: 2px solid #fff;
				}
			
			.contentwrapper .contentcolumn .formattedcontent .imageblock a img {
				border: none;
				}
				
			.contentwrapper .contentcolumn .formattedcontent .imageblock p {
				font-size: 1.1em;
				margin: 0;
				padding: 0;
				}
		
				
		/* --- NEW CONTENT FORMATTING | ICON LIST --- */	
		.contentwrapper .contentcolumn .formattedcontent ul.iconlist {
			margin: 16px 0 32px 0;	
			width: 33%;		
			}
			
			.contentwrapper .contentcolumn .formattedcontent ul.iconlist li {
				background: none;
				margin: 0 0 4px 0;
				}
				
			.contentwrapper .contentcolumn .formattedcontent ul.iconlist li img {
				margin: 0 8px 0 0;
				}			
		
				
		/* --- NEW CONTENT FORMATTING | PROPERTY DETAILS TABLE --- */		
		.contentwrapper .contentcolumn .formattedcontent table.propertydetails {
			background: none;			
			background-color: #d8ecff;				
			width: 100%;
			margin: 0 8px;
			padding: 0;
			}
							
			.contentwrapper .contentcolumn .formattedcontent table.propertydetails tr.dropshadow {
				background: url(/images/structural/shad_bluecolumn.gif) top repeat-x;
				}
				
			.contentwrapper .contentcolumn .formattedcontent table.propertydetails th {
				background: none;
				padding: 8px 16px;
				}
			
			.contentwrapper .contentcolumn .formattedcontent table.propertydetails td {
				padding: 8px 16px;
				vertical-align: baseline;
				}
				
			.contentwrapper .contentcolumn .formattedcontent table.propertydetails td a.button {
				background: url(/images/navigation/button_check.gif) no-repeat;	
				height: 23px;
				line-height: 23px;
				font-weight: bold;
				display: block;
				color: #fff;
				padding: 0 24px 0 10px;
				text-decoration: none;
				}
				
				.contentwrapper .contentcolumn .formattedcontent table.propertydetails td a.button:hover {
					text-decoration: underline;
					}		
	
	
		/* --- NEW CONTENT FORMATTING | PROPERTY SUMMARY PANEL --- */		
		.contentwrapper .contentcolumn .formattedcontent .propertysummary {
			background-color: #eff7ff;
			padding: 16px;
			margin: 0 0 8px 0;
			overflow: hidden;
			}
			
			.contentwrapper .contentcolumn .formattedcontent .propertysummary .rightside {
				float: none;
				width: 145px;
				margin: 0 0 8px 16px;
				}
				
				.contentwrapper .contentcolumn .formattedcontent .propertysummary .rightside p {
					background-color: #d8ecff;
					padding: 4px 8px;
					text-align: right;
					color: #696969;
					margin: 0 0 8px 0;
					}
			
			.contentwrapper .contentcolumn .formattedcontent .propertysummary h2 {
				padding: 0;
				margin: 0 0 16px 0;
				}
			
			.contentwrapper .contentcolumn .formattedcontent .propertysummary h3 {
				padding: 0;
				color: #ff6600;
				margin: 0;
				}
				
				.contentwrapper .contentcolumn .formattedcontent .propertysummary h3 a {
					color: #ff6600;
					}
				
			.contentwrapper .contentcolumn .formattedcontent .propertysummary p {
				padding: 0;
				color: #000;
				font-size: 1.1em;
				}
			
			.contentwrapper .contentcolumn .formattedcontent .propertysummary p.breadcrumbs {
				font-size: 1.1em;
				border: none;
				margin: 0 0 16px 0;
				}
				
				.contentwrapper .contentcolumn .formattedcontent .propertysummary p.breadcrumbs a {
					color: #696969;
					}
					
			.contentwrapper .contentcolumn .formattedcontent .propertysummary p.price {
				font-size: 1.4em;
				}
				
			.contentwrapper .contentcolumn .formattedcontent .propertysummary .links {
				clear: right;
				margin: 0;
				padding: 0;
				overflow: hidden;
				width: 100%;
				}
				
				.contentwrapper .contentcolumn .formattedcontent .propertysummary .links p {
					margin: 0;
					padding: 0;
					font-size: 1.2em;
					}
					
				.contentwrapper .contentcolumn .formattedcontent .propertysummary .links p a {
					color: #ff6600;
					}
					
				.contentwrapper .contentcolumn .formattedcontent .propertysummary .links p.fleft a {
					margin-right: 16px;
					}
					
					
	/* --- NEW CONTENT FORMATTING | PROPERTY SUMMARY SLIDESHOW PANEL --- */	
	.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow {
		background: none;
		}
		
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow p {
			color: #696969;
			}
			
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside {
			width: 239px;
			}
		
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside .slideshowfooter {
			background: url(/images/structural/slideshow_foot.gif) bottom no-repeat;
			width: 100%;
			overflow: hidden;
			padding: 4px 0 8px 0;
			margin: 0;
			}
			
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside .slideshowfooter p {			
			background-color: #f3f3f3;
			width: 102px;
			margin: 0 auto;
			}
		
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside .slideshowfooter p a {
			display: block;
			height: 27px;
			width: 34px;
			float: none;
			}
		
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside .slideshowfooter p a.previous {
			background: url(/images/navigation/slideshow_previous.gif) no-repeat;
			}			
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside .slideshowfooter p a.play {
			background: url(/images/navigation/slideshow_play.gif) no-repeat;
			}
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside .slideshowfooter p a.next {
			background: url(/images/navigation/slideshow_next.gif) no-repeat;
			}
						
		.contentwrapper .contentcolumn .formattedcontent .propertysummary.slideshow .rightside .slideshowfooter p a span {
			position: absolute;
			top: -1000px;
			}
			
	
	/* --- RIGHT-HAND COLUMN --- */
	.contentwrapper.twocolumns .righthandcolumn {
		display: none;
		}	
	
	/* --- FOOTER --- */			
	#footer {
		}