/*************************************************************************/
/** BELOW ARE CLASSES USED FOR TRAVEL GUIDES PAGES**/
/*************************************************************************/
#bodyWrapper-opodo a:specialMargin3 {color:#666666; text-decoration:none;}

.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 .link-brand-secondary {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*/

* html .specialMargin1 {margin-left:10px;}/* Styles for IE6 PC */
.specialMargin1 {mar\gin-left /**/:5px;}/* Styles for IE7 PC */
.specialMargin1 {width:-25px;}/* Styles for MS IE5 PC */
html:not([dummy]) .specialMargin1 {margin-left:-25px;}/* Styles for Mozilla, Safari, IE Mac */

* html .specialMargin2 {margin-left:10px;}
.specialMargin2 {mar\gin-left /**/:5px;}
.specialMargin2 {width:-25px;}
html:not([dummy]) .specialMargin2 {margin-left:-30px;}

.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; }
#bodyWrapper-opodo { font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 150%; }