/* =============================================== */
/* IrishFerries.com Stylesheet */
/* Common Element Styling */
/* Created by Digino 2008 */
/* =============================================== */

/* =============================================== */
/* SECTION :  Header */
/* =============================================== */

img.logo {
	width : 226px;
	float : left;
	margin : 10px 0 0px 0;
}
div.header li {
	float : left;
}
div.subnav {
	width : 678px;
	float : right;
}
div.main-menu {
	width : 678px;
	float : right;
	margin : 20px 0 0 0;
}

/* Main Menu */
div.main-menu ul {
	float : right;
	margin : 0;
}
div.main-menu li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 75%;
	padding : 0 0 0 1px;
	margin : 0;
}
div.main-menu li a:link,
div.main-menu li a:visited {
	background : url(../../images/common/main-menu-btn-bg.gif) no-repeat 0 0;
	display : block;
	padding : 0px 0 0 18px;
	line-height : 25px;
	color : #454545;
}
div.main-menu li a:link span,
div.main-menu li a:visited span {
	background : url(../../images/common/main-menu-btn-bg.gif) no-repeat right 0;
	display : block;
	padding : 0px 0 0 0px;
	line-height : 25px;
	padding : 0 9px 0 0;
}
div.main-menu li a:hover,
div.main-menu li a:active,
#section-home div.main-menu li.nav-home a,
#section-routes div.main-menu li.nav-routes a,
#section-fares div.main-menu li.nav-fares a,
#section-ships div.main-menu li.nav-ships a,
#section-help div.main-menu li.nav-help a,
#section-holidays div.main-menu li.nav-holidays a {
	background : url(../../images/common/main-menu-btn-bg.gif) no-repeat 0 -35px;
	color : White;
	text-decoration : none;
}
div.main-menu li a:hover span,
div.main-menu li a:active span,
#section-home div.main-menu li.nav-home a span,
#section-routes div.main-menu li.nav-routes a span,
#section-fares div.main-menu li.nav-fares a span,
#section-ships div.main-menu li.nav-ships a span,
#section-help div.main-menu li.nav-help a span,
#section-holidays div.main-menu li.nav-holidays a span {
	background : url(../../images/common/main-menu-btn-bg.gif) no-repeat right -35px;
}

/* Ancillary Menu */
ul.ancillary {
	/*background : #6A97BF url(../../images/common/ancillary-bg.gif) no-repeat left top;*/
	height : 27px;
	padding : 0 0 0 0;
	float : right;
	margin : 23px 0 0 0;
}
ul.ancillary li {
	font-size : 70%;
	/*line-height : 27px;*/
	padding : 0;
	font-family : Arial, Helvetica, sans-serif;
}
ul.ancillary li a:link,
ul.ancillary li a:visited {
	color : #6aa4cc;
	font-weight : normal;
	border-right : 1px solid #C1DBEC;
	padding : 0 6px 0 6px;
	/*line-height : 27px;*/
}
ul.ancillary li.subnav-ql {
	/*background : url(../../images/common/ancillary-bg.gif) right top;*/
	padding-right : 15px;
}
ul.ancillary li.subnav-ql a:link,
ul.ancillary li.subnav-ql a:visited {
	border-right : 0;
	padding : 0 12px 0 7px;
	margin : 0 0px 0 0;
	background : url(../../images/common/ancillary-quicklinks-arrow.gif) no-repeat right 4px;
}

/* Languages */
ul.languages {
	float : right;
	margin : 20px 0 0 0;
	padding : 5px 5px 5px 0px;
	background : White url(../../images/common/main-nav-tabs.gif) no-repeat left -390px;
	height : 10px;
	overflow : hidden;
}
ul.languages li {
	padding : 0px 0 0 5px;
	line-height : 100%;
}
ul.languages li a {
	width : 16px;
	height : 0;
	padding: 11px 0 0 0;
	overflow : hidden;
	background : no-repeat 0 0;
	display : block;
}
ul.languages li.subnav-fr a {
	background-image : url(../../images/utility/flags/flag-fr.gif);
}
ul.languages li.subnav-de a {
	background-image : url(../../images/utility/flags/flag-de.gif);
}
ul.languages li.subnav-it a {
	background-image : url(../../images/utility/flags/flag-it.gif);
}
ul.languages li.subnav-uk a {
	background-image : url(../../images/utility/flags/flag-uk.gif);
}
ul.languages li.subnav-ir a {
	background-image : url(../../images/utility/flags/flag-ir.gif);
}


/* =============================================== */
/* SECTION :  Quick Links */
/* =============================================== */

div.quick-links {
	position : absolute;
	top : 35px;
	right : 20px;
	width : 630px;
	border : 1px solid #B7BDC3;
	background : White;
	z-index : 200;
	padding : 0 10px 10px 10px;
	display : none;
}
div.quick-links h3 {
	margin : 20px 0 10px 0;
}
div.ql-section {
	float : left;
	border-right : 1px solid #E7E8ED;
	padding : 0 10px 0 0px;
	margin : 10px 10px 10px 0;
	width : 135px;
}
p.ql-close {
	width : 70px;
	text-align : center;
	position : absolute;
	top : 5px;
	right : 5px;
}
p.ql-close a:link,
p.ql-close a:visited {
	display : block;
	border : 1px solid #B7BDC3;
	background : White;
	padding : 3px 0;
}
p.ql-close a:hover,
p.ql-close a:active {
	border : 1px solid #B7BDC3;
	background : #E7E8ED;
}
div.end-col {
	border-right : 0;
}
div.ql-section p,
div.generic-content div.ql-section p {
	margin : 0 0 5px 0;
	padding : 0 0 3px 0;
	border-bottom : 1px solid #E7E8ED;
	font-weight : bold;
}
div.ql-section ul {
	margin : 0;
}
div.ql-section li {
	float : none;
	background : url(../../images/common/bullet-dots-grey.gif) no-repeat 0 3px;
	padding : 0 0 0 12px;
	margin : 0 0 3px 0;
}
div.ql-section a:link,
div.ql-section a:visited {
	font-weight : normal;
	color : #5F5F5F;
}
div.ql-section a:hover,
div.ql-section a:active {
	font-weight : normal;
	color : #009E58;
}
p.designedby {
	margin : 10px 0 0 0;
	padding : 10px 0 0 0;
	color : #A0A8AE;
	font-size : 65%;
	border-top : 1px solid #E7E8ED;
}



/* =============================================== */
/* SECTION :  Footer */
/* =============================================== */

div.footer p {
	text-align : center;
	margin : 20px 80px 20px 80px;
}


/* =============================================== */
/* SECTION :  Sidebar : Booking Engine */
/* =============================================== */

div.booking-panel {
	position : relative;
	border-bottom : 1px solid #014F97;
	z-index : 80;
}
div.booking-header h2 {
	color : #EFD20C;
	font-weight : bold;
	margin : 12px 0 0 18px;
	font-size : 115%;
}
div.booking-header h2 span {
	color : White;
}
div.booking-engine {
	border-left : 1px solid #014F97;
	border-right : 1px solid #014F97;
}
div.booking-header p {
	color : White;
	margin : 0 0 0 18px;
}
div.booking-problem p {
	color : White;
	font-size : 70%;
	text-align : left;
	padding : 10px 0 0 0;
	margin : 0px 0px 10px 5px;
	border-top : 1px solid #E7E8ED;
	font-family : Arial;
	width : 215px;
}
div.booking-problem p a:link,
div.booking-problem p a:visited {
	color : White;
	font-weight : bold;
	background : url(../../images/common/bullet-dots-white.gif) no-repeat 0 2px;
	padding : 0 0 0 10px;
}
div.booking-problem p a:hover,
div.booking-problem p a:active {
	color : #EFD20C;
}
div.booking-footer {
	background : #014F97;
	padding : 0 0 0 20px;
	width : 206px;
}
div.booking-footer p {
	color : White;
	font-size : 60%;
	text-align : center;
	padding : 7px 0;
	margin : 0;
	float : left;
}
div.booking-footer a:link,
div.booking-footer a:visited {
	color : White;
	font-weight : bold;
	display : block;
	background : url(../../images/common/sb-booking-engine-footer-button.gif) no-repeat 0 0;
	padding : 4px 0px 0 0px;
	line-height : 130%;
	width : 90px;
	height : 29px;
	overflow : hidden;
	margin : 0 10px 0 0;
	}
div.booking-footer a:hover,
div.booking-footer a:active {
	background : url(../../images/common/sb-booking-engine-footer-button.gif) no-repeat 0 -33px;
	color : #EFD20C;
}


/* =============================================== */
/* SECTION :  Sidebar : Sailing Update */
/* =============================================== */

div.sb-sailing-update {
	margin : 20px 0;
	position : relative;
	border-bottom : 1px solid #014F97;
	border-top : 1px solid White;
}
div.sb-sailing-update h3 {
	background : url(../../images/common/sb-sailingupdate-header.gif) no-repeat 0 0;
	padding : 0px 0 0 45px;
	line-height : 49px;
	overflow : hidden;
	color : White;
	font-weight : bold;
	margin : 0;
}
div.sb-sailing-update h3 span {
	color : #efd20c;
}
div.sb-sailing-update form {
	background : #7eaad2 url(../../images/common/sb-sailingupdate-bg.gif) repeat-x 0 0;
	border-left : 1px solid #014F97;
	border-right : 1px solid #014F97;
	padding : 10px;
	display : block;
	padding : 10px 10px 10px 10px;
	border-bottom : 10px solid #014F97;
}
div.sb-sailing-update form label {
	width : 50px;
	float : left;
	display : block;
	color : White;
	font-size : 90%;
	position : relative;
}
div.sb-sailing-update form select {
	width : 140px;
	font-family : Arial, Helvetica, sans-serif;
}
div.sb-sailing-update form option {
	font-family : Arial, Helvetica, sans-serif;
}
p.sb-update {
	width : 140px;
	margin : 0 0 0 50px;
	border-bottom : 1px solid #7AA7D1;
}
p.sb-weather-link {
	padding:5px 0 5px 0px;
	width : auto;
	margin : 0;
	text-align : center;
	background-color:#014F97;
}
p.sb-weather-link a:link,
p.sb-weather-link a:visited {
	color:White;
	font-size : 90%;
	text-decoration:none;
}
p.sb-weather-link a:hover,
p.sb-weather-link a:active {
	color:#EFD20C;
	text-decoration:underline;
}
div.sb-sailing-update form { border-bottom-width:1px; }


/* =============================================== */
/* SECTION :  Sidebar : Subscribe */
/* =============================================== */

div.sb-subscribe {
	margin : 20px 0;
	position : relative;
	border-bottom : 1px solid #014F97;
	border-top : 1px solid White;
}
div.sb-subscribe h3 {
	background : url(../../images/common/sb-subscribe-bg.gif) no-repeat 0 0;
	padding : 2px 0 0 55px;
	line-height : 49px;
	overflow : hidden;
	color : White;
	font-weight : bold;
	margin : 0;
}
div.sb-subscribe h3 span {
	color : #efd20c;
}
div.sb-subscribe form {
	background : #7eaad2 url(../../images/common/sb-sailingupdate-bg.gif) repeat-x 0 0;
	border-left : 1px solid #014F97;
	border-right : 1px solid #014F97;
	padding : 10px;
	display : block;
	padding : 10px 10px 10px 10px;
	border-bottom : 10px solid #014F97;
}
div.sb-subscribe form label {
	width : 50px;
	float : left;
	color : White;
	font-size : 90%;
}


/* =============================================== */
/* SECTION :  Sidebar : Need Help */
/* =============================================== */

div.sb-links {
	margin : 20px 0;
}
div.sb-links ul li {
	background : url(../../images/common/bullet-dots-grey.gif) no-repeat 0 8px;
	padding : 4px 0 4px 12px;
	border-bottom : 1px solid #e7e8ed;
	margin : 0;
}
div.sb-links ul li a:link,
div.sb-links ul li a:visited {
	font-weight : normal;
	color : #454545;
}


/* =============================================== */
/* SECTION :  Sidebar : Ads */
/* =============================================== */

div.sb-ads {
	width : 225px;
	height : 500px;
	border-right : 1px solid #e7e8ed;
	overflow : hidden;
}
div.sb-ads img {
	margin : 0 0 10px 0;
}
div.sb-ads div#scroll-set1,
div.sb-ads div#scroll-set2 {
	width : 225px;
	float : left;
}

/* =============================================== */
/* SECTION :  Sidebar : Ads Horizontal */
/* =============================================== */

div.house-ads img {
	width : 212px;
	float : left;
	margin : 0 20px 0 0;
	display : inline;
}


/* =============================================== */
/* SECTION :  General Tabs */
/* =============================================== */

div.tab-panel {
	clear : both;
}
ul.tabs {
	margin: 0;
	display : none;
	height : 100%;
}
ul.tabs li {
	margin: 0;
	padding: 0;
  	display: block;
  	list-style-type: none;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 90%;
	float : left;
}
ul.tabs a span.dest {
	display : inline;
	font-size : 65%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	line-height: 110%;
}
ul.tabs a span.origin {
	display : block;
	font-size : 65%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	line-height: 110%;
}
ul.tabs a:link,
ul.tabs a:visited {
	background: #27553D url(../../images/common/tabs-standard.gif) no-repeat 0 -50px;
	float: left;
	line-height: 100%;
	text-decoration: none;
	color: White;
	padding: 0 0 0 15px;
}
ul.tabs a:link span.tab,
ul.tabs a:visited span.tab {
	display : block;
	padding: 10px 15px 10px 0;
	background: #27553D url(../../images/common/tabs-standard.gif) no-repeat right -50px;
}
ul.tabs a:link.active,
ul.tabs a:visited.active {
	background: #27553D url(../../images/common/tabs-standard.gif) no-repeat 0 0;
}
ul.tabs a:link.active span.tab,
ul.tabs a:visited.active span.tab {
	background: #27553D url(../../images/common/tabs-standard.gif) no-repeat right 0;
}
ul.tabs a:hover {
	background: #27553D url(../../images/common/tabs-standard.gif) no-repeat 0 -100px;
}
ul.tabs a:hover span.tab {
	background: #27553D url(../../images/common/tabs-standard.gif) no-repeat right -100px;
}

/* Slight alterations for larger page tabs */
/*ul#page-tabs {
	display : block;
}
ul#page-tabs li {
	font-size: 100%;
}
ul#page-tabs a span.tab {
	padding: 10px 35px 10px 0;
}*/

/* Slight alterations for smaller sub tabs */
ul#small-tabs  li {
	font-size: 70%;
}
ul#small-tabs a:link,
ul#small-tabs a:visited {
	padding: 0 0 0 10px;
}
ul#small-tabs a span.tab {
	padding: 10px 10px 10px 0;
}
ul#mid-tabs  li {
	font-size: 75%;
	font-weight: bold;
}
ul#mid-tabs a:link,
ul#mid-tabs a:visited {
	padding: 0 0 0 15px;
}
ul#mid-tabs a span.tab {
	padding: 10px 15px 10px 0;
}


/* =============================================== */
/* SECTION :  Miscellaneous Layout Classes */
/* =============================================== */

/* Shadow under a panel */
.underbox-shadow {
	width : 200px;
	height : 20px;
	background : url(../../images/common/underbox-shadow.gif) no-repeat 0 0;
	position : absolute;
	bottom : -21px;
	display : block;
	_display : none; /* Hide from IE 6 and below */
}

/* Yellow Box with rounded corners */
.highlight-bg {
	height : 30px;
	line-height : 30px;
	background : url(../../images/common/hilite-box-yellow.gif) no-repeat 0 0;
	padding : 0 0 0 10px;
	font-size : 90%;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	margin : 0 0 10px 0;
}
.highlight-bg span {
	display : block;
	background : White url(../../images/common/hilite-box-yellow.gif) no-repeat right 0;
	color : #454545;
}

/* Green text link with a dotted arrow */
a.standard-link:link,
a.standard-link:visited {
	background : url(../../images/common/bullet-dots-green.gif) no-repeat 0 3px;
	padding : 0 0 0 12px;
}
a.standard-link:hover,
a.standard-link:active {
	background : url(../../images/common/bullet-dots-blue.gif) no-repeat 0 3px;
}
a.standard-link-up:link,
a.standard-link-up:visited {
	background : url(../../images/common/bullet-dots-green-up.gif) no-repeat 0 5px;
	padding : 0 0 0 16px;
}
a.standard-link-up:hover,
a.standard-link-up:active {
	background : url(../../images/common/bullet-dots-green-up.gif) no-repeat 0 5px;
}

/* Green text link with a dotted arrow */
a.pdf-link:link,
a.pdf-link:visited {
	background : url(../../images/common/acrobat-icon-16x16.gif) no-repeat 0 0px;
	padding : 2px 0 3px 22px;
}


/* Green button with a dotted arrow */
a.button-standard:link,
a.button-standard:visited {
	background : url(../../images/common/button-standard-right.gif) no-repeat 0 -52px;
	padding : 0 0 0 5px;
	height : 26px;
	line-height : 26px;
	color : White;
	display : block;
	/*color : #EFD20C;*/
}
a.button-standard:link span,
a.button-standard:visited span {
	background : url(../../images/common/button-standard-right.gif) no-repeat right 0;
	padding : 0px 25px 0px 10px;
	margin : 0 0 0 0;
	display : block;
}
a.button-standard:hover,
a.button-standard:active {
	background : url(../../images/common/button-standard-right.gif) no-repeat 0 -78px;
}
a.button-standard:hover span,
a.button-standard:active span {
	background : url(../../images/common/button-standard-right.gif) no-repeat right -26px;
	text-decoration : underline;
	color : #EFD20C;
}

/* Default text in input text field */
.defaultText {
	width: 200px;
	padding : 1px;
}
.defaultTextActive {
	color: #B7BDC3;
	font-style: italic;
}

/* Panel Description */
div.panel-description {
	background : #009E58 url(../../images/common/panel-green-corner-top-right.gif) no-repeat right top;
	width : 678px;
}
div.panel-description p {
	font-size : 65%;
	color : White;
	margin : 0;
	padding : 5px 10px;
}
div.panel-description p a:link,
div.panel-description p a:visited {
	color : #EFD20C;
}
div.panel-description p a:hover,
div.panel-description p a:active {
	color : #efd20c;
}
div.panel-description-empty {
	background : #009E58 url(../../images/common/panel-green-corner-top-right.gif) no-repeat right top;
	width : 678px;
	height : 15px;
	display : block;
}

/* List with arrows */
ul.arrows li {
	background : url(../../images/common/bullet-dots-grey.gif) no-repeat 0 4px;
}

/* Star Ratings */
img.star-rating {
	display : inline;
	padding : 0 0 0 10px;
	vertical-align : middle;
}

/* Paragraph Intro Text */
p.intro-text {
	font-size : 85%;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	line-height : 140%;
}

/* Info Pop-up */
div.info-popup {
	text-align : left;
}
div.info-popup h2 {
	padding : 20px 0 0 20px;
}
div.info-popup h4 {
	margin : 20px 20px 0 20px;
}
div.info-popup img.if-logo {
	padding : 20px 0 20px 20px;
}


/* ======================================================================================= */
/* SECTION :  New Nav July 2010 */
/* =============================================== */


div.navcontainer {
	padding : 0 22px 0 0;
}

ul.mainnav {
	margin: 0;
	display : none;
	width : 678px;
	height : 100%;
	display : block;
	float : left;
}
ul.mainnav li {
	margin: 0;
	padding: 0;
  	display: block;
  	list-style-type: none;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 100%;
	float : left;
	width : 169px;
}
ul.mainnav a span.dest {
	display : inline;
	font-size : 75%;
	font-weight : bold;
	line-height: 110%;
}
ul.mainnav a span.origin {
	font-size : 75%;
	font-weight : normal;
	line-height: 110%;
}
ul.mainnav a:link,
ul.mainnav a:visited {
	background: #27553D url(../../images/common/main-nav-tabs.gif) no-repeat 0 -43px;
	float: left;
	line-height: 100%;
	text-decoration: none;
	color: White;
	padding: 13px 0 0 12px;
	height : 30px; /*43*/
	display : block;
	width : 157px;
}
ul.mainnav a:hover {
	background: #27553D url(../../images/common/main-nav-tabs.gif) no-repeat 0 -86px;
}
ul.mainnav a.selected:link,
ul.mainnav a.selected:visited {
	background: #27553D url(../../images/common/main-nav-tabs.gif) no-repeat 0 0;
}

/* Last Tab Adjustment for 3 pixel extra width */
ul.mainnav li.last {
	width : 171px;
}
ul.mainnav li.last a:link,
ul.mainnav li.last a:visited {
	background: #27553D url(../../images/common/main-nav-tabs-last.gif) no-repeat 0 -43px;
	width : 159px;
}
ul.mainnav li.last a:hover {
	background: #27553D url(../../images/common/main-nav-tabs-last.gif) no-repeat 0 -86px;
}
ul.mainnav li.last a.selected:link,
ul.mainnav li.last a.selected:visited {
	background: #27553D url(../../images/common/main-nav-tabs-last.gif) no-repeat 0 0;
}

/* Sub navigation */

ul.subnav {
	width : 100%;
	float : left;
	background : #009E58;
	padding : 0;
	margin : 0 0px 1px 0;
	border : 1px solid #009E58;
	border-bottom : 0;
	height : 37px;
	overflow : hidden;
	display : inline;
}
ul.subnav li {
	float : left;
	padding : 0;
	margin : 0;
	background : url(../../images/common/main-nav-tabs.gif) no-repeat right -160px;
	height : 37px;
}
ul.subnav li a:link,
ul.subnav li a:visited {
	display : block;
	color : White;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 120%;
	font-weight : bold;
	padding : 9px 15px 0px;
	height : 28px;
	float : left;
}
ul.subnav li a.selected:link,
ul.subnav li a.selected:visited {
	background : url(../../images/common/main-nav-tabs.gif) no-repeat center -260px;
}
ul.subnav li a.selected:hover,
ul.subnav li a.selected:active {
	text-decoration : none;
}