@charset "utf-8"; 

body {
	background: url(images/pageBG.gif) repeat-y #003b79;
	color: #3F608F;
	font-family: helvetica,sans-serif;
	font-size: 12px;
	word-spacing: 2pt;
	line-height: 1.4em;
	margin : 0;
	padding : 0;
	text-align : center
	}

#Header {
	margin:0 auto;
	text-align:left;
	width:900px;
	border-left:none;
	border-right:none;
	background: url(images/headerBG3.gif) no-repeat;
	height:50px;
	vertical-align:middle
}

#headerheight {

	height:51px;
	width:100%;
	border:none
}


#Content {
	background-color: none;
	text-align:left;
	margin: 0 auto;
	width:900px;
	border-left:none;
	border-right:none
}

#Footer {
	background-color:none;
	text-align:left;
	margin: 0 auto;
	width:900px;
	border-left:none;
	border-right:none;
}

#Maincontent {
	background-color:#ffffff;
	text-align:left;
	margin: 0 auto;
	width:900px;
	border-left:none;
	border-right:none;
}


/************************************************************************************************* WIDTH & HEIGHT *********************************************/


.Gform {
	width:550px;
}

.Width5 {
	width:5px
}

.Width8 {
	width : 8px;
}

.Width10 {
	width : 10px;
}

.Width14 {
	width : 14px;
}

.Width15 {
	width : 15px;
}

.Width515 {
	width:515px;
	vertical-align:top
}


.Width30 {
	width : 30px;
}

.Width88 {
	width:88px;
	text-align:left;
	vertical-align:top
}

.Width100{

	width:100px
	}
.Width140{

	width:140px
	}

.Width200 {
	width:200px;
	text-align:left;
	vertical-align:top
}

.Width240 {
	width:240px;
	vertical-align:top;
	text-align:left
}

.Width250 {
	width:250px
}


#Width350 {
	width:350px;
	vertical-align:top
}

.Height5 {
	height:5px
} 

.Height51 {
	height:51px
}


/************************************************************************* Google search starts here *****/

#searchbar {
	width:300px;
	line-height:40px;
	text-align : center;
	vertical-align : middle;
}

.searchbutton {
	text-align : center;
	vertical-align: middle;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	background:url(images/searchbutton.gif) bottom right;
	border: 1px #003b79 solid
}

.searchbox {
	text-align : center;
	vertical-align: middle;
	background-image:url(images/searchbox.gif) no-repeat;
	width:130px
}

/************************************************************************* navigation starts here *****/

#navigationBG {
	background:url(images/BG-header.gif) bottom repeat-x;
	background-color:none;
	vertical-align:bottom
      }
	  
#navigation {
	float:right;
	width:100%;
	font-size:96%;*
	line-height:normal;
	font-weight:bold;
	vertical-align:bottom
      }
	  
#navigation ul {
	margin:0;
	padding:10px 0px 0;
	list-style:none;
      }
	  
#navigation li {
	float:left;
	background: url(images/left_both.gif) no-repeat left top;
	margin:0;
	padding:0 3px 0 10px;
	border-bottom:1px solid #003b79;
	list-style:none
      }
	  
#navigation a {
	float:left;
	display:block;
	width:.1em;
	background: url(images/right_both.gif) no-repeat right top;
	padding:5px 13px 4px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#fffae2;
      }
	  
#navigation > ul a {
	width:auto;
	}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {
	float:none;
	}
    /* End IE5-Mac hack */
#navigation a:hover {
	color:#a91525;
      }

#navigation li:hover, #navigation li:hover a {
	background-position:0% -150px;
	color:#a91525;
      }
	  
#navigation li:hover a {
	background-position:100% -150px;
      }
	  
#index #nav-index, 
#Boulogne #nav-boulogne, 
#Dieppe #nav-dieppe,  
#Lehavre #nav-lehavre,
#Hotel #nav-hotels, 
#cottages #nav-cottages,
#Golf #nav-golf,
#Disney #nav-disney,
#contactus #nav-contactus {     
 	background-position:0 -150px;
    border-width:0,
	  }
	  
#index #nav-index a, 
#Boulogne #nav-boulogne a, 
#Dieppe #nav-dieppe a,  
#Lehavre #nav-lehavre a,
#Hotel #nav-hotels a,
#cottages #nav-cottages a,
#Golf #nav-golf a, 
#Disney #nav-disney a, 
#contactus #nav-contactus a {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#a91525;
      }
	
/************************************************************************* TEXT formatting starts here *****/
p {
	vertical-align : top;
	}
	
.Strong {
	font-weight:bold}

a {
	text-decoration:none;
	background: url(images/line-red.gif) bottom repeat-x;
	color : #bd2433;
	font-weight:bold
}

a:hover {
	text-decoration:none;
	background:none;
	color:#ec7d88
}

a:active {
	text-decoration:none;
	background: url(images/line-red.gif) bottom repeat-x;
	color : #bd2433;
	font-weight:bold
}

.linknostyle a {
	text-decoration:none;
	background: none

}

.linknostyle a:hover {
	text-decoration:none;
	
}

.linknostyle a:active {
	text-decoration:none;
	background: none
	
}

ul li {
	list-style:url(images/redbullet.gif);
	margin:0;
	padding:0
}

li {
	margin:0;
	padding:0
}


.Titles {
	font-family:Georgia, serif;
	vertical-align : middle;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 600;
}

.SecondaryTitle {
	vertical-align : middle;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: 600;
}

h1 {
	top: 0px;
	font-weight: bold;
	padding:0;
	margin:0;
	display: inline
}

h2 {
	top: 0px;
	font-weight: bold;
	padding:0;
	margin:0;
	display: inline
}

h3 {
	top: 0px;
	font-weight: bold;
	padding:0;
	margin:0;
	display: inline
}


h4 {
	top: 0px;
	font-weight: bold;
	padding:0;
	margin:0;
	display: inline
}

h5 {
	top: 0px;
	font-weight: bold;
	padding:0;
	margin:0;
	display: inline
}


#breadcrumb {
	padding : 0 0 0 0;
	text-indent : 15px;
	vertical-align:middle;
	background:none;
	font-weight:normal;
	color:#bd2433
}

#breadcrumb a {
	padding : 0 0 0 0;
	text-align : left;
	line-height: 25px;
	vertical-align: middle;
	text-decoration:none;
	background:none;
	font-weight:normal
}

#breadcrumb a:hover {
	color : #cddce1;
	padding : 0 0 0 0;
	text-decoration: underline;
	font-weight:normal
}

#breadcrumb a:active {
	padding : 0 0 0 0;
	font-weight:normal
}


/*****************************************************************************Colours*******************/

.White {
	color:#FFF
	}
	
.Purple {
	color:#88088F;
}

.Green {
	color:#0b6e51;

}

.Blue {
	color:#00A0F7;
	
}

.LDBlue {
	color:#004f8b;
	
}


.LDRed {
	color:#bd2433;
	
}

.Orange {
	color:#C58300;

}

.OrangeDark{
	
	color:#AE6100
	}


/************************************************************************* booking ebgine start *****/
   
/*td.search {
	background-image : url(images/Search-button.jpg);
	color : #ffffff;
	height : 31px;
	line-height : 31px;
	text-align : center;
	vertical-align : middle;
	width : 91px;
}
td.search a {
	color : #ffffff;
	height : 31px;
	line-height : 31px;
	text-align : center;
	text-decoration : none;
	vertical-align : middle;
	width : 89px;
}
td.search a:hover {
	color : #d3e1e5;
	height : 31px;
	line-height : 31px;
	text-align : center;
	text-decoration : none;
	vertical-align : middle;
	width : 89px;
}*/

.BGradiob1 {
	width:100%;
	background: url(images/radiobuttonBGreduced.gif) bottom;
	vertical-align:top
}

.BGradiob {
	background: url(images/BG1.jpg) bottom;
}

.bookingE {
	vertical-align:middle
}

.BE-left {
	background: url(images/left2.gif) repeat-y;
}

.BE-right {
	background: url(images/right2.gif) repeat-y;
}



/************************************************************************* Styling *****/


td.topalign {
	vertical-align: top
}


.Copyright{
	text-align:center;
	line-height:20px;
	vertical-align:bottom;
	font-size:95%
	}

.mapposition {
	text-align:center;
	vertical-align:middle
}

td.submitpos {

	text-align:right
}

.SubmitButton {
	background:url(images/FormSubmit.gif);
	width:90px;
	height:20px;
	color:#ffffff;
	font-weight:bold;
	border:none
}

.border {
	border:none
}

td.BlueBG{
	background-color:#01346A
}

td.WhiteBG {
	background-color:#ffffff
}

.linepurple {
	background-image:url(images/line-purple.gif);
	background-repeat: repeat-x;
	height:2px
}

.lineBlue {
	background-image: url(images/line-blue.gif);
	background-repeat: repeat-x;
	height:2px
}

.lineOrange {
	background-image: url(images/line-orange.gif);
	background-repeat: repeat-x;
	height:2px
}

.lineGreen {
	background-image: url(images/line-green.gif);
	background-repeat: repeat-x;
	height:2px
}


.linkBGblue {
	background: url(images/LinkBG.gif) repeat-y
}

.linkBGorange {
	background: url(images/LinkBGgrey.gif) repeat-y
}

.linkBGgreen {
	background: url(images/LinkBGgreen.gif) repeat-y
}

.linkBGpurple {
	background: url(images/LinkBGpurple.gif) repeat-y
}

td.cottageinfo{
	background-image:url(images/Bubblescottage.gif);
	background-repeat:no-repeat;
	background-position: top;
	height:320px;
	vertical-align:top
}

.howtobook{
	background:url(images/howtobook.gif) no-repeat;
	height:120px
}

.howtobookorange{
	background:url(images/howtobookorange.gif) no-repeat;
	height:120px
}

.howtobookpurple{
	background:url(images/howtobookpurple.gif) no-repeat;
	height:120px
}

td.txtboxtab {
	background: url(images/txtboxblue-tabL.gif) left no-repeat;
	width:300px;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:bottom;
	text-indent:20px;
	line-height:25px
}

td.txtboxRtab {
	background: url(images/txtboxblue-tabR.gif) left no-repeat;
	font-weight:bold;
	vertical-align:bottom;
}

td.txtboxbgdark {
	background:url(images/txtboxBGdark.gif) repeat-x top;
}


.txtboxbg {
	background-image:url(images/txtboxBG.gif);
	background-position:bottom;
	background-repeat:no-repeat
}