/* =Main Index Content
-----------------------------------------------------------------------------*/

h2 span {
	color: #E42875;
}

.lastMinMargin { 
	margin:8px 0px 8px 0px !important;
	padding-left:8px; 
}

.intro_text {
	border: 1px solid #707070;
	margin-bottom: 30px;
	padding: 10px;
	width: 706px;
	overflow: hidden;
}

p.citLogo {
	height:0px;
	width:152px;
	margin-top:0px;
	padding-top:37px;
	overflow:hidden;
	background:url(themes/cit/images/index/italyByCitalia.gif) no-repeat;
}

.intro_text .introContent {
	float: left;
	width: 390px;
}


.intro_text img {
	float: right;
}

/* =Special Offers Box - Index
-----------------------------------------------------------------------------*/
.offerTableContainer {
	border: 1px solid #6c6c6c;
	margin-bottom: 10px;}
.offerTableContainer h2{
	background: #D3005F;
	font-weight: bold;
	margin: 0;
	padding: 11px;
}
.offerTableContainer h2 a{
	color: #fff;
	text-decoration: underline;
}
#indexOffersHeader {
	background: #E3E3E3;
	font-size: 1.0em;
	width: 100%;
}

#indexOffersHeader .indexOffersHeaders {
	
	background-color: #707070;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	height: 21px;
	padding-left: 5px;
}
#indexOffersHeader .indexOffersHeaders th{

	background-color: #707070;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	height: 21px;
	padding-left: 5px;
}
#indexOffersHeader .indexOffersHeaders td {
	padding-left: 5px;
}

#indexOffers {
	background: #E3E3E3;
	font-size: 1.0em;
	border-top: 2px solid #F2F2F2; 
	border-left:5px solid #F2F2F2;
	border-right:5px solid #F2F2F2; 
	border-bottom:2px solid #F2F2F2;
}

#indexOffers tr .indexOffersContent a img {
	border: none;
}

.indexOfferRows { 
	padding-left:10px !important;
}

.offerDateHeader { width:70px; padding-left:11px !important; }
.offerRegionHeader { width:81px; padding-left:8px !important; }
.offerAccomHeader { width:187px; }
.offerBoardHeader { width:74px;}
.offerFromHeader { width:69px; }
.offerNightsHeader { width:50px; }
.offerPriceHeader {  }

.offerDate, .offerRegion, .offerAccom, .offerBoard, .offerFrom, .offerNights, .offerPrice, .offerBook  {
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
	padding: 2px 2px 2px 6px;
}

.offerDate { width:70px;}
.offerRegion { width:78px;}
.offerAccom { width:184px;}
.offerBoard { width:70px;}
.offerFrom { width:68px;}
.offerNights { width:45px;}
.offerPrice { width:78px; font-weight:bold;}

.offerPrice span { color:#E42875; }

/* =Flights offer group styling
-----------------------------------------------------------------------------*/



.flightsMessageHead{
	background-color:#B53A59;
	width:220px;
	margin-top:5px;
	margin-bottom: 2px;
	color:#fff;
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px 0px;
}

.flightsMessageText{
	background-color:#B53A59;
	width:212px;
	margin-bottom:5px;
	color:#fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
}

.flightsMessagImage{
	width: 90px;
	height: 68px;
	float: left;
	margin-right: 5px;
}
.flightsMessagInnerText{
	width: 210px;
}

.flightsMessageText img.logo{
	float: left;
	padding: 4px;
}

/* =Features Box
-----------------------------------------------------------------------------*/
/*
#featureContainer{
	background-image:url(themes/cit/images/pageElements/background/featureBoxBg.gif) repeat-y left top;
	height: 302px;
	overflow:hidden;
}
*/
#offerFeatures{
	padding: 0;
	height: 287px;
	background-color:#E9E9E9;
	border: 1px solid  #6c6c6c;
	border-top: 10px  solid  #6c6c6c;
	margin-bottom: 10px;
	clear: left;
}
.ui-tabs-hide{
    display: none;
}
.ui-tabs-nav {
	float:left;
	margin:0;
	padding:0;
	list-style: none;
	width: 233px;
	height: 287px;
	background-image: url(themes/cit/images/pageElements/background/promoShadow.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
	display:block;
	height: 25px;
	line-height:25px;
	padding-left: 25px;
	padding-bottom: 5px;
	color:#095289;
	font-size:1em;
}

.ui-tabs-nav li.italianExperience { 
	background-image: url(themes/cit/images/index/featureBox/italyByCitalia.gif);
	background-repeat: no-repeat;
	height: 45px !important;
	margin: 15px 0 10px 25px !important;
	padding:0 !important;
	width: 154px;
}

#offerFeatures div.ui-tabs-panel{
	float:left;
}
.ui-tabs-nav li.ui-tabs-selected {
	background: #299727;
	background-image: url(themes/cit/images/pageElements/background/promoShadowGreen.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 25px;
	line-height: 25px;
}
.ui-tabs-nav a {
	background-image: url(../images/pageElements/background/promoArrowBlk.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 12px;
    font-weight: bold;
    font-size:16px;
    color: #000000;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */

}
.ui-tabs-nav .ui-tabs-selected a { 
	background-image: url(../images/pageElements/background/promoArrowWht.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 12px;
	font-weight: bold;
	color: #ffffff;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/* Offer of the Week Panel
	filter:inherit used to fix positioned elements fading in IE8	*/
#offerOTW { font-size: 12px; position: relative; filter:inherit; }
#offerOTW a {  display: block; width: 493px; height: 287px; overflow: hidden; text-decoration: none; cursor: pointer; filter:inherit; }
#offerOTW a .offerOTWBackground { position: absolute; top: 0; left: 0; height: 287px; filter:inherit; }
#offerOTW a .offerOTWText { display: block; position: absolute; right: 0; width: 225px; height: 267px; padding: 10px; background: #000 url('themes/cit/images/pageElements/buttons/btnViewHotel.jpg') 10px 257px no-repeat; border-left: 1px solid #03213B; color: #FFF; filter:inherit; }
#offerOTW a .offerOTWTextContainer { display: block; height: 242px; overflow: hidden; }

#offerOTW ul { list-style-type: none; margin: 0; padding: 0; }
#offerOTW ul li { padding: 0; line-height: 1.1em; margin: 0 0 10px 0; font-size: 14px; }
#offerOTW ul li.valueAdded ul { border-top: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D; padding: 8px 0; height: 84px; overflow: hidden; }
#offerOTW ul li.valueAdded ul li { margin: 0 0 5px 0; padding: 0 0 0 10px; line-height: 1.2em; background: transparent url('themes/cit/images/pageElements/background/bulletWhiteOnBlack.gif') -3px 3px no-repeat; font-size: 12px; }
#offerOTW ul li.hotelName { font-weight: bold; font-size: 16px; }
#offerOTW ul li.hotelRegion { text-transform: uppercase; }
#offerOTW ul li.boardBasis { line-height: 18px; }
#offerOTW ul li span { white-space: nowrap; }
#offerOTW ul li.priceSaving strong { font-size: 18px; }

/* =Destinations - Index
-----------------------------------------------------------------------------*/
#destinationWrapper {
	width: 728px;
	overflow: hidden;
	margin-bottom: 10px;
}
#rightDestinations {
	width: 322px;
	float: right;
	padding: 8px 17px 12px 17px;
	border: 1px solid #707070;
	background: #E9E9E9;
}
#leftDestinations {
	width: 322px;
	float: left;
	padding: 8px 17px 12px 17px;
	border: 1px solid #707070;
	background: #E9E9E9;
}
h3.destinationHeader {
	font-size: 16px;
	line-height: 16px;
	color: #000;
	margin: 0;
	padding: 0;
}
p.destinationRuled {
	color: #000;
	margin: 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #BABABA;
}
img.destinationLeft {
	float: left;
	margin-right: 12px;
	margin-top: 10px;
	margin-bottom: 4px;
	border: 1px solid #6C6C6C;
}
img.destinationRight {
	float: left;
	margin-top: 10px;
	margin-bottom: 4px;
	border: 1px solid #6C6C6C;
}
div.destinationText {
	margin-top: 0;
	margin-bottom: 0;
	width: 321px;
}
span.destinationArrow {
	background-image: url(../images/pageElements/background/promoArrowBlk.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 10px;
	margin-left: 10px;
	color: #000;
	font-weight: bold;
	width: 133px;
	float: left;
	line-height: 12px;
}
span.destinationArrowRight {
	background-image: url(../images/pageElements/background/promoArrowBlk.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 10px;
	margin-left: 10px;
	color: #000;
	font-weight: bold;
	width: 133px;
	float: right;
	line-height: 12px;
}
a.destinationLocation:link {
	text-decoration: none;
	color: #000000;
}
a.destinationLocation:visited {
	text-decoration: none;
	color: #000000;
}
a.destinationLocation:hover {
	text-decoration: none;
	color: #E00060;
}
a.destinationLocation:active {
	text-decoration: none;
	color: #E00060;
}