/* =============================================== */
/* 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 : 60px 0 0 20px;
	border-left : 1px solid #e7e8ed;
}


/* =============================================== */
/* 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 {
	bottom:0;
	left:0;
	position:absolute;
}



/* =============================================== */
/* 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 : 4px 0px 0 0px;
}
*/

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;
}

#video-holder {
	width:512px;
	height:288px;
	border:2px solid #009E58;
    z-index: 10002;
    position: absolute;
	left:80px;
	top:70px;
	display : block;
}

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:59px;
	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;
}


.video-nav {
    z-index: 10003;
    position: absolute;
	left:80px;
	top:362px;
	width : 496px;
	background : #00683C;
	padding : 10px;
}
.video-nav p {
	color:White;
}
.video-nav li {
	float : left;
	width : 104px;
	margin: 0 10px 0 0;
	padding : 0;
}
.video-nav li a:link,
.video-nav li a:visited {
	background : #009E58;
	display : block;
	color:White;
	border : 2px solid #009E58;
}
.video-nav li a:hover,
.video-nav li a:active {
	background : #004A2C;
	display : block;
	color: White;
	border : 2px solid #004A2C;
}
.video-nav li a.selected {
	background : #EFD20C;
	display : block;
	color: Black;
	border : 2px solid #EFD20C;
}

.video-nav img {
	width:100px;
}