/* =============================================== */
/* IrishFerries.com Stylesheet */
/* Page Specfic : Homepage */
/* Created by Digino/Ben Wakeford 2008 */
/* =============================================== */


/* =============================================== */
/* SECTION :  Destination Content */
/* =============================================== */

div.panel-content {
	width : 676px;
	border : 1px solid #009E58;
	position : relative;
}
img.helper {
	position : absolute;
	top : -57px;
	right : 25px;
}

/* =============================================== */
/* SECTION :  Marquee */
/* =============================================== */

div.hp-marquee {
	border : 1px solid #009E58;
	border-top : 0;
	width : 676px;
	position : relative;
}
div.hp-marquee p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 125%;
	line-height : 100%;
	margin : 0;
	text-align : center;
}
div.hp-marquee p span {
	margin : 0 5px;
}
div.hp-marquee p a {
	text-decoration : none;
	display : block;
	padding : 5px 0;
}
div.hp-marquee p a span.guarantee {
	font-weight : normal;
}
div.hp-marquee p a span.tips {
	font-weight : normal;
	color : #014f97;
}
div.hp-marquee p a:hover {
	background : #efd20c;
	display : block;
}
div.hp-marquee p a:hover span.tips {
	color : #009E58;
}

/* =============================================== */
/* SECTION :  Intro Text */
/* =============================================== */

div.intro-text {
	margin :  20px 20px 20px 0;
}
div.welcome {
	width : 210px;
	float : left;
}
div.welcome p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	line-height : 130%;
	margin : 0 0 5px 0;
}
div.intro-summary {
	width : 445px;
	float : right;
	padding : 0px 0 0 20px;
	border-left : 1px solid #e7e8ed;
}
h3.social-header{
	color:#014F97;
	font-weight:bold;
	margin:0 0 10px;
}
#social-twitter{
	background:url("../../images/common/social-media-icons.gif") no-repeat transparent 0px 0px;
}
#social-facebook{
	background:url("../../images/common/social-media-icons.gif")  no-repeat transparent -32px 0px;
}
#social-youtube{
	background:url("../../images/common/social-media-icons.gif") no-repeat transparent -64px 0px;
}
#social-tripadvisor{
	background:url("../../images/common/social-media-icons.gif") no-repeat transparent -96px 0px;
	margin-left:15px!important;
	margin-right:10px!important;
}
.social-icon{
	height:32px;
	width:32px;
	float:left;	
	overflow:hidden;
	margin-right:5px;		
}
#social-twitter:hover{
	background:url("../../images/common/social-media-icons.gif") no-repeat transparent 0px -32px;
}
#social-facebook:hover{
	background:url("../../images/common/social-media-icons.gif")  no-repeat transparent -32px -32px;
}
#social-youtube:hover{
	background:url("../../images/common/social-media-icons.gif") no-repeat transparent -64px -32px;
}
#social-tripadvisor:hover{
	background:url("../../images/common/social-media-icons.gif") no-repeat transparent -96px -32px;
	margin-left:5px;
}

/* =============================================== */
/* SECTION :  House Adverts */
/* =============================================== */

div.hp-house-ads {
	overflow : hidden;
	width : 690px;
	height : 160px;
}

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





/* =============================================== */
/* SECTION :  Destination : Layout */
/* =============================================== */

img.wave {
	position : absolute;
	top : 230px;
	left : 0;
	z-index : 100;
}
div.slideshow {
	width : 454px;
	float : left;
}
div.main-offer {
	width : 222px;
	float : left;
}

div.tile-routes {
	width : 220px;
	float : left;
	position : relative;
}
div.tile-holidays {
	width : 230px;
	height : 222px;
	float : left;
	margin : 0 2px;
	position : relative;
}
div.tile-ships {
	width : 222px;
	height : 222px;
	float : left;
	position : relative;
}
div#ship-rotator {
	position : absolute;
	z-index : 10;
}


p.hp-tile-link {
	position : absolute;
	bottom : 10px;
	right : 10px;
	/*width : 160px;*/
	margin : 0;
	z-index : 11;
}

p.hp-tile-link2 {
	position : absolute;
	bottom : 95px;
	right : 15px;
	/*width : 160px;*/
	margin : 0;
	z-index : 11;
}

div.tile-routes p.hp-tile-link { width:150px; }
div.tile-holidays p.hp-tile-link { width:140px; }
div.tile-ships p.hp-tile-link { width:110px; }


img.tour-icon {
	position : absolute;
	bottom : 0;
	left : 0;
}


/* =============================================== */
/* SECTION :  May 2010 Campaign */
/* =============================================== */



/*div.container {
	background : #00683C url(../../images/specific/home/2010-05-campaign/takeover-body-bg-revert.gif) repeat-x 0 0;
}

div.center {
	background : White url(../../images/specific/home/2010-05-campaign/takeover-center-bg-revert.gif) no-repeat 0 0;
	padding : 1px 0px 0 0px;
}*/

/*div.takeover-white-bg {
	width : 964px;
	background : White;
}*/

div.campaign-expander {
	width : 676px;
	height : 530px;
	position : absolute;
	top : 0px;
	left : 0px;
	display : none;
	z-index : 101;
	overflow : hidden;
	background : White;
}

div.slideshow {
	width : 676px;
	height : 257px;
	overflow : hidden;
}
div.destination {
	z-index : 100;
	position : relative;
}
div.hp-marquee {
	z-index : 50;
}



#campaign-lessmore {
	position : absolute;
	top : 25px;
	right : 25px;
	z-index : 100;
}

#campaign-mainimage {
	position : absolute;
	top : 0;
	left : 0;
}
#campaign-strapline {
	position : absolute;
	top : 340px;
	left : 25px;
}
#campaign-booknow {
	position : absolute;
	top : 266px;
	right : 23px;
}
#campaign-video-thumb {
	position : absolute;
	top : 340px;
	right : 25px;
}
#campaign-subtext {
	position : absolute;
	top : 450px;
	left : 25px;
	width : 300px;
	font-size : 75%;
}


.video-container {
    position: absolute;
    width: 676px;
    height: 530px;
    z-index: 10000;
	display:none;
	top : 0px;
	left : 0px;
}

#overlay {
    position: absolute;
    width: 676px;
    height: 530px;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 10001;
}

#player {
    z-index: 10002;
    position: absolute;
	left:80px;
	top:100px;
	border:2px solid #009E58;
}

a.modalCloseImg {
	background: url(../../images/specific/home/2010-05-campaign/btn-close-circular.png) no-repeat;
	width:23px; height:23px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:89px;
	right:73px;
	cursor:pointer;
    z-index: 10003;
}
* html a.modalCloseImg { /* IE6 PNG Hack */
	background: url(../../images/specific/home/2010-05-campaign/btn-close-circular.gif) no-repeat;
}