/************************************
 * HOMEPAGE REDESIGN
 ************************************/

 .homepage 	#content {
  width: 904px;
  float: left;
}

.row {
  overflow: hidden;
  padding-bottom: 5px;
  width: 904px;
}

.left-col,
.right-col  {
  float: left;
  overflow: hidden;
}

.left-col {
  width: 680px;
}

.right-col {
  padding-left: 5px;
  width: 219px;
}

#subscribe {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat -700px 0;
  color: #fff;
  height: 79px;
  overflow: hidden;
  padding: 11px 7px 7px 9px;
  position: absolute;
  right: 7px;
  top: 65px;
  width: 196px;
  z-index: 2;
}

#header #tag span,
#header #tag p {
  color: #004b96;
}

#header #photo  {
  background-image: url(/img/homepage_redesign/test_header.jpg);
}

#subscribe h3 {
  height: 25px;
}

#subscribe p {
  margin-bottom: 9px;
  text-align: left;
}

#subscribe_email {
  border: 1px solid #c3c3c3;
  height: 18px;
  width: 120px;
}

#subscribe .input {
  float: left;
}

#subscribe .buttons {
  float: left;
  padding: 2px 0 0 2px;
}

#subscribe_btn {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -550px;
  border: none;
  height: 18px;
  width: 72px;
}

#find-out-more {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -750px;
  height: 29px;
  margin-left: -2px;
  width: 188px;
}

#planning-your-journey {
  border: 1px solid #2abaa1;
  height: 258px;
  width: 214px;
}

#planning-your-journey .top {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat -700px -250px;
  height: 168px;
  padding: 0 8px;
  width: 198px;
}

#planning-your-journey .top h3 {
  height: 52px;
}

#planning-your-journey .top p {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.2;
  margin-bottom: 19px;
}

#planning-your-journey .top p a {
  color: #fff;
}

#planning-your-journey .top label {
  color: #fff;
  display: block;
  font-size: 1.2em;
  margin-bottom: 5px;
}

#planning-your-journey .top #txtOrigin {
  border: 1px solid #c3c3c3;
  float: left;
  height: 18px;
  width: 120px;
}

#planning-your-journey .top .buttons {
  float: left;
  height: 18px;
  padding: 2px 0 0 5px;
  width: 38px;
}

#planning-your-journey .top .buttons button {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -800px;
  border: none;
  width: 38px;
}

#planning-your-journey .top p a:hover {
  text-decoration: none;
}

#planning-your-journey .bot {
  background-color: #14927c;
  height: 77px;
  padding: 13px 9px 0;
  width: 196px;
}

#planning-your-journey .bot li {
  margin-bottom: 5px;
}

#planning-your-journey .bot a {
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
}

#planning-your-journey .bot a:hover {
  text-decoration: underline;
}

#festivals-and-events {
  border: 1px solid #c3bdbd;
  float: left;
  height: 298px;
  overflow: hidden;
  width: 329px;
}

#festivals-and-events h3 {
  background: url(/img/homepage_redesign/festivals_and_events.jpg) no-repeat;
  height: 113px;
  width: 329px;
}

#festivals-and-events .content {
  background: url(/img/homepage_redesign/festivals_bg.png) repeat-x;
  height: 176px;
  padding: 9px 9px 0 11px;
  position: relative;
}

#festivals-and-events .content h4 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 6px;
  padding-left: 9px;
}

#festivals-and-events .content ul {
  margin-bottom: 7px;
}

#festivals-and-events .content li {
  background-color: #ededed;
  font-size: 1.1em;
  height: 17px;
  line-height: 17px;
  margin-bottom: 1px;
  padding-left: 8px;
  width: 301px;
}

#festivals-and-events .content li .event-date {
  color: #24313f;
  padding-right: 10px;
}

#festivals-and-events .content li span.event-date {
	display: block;
	float: left;
	width: 55px;
}

#festivals-and-events .content li a {
  color: #24313f;
  text-decoration: none;
}

#festivals-and-events .content li a:hover {
  text-decoration: underline;
}

#festivals-and-events .content li.alt {
  background: none;
}

#view-all-events {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -700px;
  bottom: 4px;
  height: 20px;
  position: absolute;
  right: 5px;
  width: 103px;
}

#latest-news {
  height: 279px;
  float: left;
  overflow: hidden;
  padding: 21px 10px 0 17px;
  width: 322px;
}

#latest-news .content {
  border-bottom: 1px solid #d8d8d8;
  height: 278px;
  position: relative;
}

#latest-news .content h3 {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -500px;
  height: 13px;
  width: 79px;
}

#latest-news .content .hd {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 6px;
}

#latest-news .content li {
  border-bottom: 1px dotted #a7adb3;
  padding: 8px 0;
}

#latest-news .content li p {
  line-height: 1.2;
  margin-bottom: 8px;
}

#latest-news .content li p a {
  color: #333;
  font-size: 1.2em;
  text-decoration: none;
}

#latest-news .content li p a:hover {
  text-decoration: underline;
}

#latest-news .content li .news-date {
  color: #999;
  font-size: 1.1em;
}

#view-news {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -600px;
  bottom: 5px;
  height: 20px;
  position: absolute;
  right: 0;
  width: 78px;
}

#competition-jobs-modules {
	overflow: hidden;
}

#competition-jobs-nav li.competitions {
	float: left;
}

#competition-jobs-nav li.jobs {
	float: right;
}

#competition-jobs-nav li.competitions a {
	display: block;
	background: url(/img/homepage_redesign/sprite_en.png) no-repeat -509px -500px;
	height: 27px;
  width: 158px;
}

#competition-jobs-nav li.competitions a.active {
	position: relative;
	z-index: 20;
	background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -500px;
	border-bottom: 1px solid #fff;
}

#competition-jobs-nav li.jobs a {
	display: block;
	background: url(/img/homepage_redesign/sprite_en.png) no-repeat -509px -451px;
  height: 27px;
  width: 58px;
}

#competition-jobs-nav li.jobs a.active {
	position: relative;
	z-index: 20;
	background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -451px;
	border-bottom: 1px solid #fff;
}

#competitions,
#jobs {
	position: relative;
	z-index: 10;
	margin-top: -1px;
  margin-bottom: 10px;
  width: 218px;
}

#competitions .bd,
#jobs .bd {
  border: solid #e1e0e0 1px;
  position: relative;
	border-bottom: none;
}

#competitions .bd {
	width: 204px;
	padding: 0 6px 34px 7px;
}

#jobs .bd {
	width: 193px;
	padding: 7px 12px;
}

#competitions .bd li,
#jobs .bd li {
  border-top: 1px solid #d8d8d8;
  padding: 12px 0;
}

#jobs .bd li {
	margin-bottom: 10px;
}

#competitions .bd li.first-child,
#jobs .bd li.first-child {
  border: none;
}

#competitions p,
#jobs p {
	color: #333333;
	font-size: 1.2em;
	margin-bottom: 10px;
}

#competitions h4,
#jobs h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 4px;
}

#competitions h4 {
  color: #0c5ba2;
}

#jobs h4 a {
	color: #0c5ba2;
	text-decoration: none;
}

#competitions .bd h4 a {
  color: #0c5ba2;
  text-decoration: none;
}

#jobs span.date {
	font-size: 1.1em;
	color: #999999;
}

#competitions .ft,
#jobs .ft  {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -550px;
  height: 4px;
  overflow: hidden;
  width: 218px;
}

#view-all {
	background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -650px;
	bottom: 1px;
	height: 22px;
	position: absolute;
	right: 6px;
	width: 65px;
}

.view-all-jobs a#view-all {
	background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -844px;
	bottom: 1px;
	height: 22px;
	position: absolute;
	right: 6px;
	width: 84px;
	clear: both;
}

#ferry-operators {
  height:99px;
  position: relative;
  width:218px;
}

#ferry-operators .condor-ferries{
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -950px;
  height: 99px;
  width: 218px;
}

#ferry-operators .po-ferries{
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -1250px;
  height: 99px;
  width: 218px;
}

#ferry-operators .ld-lines{
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -1400px;
  height: 99px;
  width: 218px;
}

#ferry-operators .brittany-ferries{
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -950px;
  height: 99px;
  width: 218px;
}

#ferry-operators .celtic-link{
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat 0 -1100px;
  height: 99px;
  width: 218px;
}

#footer-inner {
  background: #f5f3f2 url(/img/homepage_redesign/footer_bg.png) repeat-x;
  border: none;
  clear: both;
  margin: 0 auto 16px;
  padding: 24px 0 24px;
  width: 904px;
}

#footer {
  background: none;
  padding: 0;
}

#footer-inner ul {
  float: left;
}

#footer-inner ul ul {
  float: none;
}

#footer-inner ul li {
  background: none;
  border-left: 1px solid #fff;
  padding: 0;
}

#footer-inner ul li.first-child {
  border: none;
}

#footer-inner ul li h4 {
  color: #333;
  font-size: 2em;
  margin-bottom: 14px;
}

#footer-inner li {
  float: left;
  padding: 0;
  text-align: left;
}

#footer-inner li a,
#footer-inner ul li a {
  color: #333;
  font-size: 1.1em;
}

#footer-inner li a:hover,
#footer-inner ul li a:hover,
#footer-inner ul li a.active {
  text-decoration: underline;
}

#footer-inner li .sub li {
  background: none;
  border: none;
  display: list-item;
  float: none;
  margin-bottom: 8px;
}

#footer-inner #ft-home { width: 149px; padding-left: 26px; }
#footer-inner #ft-passengers { width: 151px; padding-left: 10px; }
#footer-inner #ft-freight { width: 141px; padding-left: 10px; }
#footer-inner #ft-about-us { width: 156px; padding-left: 10px; }
#footer-inner #ft-ferry-operators { width: 201px; padding-left: 10px; }

#ft-home h4 { width: 49px; height: 14px; background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -600px; }
#ft-passengers h4 { width: 91px; height: 18px; background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -650px; }
#ft-freight h4 { width: 57px; height: 19px; background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -700px; }
#ft-about-us h4 { width: 77px; height: 15px; background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -750px; }
#ft-ferry-operators h4 { width: 162px; height: 19px; background: url(/img/homepage_redesign/sprite_en.png) no-repeat -350px -800px; }

#copyright {
  float: left;
  text-align: left;
  width: 700px;
}

#copyright p {
  color: #333;
  margin: 0 0 10px;
}

#copyright p.address {
  color: #918d8b;
}

#twitter {
  background: url(/img/homepage_redesign/sprite_en.png) no-repeat -700px -200px;
  height: 37px;
  width: 194px;
}

/* @group Dropdown menu */

#menu ul.root ul {
  background: none;
  color: #000;
}

#menu ul.root ul a{
  background: none;
  border: none;
  color: #000;
}

#menu ul.root ul li {
  float: none;
  position: static;
  top: 0;
}

#menu .sub {
  left: 0;
  overflow: hidden;
  padding-bottom: 9px;
  position: absolute;
  width: 668px;
  z-index: 9998;
}

#menu .sub .inner {
  background-color: #fff;
  border-style: solid;
  border-width: 2px 1px 0 1px;
  padding: 2px 2px 0;
  position: relative;
  width: 660px;
}

#menu .root .sub li  {
  float: left;
  overflow: hidden;
  width: 218px;
}

#menu .root .subsub-container li  {
  margin-right: 2px;
}

#menu .root .subsub li a {
  background: url(/img/homepage_redesign/menu/menu_bullet.png) no-repeat 5px;
  display: block;
  padding: 0 0 0 20px !important;
  margin-bottom: 7px;
  width: 198px;
  text-decoration: none;
}

#menu .root .subsub li a:hover {
  background: url(/img/homepage_redesign/menu/menu_bullet.png) no-repeat 5px;
  color: #333 !important;
  text-decoration: underline;
}

#menu .root .sub li h3 {
  margin-bottom: 9px;
}

#menu ul.root li ul li h3 a {
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  height: 25px;
  line-height: 2;
  padding: 0 0 0 5px !important;
  margin: 0;
  width: 213px;
}

#menu ul.root li ul li h3 a:hover {
  color: #333 !important;
}

.sub .ft-l,
.sub .ft-m,
.sub .ft-r {
  height: 9px;
  overflow: hidden;
  position: absolute;
}

.sub .ft {
  bottom: 0;
  height: 9px;
  left: 0;
  position: absolute;
  width: 100%;
}

.sub .ft-l {
  top: 0;
  left: 0;
  width: 5px;
}

.sub .ft-m  {
  top: 0;
  left: 5px;
  width: 657px;
}

.sub .ft-r  {
  top: 0;
  right: -1px;
  width: 7px;
}

.sub .right,
.sub .top-right,
.sub .main-right {
  overflow: hidden;
  position: absolute;
  width: 3px;
}

.sub .right {
  height: 100%;
  right: -4px;
  top: 0;
  width: 3px;
}

.sub .top-right {
  background: url(/img/homepage_redesign/menu/submenu_tr.png) no-repeat;
  height: 3px;
  left: 0;
  top: 0;
}

.sub .main-right {
  background: url(/img/homepage_redesign/menu/submenu_r.png) repeat-y;
  height: 100%;
  left: 0;
  top: 3px;
}

.subsub-container li {
  margin-right: 1px;
}

#menu .subsub-container {
  width: auto;
}

.subsub-container li.last-child,
.subsub-container li li {
  margin: 0;
}

/* @group Passengers menu */

#menu #menu-passengers .sub .inner {
  border-color: #e7ce81;
}

#menu-passengers .sub .ft-l { background: url(/img/homepage_redesign/menu/passengers/passengers_submenu_bl.png) no-repeat; }
#menu-passengers .sub .ft-m  { background: url(/img/homepage_redesign/menu/passengers/passengers_submenu_bm.png) repeat-x; }
#menu-passengers .sub .ft-r  { background: url(/img/homepage_redesign/menu/passengers/passengers_submenu_br.png) no-repeat; }

ul.root #menu-passengers ul li h3 a { background: #f6edd1; }
ul.root #menu-passengers ul li h3 a:hover { background: #e7ce81; }

/* @end */

/* @group Freight menu */

#menu-freight .sub .inner {
  border-color: #c26fe8;
}

#menu-freight .sub .ft-l { background: url(/img/homepage_redesign/menu/freight/freight_submenu_bl.png) no-repeat; }
#menu-freight .sub .ft-m  { background: url(/img/homepage_redesign/menu/freight/freight_submenu_bm.png) repeat-x; }
#menu-freight .sub .ft-r  { background: url(/img/homepage_redesign/menu/freight/freight_submenu_br.png) no-repeat; }

ul.root #menu-freight ul li h3 a { background: #edd4f8; }
ul.root #menu-freight ul li h3 a:hover { background: #d192ee; }

/* @end */

/* @group About us menu */

#menu-about-us .sub .inner {
  border-color: #25ddff;
}

#menu-about-us .sub .ft-l { background: url(/img/homepage_redesign/menu/about_us/about_us_submenu_bl.png) no-repeat; }
#menu-about-us .sub .ft-m  { background: url(/img/homepage_redesign/menu/about_us/about_us_submenu_bm.png) repeat-x; }
#menu-about-us .sub .ft-r  { background: url(/img/homepage_redesign/menu/about_us/about_us_submenu_br.png) no-repeat; }

ul.root #menu-about-us ul li h3 a { background: #caf4fe; }
ul.root #menu-about-us ul li h3 a:hover { background: #4ee3ff; }

/* @end */

/* @end */