/*
html {margin: 0; padding: 0; height: 100%;}
body {height: 100%;}
*/

/*------------------------------------------------------------------------ div --------------------------------------------------------------*/
#header {position: relative; height: 87px;}
#hcn_container {width: 770px; padding: 20px 0; margin: 0 auto; min-height: 100%; font-size: 12px; font-family: Arial,Sans-serif; color: #333;}

/*
html #container {height: 100%;}
*/

#right {float: right; width: 287px;}
#before-footer {height: 120px; clear: both;}
#footer {position: relative; margin: 0 auto; height: 120px; margin-top: -120px; background-color:#e2f4ff; border-top:1px solid #8CD3FD; text-align: center; font-size: 12px; font-family: Arial,Sans-serif;}

#logo {float: left; width: 192px; height: 62px; background: url(/Images/logo.gif) no-repeat 0 0; margin-top: 5px;}

#menu-top {position: absolute; top: 10px; right: 15px;}
#flags {position: absolute; top: 38px; right: 15px;}

#content {margin: 26px 20px 20px 20px; text-align:left;}

html #content {margin: 19px 20px 20px 20px;}

#corner-t-l {position: relative; float:left; width: 4px; height: 4px; background: url(/Images/corner-t-l.gif) no-repeat; margin-top: -35px; margin-left: -4px;}
#corner-b-l {width: 6px; height: 6px; background: url(/Images/corner-b-l.gif) no-repeat; margin-left: -4px; margin-bottom: -6px;}
#corner-b-r {float: right; width: 6px; height: 6px; background: url(/Images/corner-b-r.gif) no-repeat; margin-bottom: -4px; margin-right: -4px;}

/*
* html #corner-b-l {position: relative; margin-bottom: -13px;}
* html #corner-b-r {position: relative; float: right; margin-top: -2px;}
*+html #corner-b-l {margin-left: -4px; margin-bottom: -4px;}
*+html #corner-b-r {position: relative; float: right; margin-top: -2px;}
*/

#menu-bottom {padding-top: 10px;}
#sub-menu-bottom {margin-top: 3px;}
#copyright {font-size: 11px; margin-top: 3px;}

/*------------------------------------------------------------------------ links --------------------------------------------------------------*/
#hcn_container #header a {color: #3377dd; text-decoration: none;}
#hcn_container #header a:hover {color: #3377dd; text-decoration: underline;}
#footer a {color: #3377dd; text-decoration: none;}
#footer a:hover {color: #3377dd; text-decoration: underline;}

/*---------------------------------------------------------------------- paragraphs -----------------------------------------------------------*/
.block-left {display: block; float: left; margin-right: 35px;}
.centered {display: block; margin-top: 20px; text-align: center;}
/*------------------------------------------------------------------------ fonts --------------------------------------------------------------*/
.hc-steps {font-size: 16px; color: #ffab33; font-weight: bold;}
.hc-title {display: block; font-size: 16px; font-weight: bold; padding-top: 8px; margin-left: 20px;}
/*------------------------------------------------------------------------ links --------------------------------------------------------------*/
#menu-top a, #menu-bottom a {font-size: 11px; color: #3377DD; text-decoration: none;}
#menu-top a:hover, #menu-bottom a:hover {font-size: 11px; color: #3377DD; text-decoration: underline;}
#menu-bottom a img {position:relative;top:6px;left:3px;}

#sub-menu-bottom a {font-size: 11px; color: #3377DD; text-decoration: none;}
#sub-menu-bottom a:hover {font-size: 11px; color: #3377DD; text-decoration: underline;}

/*#flags a {display: block; float: left; width: 15px; height: 12px; margin-left: 8px;}
#flags a:hover {display: block; float: left; margin-left: 8px; width: 14px; height: 12px; border: 3px solid #fff; margin: -3px -2px 0px 5px;}*/
#Chinese {display:none; margin-left: 130px;}
/*------------------------------------------------------------------------ tables -------------------------------------------------------------*/
/*------------------------------------------------------------------------ inputs -------------------------------------------------------------*/
#cities li input {margin-right: 3px; margin-bottom: -2px;}
/*
html * #cities li input {margin-bottom: -1px;}
*/
.city-input {margin-right: 3px; margin-bottom: -2px;}

/*
html * .city-input {margin-bottom: -1px;}
*/

/*------------------------------------------------------------------------ ul -----------------------------------------------------------------*/
#cities {list-style: none;}
#cities li {float: none; margin-bottom: 6px;}
#cities li.city {width: 160px; float: left; text-align:left;}

/*----------------------------------------------------------------------- images --------------------------------------------------------------*/
#flags img {display: block; float: left; height: 12px; margin-left: 8px;}
.hcn_calendar {position: relative; cursor: pointer; margin-left: 5px; bottom: 0px; top: 3px; border:0px;}
/*
html*.calendar {margin-bottom: 0px; top: 2px;}
*/

/*----------------------------------------------------------------------- button --------------------------------------------------------------*/
.search-btn {width: 105px; height: 34px; background: url(/Images/search-bg.gif) no-repeat; border: 0; font-size: 18px; color: #fff; text-transform: uppercase; cursor: pointer;}

.paddingT8 {padding-top:8px;}

/* top destinations */
#homeTopDestinations {
	width:449px;
}
#homeTopDestinations h2 {
	padding-bottom: 20px;
}

/* HC Ads */ 
#homePageHCAds {
	width: 287px;
	float: right;
	margin-left: 30px;
}
#homePageHCAds h2 {
	padding-bottom: 20px;
}
#homePageHCAds .hc_tick li {
	font-weight: bold;
	font-size: 0.9em;
	padding-bottom: 30px;
}
#homePageHCAds p {
	text-align: center;
	font-weight: bold;
}
#homePageHCAds .hc_m_content {
	padding-bottom: 100px;
	background: #fff url(/Images/ad-bottom.gif) no-repeat scroll left bottom;
}
#homePageHCAds .moreLink {
	display: block;
	color:#fff;
	text-decoration:underline;
	font-size:11px;
	position:absolute;
	bottom: 19px;
	right:20px;
	font-weight: bold;
}

/* header */
.headerOuter { height: 80px; background: url(/Images/header-bg.gif) repeat-x; border:0px; }
.headerInner { margin-bottom:10px; width:770px; }

/* header round table */
.homeHeadRoundOuter {float: right; width:470px; } 
.homeHeadRoundOuter .contenthOuter { height: 66px; background-color:#fff; border-right:1px solid #c6c6c6; border-left:1px solid #c6c6c6;}
.homeHeadRoundOuter .contenthInner { height: 66px; width:466px; background: url(/Images/header-bg.gif) repeat-x; border:none;}

/* Disability Styles */ 
#disabilityHolder .b1h, #disabilityHolder .b2h, #disabilityHolder .b3h, #disabilityHolder .b2bh, #disabilityHolder .b3bh {background:#8bd6fd; border-color:#8bd6fd;}
#disabilityHolder .b4h, #disabilityHolder .b4bh { height:1px; background:#00aff0; border-color:#8bd6fd;}
#disabilityHolder .headh{ border-left:2px solid #8bd6fd; border-right:3px solid #8bd6fd;background-color:#fff;}
#disabilityHolder .blueHead {background:url(/Images/blueHead-bg.gif) repeat-x scroll left top; border-left:1px solid #00aff0; border-right:1px solid #00aff0;font-size:20px;text-align:left;padding:10px;vertical-align:top; }
#disabilityHolder .blueHead img.wheelchair {float:left;}
#disabilityHolder .blueHead img.arrow {float:left;margin-top:12px;display:block;margin-left:5px;}        
#disabilityHolder .mainText {margin-left:5px;margin-top:3px;float:left;font-weight:bold;}
#disabilityHolder .country {margin-top:3px;margin-left:5px;float:left;}
#disabilityHolder {margin-bottom:10px;font-size:1.15em;}