html {
	overflow-x: hidden;
}

body { background: #fff;
margin: 0px;
padding: 0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #666; }

.special { min-height: 620px; }

.special2 { min-height: 1000px; }

.special3 { min-height: 1500px; }
.special5 { min-height: 1250px; }
.special4 { min-height: 1750px; }

#header { background: #eee;
width: 906px;
padding: 15px;
margin: 0 auto 0 auto;  }

/* Links admin */
a {  color: #4c6c8a;
text-decoration: none;
font-weight: bold; }

a:hover { color: #003366; }

.page li a { font-weight: normal;
text-decoration: underline; }

a.page { color: #4c6c8a;
text-decoration: underline;
font-weight: normal; }

a.page:hover { color: #036; }

.content a { color: #4c6c8a;
text-decoration: underline;
font-weight: normal; }

.content a:hover { color: #036; }

.logo { display: block;
margin: 0 auto;
vertical-align: auto; }

p, ol { font-size: 11px; }

ol li { margin-bottom: 10px; }

#breadcrumb { font-size: 11px;
margin-bottom: 10px; }

/* Main content structure */
#mainbody { padding-left: 160px; /* width of left-column */
padding-right: 405px; /* width of right-column + centre padding */
background: #eee;
position: relative;
width: 356px;
margin: 0 auto 10px auto; }

#footer { clear: both; 
background: #FFF; 
width: 940px;
margin-left: auto;
margin-right: auto;}

.column {  float: left;}

#leftcolumn { width: 160px;
right: 180px;
position: relative;
float: left;
margin-left: -100%;}

#centre { width: 100%;
padding-left: 10px;
padding-right: 10px; }

#rightcolumn { width: 355px; 
/* padding-right: 15px;*/
margin-left: 10px;
margin-right: -387px;}

#clear { clear: both; }

#spanbox { width: 730px;
position: absolute; 
top: 280px;
left: 50%;
margin-left: -290px;}

#spanbox2 { width: 755px;
position: absolute; 
top: 350px;
margin-top: -40px;  }

#spanbox3 { width: 750px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -300px;}

#spanbox3 .content { margin-left: 10px;
margin-right: 10px; }

#spanbox4 { width: 750px;
position: absolute;
top: 140px;
left: 50%;
margin-left: -300px;}

#spanbox4 .content { margin-left: 10px;
margin-right: 10px; }

#spanbox5 { width: 730px;
position: absolute; 
top: 380px;
left: 50%;
margin-left: -290px;  }

#spanbox h2 { clear: left;
padding-top: 10px; }

.teaseritem { margin-left: 10px;
background: #FFF;
width: 140px;
margin-bottom: 20px;
margin-right: 7px;;
float: left;
padding: 15px; }

.teaseritem img.teaser { margin-top: 10px;
border: none; }

.teaseritem a { text-decoration: underline; }

.teaseritem a img { border: none; }

.horizontallist { padding: 0px;
margin: 0px;
margin-top: 10px; 
padding-bottom: 20px;} 

#spanbox4 h2 { clear: left;
padding-top: 10px; }

.horizontallist li { display: block;
float: left;
background: url("images/small-arrow.gif") no-repeat left;
padding-left: 10px;
width: 160px; }

.horizontallist2 { padding: 0px;
margin: 0px;
margin-top: 10px; 
padding-bottom: 15px;} 

.horizontallist2 li { display: block;
float: left;
padding-left: 10px;
width: 160px; }

.horizontallist2 li a img { border: 0px; }

.horizontallist li a { min-width: 150px;
color: #4c6c8a;
text-decoration: none;
font-weight: normal; }

.horizontallist li a:hover { color: #036; 
text-decoration: underline;} 

.content { background: #FFF;
padding: 15px;
margin-bottom: 10px; }

.fixer { padding: 15px;
margin-bottom: 10px; }

.content ul { font-size: 11px; }

/* Text styling */
h1, h2, h3, h4, h5 { margin: 0 0 0 0;
padding: 0 0 0 0;
color: #4c6c8a;
font-style: italic;
font-weight: bold; }

h1 { font-size: 13pt;
margin-bottom: 20px; }

h2 { font-size: 11pt; }

h3 { font-size: 10pt; 
margin-top: 20px;}

p { color: #666; }

.bordergrey {border: 1px solid #c4c4c4; }

/* Weather information */
#weather { width: 329px; 
height: 250px; 
background-image: url( images/lhtblue-329x250-bg.jpg ); 
background-repeat: no-repeat; 
background-color: #FFFFFF; }

#TransportDirectPlanningForm { margin-top: 10px; }

#map_canvas { width: 329px; 
height: 300px;
margin-top: 10px; }

/* Operators list */
#operatorslist { position: relative;
font-size: 11px;
margin-top: 20px;
margin-left: 30px; }

#operatorslist li { list-style-type: none;
height: 40px;
line-height: 40px; }

#operatorslist li a { display: block;
height: 40px;
padding-left: 140px; }

.brittanyferries { background: url('images/BRIT.gif') no-repeat; }
.condorferries { background: url('images/COND.gif') no-repeat; }
.ldlines { background: url('images/LODR.gif') no-repeat; }
.poferries { background: url('images/POXX.gif') no-repeat; }
.seafrance { background: url('images/SEAF.gif') no-repeat; }
.norfolkline { background: url('images/NORF.gif') no-repeat; }
.stenaline { background: url('images/STEN.gif') no-repeat; }
.dfds { background: url('images/DFDS.gif') no-repeat; }
.irishferries { background: url('images/ISFE.gif') no-repeat; }
.steampacket { background: url('images/STEA.gif') no-repeat; }
.celticlink { background: url('images/CELT.gif') no-repeat; }
.eurostar { background: url('images/EURS.gif') no-repeat; }
.eurotunnel {background: url('images/EURT.gif') no-repeat; }
.transmanche { background: url('images/TRAN.gif') no-repeat; }
.transeuropa { background: url('images/TREU.gif') no-repeat; }
.redfunnel { background: url('images/REDF.gif') no-repeat; }
.wightlink { background: url('images/WIGL.gif') no-repeat; }
.hovertravel { background: url('images/HRVT.gif') no-repeat; }
.fastnet { background: url('images/FNET.gif') no-repeat; }

/* Booking engine */
.TabEng { font-size: 11px;
font-weight: bold;
display: block;
padding: 0 10px 0 10px; }

.tabs { background: #eee; }

.tabactive { background: #FFF;
height: 25px; 
float: left;
line-height: 25px;  }

.tabpassive { border-left: 2px solid #FFF;
border-right: 2px solid #FFF; 
border-top: 2px solid #FFF; 
height: 25px; 
float: left;
line-height: 25px;}

#compareRoute { }

#comparePrices { margin-left: 5px; 
line-height: 23px;  }

#engine { margin-top: 25px; }

#btnSubmit { color: #264266; background-color: #ebebeb;
font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 12px;
text-align: center; text-decoration: none; border-bottom-color: #808080; border-top-color: #C0C0C0;
border-right-color: #808080; border-left-color: #C0C0C0; border-width: 1px; border-style: solid;
cursor: pointer; cursor: hand; width: auto; overflow: visible; padding: 0px 3px 1px 3px; }

#txtOrigin {width: 150px; border-color: lightgrey;
 border-width: 1px; border-style: solid; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif;
background-color: white; height: 16px; }

hr { width: 100%; 
	height: 1px; 
	color: #eee; 
    noshade: noshade;
    border-bottom: 0px;
	margin: 5px 0px 5px 0px;
}

/* styling for includes */
#topbanner { background: url('images/FBtopR.jpg') no-repeat right;
height: 101px;
position: relative;
margin-left: auto;
margin-right: auto; 
width: 936px; }

#topbanner h3 { position: absolute;
right: 15px;
top: 50px;}

#topbanner a img { border: none;}

/* Navigation */
#navigation ul {
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
    }
    
#navigation { width: 130px;
font-size: 11px;
font-weight:bold; 
line-height: 14px;
padding: 10px;
background: #FFF;}

.outline { border: 1px #ccc solid;
margin-top: 10px; }

#leftlogo { width: 130px;
padding: 10px;
margin-top: 10px;
background: #FFF;}

#navigation li {
	border-bottom: #eee 1px solid;
	margin:0;
	padding:0 0px 0 6px;
	text-decoration:none;
	}
#navigation a {
    color:#4c6c8a;
	display:block;
	float:middle;
	padding:2px 0px 5px 0px;
	}
#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:#4c6c8a;
    }

#navigation li:hover, #navigation li:hover a {
	background-position:0% -21px;
	color:#003366; 
	}
#navigation li:hover a {
	background-position:100% -21px;
	}
#index #nav-index, #ferries #nav-ferries, #eurotunnel #nav-eurotunnel,
#portguides #nav-portguides, #ferryroutes #nav-ferryroutes, #regionsoffrance #nav-regionsoffrance,
#hotels #nav-hotels, #drivinginfrance #nav-drivinginfrance {     
 	background-position:0% -21px;
    border-width:0,
	}
	  
#index #nav-index a, #ferries #nav-ferries a,#eurotunnel #nav-eurotunnel a,
#portguides #nav-portguides a, #ferryroutes #nav-ferryroutes a, #regionsoffrance #nav-regionsoffrance a,
#hotels #nav-hotels a,#drivinginfrance #nav-drivinginfrance a{
	background-position:100% -21px;
	padding-bottom:5px;
	color:#003366;
   	}
	 
#newsletter { font-size: 11px;
width: 130px;
padding: 10px;
background: #FFF;
margin-top: 10px; }

#search { float: right;
margin-top: -25px; }

input { border: #4c6c8a 1px solid;
color: #4c6c8a;
font-size: 11px; }

.searchbutton, .submitbutton { background: #003366;
color: #FFF; }

.footerleft { float: left; 
text-align: left;
 margin-top: 10px;}

.footerright { float: right;
text-align: right;
margin-top: 10px; }

.footerright a img { border: 0px;
margin-left: 5px; }

#adsense { width: 120px;
padding: 10px;
margin-left: -5px; 
margin-top: 10px;
background: #FFF; }