/*

 * Author: Conchango

 * Project: Aer Lingus

 * Comment: Promotional Content Stylesheet



----------------------

Contents: 1. Ancillaries

2. Centre

3. Row

4. Icons



*/







/****************************************************************************

	=promo-centre

*****************************************************************************/



#promo-centre {

	float: left;

	margin-left: 1px;

	height: 200px;

	position: relative;

}



#promo-centre ul.image-area li  {

  
	position: absolute;

	top: 0;

	left: 0;

	filter: alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;
	
	padding-left: 0px;
	
	
}



#promo-centre ul.image-area li.active  {

	list-style-type: none;
	
	filter: alpha(opacity=100);

	-moz-opacity: 1.0;

	opacity: 1.0;
	
	padding-left: 0px; 

}



#promo-centre div.controller {

	background: url(/media/aerlinguscom/styleassets/images/promo-centre/destplayer-bg.jpg) no-repeat scroll;

	bottom: 0;

	height: 30px;

	left: 0;

	position: absolute;

	width: 460px;

	margin-bottom: 10px;
}



#promo-centre div.controller ul.controls {

	left: 11px;

	position: absolute;

	top: -4px

}



#promo-centre div.controller ul.controls li {
 
  display: inline;

	margin-right: 2px;
	
	padding-left: 0px;

}



#promo-centre div.controller ul.pics {

	      position: absolute;

        right: 11px;        

	      top: -2px;
        
        margin: 0px;
       
        padding-right: 1px;
   

}



#promo-centre div.controller ul.pics li {

	float: left;
	cursor: pointer;
        padding: 0; 
        margin:0;
}






/****************************************************************************

	=promo-row

*****************************************************************************/



.promo-row {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/bg.gif) repeat -2px top;

	margin: 0 1px 11px;

	min-height: 1%;

}



.promo-row .promo-login {

	background-color: #FFF;

	float: left;

	margin-right: 8px;

	min-height: 180px;

	position: relative;

	width: 380px;

}



.promo-row .promo-login h3 {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/h3-login-bg-b.gif) no-repeat scroll left bottom;

	color: #00907E;

	font-weight: bold;

	margin-top: -0.3em;

	text-decoration: none;

}



.promo-row .promo-login h3 span {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/h3-login-bg-t.gif) no-repeat scroll left top;

	display: block;

	padding: 4px 10px 4px 14px

}



.promo-row .promo {

	float: left;

	min-height: 150px;

	padding: 0 8px 2.5em;

	position: relative;

	width: 179px;

}



.promo-row .promo-logged-in {

	padding-bottom: 0;

	width: 177px;

}



.promo-row .promo-logged-in p {

	margin-bottom: 8px;

}



.promo-row .promo-login .first {

	width: 143px;

}



.promo-row .promo-login .second {

	width: 173px;

}



.promo-row .promo-login .promo {

	min-height: 0;

	padding: 0.5em 8px 0 14px;

	position: static;

}



.promo-row .promo h4 {

	font-weight: bold;

	margin-bottom: 0.6em;

}



.promo-row .promo img {

	margin-bottom: 5px;

	display: block;

}



.promo-row .promo p.btn,.promo-row .promo-login .second #btn-login {

	bottom: 0;

	margin-bottom: 0;

	position: absolute;

	right: 4px;

	width: auto;

}



.promo-row .promo-login .second label {

	left: -10000px !important;

	position: absolute !important;

}



.promo-row .promo-login .second input {

	border: 1px solid #999;

	color: #666;

	font-size: 95%;

	margin-bottom: 10px;

	padding: 2px 0 0 2px;

	width: 188px;

}



.promo-row .promo h3 {

	color: #00907E;

	font-weight: bold;

	margin-bottom: 0.7em;

}



.promo-row .promo-last {

	padding-right: 0;

}



/****************************************************************************

	=promo-row-icons

*****************************************************************************/



.promo-row-icons {

	position: relative;

	width: 100%;

	padding: 10px 14px;

	margin: 0 -14px 18px;

}



.promo-row-icons h2 {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/promo-row-icons-bg.png) repeat-x;

	color: #00907E;

	font-size: 120%;

	font-weight: bold;

	margin: 0 -14px;

	min-height: 34px;

	padding: 16px 14px 0 ;

	width: 972px

}



.promo-row-icons li {

	float: left;

	min-height: 67px;

	padding-left: 75px;

	padding-right: 16px;

	width: 104px;

	position: relative;

}



.promo-row-icons li img {

	float: left;

	margin-right: 9px;

}



.promo-row-icons li h3 {

	color: #0095D9;

	font-weight: bold;

	margin-bottom: 1em;

}



.promo-row-icons p a  {

	width: 69px;

	height: 67px;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

}



.promo-row-icons p a em {

	display: block;

	height: 0;

	width: 0;

	overflow: hidden;

	visibility: hidden;

}



.car-hire p a {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/icon-car-hire.jpg) no-repeat;

}



.hotels p a {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/icon-hotels.jpg) 0 0 no-repeat;

}



.insurance p a {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/icon-insurance.jpg) no-repeat;

}



.lounges p a {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/icon-lounges.jpg) no-repeat;

}



.vouchers p a {

	background: url(/media/aerlinguscom/styleassets/images/promo-row/icon-flight-vouchers.jpg) no-repeat;

}



.hotels p a:hover,

.car-hire p a:hover,

.insurance p a:hover,

.lounges p a:hover,

.vouchers p a:hover {

	background-position: bottom left;

}



.promo-row-icons .last {

	padding-right: 0;

	width: 114px;

}