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

#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; }

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

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

p { font-size: 11px; }

#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;
width: 356px;
margin: 0 auto 0 auto; }

.column { position: relative; 
float: left; }

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

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

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

#clear { clear: both; }

#spanbox { width: 705px;
margin-left: 10px;
margin-right: 115px;}

#spanbox2 { width: 750px;  }

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

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

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

.teaseritem a { text-decoration: underline; }

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

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

.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; }

.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/NORI.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;
margin-left: auto;
margin-right: auto; 
width: 936px; }

#topbanner h3 { float: right;
margin-top: -30px; 
margin-right: 20px;}

#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; }