/************************************
 * HOMEPAGE
 ************************************/

	#hp-top-col1,
	#hp-top-col2 {
		float: left;
	}

	#hp-top-col1 {
		width: 542px;
		background-color: #f5F5F5;
	}	

	#hp-top-col2 {
		width: 361px;
		margin-left: 1px;
	}			 

	#hp-bottom { 	
		padding-top: 10px;
		margin-bottom: 15px;
	}

	#hp-bottom-col1,
	#hp-bottom-col2,
	#hp-bottom-col3,
	#hp-bottom-col4 {
		float: left;
	}

	#hp-bottom-col1 {
		width: 361px;
		background-color: #f5F5F5;
	}

	#hp-bottom-col2,
	#hp-bottom-col3,
	#hp-bottom-col4 {
		width: 180px;
		margin-left: 1px;
	}

	#hp-events {
		background: #222e3c url(../img/global/hp-events-bg.gif) center center no-repeat;
		padding: 0 6px 0 6px;
		height: 180px;
		overflow: hidden;
	}

	#hp-events #event-image {
		float: left;
		margin-top: 6px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	#hp-events h3 {
		color: #FFF;
		text-transform: uppercase;
		font-size: 1.5em;
		float: right;
		width: 169px;				
		padding: 0 0 2px 10px;
		margin: 6px 0 5px 2px;
		letter-spacing: -2px;
		word-spacing: -1px;
		background: url(../img/global/hp-events-title-bg.png) right no-repeat;
	}

	#hp-events table {
		float: right;
		border-collapse: collapse;
		width: 181px;				
	}

	#hp-events table tr td {
		padding: 1px 0 2px 2px;
		text-transform: uppercase;
		border-left: 1px solid #222e3c;
		border-bottom: 2px solid #222e3c;
		color: #FFF;
	}

	#hp-events table tr td a {
		color: #FFF;
		text-decoration: none;
	}

	#hp-events table tr.odd td { background-color: #384D64; }
	#hp-events table tr.even td { background-color: #2F4053; }

	#hp-events table tr td.arrow {
		padding: 0;
		width: 11px;
		border-left: none;
		background: none;
	}

	#hp-events table tr td.name {
		overflow: hidden;
	}

	#hp-events table tr td.month a {
		color: #688EB9;
		text-decoration: none;
	}

	#hp-events table tr:hover td,
	#hp-events table tr.active td {
		background: #D50917;
	}

	#hp-events table tr:hover td a,
	#hp-events table tr.active td a {
		color: #FFF;
	}

	#hp-events table tr:hover  td.arrow,
	#hp-events table tr.active td.arrow {
		background: url(../img/global/hp-events-arrow.png) right no-repeat;
	}			

	#hp-events #see-all {
		display: block;
		float: right;
		width: 169px;
		margin-left: 12px;
		padding-top: 6px;
		text-transform: uppercase;
		text-decoration: none;
		color: #D0D4D8;
		text-align: left;
	}
	#hp-events #see-all:hover { color: #FFF; }


	#hp-destinations {
    border: 1px solid #2abaa1;
		position: relative;
		background-color: #4b699f;
		background-position: top left;
		background-repeat: no-repeat;
		height: 258px;
     width: 678px;  
     z-index: 0;
	}
  
	#hp-destinations .content {
    height: 258px;
    width: 678px;
  }  
  
	#hp-destinations .tab-panel {
    height: 241px;
    padding: 17px 0 0 387px;
    width: 291px
  }
	
	#hp-destinations .content h3 {
		color: #FFF;
		text-transform: uppercase;
		font-size: 2.3em;
		padding: 15px 0 0 18px;
    position: absolute;
		letter-spacing: -2px;
		word-spacing: -1px;
		z-index: 2;
	}
	
	#hp-destinations .content p {
    font-size: 1.1em;
    line-height: 1.4em;
    color: #0d4c92;
    padding-right: 16px;
    margin-bottom: 10px;
    z-index: 3;
	}
  
	#hp-destinations ul {
    border-top: 3px solid #2abaa1;  
    position: absolute;
    overflow: hidden;
    height: 26px;
    width: 678px;
    left: 0;
    bottom: 0;
    z-index: 999;
	}
	
	#hp-destinations ul li a {
    display: block;
    cursor: pointer;
    float: left;
    height: 26px;
    text-indent: -1000em;
    width: 83px;
	}

	#hp-destinations li {
    float: left;  
    height: 26px;
    position: relative;
    width: 85px;
  }

  #hp-destinations #cherbourg { width: 86px; }
  #hp-destinations #santander { width: 82px; }
  
  #hp-destinations #cherbourg a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px 0; width: 84px; }
	#caen a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -50px; }
	#le-havre a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -100px; }
	#st-malo a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -150px; }
	#bilbao a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -200px; }
  #jersey a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -250px; }
	#guernsey a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -300px; }
  #hp-destinations #santander a { background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -350px; width: 82px; }
  
  #hp-destinations .seperator {
    background: url(/img/homepage_redesign/destinations/dest_seperator.png) no-repeat; 
    float: right;
    height: 26px;
    width: 2px; 
  }
  
  #hp-destinations #cherbourg a:hover,
  #hp-destinations #cherbourg a:active,
  #hp-destinations #cherbourg.active a  { background-position: -450px 0; }

  #caen a:hover, 
  #caen a:active, 
  #caen.active a { background-position: -450px -50px; }

  #le-havre a:hover,
  #le-havre a:active,
  #le-havre.active a { background-position: -450px -100px; }

  #st-malo a:hover,
  #st-malo a:active,
  #st-malo.active a { background-position: -450px -150px; }

  #bilbao a:hover,
  #bilbao a:active,
  #bilbao.active a { background-position: -450px -200px; }

  #jersey a:hover,
  #jersey a:active,
  #jersey.active a { background-position: -450px -250px; }

  #guernsey a:hover,
  #guernsey a:active,
  #guernsey.active a { background-position: -450px -300px; }

   #hp-destinations  #santander a:hover,
  #hp-destinations   #santander a:active,
   #hp-destinations  #santander.active a { background-position: -450px -350px; }

	.tab-panel a {
  		background-repeat: no-repeat;
		height: 25px;	
	}

	#find-out-more-cherbourg  {
		background-image: url(/img/homepage_redesign/destinations/cherbourg_btn.png);
   	width: 201px;
	}  
  
	#find-out-more-caen  {
		background-image: url(/img/homepage_redesign/destinations/caen_btn.png);
   	width: 183px;
	}  

	#find-out-more-le-havre  {
		background-image: url(/img/homepage_redesign/destinations/le_havre_btn.png);
   	width: 183px;
	}  
  
	#find-out-more-st-malo  {
		background-image: url(/img/homepage_redesign/destinations/st_malo_btn.png);
   	width: 183px;
	}

	#find-out-more-bilbao  {
		background-image: url(/img/homepage_redesign/destinations/bilbao_btn.png);
   	width: 201px;
	}  
  
	#find-out-more-jersey  {
		background-image: url(/img/homepage_redesign/destinations/jersey_btn.png);
   	width: 183px;
	}  

	#find-out-more-guernsey  {
		background-image: url(/img/homepage_redesign/destinations/guernsey_btn.png);
   	width: 201px;
	}  
  
	#find-out-more-santander  {
		background-image: url(/img/homepage_redesign/destinations/santander_btn.png);
   	width: 201px;
	}    
  
	#hp-map .header {
		background: #36414e url(../img/global/hp-map-header-bg.png) top no-repeat;
	}
	
	#hp-map .header h3 {
		padding: 3px 0 0 12px;
		height: 27px;
		font-size: 2.2em;
		letter-spacing: -2px;
		word-spacing: -1px;
		text-transform: uppercase;
		color: #FFF;
	}
	
	#hp-map .header ul {
		height: 20px;
	}
	
	#hp-map .header ul li {
		display: inline;
		line-height: 20px;
		padding-left: 13px;
	}
	
	#hp-map .header ul li a {
		color: #FFF;
		text-decoration: none;
	}
	
	#hp-map .header ul li a:hover {
		text-decoration: underline;
	}
	
	#hp-map .map {
		background: #697c92 url(../img/global/hp-map-map-bg.gif) top no-repeat;
		height: 142px;
	}

	.hp-feature {
		width: 180px;
		background: #FFF url(../img/global/hp-feature-bg.png) top repeat-y;
		margin-bottom: 1px;
		color: #232e3c;
	}

	.hp-feature h3.top { background: url(../img/global/hp-feature-top-bg.png) top no-repeat; }
	.hp-feature div.bottom { height: 3px; background: url(../img/global/hp-feature-bottom-bg.png) bottom no-repeat; }

	.hp-feature h3 {
		text-transform: uppercase;
		font-size: 1.5em;
		padding: 6px 6px 2px 10px;
		letter-spacing: -2px;
		word-spacing: -1px;	
		font-weight: normal;
	}

	.hp-feature p,
	.hp-feature ul {
		padding: 2px 6px 6px 10px;
		line-height: 1.3em;
	}

	.hp-feature ul li {
		padding-left: 9px;
	}

	.hp-feature a { text-decoration: none; }
	.hp-feature a:hover { text-decoration: underline; }

	.hp-feature.red h3 { color: #b6121d; }
	.hp-feature.blue h3 { color: #0c5ba2; }

	.hp-feature.red li { background: url(../img/global/hp-feature-red-bullet.png) 1px 0.6em no-repeat; }
	.hp-feature.blue li { background: url(../img/global/hp-feature-blue-bullet.png) 1px 0.6em no-repeat; }

	.hp-feature.red a { color: #b6121d; }
	.hp-feature.blue a { color: #0c5ba2; }

	.hp-news {
		width: 180px;
		margin-bottom: 1px;
		color: #232e3c;
		position: relative;
	}			

	.hp-news h3 {
		color: #0c5ba2;
		text-transform: uppercase;
		font-size: 1.5em;
		padding: 3px 0 3px 0;
		margin: 3px 10px 7px 10px;
		letter-spacing: -2px;
		word-spacing: -1px;		
		border-bottom: 1px solid #D9D9D9;
		font-weight: normal;
	}

	.hp-news #view-archive {
		color: #AEAEAE;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		text-align: right;
		position: absolute;
		top: 9px;
		right: 11px;
	}
	.hp-news #view-archive:hover { color: #5D5D5D }

	.hp-news dl dd {
		margin: 0 10px 8px 10px;
		line-height: 1.3em;
	}

	.hp-news dl dd a {
		text-decoration: none;
		color: #232e3c;
	}

	.hp-news dl dd a:hover {
		color: #0c5ba2;
	}

	.hp-news dl dd span {
		color: #AEAEAE;
	}

	.hp-news #month-scroller {
		height: 16px;
		overflow: hidden;
		width: 160px;
		float: left;
		position: relative;
	}

	.hp-news #month-scroller ul {
		position: absolute;
		top: 0;
		left: 0;
	}

	.hp-news #month-scroller ul li {
		width: 38px;
		margin: 0 1px 0 1px;
		float: left;
		text-align: center;
		background: url(../img/global/hp-news-month-bg.png) center center no-repeat;
	}

	.hp-news #month-scroller ul li a {
		color: #AEAEAE;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		line-height: 16px;
		padding-right: 1px;
	}
	.hp-news #month-scroller ul li a:hover { color: #5D5D5D }

	.hp-news #earlier,
	.hp-news #later {
		width: 10px;
		height: 16px;
		float: left;
	}

	.hp-news #earlier { background: url(../img/global/hp-news-month-earlier.png) left no-repeat; }
	.hp-news #later { background: url(../img/global/hp-news-month-later.png) right no-repeat; }

	.hp-news #earlier.disabled { background: url(../img/global/hp-news-month-earlier-disabled.png) left no-repeat; cursor: default; }
	.hp-news #later.disabled { background: url(../img/global/hp-news-month-later-disabled.png) right no-repeat; cursor: default; }