/* =============================================== */
/* IrishFerries.com Stylesheet */
/* Common Element Styling */
/* Created by Digino 2008 */
/* =============================================== */


div.generic-title {
	width : 678px;
	height : 115px;
	background : url(../../images/common/generic-title-bg.gif);
	margin : 0 0 20px 0;
}
div.generic-title-wrapper {
	position : relative;
	width : 688px;
	height : 315px;
	margin : 0 0 20px 0;
}
div.generic-title-overlay {
	width : 678px;
	height : 315px;
	background : url(../../images/common/generic-title-image-bg.png);
	position : absolute;
	top : 0px;
	left : 0px;
}
img.generic-title-image-bg {
	position : absolute;
	top : 75px;
	left : 0px;
}
div.generic-title h1,
div.generic-title-overlay h1 {
	color : White;
	font-size : 145%;
	padding : 26px 0 0 20px;
}
div.generic-title h2,
div.generic-title-overlay h2 {
	color : #b3e2cd;
	font-size : 115%;
	padding : 3px 0 0 20px;
}

/* =============================================== */
/* PAGE :  Basic Page */
/* =============================================== */

div.generic-content {
	width : 678px;
	margin : 0 0 40px 0;
}

div.generic-content p {
	margin : 0 20px 10px 0px;
}

div.generic-content h2 {
	font-weight : bold;
	margin : 0 20px 20px 0px;
	padding : 20px 0 5px 0;
	border-bottom : 1px solid #009E58;
}


table th {
	background : #009E58;
	color : White;
	font-weight : bold;
	padding : 5px;
}




/* =============================================== */
/* PAGE :  10 Reasons */
/* =============================================== */

div.col2 {
	width : 319px;
	float : left;
	margin : 0 20px 0 0;
	display : inline;
}

div.col2 h4 {
	font-weight : bold;
	border-bottom : 1px solid #009E58;
	margin : 0 0 20px 0;
	padding : 0 0 5px;
}

ul.tick {
	margin : 0 0 20px 0;
}

ul.tick li {
	margin : 0 0 10px 0;
	padding : 0px 0 10px 40px;
	background : url(../../images/common/bullet-tick.gif) no-repeat 0 0;
	border-bottom : 1px solid #F1F1F1;
}
img.reason-image {
	float : right;
	margin : 0 0px 0 0;
}

/* =============================================== */
/* PAGE :  News */
/* =============================================== */
#section-news div.tab-region {
	border-bottom : 1px solid #009E58;
	position : relative;
	margin : 0 0 20px 0;
	width : 678px;
}
#section-news div.tab-panel {
	border-left : 1px solid #009E58;
	border-right : 1px solid #009E58;
	width : 676px;
}

#section-news div.main table {
	width : 676px;
	border : 1px solid #009E58;
	margin : 0 0 20px 0;
}
#section-news div.main table td {
	padding : 7px;
	/*font-size : 75%;*/
	/*border-bottom : 1px solid White;*/
}
#section-news div.main table td.date {
	width : 80px;
	/*border-right : 1px solid White;*/
	text-align : center;
}
#section-news div.main table td.item {}
#section-news div.main table td a:link,
#section-news div.main table td a:visited {
	font-weight : normal;
	color : #5F5F5F;
}
#section-news div.main table td a:hover,
#section-news div.main table td a:active {
	font-weight : normal;
	color : #009E58;
}

/* =============================================== */
/* PAGE :  Contact */
/* =============================================== */
#section-contact div.tab-region {
	border-bottom : 1px solid #009E58;
	position : relative;
	margin : 0 0 20px 0;
	width : 678px;
}
#section-contact div.tab-panel {
	border-left : 1px solid #009E58;
	border-right : 1px solid #009E58;
	width : 676px;
	padding : 0 0 20px 0;
}

#section-contact div.tab-panel h4 {
	font-weight : bold;
	margin : 0 20px 20px 20px;
	padding : 20px 0 5px 0;
	border-bottom : 1px solid #009E58;
}

#section-contact div.address-main {
	margin : 0 0 40px 20px;
}
#section-contact div.address-main img {
	margin : -20px 20px 0px 20px;
	float : right;
	border-bottom : 5px solid #009E58;
	display : inline;
}
#section-contact div.address-main p {
	font-size : 80%;
}

#section-contact div.address-sub h4 {
	font-size : 80%;
	font-weight : bold;
	border-bottom : 1px dotted #5F5F5F;
	padding : 0 0 3px 0;
	line-height : 130%;
	margin : 0 0 5px 0;
	height : 2.7em;
}

#section-contact div.address-sub {
	width : 190px;
	margin : 0 0 0 20px;
	float : left;
	display : inline;
}
#section-contact div.address-sub p {
	margin : 0 0 5px 0;
}
p.tel span {
	background : url(../../images/utility/icons/icon-phone.gif) no-repeat 0 0;
	padding : 0 0 0 22px;
	width : 30px;
	display : block;
	float : left;
}
p.fax span {
	background : url(../../images/utility/icons/icon-printer.gif) no-repeat 0 0;
	padding : 0 0 0 22px;
	width : 30px;
	display : block;
	float : left;
	height : 2em;
}

#section-contact div.main table {
	width : 636px;
	margin : 0 0 0px 20px;
	border : 1px solid #009E58;
}
#section-contact div.main table td {
	padding : 7px;
	font-size : 70%;
}
#section-contact div.main table th {
	padding : 7px;
	font-size : 70%;
	background : #009E58;
	font-weight : bold;
	color : White;
}
#section-contact div.main table td.date {
	width : 80px;
	border-right : 1px solid White;
	text-align : center;
}
#section-contact div.main table td.item {}
#section-contact div.main table td a:link,
#section-contact div.main table td a:visited {
	font-weight : normal;
}
#section-contact div.main table td a:hover,
#section-contact div.main table td a:active {
	font-weight : normal;
}
#section-contact div.company-reg {
	margin : 0 0 0 20px;
	padding : 0 0 40px 0;
}
#section-contact div.company-reg p {
	margin : 0 0 5px 0;
}
#section-contact div.company-reg p span {
	width : 15em;
	display : block;
	float : left;
}	


/* =============================================== */
/* PAGE :  About */
/* =============================================== */
#section-about div.tab-region {
	border-bottom : 1px solid #009E58;
	position : relative;
	margin : 0 0 20px 0;
	width : 678px;
}
#section-about div.tab-panel {
	border-left : 1px solid #009E58;
	border-right : 1px solid #009E58;
	width : 676px;
	padding : 0 0 20px 0;
}

#section-about div.tab-panel h2 {
	font-weight : bold;
	margin : 0px 20px 20px 20px;
	padding : 40px 0 5px 0;
	border-bottom : 1px solid #009E58;
}

#section-about div.tab-section {
	border-bottom : 1px solid #F1F1F1;
	margin : 20px 0 0 0;
	padding : 0 0 20px 0;
}
#section-about div.tab-section img {
	float : left;
	width : 300px;
	margin : 0 0 0 20px;
	border-bottom : 5px solid #009E58;
	display : inline;
}
#section-about div.tab-section div.tab-section-text {
	float : left;
	width : 296px;
	margin : 10px 20px 0 20px;
	display : inline;
}
#section-about div.tab-section div.tab-section-text h4 {
	font-weight : bold;
	border-bottom : 1px solid #009E58;
	margin : 0 0 10px 0;
	padding : 0 0 5px 0;
}

#section-about div.award {
	border-top : 1px solid #F1F1F1;
	margin : 0 0 20px 0;
	padding : 20px 0 0 0;
	width : 676px;
}
#section-about div.award img {
	width : 300px;
	height : 300px;
	margin : 0 20px;
	float : left;
	display : inline;
}
#section-about div.award-text {
	width : 296px;
	margin : 0 20px;
	float : left;
	padding : 0px 0 0 0;
	display : inline;
}
#section-about div.award-text h4 {
	font-weight : bold;
	margin : 0;
}
#section-about div.award-text h5 {
	font-weight : bold;
	color : #5F5F5F;
	font-size : 90%;
	border-bottom : 0;
	padding : 0 0 10px 0;
	margin : 0 0 10px 0;
}
#section-about div#about-green div.tab-section img {
	width : 200px;
	margin : 0 0 0 20px;
	border : 0;
	display : inline;
}
#section-about div#about-green div.tab-section div.tab-section-text {
	float : right;
	width : 416px;
	margin : 0 20px 0 0;
	display : inline;
}

img.top-image {
	border-bottom : 5px solid #009E58;
}

div.tab-section-career {
	margin : 20px;
}
div.career {
	padding : 20px 0;
	border-top : 1px solid #F1F1F1;
}
div.career h4 {
	font-weight : bold;
	/*color : #5F5F5F;*/
	font-size : 90%;
	margin : 0 0 10px 0;
}




/* =============================================== */
/* PAGE :  Agent Online */
/* =============================================== */
#section-agent div.tab-region {
	border-bottom : 1px solid #009E58;
	position : relative;
	margin : 0 0 20px 0;
	width : 678px;
}
#section-agent div.tab-panel {
	border-left : 1px solid #009E58;
	border-right : 1px solid #009E58;
	width : 676px;
	padding : 0 0 20px 0;
}
#section-agent div.tab-panel h2 {
	font-weight : bold;
	margin : 0px 20px 0px 20px;
	padding : 20px 0 5px 0;
	border-bottom : 1px solid #009E58;
}
#section-agent h4 {
	margin : 0px 20px 0px 20px;
	
}
#section-agent div.agent-content {
	padding : 20px;
}

#section-agent ul.agent-numbers {
	margin : 0 150px 20px 20px;
}
#section-agent ul.agent-numbers li {
	background : no-repeat 0 1px;
	background-image : url(../../images/specific/agent/num1.gif);
	padding : 0 0 10px 22px;
}
#section-agent ul.agent-numbers li.num1 { background-image : url(../../images/specific/agent/num1.gif); }
#section-agent ul.agent-numbers li.num2 { background-image : url(../../images/specific/agent/num2.gif); }
#section-agent ul.agent-numbers li.num3 { background-image : url(../../images/specific/agent/num3.gif); }
#section-agent ul.agent-numbers li.num4 { background-image : url(../../images/specific/agent/num4.gif); }




div.agent-column {
	width : 300px;
	margin : 10px 0px 0 0;
}
div.agent-fares {
	border-right : 1px solid #F1F1F1;
	padding : 0 18px 0 0;
	float : left;
}
div.agent-holidays {
	float : right;
}
div.agent-column img {
	width : 300px;
	height : 100px;
	border-bottom : 5px solid #009E58;
	margin : 0 0 20px 0;
}
#section-agent div.agent-column h4 {
	color : #009E58;
	/*font-weight : bold;*/
	border-top : 1px solid #009E58;
	padding : 10px 0 10px 0;
	margin : 0 0 0px 0;
	/*font-size : 150%;*/
}



table.agent-brochure {
	border : 1px solid #8EBFA4;
	/*width : 636px;*/
}
table.agent-brochure td {
	padding : 5px;
}
table.agent-brochure th {
	padding : 10px 5px;
	color : White;
	background : #009E58;
	font-weight : bold;
}
table.agent-brochure td.cover {
	
	width : 80px;
	text-align : center;
}
table.agent-brochure td.title {
	width : 270px;
	vertical-align : middle;
}
table.agent-brochure td.quantity {
	width : 50px;
	vertical-align : middle;
}
table.agent-brochure td.options {
	width : 120px;
	vertical-align : middle;
}


table.contact {
	margin : 0 0 10px 0;
}
table.contact td {
	padding : 3px 0;
}
#section-agent table.postal {
	width : 636px;
	margin : 0 0 0px 0px;
}
#section-agent table.postal td {
	padding : 7px;
	font-size : 70%;
	border-bottom : 1px solid White;
	background : #F1F1F1;
}
#section-agent table.postal th {
	padding : 7px;
	font-size : 70%;
	border-bottom : 1px solid White;
	background : #009E58;
	font-weight : bold;
	color : White;
}



div.agent-login {
	background : #F1F1F4;
	border : 1px solid #e7e8ed;
	padding : 10px 0 0 10px;
	margin : 0 0 20px 0;
	width : 668px;
}
div.agent-login input.agent-field {
	width : 100px;
	margin : 0 20px 0 0;
}
div.agent-login span.suggestion-text {
	font-weight : bold;
	color : #009E58;
	font-size : 120%;
	margin : 0 20px 0 0;
}

p.select-agent {
	margin : 0 0 40px 0;
}

p.select-agent span {
	font-weight : bold;
	color : #009E58;
	font-size : 120%;
	margin : 0 20px 0px 0;
}
p.select-agent select {
	width : 200px;
}



/* =============================================== */
/* PAGE :  Sailing Update */
/* =============================================== */

p.details {
	font-weight : bold;
	font-size : 75%;
	margin : 0 0 20px 0;
}
table.su {
	width : 678px;
	margin : 0 0 20px 0;
	border-bottom : 1px solid #009E58;
	border-left : 1px solid #009E58;
	border-right : 1px solid #009E58;
}
table.su th {
	background : #009E58;
	color : White;
	font-weight : bold;
	padding : 5px;
	/*border-right : 1px solid #8EBFA4;*/
}
table.su td {
	padding : 5px;
}

div#additional-info {
	width : 638px;
	border : 1px solid #E7E8ED;
	padding : 0 20px;
	background : #F1F1F4;
	margin : 20px 0 20px 0;
}
div#additional-info1 {
	width : 638px;
	border : 1px solid #E7E8ED;
	padding : 0 20px;
	background : #F1F1F4;
	margin : 20px 0 20px 0;
}
div.su-status textarea {
	/*border : 1px solid Red;*/
	margin : 0px 0 20px 0;
	background : White;
	width : 290px;
}
div#additional-info h4{
	font-weight : bold;
	border-bottom : 1px solid #E7E8ED;
	margin : 20px 0 10px 0;
	padding : 0 0 10px 0;
	font-size : 90%;
}
div#additional-info1 h4{
	font-weight : bold;
	border-bottom : 1px solid #E7E8ED;
	margin : 20px 0 10px 0;
	padding : 0 0 10px 0;
	font-size : 90%;
}

div.su-status {
	width : 300px;
	float : left;
}
div.su-contact {
	width : 310px;
	float : left;
	margin : 0 0 0 20px;
}

div.sailing-navigate {
	border-top : 1px solid #E7E8ED;
	margin : 20px 0 0 0;
	padding : 20px 0 0 0;
	width : 678px;
	text-align : center;
}

div.sailing-navigate form {
	display : inline;
}


/* =============================================== */
/* PAGE :  Agent Online */
/* =============================================== */

/* FAQ Columns and lists */
.faq-index-col { width: 206px; margin: 0 20px 0 0; float: left; }
.faq-index-col h4 {
	border: 0 none;
	color: #5F5F5F;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 70%;
	margin: 20px 0 5px;
	padding: 0;
}
.faq-index-col ul { padding-bottom: 10px; }
.faq-index-col li { padding-left: 0; margin-bottom: 0; }
.faq-index-col li a:link, .faq-index-col li a:visited {
	background: url("../../images/common/bullet-dots-grey.gif") no-repeat scroll 0 8px transparent;
	color: #5F5F5F;
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 4px 0 0 12px;
}

/* Contact CTA */
.faq-customer-service { margin-top: 10px; }
.faq-customer-service img { float: left; }
.faq-customer-service-content {
	width:406px;
	height: 128px;
	float: right;
	padding: 20px 20px 0 20px;
	background: #009e58;
}
.faq-customer-service-content h3 { color: #eccf0c; font-size: 20px; }
.faq-customer-service-content p { color: #fff; }
	
	
	
	
/* =============================================== */
/* PAGE :  Standard (Grey) Tables */
/* =============================================== */

table.standard {
	border-top : 1px solid #C4C0C0;
	border-left : 1px solid #C4C0C0;
	border-right : 1px solid #C4C0C0;
	margin : 10px 0 20px 20px;
}
table.standard td {
	font-size : 70%;
	border-bottom : 1px solid #C4C0C0;
	border-left : 1px solid #C4C0C0;
	padding : 10px 20px;
	font-weight : bold;
}
table.standard th {
	background : #F2F2F2;
	color: #5F5F5F;
	border-bottom : 1px solid #C4C0C0;
	border-left : 1px solid #C4C0C0;
}
