/*
	======================================================
	Travelocity France - Odysia.fr, Paris
	eric.pauly-petit@travelocity.com     http:/www.odysia.fr
	======================================================
	
	
*/

BODY {

	color: #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
/*
a:link,a:active{ //  from the original Travelocity body tag 
	color : #003399;
}
a:visited { //  from the original Travelocity body tag 
	color : #0066cc;
}
a:hover {  //A link hover state. Ignored by NS4. 
	text-decoration: underline;
	color : #006699;
}*/

a.header:link{ /* This is specific for the header, and is used in the (sub) navigation */
	text-decoration: none;
	color : #006699; 
}

a.header:active{ /* This is specific for the header, and is used in the (sub) navigation */
	text-decoration: none;
	color : #006699; 
}

a.header:visited { /* This is specific for the header, and is used in the (sub) navigation */
	text-decoration: none;
	color : #006699; 
}

/*a.header:hover	{ // This is specific for the header, and is used in the (sub) navigation. Ignored by NS4.
	 text-decoration: none;
	 color : #003663; 
}*/

a.footer:link { /* This is specific for the  footer. */
	text-decoration: none;
	color : #ee5bd8; 
}

a.footer:active { /* This is specific for the  footer. */
	text-decoration: none;
	color : #ee5bd8; 
}

a.footer:visited { /* This is specific for the  footer. */
	text-decoration: none;
	color : #ee5bd8; 
}
a.whiteText:link {
	text-decoration: none;
	color : #FFFFFF; 
}

a.whiteText:active {
	text-decoration: none;
	color : #FFFFFF; 
}

a.whiteText:visited { 
	text-decoration: none;
	color : #FFFFFF; 
}
a.purpleText:link{
	text-decoration: none;
	color : #ee5bd8; 
}

a.purpleText:active {
	text-decoration: none;
	color : #ee5bd8; 
}

a.purpleText:visited { 
	text-decoration: none;
	color : #ee5bd8; 
}
a.blackText:link{
	text-decoration: none;
	color : #000000; 
}

a.blackText:active {
	text-decoration: none;
	color : #000000; 
}

a.blackText:visited { 
	text-decoration: none;
	color : #000000; 
}
a.blackTextb:link{
	text-decoration: none;
	color : #000000;
	font-weight: bold; 
}

a.blackTextb:active {
	text-decoration: none;
	color : #000000;
	font-weight: bold; 
}

a.blackTextb:visited { 
	text-decoration: none;
	color : #000000;
	font-weight: bold; 
}

a.greenText:link {
	text-decoration: none;
	color : #ee5bd8; 
}

a.greenText:active{
	text-decoration: none;
	color : #ee5bd8; 
}

a.greenText:visited { 
	text-decoration: none;
	color : #ee5bd8; 
}

a.greenTextb:link {
	text-decoration: none;
	color : #ee5bd8;
	font-weight: bold;
}

a.greenTextb:active{
	text-decoration: none;
	color : #ee5bd8;
	font-weight: bold; 
}

a.greenTextb:visited { 
	text-decoration: none;
	color : #ee5bd8; 
	font-weight: bold;
}

a.orangeText:link{
	text-decoration: none;
	color : #ee5bd8; 
}

a.orangeText:active{
	text-decoration: none;
	color : #ee5bd8; 
}

a.orangeText:visited { 
	text-decoration: none;
	color : #ee5bd8; 
}

/*
a.footer:hover	{ // This is specific for the  footer. Ignored by NS4.
	 text-decoration: none;
	 color : #FFFFFF; 
}*/

a.green:link{ /* This is specific for the green help section. */
	text-decoration: none;
	color : #ee5bd8; 
}
a.green:active{ /* This is specific for the  green help section. */
	text-decoration: none;
	color : #ee5bd8; 
}
a.green:visited { /* This is specific for the green help section. */
	text-decoration: none;
	color : #ee5bd8; 
}
/*
a.green:hover	{ // This is specific for the green help section. Ignored by NS4.
	 text-decoration: none;
	 color : #009900; 
}*/
.help {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.help b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
	font-weight: bold;
}
.citybreaks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.citybreaksGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
}
.citybreaksBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
}
.citybreaksBlue b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
	font-weight: bold;
}
small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
}
.citybreaksGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.citybreaksCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.citybreaksInfoBg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #009933;
}
.dividerBlue {
	background-color: #3EABD2;
}
.dividerGrey {
	background-color: #ee5bd8;
}

.helpBgGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F5FFF5;
}
.helpBgBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F5F9FF;
}
.helpBgPink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FEF5FF;
}
.helpBgBeige {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFAF5;
}
.citybreaks b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
	font-weight: bold;
}
.purpleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
}
.orangeText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
}
.greenText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
}
.greenTextb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ee5bd8;
	font-weight: bold;
}

.whiteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.blackText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.littleText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}
.blackTextb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

td { /* a "catch-all" style for table cells */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.tdHeaderAccountInfo { /* the style for the table cell next to the nav buttons.  Full URL to keep it NS4 compatible */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699; 
	/* ******************* DEVELOPMENT URL, NOT THE CORRECT AND FINAL URL!!! ************** */
	background : url(http://rg.travelocity.com.edgesuite.net/i/uk/middle_pass_bg.gif);
	/* ******************* DEVELOPMENT URL, NOT THE CORRECT AND FINAL URL!!! ************** */
}
.tdHeaderButtonOff { /* The off state for the buttons. Full URL to keep it NS4 compatible */
	/* ******************* DEVELOPMENT URL, NOT THE CORRECT AND FINAL URL!!! ************** */
	background : url(http://rg.travelocity.com.edgesuite.net/i/uk/button_middle_off.gif);
	/* ******************* DEVELOPMENT URL, NOT THE CORRECT AND FINAL URL!!! ************** */
}
.tdHeaderButtonOn { /* The on state for the buttons. Full URL to keep it NS4 compatible */
	/* ******************* DEVELOPMENT URL, NOT THE CORRECT AND FINAL URL!!! ************** */
	background : url(http://rg.travelocity.com.edgesuite.net/i/uk/button_middle_on.gif);
	/* ******************* DEVELOPMENT URL, NOT THE CORRECT AND FINAL URL!!! ************** */
}
.tdHeaderSubNav { /* the style for the table cell next to the nav buttons */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color : #99CCFF;
}
.tdHeaderSubNavSelected {
	text-decoration: none;
	color : #ee5bd8; 
}
.tdFooterBlue { /* the style for the blue bit of the footer */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : White;
	background-color : #0099CC;
}
.tdFooterBlack { /* the style for the black bit of the footer */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #ee5bd8;
	background-color : #000000;	
}

.tdOfferGrey { 
		background-color : #F5F5F5;	
}

hr	{ border: solid #CBCBCB 0px; border-top-width: 1px;}

.headlineTextNoPad { /* for headlines with a light grey border beneath */
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight : bold;
	color: #000000;
	margin-left: 3px;
}
.headlineTextPad { /* for headlines with a light grey border beneath and a little padding */
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight : bold;
	color: #000000;
	margin-left: 3px;
}
.ff {
		/* 	
			FormFields, is used for all text fields and selects,
			and makes those field smaller and nicer. 
			This attribut (class) is totally ignored by NS4 on
			form elements though.
		*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
	}


td { /* a "catch-all" style for table cells */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;  fontSize: 11px;
}

.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099cc;
	font-size : 10px;  fontSize: 11px;
	font-weight:bold;
}

.blueTextSmall {
font-size: 9px;  fontSize: 10px;
color: #ee5bd8; 
font-family: Verdana, Arial, Helvetica, sans-serif
}

.greenText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;  fontSize: 11px;
color: #000000;
}
.greyText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;  fontSize: 11px;
color: #666666;
}
#cannonballBV {
	width: 294px;
	height: 0px;
	background-color: #f8e7f7;
	color: #336;
}
#cannonballBodyBV{
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #f8e7f7;

}
#cannonballTopBV {
	border-bottom: 1px solid #000000;
	border-left: 2px solid #000000;

}
#cannonball {

	background-color: #FFFFFF;
	color: #ee5bd8;
}
#cannonballBody{
	background-color: #F4F1EA;

}
#cannonballTop {
	height: 0px;
	border-bottom: 1px solid #000000;
	padding: 4px;
}
.cbMid {
	height: 00px;
	padding: 4px;
	border-bottom: 1px solid #000000;
}
.cbMid p {
	margin-bottom: 4px;
	line-height: 14px;
}
#cannonballMid1 {
	display: none;
}
#cannonballMid2 {
	display: none;
}
#cannonballMid3 {
	display: none;
}
#cannonballMid4 {
	display: none;
}
#cannonballBottom {
	height: 0px;
	padding: 7px;
	text-align: right;
}

.contentShell{
	border-left: 1px solid #ee5bd8;
}

.orange {
	color: #ee5bd8;
}
.listEntryLarge {
	clear: both;
	background-color: #EDEEF2;
	color: #666;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #fff;
}
.listEntryLargeYellow {
	clear: both;
	background-color: #FDEDC8;
	color: #666;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #fff;
}
.listEntryLargeSubYellow {
	clear: both;
	background-color: #F1DDAE;
	color: #666;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #fff;
}
.listEntryLargeBlue {
	clear: both;
	background-color: #ECF5FE;
	color: #666;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #fff;
}
.listEntryLargeGreen {
	clear: both;
	background-color: #ECF0DF;
	color: #666;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #fff;
}
.listEntryLargePink {
	clear: both;
	background-color: #EEEEF7;
	color: #666;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #fff;
}
.listEntryLargeOrange {
	clear: both;
	background-color: #f8e7f7;
	color: #666;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #fff;
}
.listEndSmall {
	background-color: #EDEEF2;
	color: #666;
	padding: 3px 6px 6px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
}
.listEndSmallYellow {
	background-color: #FDEDC8;
	color: #666;
	padding: 3px 6px 6px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
}
.listEndSmallBlue {
	background-color: #ECF5FE;
	color: #666;
	padding: 3px 6px 6px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
}
.listEndSmallGreen {
	background-color: #ECF0DF;
	color: #666;
	padding: 3px 6px 6px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
}
.listEndSmallPink {
	background-color: #EEEEF7;
	color: #666;
	padding: 3px 6px 6px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
}
.listEndSmallOrange {
	background-color: #f8e7f7;
	color: #666;
	padding: 3px 6px 6px 6px;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #69c;
}
a, a:link, a:visited, a:active {
	color: #666666;;
	text-decoration: none;
}
.orange a, .orange a:link, .orange a:visited, .orange a:active {
	color: #f61;
}
.blue a, .blue a:link, .blue a:visited, .blue a:active {
	color: #336;
}
a:hover {
	color: #336;
	text-decoration: underline;
}
form.fix {margin:0px;}

.textbleu {
	clear: both;
	line-height: 14px;
	padding: 0px 0px 0px 0px;
	color: #333366;
	font-size: 11px;
    font-weight: bold;
}
.textbleu2 {
	clear: both;
	line-height: 12px;
	padding: 0px 0px 0px 0px;
	color: #333366;
	font-size: 10px;
}
.textbleu3{
	clear: both;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	color: #333366;
	font-size: 14px;
    font-weight: bold;
}
.textorange {
	clear: both;
	line-height: 11px;
	padding: 0px 0px 0px 0px;
	color: #ee5bd8;
	font-size: 10px;
}
.textgris {
	clear: both;
	line-height: 14px;
	padding: 6px 3px 6px 6px;
	color: #666666;
	font-size: 10px;
}

.tablelisting {
	clear: both;
	background-color: #ECF5FE;
	line-height: 11px;
	padding:4px 4px 4px 4px;
	color: #333366;
	font-size: 10px;
	border-bottom: 1px solid #999999;
}
.tablelisting2 {
	clear: both;
	background-color: #ECF5FE;
	line-height: 11px;
	padding:4px 4px 4px 4px;
	color: #333366;
	font-size: 10px;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}
.tableinfo {
	clear: both;
	line-height: 13px;
	padding: 6px 6px 6px 6px;
	color: #666666;
	font-size: 10px;
	background-color: #EDEEF2;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}
.tableinfo2 {
	clear: both;
	line-height: 13px;
	padding: 6px 6px 6px 6px;
	color: #666666;
	font-size: 10px;
	background-color: #ffffff;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
.tableinfo3 {
	clear: both;
	line-height: 10px;
	padding: 3px 3px 3px 3px;
	color: #666666;
	font-size: 10px;
	background-color: #ffffff;
	border-left: 1px solid #EDEEF2;
	border-bottom: 1px solid #EDEEF2;
}
.tableinfo4 {
	clear: both;
	line-height: 13px;
	padding: 6px 6px 6px 6px;
	color: #666666;
	font-size: 10px;
	background-color: #EDEEF2;
	border-bottom: 1px solid #0099CC;
	border-top: 1px solid #0099CC;
}
.tableinfo5 {
	clear: both;
	line-height: 13px;
	padding: 6px 6px 6px 6px;
	color: #ffffff;
	font-size: 10px;
	background-color: #99CCFF;
	border-bottom: 1px solid #6699CC;
	border-top: 1px solid #6699CC;
}
.tableinfo6 {
	clear: both;
	line-height: 13px;
	padding: 6px 6px 6px 6px;
	color: #666666;
	font-size: 10px;
	background-color: #F1F2F6;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}
.tableinfo7 {
	clear: both;
	line-height: 13px;
	padding: 6px 6px 6px 6px;
	color: #666666;
	font-size: 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}
.tableinfo8 {
	clear: both;
	line-height: 13px;
	padding: 6px 6px 6px 6px;
	color: #666666;
	font-size: 10px;
	background-color: #F1F2F6;
	border-bottom: 1px solid #5A94EB;
	border-right: 1px solid #5A94EB;
	border-left: 1px solid #5A94EB;
	border-top: 1px solid #5A94EB;
}
.tabletitre1 {
	clear: both;
	background-color: #99CCFF;
	line-height: 14px;
	padding: 2px 6px 3px 6px;
	font-size: 10px;
	color: #333366;	
	font-weight: bold;
	border-top: 1px solid #6699CC;
}
.lienvert {
	clear: both;
	line-height: 14px;
	padding: 6px 6px 3px 6px;
	color: #ee5bd8;
	font-size: 10px;
}
.prix {
	clear: both;
	line-height: 14px;
	
	color: #ee5bd8;
	font-size: 12px;
    font-weight: bold;
}
.prix2 {
	clear: both;
	line-height: 14px;
	color: #ee5bd8;
	font-size: 14px;
    font-weight: bold;
}
.prixWhite {
	clear: both;
	line-height: 14px;
	color: #FFFFFF;
	font-size: 12px;
    font-weight: bold;
}
.navwhite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;  fontSize: 11px;
color: #FFFFFF;
 font-weight: bold;
}
.navblue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;  fontSize: 11px;
color: #333366;
 font-weight: bold;
}
.toolTip{
	position:absolute;
	top:0;
	left:0;
	background:#FEFEED;
	border-color:black;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	visibility:hidden
}
.toolTipTD {
	background:#FEFEED;
	color:black; 
	font-family:verdana; 
	font-size:11
}
.GreyBg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EDEEF2;
	border-bottom: 1px solid #ffffff;
	padding: 2px 6px 2px 6px;
	color: #666666;
}
.GreyBg2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F2F3F6;
	border-bottom: 1px solid #ffffff;
	padding: 2px 6px 2px 6px;
	color: #666666;
}

.t1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}