/* =============================================== */
/* IrishFerries.com Stylesheet */
/* Page Specfic : Homepage */
/* Created by Digino 2011 */
/* =============================================== */



/* =============================================== */
/* SECTION :  News Alerts */
/* =============================================== */

div.news-alert {
	width: 658px;
	background: #ECCF0C;
	margin: 0 0 10px 0;
	padding: 10px;
}
div.news-alert p {
	font-size: 11px;
	line-height: 11px;
	margin: 0;
}
div.news-alert p span {
	font-weight: bold;
	font-size: 13px;
}

/* =============================================== */
/* SECTION :  Feature Rotator */
/* =============================================== */


div.home-featured {
	width: 678px;
	height: 261px;
	position: relative;
	margin: 0 0 0px 0;
}

div#home-feature-slideshow {
	width : 458px;
	height : 261px;
	float : left;
	z-index : 101;
	position : relative;
	overflow : hidden;
}

ul#home-feature-nav {
	width : 218px;
	height : 259px;
	float : left;
	margin : 0;
	z-index : 102;
	position : relative;
	border: 1px solid #009E58;
	background-color: #f8f8f8;
}

ul#home-feature-nav li {
	height : 55px;
	padding : 0;
	margin : 0;
}

ul#home-feature-nav li a:link,
ul#home-feature-nav li a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 130%;
	display : block;
	height : 41px;
	color : #5F5F5F;
	padding : 14px 0 0 33px;
	line-height : 100%;
	margin-left : -10px;
	width : 195px;
	background : transparent url(../../images/specific/home/feature-nav.png) no-repeat 0 -110px;
	outline: 0;
}

ul#home-feature-nav li a:hover,
ul#home-feature-nav li a:active {
	background-position : 0 -55px;
	text-decoration : none;
}

ul#home-feature-nav li a:link.selected,
ul#home-feature-nav li a:visited.selected {
	background-position : 0 0;
	color : #fff;
}

ul#home-feature-nav li a span {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	line-height : 120%;
	color: #797979;
}
ul#home-feature-nav li a:link.selected span,
ul#home-feature-nav li a:visited.selected span {
	color : #ECCF0C;
}

img.feat-wave {
	position: absolute;
	z-index: 103;
	top: 318px;
	left: 0;
}


/* Expandable Banner Updates (22/07/2011) */

.hp-expandable {width:458px;overflow:hidden;display:block;}
.home-featured {position: relative;}
#home-feature-slideshow{ float:none; position: absolute; left:0; }
ul#home-feature-nav{ float:none; position: absolute; right:0; }



/* =============================================== */
/* SECTION : Cross Sells & Routes  */
/* =============================================== */

div.cross-sell {
	float: left;
	width: 225px;
	position: relative;
}
div.cross-sell h3 {
	margin: 0 0 5px 0;
}
div.cross1 {
	width: 226px;
}
div.cross2 {
	margin: 0 1px;
}
div.cross1 .cross-content {
	margin: 10px 0 0 0;
	padding: 0px 5px 0 0;
}
div.cross2 .cross-content {
	margin: 10px 0 0 0;
	padding: 0px 5px 0 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
div.cross3 .cross-content {
	margin: 10px 0 0 0;
	padding: 0px 0 0 10px;
}
div.cross3 li {
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	width: 215px;
}
div.cross3 li a:link,
div.cross3 li a:visited {
	font-weight : normal;
	color : #5F5F5F;
	background : url(../../images/common/bullet-dots-grey.gif) no-repeat 0 4px;
	padding : 0px 0 4px 12px;
	margin : 0;
	display: block;
}
div.cross3 li a:hover,
div.cross3 li a:active {
	font-weight : normal;
	color : #5F5F5F;
}
p.cross-link {
	margin: 0;
}
.icon-360 {
	position: absolute;
	top: 210px;
	right: 15px;
}
.icon-sale {
	position: absolute;
	top: 92px;
	right: 5px;
}
img.tesco-logo {
	display: inline;
	vertical-align: middle;
}


/* Newsletter Signup */

#txtEmail {
	width: 195px;
	padding: 2px;
	margin-bottom: 4px;
}
.defaultText {
	color: #3c3c3c;
}
.defaultTextActive {
	font-style: italic;
	color: gray;
}

/* Routes */

div.home-routes {
	width: 646px;
	height: 115px;
	clear: left;
	position: relative;
	margin: 20px 0 0px 0;
	border: 1px solid #009E58;
	background: no-repeat right top;
	padding: 15px;
}
div.home-routes h3 {
	font-size: 125%;
	font-weight: normal;
}
div.home-routes-text {
	width: 300px;
}
div.home-routes-text p.hp-tile-link {
	left: 15px;
}
div.home-routes img {
	float: right;
}
p.hp-tile-link {
	position : absolute;
	bottom : 10px;
	right : 10px;
	margin : 0;
	z-index : 11;
}