/*************************************************************************/
/** BELOW ARE CLASSES USED FOR TRAVEL GUIDES PAGES**/
/*************************************************************************/
.w55pc {width: 55%; position: relative;}
.w45pc {width: 45%; position: relative; text-align:right;}
.w25pc {width: 25%; position: relative; text-align:right;}
.w70pc {width: 70%; position: relative; text-align:right;}
.w20pcr{width:20%; position: relative; text-align: right;}
.formLabel {width: 28%; text-align: right;}
h1.pageTitle{font: 1.7em/2em verdana, arial;}
.greyBdr {background:#ccc;padding:1px;}
.greyBdrTop {border-top:1px solid #ccc;}
.whiteBdrTop {border-top:2px solid #fff;}
.nowrap{whitespace:nowrap;}
.OrangeButton{background-color:#FF3300;}
.paleGreen {background-color: #e6e6c1;}
.lyellowBG { background-color:#FFE8B9; }

#seoCityLinks a{color:#666;font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%;}
#seolinks {color:#666; }
#seolinks p a {color:#666;text-decoration:none;}
@media print{.dontPrint{display:none;}}

/*the specialMargin4 need to be put here, above all the other specialMargin (i.e. 1,2 or 3) because it has the margin left 10px (postiive figure), which if put below specialMargin3, its stylesheet will somehow be overwritten*/
.specialMargin4 {	
			margin-left:0px;
			margin-left: 10px !important; /* Styles for Safari */
			margin-left: 0px; /* Styles for MS IE5 PC */
			margin-left/**/:/**/0px; /* Styles for IE6 PC */}
}
.specialMargin{
		margin-left:0px;
		margin-left:-2px !important; /* Styles for Mozilla, Safari, IE Mac */
		margin-left: 0px; /* Styles for MS IE5 PC */
		margin-left/**/:/**/0px; /* Styles for IE6 PC */
}
/*******************************************************************************************************************/
/* Stylesheets for Continent/ Country/ TopTenDestination section so that it compatible in different browsers*/
.specialMargin1 { 
			margin-left:0px;
			margin-left:-25px !important; /* Styles for Mozilla, Safari, IE Mac */
			margin-left: 15px; /* Styles for MS IE5 PC */
			margin-left/**/:/**/10px; /* Styles for IE6 PC */
			}
.specialMargin2 { 
			margin-left:0px;
			margin-left:-30px !important; /* Styles for Mozilla, Safari, IE Mac */
			margin-left: 10px; /* Styles for MS IE5 PC */
			margin-left/**/:/**/10px; /* Styles for IE6 PC */
			}
.specialMargin3 {	
			margin-left:0px;
			margin-left:-15px !important; /* Styles for Mozilla, Safari, IE Mac */
			margin-left: 25px; /* Styles for MS IE5 PC */
			margin-left/**/:/**/25px; /* Styles for IE6 PC */}
}

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


/*****************Stylesheets for CALENDAR***************************/
.dateDrop{ width: 44px !important; width: 50px; /**/ }
.monthDrop{ width: 110px !important; width: 110px; /**/ }
.fsmall{ font-size: 9px; font-family: verdana,arial,sans-serif; line-height: 150%;}
/*************************************************************************/

/*************************************************************************/
/** BELOW ARE 3 CLASSES TAKEN FROM homepage.css				**/
/** used to show the error message when javascript disabled      	**/
/*************************************************************************/
.errorh{ color: #FF3004; font-size: 18px; font-weight: bold; }
.errors{ color: #FF3004; font-weight: normal; }
* { font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
/*************************************************/
/** HTML TAG SETUP                              **/
/*************************************************/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
form {
	margin: 0;
	background-color: transparent;
}
p, table, input, select, label {
	font: 1em/1.3em verdana, arial;
	color: #000;
/**	margin: 0.5em 0;**/
}
a {
/** Do we really want this across the whole site?
    More flexible to assign to each hyperlink class? **/
	text-decoration: none;
}
a:hover {
/** Do we really want this across the whole site?
    More flexible to assign to each hyperlink class? **/
	text-decoration: underline;
	background-color: transparent;
}



/*************************************************/
/** WRAPPER                                     **/
/*************************************************/
#headerWrapper-opodo {
	width: 750px;
	font-size: 75%;
	font: 0.7em/1.2em verdana, arial;
	color: #000;
	background-color: #fff;
}
#bodyWrapper-opodo {
	font-size: 75%;
	font: 0.7em/1.2em verdana, arial;
	color: #000;
	background-color: #fff;
	padding-left: 10px; /** Remove padding 10px once SiteFlex goes live, as the new design will have width 750px for its header and footer. **/
}
#footerWrapper-opodo {
	width: 750px;
	font-size: 75%;
	font: 0.7em/1.2em verdana, arial;
	color: #999;
	background-color: #fff;
}



/*************************************************/
/** POD HEADER                                  **/
/*************************************************/
.podHeader-brand-primary {
	background-color: #900;
	padding: 0px 10px;
	color: #fff;
}
.podHeader-brand-secondary {
	background-color: #f7f7e7;
	padding: 5px 10px;
	color: #000;
}
.podHeader-brand-tertiary {
	background-color: #fff;
	padding: 5px 10px;
	color: #000;
}
.podHeader-car-primary {
	background-color: #026431;
	padding: 0px 10px;
	color: #fff;
}
.podHeader-car-secondary {
	background-color: #c3d6c2;
	padding: 0px 10px;
	color: #000;
}
.podHeader-car-tertiary {
	background-color: #e0ece0;
	padding: 0px 10px;
	color: #000;
}
.podHeader-country-primary {
	background-color: #fba445;
	padding: 0px 10px;
	color: #fff;
}
.podHeader-country-secondary {
	background-color: #fbd1a3;
	padding: 0px 10px;
	color: #000;
}
.podHeader-country-tertiary {
	background-color: #fff3e7;
	padding: 0px 10px;
	color: #000;
}
.podHeader-flight-primary {
	background-color: #999967;
	padding: 0px 10px;
	color: #000;
}
.podHeader-flight-secondary {
	background-color: #cc9;
	padding: 0px 10px;
	color: #000;
}
.podHeader-flight-tertiary {
	background-color: #e6e6c1;
	padding: 0px 10px;
	color: #000;
}
.podHeader-holiday-primary {
	background-color: #c69;
	padding: 0px 10px;
	color: #000;
}
.podHeader-holiday-secondary {
	background-color: #eabfd4;
	padding: 0px 10px;
	color: #000;
}
.podHeader-holiday-tertiary {
	background-color: #f0e1e8;
	padding: 0px 10px;
	color: #000;
}
.podHeader-hotel-primary {
	background-color: #9285aa;
	padding: 0px 10px;
	color: #000;
}
.podHeader-hotel-secondary {
	background-color: #d2d2e9;
	padding: 0px 10px;
	color: #000;
}
.podHeader-hotel-tertiary {
	background-color: #ededf6;
	padding: 0px 10px;
	color: #000;
}
.podHeader-insurance-primary {
	background-color: #6b91be;
	padding: 0px 10px;
	color: #000;
}
.podHeader-insurance-secondary {
	background-color: #c5d9f2;
	padding: 0px 10px;
	color: #000;
}
.podHeader-insurance-tertiary {
	background-color: #e3edf9;
	padding: 0px 10px;
	color: #000;
}
.podHeader-package-primary {
	background-color: #adbdce;
	padding: 0px 10px;
	color: #000;
}
.podHeader-package-secondary {
	background-color: #d0dbe2;
	padding: 0px 10px;
	color: #000;
}
.podHeader-package-tertiary {
	background-color: #e8eff3;
	padding: 0px 10px;
	color: #000;
}
.podHeader-travelGuide-primary {
	background-color: #fc6;
	padding: 0px 10px;
	color: #000;
}
.podHeader-travelGuide-secondary {
	background-color: #ffe8b9;
	padding: 5px 10px;
	color: #000;
}
.podHeader-travelGuide-tertiary {
	background-color: #fff;
	padding: 3px 10px;
	color: #000;
}



/*************************************************/
/** POD BODY                                    **/
/*************************************************/
.podBody-brand-primary {
	background-color: #900;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #fff;
}
.podBody-brand-secondary {
	background-color: #f7f7e7;
	margin: 2px 0 0 0;
	padding: 5px 10px;
	color: #000;
}

.podBody-brand-tertiary {
	background-color: #fff;
	margin: 2px 0 0 0;
	padding: 5px 10px;
	color: #000;
}
.podBody-car-primary {
	background-color: #026431;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #fff;
}
.podBody-car-secondary {
	background-color: #c3d6c2;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-car-tertiary {
	background-color: #e0ece0;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-country-primary {
	background-color: #fba445;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #fff;
}
.podBody-country-secondary {
	background-color: #fbd1a3;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-country-tertiary {
	background-color: #fff3e7;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-flight-primary {
	background-color: #999967;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-flight-secondary {
	background-color: #cc9;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-flight-tertiary {
	background-color: #e6e6c1;
	margin: 2px 0 0 0;
	padding: 5px 10px;
	color: #000;
}
.podBody-holiday-primary {
	background-color: #c69;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-holiday-secondary {
	background-color: #eabfd4;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-holiday-tertiary {
	background-color: #f0e1e8;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-hotel-primary {
	background-color: #9285aa;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-hotel-secondary {
	background-color: #d2d2e9;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-hotel-tertiary {
	background-color: #ededf6;
	margin: 2px 0 0 0;
	padding: 5px 10px;
	color: #000;
}
.podBody-insurance-primary {
	background-color: #6b91be;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-insurance-secondary {
	background-color: #c5d9f2;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-insurance-tertiary {
	background-color: #e3edf9;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-package-primary {
	background-color: #adbdce;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-package-secondary {
	background-color: #d0dbe2;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-package-tertiary {
	background-color: #e8eff3;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-travelGuide-primary {
	background-color: #fc6;
	margin: 2px 0 0 0;
	padding: 5px;
	color: #000;
}
.podBody-travelGuide-secondary {
	background-color: #ffe8b9;
	margin: 2px 0 0 0;
	padding: 0px 5px 0px 0px;
	color: #000;
}
.podBody-travelGuide-tertiary {
	background-color: #fff;
	margin: 2px 0 0 0;
	padding: 0;
	color: #000;
}



/*************************************************/
/** POD FOOTER - in development...              **/
/*************************************************/
.podFooter-brand-primary {
	background-color: #900;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #fff;
}
.podFooter-brand-secondary {
	background-color: #f7f7e7;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #000;
}
.podFooter-brand-tertiary {
	background-color: #fff;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #000;
}



/*************************************************/
/** HYPERLINK                                   **/
/*************************************************/
a.link-brand-primary {
	color: #900;
}
a.link-brand-secondary {
	color: #f30;
}
a.link-brand-tertiary {
	color: #fff;
}
/* create fourth brand to replace secondary below?
	- UPDATE: No need now... using ".link-brand-secondary". To style using black font then you use ".primary" class.
	a.secondary { color: #ff3004;font-weight: bold; } */



/*************************************************/
/** PARAGRAPH, HYPERLINK, LABEL, DIV, SPAN      **/
/*************************************************/
.primary {
	color: #000;
}
.secondary {
	color: #666;
}
.tertiary {
	color: #fff;
}



/*************************************************/
/** LIST - <ul>, <li>, <ol>, <dl>, <dt>, <dd>   **/
/*************************************************/

/* todo: RENAME TO PRIMARY, SEC, TERT. */
ul.primary {
	/** non-bulleted list **/
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.secondary {
	padding-left: 0px 0px 0px 15px;
	margin: 0;
}
ul.tertiary {
	/** ? **/
}
li.primary {
	/** ? **/
	clear: both;
	font: 1em/1.5em verdana, arial;
	padding: 2px 0;
}
li.secondary {
	/** ? **/
}
li.tertiary {
	/** ? **/
}
dl.primary {
	margin: 0;
}
dl.secondary {
}
dl.tertiary {
}
dt.primary {
	margin: 0;
}
dt.secondary {
}
dt.tertiary {
}
dd.primary {
	margin: 0;
}
dd.secondary {
}
dd.tertiary {
}
/**
	ul.noBullet { padding: 0; margin: 0; list-style-type: none; }
	ul.noBullet li { clear: both; font: 1em/1.5em verdana, arial; padding: 2px 0; }
	dl, dt, dd { margin: 0; }
**/



/*************************************************/
/** HORIZONTAL RULE                             **/
/*************************************************/
hr.primary {
	border: 0;
	color: #900;
	background-color: #900;
	height: 2px;
}
hr.secondary {
	border: 0;
	color: #999;
	background-color: #999;
	height: 1px;
}
hr.tertiary {
	border: 0;
	color: #fff;
	background-color: #fff;
	height: 1px;
}



/*************************************************/
/** HEADING                                     **/
/*************************************************/
h1 {
	font: bold 1.3em/1.5em verdana, arial;
	padding: 3px 0px;
}
h2 {
	font: bold 1.1em/1.6em verdana, arial;
	padding: 3px 0px;
}
h2.split {
	font: bold 1.1em/2em verdana, arial;
	display:inline;	
}
h3 {
	/* NOT CONFIRMED */
	font: bold 1em/1.5em verdana, arial;
	padding: 3px 0px;
}
h4 {
	/* NOT CONFIRMED */
	font: bold 1.3em/1.5em verdana, arial;
	padding: 3px 0px;
}
h5 {
	/* NOT CONFIRMED */
	font: bold 1.3em/1.5em verdana, arial;
	padding: 3px 0px;
}
h6 {
	/* NOT CONFIRMED */
	font: bold 1.3em/1.5em verdana, arial;
	padding: 3px 0px;
}




.floatL {
	float: left;
}
.floatR {
	float: right;
}
.vtop {
	vertical-align:top;
}
.clear {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.opacity {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.50;
}
.nowrap {
    white-space:nowrap
}
/* TODO: create three table classes */
/**************
   RW - removed table object from being styled.
   There is an issue with the old header / footer so this cannot be used until siteflex is live.
p, table {
	margin: 0.6em 0;
}

***************/
p {
	margin: 0.6em 0;
}

.ptb10 {padding-top:10px;padding-bottom:10px;}
.ptb20 {padding-top:20px;padding-bottom:20px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}

/***************************************************/
/** CLASSES I AM NOT HAPPY ABOUT, BUT DUE TO THE  **/
/** DESIGN I DONT THINK WE HAVE AN OPTION         **/
/***************************************************/
.pl5 { padding-left: 5px; } 
.pl10 { padding-left: 10px; } 
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.center { text-align: center; } 
.w33pc { width: 32% }
.w50pc { width: 49.99% }
.w100pc { width: 100% }
/* Special styles for Header and Footer*/
body{margin:0px;}
.fsmall{ font-size: 9px; font-family: verdana,arial,sans-serif; line-height: 150%; }
.bt10 { BORDER-TOP: 10px solid #ffffff;}
a.utbelt:visited,a.utbelt:link{ background-color: #FFFFFF; color: #000000; text-decoration: none; font-weight:bold; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
a.utbelt:active,a.utbelt:hover{ background-color: #FFFFFF; color: #000000; text-decoration: underline; font-weight:bold; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
a.wh:visited,a.wh:link{ color: #FFFFFF; text-decoration: none; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
a.wh:active,a.wh:hover{ color: #FFFFFF; text-decoration: underline; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
a.whsl:visited span ,a.whsl:link span{ background-color: #990033; color: #FCCE33; text-decoration: none; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
a.whsl:visited, a.whsl:link{ background-color: #990033; color: #FFFFFF; text-decoration: none; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
a.whsl:active span ,a.whsl:hover span{ background-color: #990033; color: #FCCE33; text-decoration: underline; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
a.whsl:active, a.whsl:hover{ background-color: #990033; color: #FFFFFF; text-decoration: underline; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }
.e10{ width: 10px; height: 10px; }
.h24{ height: 24px; }
.h26{ height: 26px; }
.l9{ padding-left: 9px; }
.r9{ padding-right: 9px;}
.r19{ padding-right: 19px; }
.r14{ padding-right: 14px; }
.bgvlinegrey{ background-image: url(/gen/opodo/images/layout/vline_grey.gif); background-position: center; background-repeat: no-repeat; height: 17px;}
.footerTextBold{color:#666666;font-size:10px;font-family:Verdana,Arial,Helvetica,Sans-Serif;font-weight:bold;line-height:12px;text-decoration:none;}
/* Special styles for Header and Footer*/

/* dotted lines */
	.lblueDotsV {
         background-image:url(/gen/opodo/images/layout/lblueDotsV.gif);
         width:1px;
		 background-repeat: repeat-y;
	}
	.lblueDotsH {
         background-image:url(/gen/opodo/images/layout/lblueDotsH.gif);
         height:1px;
		 line-height:1px;
		 background-repeat: repeat-x;
	}
	.dblueDotsH {
         background-image:url(/gen/opodo/images/layout/dblueDotsH.gif);
         height:1px;
		 line-height:1px;
		 background-repeat: repeat-x;
	}
	.greyDotsH {
     background-image:url(/gen/opodo/images/layout/grey_dot.gif);
     height:1px;
		 line-height:1px;
		 background-repeat: repeat-x;
	}


	.beigeDotsV {
		background-image:url(/gen/opodo/images/layout/beigeDotsV.gif);
      background-repeat: repeat-y;
		width:1px;
	}
	.beigeDotsH {
         background-image:url(/gen/opodo/images/layout/beigeDotsH.gif);
         height:1px;
		 line-height:1px;
		 background-repeat: repeat-x;
	}
	.mpurpleDotsH {
         background-image:url(/gen/opodo/images/layout/mpurpleDotsH.gif);
         height:1px;
		 line-height:1px;
		 background-repeat: repeat-x;
	}
	.dpurpleDotsH { background-image:url(/gen/opodo/images/layout/dpurpleBgDotsH.gif);
		height:1px;
	}

	.dgreenDotsV {
		background-image:url(/gen/opodo/images/layout/dgreenDotsV.gif);
		background-repeat: repeat-y;
		width:1px;
	}
	.dgreenDotsH {
		background-image:url(/gen/opodo/images/layout/dgreenDotsH.gif);
        background-repeat: repeat-x;
        line-height:0px;
        background-position:bottom;
	}
	.lgreenDotsH {
	    background-image:url(/gen/opodo/images/layout/lgreenDotsH.gif);
        background-repeat: repeat-x;
		height:1px;
		line-height:1px;
	}
	.lgreenDotsV {
	    background-image:url(/gen/opodo/images/layout/lgreenDotsV.gif);
        background-repeat: repeat-y;
		width:1px;
	}
	.dmushroomDotsH {
		background-image:url(/gen/opodo/images/layout/dmushroomDotsH.gif);
        background-repeat: repeat-x;
		height:1px;
		line-height:1px;
	}
	.mmushroomDotsH {
		background-image:url(/gen/opodo/images/layout/mmushroomDotsH.gif);
        background-repeat: repeat-x;
		height:1px;
		line-height:1px;
	}
	.mmushroomDotsV {
		background-image:url(/gen/opodo/images/layout/mmushroomDotsV.gif);
        background-repeat: repeat-y;
		width:1px;
	}
	.burgundyDotsH {
		background-image:url(/gen/opodo/images/layout/burgundyDotsH.gif);
        background-repeat: repeat-x;
		height:1px;
		line-height:1px;
	}
	.greenSurround {
		background-image:url(/gen/opodo/images/layout/bgflightsq.gif);
	}
	.purpleSurround {
		background-image:url(/gen/opodo/images/layout/bgsq.gif);
	}
	.blueSurround {
		background-image:url(/gen/opodo/images/layout/bginsuresq.gif);
	}
	.bgvline{ background-image:url(/gen/opodo/images/layout/bgvl.gif);width:1px; }
	.bghline{ background-image:url(/gen/opodo/images/layout/bgl.gif);height:1px; }
	.lwhitebdr{ border:0px;border-left:1px solid white; }

/* New class names, to be used across all sections of the site */
/* Alignment */
.right{ text-align:right; }
.left{ text-align:left; }
.center{ text-align:center; }
.vtop{ vertical-align:top; }
.vbot{ vertical-align:bottom; }
.vmiddle { vertical-align:middle; }
/* Font decoration */
.b {font-weight:bold;}
.i {font-style:italic;}
.n {font-style:normal;}
/* Font colours */
.beige { color:#F7F7E7; }
.tbeige{ color:#979967; }
.black { color:#000000; }
.burgundy { color:#990033; }
.grey {color:#666666; }
.lgrey {color:#CCCCCC; }
.orange {color:#FF3300; }
.white { color:#FFFFFF; }
.dgrey { color:#999A9D; }
.vdgrey { color:#636363; }
.red {color:#FF3100;}


/* BG Colours Corporate */
.OrangeButton{background-color:#FF3300;}
.beigeBG { background-color:#F7F7E7; }
.burgundyBG { background-color:#990033; }
.orangeBG { background-color:#FF3300; }
.greyBG { background-color:#666666; }
.lgreyBG { background-color:#CCCCCC; }
.whiteBG { background-color:#FFFFFF; }
.brownBG {background-color:#999967;}
.yellowBG{ background-color:#FFCC33;}
.changeBG{ background-color:#FF3100;border:1px solid #76767B; }

/* Flights */
.lflgtgreenBG { background-color:#F7F7E5;
      background-repeat: repeat-x;
      line-height:0px;
      background-position:bottom;
}
.mflgtgreenBG { background-color:#E6E6C1;}
.lmushroomBG { background-color:#F7F7E5; }
.mmushroomBG { background-color:#CCCC99; }
.dmushroomBG { background-color:#999967; }
/* Hotels */
.lpurpleBG { background-color:#EDEDF6; }
.lmpurpleBG{ background-color:#DDDDEA; }
.mpurpleBG { background-color:#D2D2E9; }
.dpurpleBG { background-color:#9285AA; }
.barpurpleBG{ background-color:#E0E0ED; }
/* Cars */
.lgreenBG { background-color:#E0ECE0; }
.mgreenBG { background-color:#C3D6C2; }
.dgreenBG { background-color:#026431; }
/* Insurance */
.lblueBG { background-color:#E3EDF9; }
.mblueBG { background-color:#C5D9F2; }
.dblueBG{ background-color:#6B91BE; }
.vdblueBG { background-color:#ACBEC9; }
/* Country Product */
.lapricotBG { background-color:#FEDFBE; }
.dapricotBG{ background-color:#FBA445; }
/* Travel Guides */
.lyellowBG { background-color:#FFE8B9; }
.dyellowBG{ background-color:#FFCC66; }
/* Holiays  */
.dpinkBG {background-color:#CC6699;}
.mpinkBG {background-color:#F0E1E8;}
.lpinkBG {background-color:#F7F0FE;}
/* Packages */
.dbluePackBG {background-color:#ADBDCE;}
.mbluePackBG {background-color:#D0DBE2;}
.lbluePackBG {background-color:#E8EFF3;}

/* Paddings Top*/
.t1{ padding-top:1px; }
.t2{ padding-top:2px; }
.t3{ padding-top:3px; }
.t4{ padding-top:4px; }
.t5{ padding-top:5px; }
.t7{ padding-top:7px; }
.t8{ padding-top:8px; }
.t10{ padding-top:10px; }
.t15{ padding-top:15px; }
.t20{ padding-top:20px; }
.t25{ padding-top:25px; }
.t30{ padding-top:30px; }
.t35{ padding-top:35px; }
.t40{ padding-top:40px; }
.t45{ padding-top:45px; }
.t50{ padding-top:50px; }
/* Paddings Bottom*/
.b1{ padding-bottom:1px; }
.b2{ padding-bottom:2px; }
.b3{ padding-bottom:3px; }
.b4{ padding-bottom:4px; }
.b5{ padding-bottom:5px; }
.b7{ padding-bottom:7px; }
.b10{ padding-bottom:10px; }
.b15{ padding-bottom:15px; }
.b20{ padding-bottom:20px; }
.b25{ padding-bottom:25px; }
.b30{ padding-bottom:30px; }
.b35{ padding-bottom:35px; }
.b40{ padding-bottom:40px; }
.b45{ padding-bottom:45px; }
.b50{ padding-bottom:50px; }
/* Paddings Left*/
.l1{ padding-left:1px; }
.l2{ padding-left:2px; }
.l3{ padding-left:3px; }
.l4{ padding-left:4px; }
.l5{ padding-left:5px; }
.l6{ padding-left:6px; }
.l10{ padding-left:10px; }
.l15{ padding-left:15px; }
.l20{ padding-left:20px; }
.l25{ padding-left:25px; }
.l30{ padding-left:30px; }
.l35{ padding-left:35px; }
.l40{ padding-left:40px; }
.l45{ padding-left:45px; }
.l50{ padding-left:50px; }
/* Paddings Right*/
.r1{ padding-right:1px; }
.r2{ padding-right:2px; }
.r3{ padding-right:3px; }
.r4{ padding-right:4px; }
.r5{ padding-right:5px; }
.r7{ padding-right:7px; }
.r10{ padding-right:10px; }
.r15{ padding-right:15px; }
.r20{ padding-right:20px; }
.r25{ padding-right:25px; }
.r30{ padding-right:30px; }
.r35{ padding-right:35px; }
.r40{ padding-right:40px; }
.r45{ padding-right:45px; }
.r50{ padding-right:50px; }

/* Paddings All*/
.p1{ padding:1px; }
.p2{ padding:2px; }
.p3{ padding:3px; }
.p4{ padding:4px; }
.p5{ padding:5px; }
.p10{ padding:10px; }

.pad1NoR{padding-bottom:1px;padding-top:1px;padding-left:1px;}

/* padding top & bottom */
.tb3 {padding-top:3px;padding-bottom:3px;}
.tb4 {padding-top:4px;padding-bottom:4px;}
.tb5 {padding-top:5px;padding-bottom:5px;}
.tb7 {padding-top:7px;padding-bottom:7px;}
.tb10 {padding-top:10px;padding-bottom:10px;}

/* Padding combos */
.lr7 {padding-left:7px; padding-right:7px;}
.lr10 {padding-left:10px; padding-right:10px;}
.lr40 {padding-left:40px; padding-right:40px;}
.t10b20 {padding-top:10px;padding-bottom:20px;}
.lr10tb5 { padding-left:10px; padding-right:10px;padding-top:5px;padding-bottom:5px;}
.lr10t5 { padding-left:10px; padding-right:10px;padding-top:5px;}
.t5b10 {padding-top:5px;padding-bottom:10px;}
.lr10t10b5 {padding-left:10px; padding-right:10px;padding-top:10px;padding-bottom:5px;}
.lrt10 {padding-left:10px; padding-right:10px;padding-top:10px;}
.l10tb5 {padding-left:10px; padding-bottom:5px;padding-top:5px;}
/* margins */
.ml65 {margin-left:65px;}
.ml60 {margin-left:60px;}
.ml55 {margin-left:55px;}
.ml50 {margin-left:50px;}
.ml40 {margin-left:40px;}
.ml10 {margin-left:10px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mb10 {margin-bottom:10px;}
.mb5 {margin-bottom:5px;}
.mtb5 {margin-top:5px; margin-bottom:5px;}


/* minus margins, for eg li */
.mbneg12 {margin-bottom:-12px;}
.mtneg2 {margin-top:-2px;}
.mlneg12 {margin-left:-12px;}
.mlneg17 {margin-left:-17px;}
/* Height */
.h1{ height:1px; }
.h2{ height:2px; }
.h3{ height:3px; }
.h4{ height:4px; }
.h5{ height:5px; }
.h9{ height:9px; }
.h10{ height:10px; }
.h15{ height:15px; }
.h20{ height:20px; }
.h21{ height:21px; }
.h25{ height:25px; }
.h29{ height:29px; }
.h30{ height:30px; }
.h35{ height:35px; }
.h40{ height:40px; }
.h45{ height:45px; }
.h50{ height:50px; }

/* Width */
.w1{ height:1px; }
.w2{ width:2px; }
.w3{ width:3px; }
.w4{ width:4px; }
.w5{ width:5px; }
.w10{ width:10px; }
.w15{ width:15px; }
.w20{ width:20px; }
.w25{ width:25px; }
.w30{ width:30px; }
.w35{ width:35px; }
.w40{ width:40px; }
.w45{ width:45px; }
.w50{ width:50px; }
.w70{ width:70px; }
.w90{ width:90px; }
.w100{ width:100px; }
.w140 {width:140px;}
.w155 {width:155px;}
.w166{ width:166px; }
.w160{ width:160px; }
.w185{ width:185px; }
.w186{ width:186px;}
.w450 {width:450px;}


/* common to checkout/cars/hotels */
.w120 {width:120px;}
.w180 {width:180px;}
.w276 {width:276px;}
.w711 {width:711px;}
.w710 {width:710px;}
.w619 {width:620px;}
.w620 {width:619px;}
.w75{ width:100px; }
.l52{ padding-left:52px;}
.l81{ padding-left:81px;}
.l82{ padding-left:82px;}
.l80{ padding-left:80px;}
.l78{ padding-left:78px;}
.w150{width:150px;}
.float{ float:left;}
.floatr{ float: right; }
.null{}
.w305{width:305px;}
.w505{width:505px;}

/* Links */
a,a:visited,a:active {
	color:#990033;
	text-decoration:none;
}
a:hover { text-decoration:underline; }

/* Empty TD */
.e {
	font-size:1px;
	line-height:1px;
	height:1px;
	width:1px;
}
.fs1 {font-size: 1px;}
.fs10{ font-size: 10px; font-family: verdana,arial,sans-serif; line-height: 150%; }
.fs11 { font-size: 11px; font-family: verdana,arial,sans-serif; line-height: 150%; }
/* Extra for pods */

.bghlinemu{background-image:url(/gen/opodo/images/layout/beigeDotsH.gif ); height:1px; line-height:1px; background-repeat: repeat-x;}
.bghlineor{background-image:url(/gen/opodo/images/layout/orangeDotsH.gif ); height:1px; line-height:1px; background-repeat: repeat-x;}
.bgvlineor{ background-image:url(/gen/opodo/images/layout/orangeDotsV.gif ); width:1px; background-repeat: repeat-y;}
.bghlined{ background-image:url(/gen/opodo/images/layout/bg.gif); height:1px; }
.bgvlinegrbot{ height:1px; background-image: url(/gen/opodo/images/layout/bg.gif); background-position: bottom; background-repeat: repeat-x;}
.bgvlinegrtop{ height:1px; background-image: url(/gen/opodo/images/layout/bg.gif); background-repeat: repeat-x; background-position:top;}
.bgvlinegrmid{ height:1px; background-image: url(/gen/opodo/images/layout/bg.gif); background-repeat: repeat-x; background-position: center;}
.bwhite1{ border-bottom:1px solid white;}
.bwhite2{ border-bottom:2px solid white; }
.dgreen{ color: #006430; }
.dpurptxt{ color:#65597D; }
.iblue{ color:#ACC4DC; }
.yellBG{ background-color: #FFCF63; }
.nowrap{ white-space:nowrap; }
.pad10{ padding-left:10px; padding-right:10px; }
.price{ text-align:right; padding-right:+2px; }

.informedBG {background-color:#CECF9C;}
.informedDots {background-image:url(/gen/opodo/images/layout/iborder.gif)}
.helpDots {background-image:url(/gen/opodo/images/layout/qborder.gif); line-height:1px;}
.insDots {background-image:url(/gen/opodo/images/layout/insDots.gif); line-height:1px;}
 /* errors */
 li.err { padding-bottom:5px;list-style-image: url("/gen/opodo/images/icon/redbullet.gif"); }
 .errMsg{
 font-size: 11px;
 color: #FF3300;
 list-style-image:none;
 line-height:100%;
 }
 	dd{ margin: 0px; padding: 0px; }

	.large14 {font-size:14px;}

	/* Calendar code */
	.top0 {
		top:0px
	}
	.w0{
		width:0px;
	}
	.h0{
		height:0px;
	}
	.left0{
		left:0px;
	}
	.pabs{
		position: absolute;
	}
	.z10000{
		z-index: 10000;
	}
	.dispnone{
		display: none;
	}
.bdr1{border:1px;border-style:solid;}
.bdrGrey{border-color: #cccccc;}
.bdrBurgundy{border-color:#990033;}
.bdrMush{border-color:#cccc99;}
#bannerButtons dl, #bannerButtons dt, #bannerButtons dd, #bannerButtons ul, #bannerButtons li {margin:0px;padding:0px;list-style-type:none;}
a.white,a.white:hover,a.white:visited,a.white:active{color:#FFFFFF;}
#bannerButtons dl {float:right;padding: 0px 0px 0px 22px;}
#bannerButtons dt {text-align:right;}
#banner_homepage{width:740px;background-color: #fff;}
#bannerLogo {width:170px;float:left;padding-bottom: 10px;}
#bannerButtons {width:560px;float:right;padding:5px 5px 0px 0px;}
.clear {
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#bannerButtons p.telephone {display:block;width:100%;text-align:right;}
.navtab{font-family:verdana;font-size:11px;font-weight:normal;line-height:100%;}
.navtabsmall{font-family:verdana;font-size:10px;font-weight:normal;line-height:100%;}
a.navtab:visited,a.navtab:link{color:#FFFFFF; font-family:verdana;font-size:11px;font-weight:normal;line-height:100%;text-decoration:none;}
a.navtab:hover{color:#FFFFFF; font-family:verdana;font-size:11px;font-weight:normal;line-height:100%;text-decoration:underline;}
a.navtabsmall:visited,a.navtabsmall:link{color:#FFFFFF; font-family:verdana;font-size:10px;font-weight:normal;line-height:100%;text-decoration:none;}
a.navtabsmall:hover{color:#FFFFFF; font-family:verdana;font-size:10px;font-weight:normal;line-height:100%;text-decoration:underline;}

#adTop{float:right;display:inline; margin-top:10px;}
#adSide{position:absolute;left:760px;padding:0px;display:inline; 

margin-top:111px;
margin-top: 100px !important; /* Styles for Mozilla, Safari, IE Mac */
margin-top: 107px; /* Styles for MS IE5 PC */
margin-top/**/:/**/111px; /* Styles for IE6 PC */
}

/* start styles for confirmation page advertising */
#adConfirmationSide{
position:absolute;
left:760px;
top:20px;
padding:0px;
display:inline; 
margin-top:111px;
margin-top: 100px !important; /* Styles for Mozilla, Safari, IE Mac */
margin-top: 107px; /* Styles for MS IE5 PC */
margin-top/**/:/**/111px; /* Styles for IE6 PC */
}

#adBottom{
padding-top:10px;
padding-bottom:10px;
float:right;
display:inline; 
}

iframe.rightad{
width:130px;
height:620px; 
padding:0px;
margin-top:0px; 
margin-bottom:0px;
margin-left:0px;
margin-right:0px; 
border:0px;
}

iframe.bottomad{
width:748px;
height:110px; 
margin-top:0px; 
margin-bottom:0px;
margin-left:0px;
margin-right:0px; 
border:0px;
}

/* end styles for confirmation page advertising */
@media print{.dontPrint{display:none;}}
.ad{padding:0px 5px 5px 5px;font-size:9px;}
dl{margin:0px;}
.basketItem{font-size:10px;}
/* seo footer classes */
#footer-container {width:740px;color:#666;margin:20px 0 0 10px;}
#footer-container div, #footer-container p, #seolinks, #seolinks a, div#cards p a, div#footlogo a:hover, div#footlogo a {font:9px/120% verdana, arial,sans-serif;}
#footer-container p {margin:5px 0 0 0;}
#footer-container p a {color:#903; text-decoration:underline;}	

#seolinks p a {color:#666;text-decoration:none;}
div#cards p a {color:#666;cursor:hand;text-decoration:none;}
.nohand{cursor:default;}
#seolinks {color:#666; }
div.linksBar a, div.linksBar a:visited, div.linksBar a:active {color:#fff;font-size:11px;text-decoration:none; line-height: 100%;}
div.linksBar a:hover, div#footlogo a:hover{ text-decoration:underline; color:#fff;}		
div#footlogo a:hover, div#footlogo a {color:#666;text-decoration:none;cursor:default;}
div.linksBar {background-color:#903;color:#fff;text-align:center;}

.col80L {float: left;width:80%;}	
.col15R {float: right;width:15%;}	
.col60L {float: left;width: 60%;}		 
.col35R {float: right;width: 35%;}
.col55L {float: left;width: 55%;}		 
.col40R {float: right;width: 40%;}
.w600 {width:600px;}
.lt10 {padding:10px 0 0 10px}
.mbneg5 {margin-bottom:-5px}

img {border:0;}
img.flag {margin-bottom:-2px;}
img#iata {vertical-align:top }
.ml3 {margin-left:3px;}
/* end of seo footer classes */

/* to override flight and hotels header colour scheme for otto basket package details page */
#commonPackageDetails tr.vmgreenBG {background:#d0dbe2;}
#commonPackageDetails tr.mpurpleBG {background:#d0dbe2;}


/*************************************************************************/
/** BELOW ARE 3 CLASSES TAKEN FROM homepage.css				**/
/** used to show the error message when javascript disabled      	**/
/*************************************************************************/
.errorh{ color: #FF3004; font-size: 18px; font-weight: bold; }
.errors{ color: #FF3004; font-weight: normal; }
* { font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }

#left {
	width: 740px;
}
#right {
	width: 740px;
}
#OPODO-SEC-A{
	float: left;
	width: 100%;
}
#OPODO-SEC-B {
	display: none;
}
#OPODO-SEC-C{
	float: left;
	width: 444px;
}
#OPODO-SEC-D{
	float: left;
	width: 296px;
}
#OPODO-SEC-E {
	display: none;
}
.podWrapperA {
	width: 49.99%;
	float: left;
}
.podWrapperB {
	width: 100%;
	clear: both;
}
.podShell {
	padding: 5px;
}