/***************************************************************************/
/**************************  HOLIDAY AUTOS GRIDS ***************************/
/***************************************************************************/
body {
	text-align: center;
}

/***********************************************  PAGE WIDTH CLASS'S ********************************************************/
	
	/* page widths (all centered) they go on the global wrapper div as an ID */
#ha-p1,#ha-p2,#ha-p3,#ha-p4 {
	/* 850px Centered*/
	margin: auto;
	text-align: left;
	width:69.83em;
	*width:67.92em;
	font-size:93%;
}
#ha-p2 {
	/* 960px Centered */
	width:79em;
	*width:77.83em;
}
	/* 1050px Centered */
#ha-p3 {
	width:86.5em;
	*width:84.13em;
}
	/* 100% fluid */
#ha-p4 {
	margin: 0 10px;
	width: auto;
}

/*****************************************  TEMPLATE COLUM LAYOUTS FOR STRUCTURE  **********************************************/

/* 2 column layout 1/2, 1/2 */
.ha-t1 .left-col, .ha-t1 .right-col {
	width:49.2%;
	float:left;
}
/* 3 column layout 1/3, 1/3, 1/3 */
.ha-t2 .left-col,.ha-t2 .right-col,.ha-t2 .middle-col {
	width:32.4%;
	float:left;
}
/* 4 column layout 1/4, 1/4, 1/4, 1/4 */
.ha-t3 .left-col,.ha-t3 .right-col,.ha-t3 .middle-col {
	width:23.8%;
	float:left;
}
/* 2 column layout 1/3, 2/3 */
.ha-t4 .left-col, .ha-t4 .right-col {
	width:32.7%;
	float:left;
}
/* 2 column layout 2/3, 1/3 */
.ha-t5 .left-col, .ha-t5 .right-col {
	width:65.7%;
	*width:66.2%;
	float:left;
}
/* CUSTOM LAYOUT PAGES FOR BOOKING FLOW */
/* 3 column layout 1/4, 2/4, 1/4 */
.ha-t6 .left-col,.ha-t6 .right-col,.ha-t6 .middle-col {
	width:19.3%;
	float:left;
}
.ha-t7 .left-col, .ha-t7 .right-col {
	width:74.1%;
	float:left;
}
.ha-t7 .right-col {
	width:24.1%;
	float:right;
}
.ha-t5 .right-col {
	width:32.7%;
	float:right;
}
.ha-t4 .right-col {
	width:65.7%;
	float:right;
}
.ha-t6 .middle-col {
	margin-left:1.3%;
	width:58.7%;
}
.ha-t2 .middle-col,
.ha-t3 .middle-col {
	margin-left:1.3%;
}

.ha-t1 .right-col,
.ha-t2 .right-col,
.ha-t3 .right-col,
.ha-t6 .right-col {
	float:right;
}

/***********************************************  GRIDS, MODULES AND UNITS *****************************************************/

	/* Grid are Module wrappers for clearing floated and positioned elements, used for layout, structure and containers */	
.ha-g, 
.mod,
.hd,.bd,.ft {
	/* 100% width no float and clear */
	width:auto;
	float:none;
}

	/* Full Units - Units are used for layouts, structures, they go inside the grid wrapper (.ha-g) */
.ha-g .ha-u20,
#hd .ha-u20,
#bd .ha-u20,
#ft .ha-u20,
.mod .ha-u20,
.hd .ha-u20,
.bd .ha-u20,
.ft .ha-u20 {
	/* 20% width */
	width:20%;
	*width:19.999%;
}
.ha-g .ha-u25,
#hd .ha-u25,
#bd .ha-u25,
#ft .ha-u25,
.mod .ha-u25,
.hd .ha-u25,
.bd .ha-u25,
.ft .ha-u25 {
	/* 25% width */
	width:25%;
	*width:24.999%;
}
.ha-g .ha-u30,
#hd .ha-u30,
#bd .ha-u30,
#ft .ha-u30,
.mod .ha-u30,
.hd .ha-u30,
.bd .ha-u30,
.ft .ha-u30 {
	/* 30% width */
	width:30%;
	*width:29.999%;
}
.ha-g .ha-u33,
#hd .ha-u33,
#bd .ha-u33,
#ft .ha-u33,
.mod .ha-u33,
.hd .ha-u33,
.bd .ha-u33,
.ft .ha-u33 {
	/* 33% width */
	width:33.333%;
	*width:33.222%;
}
.ha-g .ha-u35,
#hd .ha-u35,
#bd .ha-u35,
#ft .ha-u35,
.mod .ha-u35,
.hd .ha-u35,
.bd .ha-u35,
.ft .ha-u35 {
	/* 35% width */
	width:35%;
	*width:34.999%;
	
}
.ha-g .ha-u40,
#hd .ha-u40,
#bd .ha-u40,
#ft .ha-u40,
.mod .ha-u40,
.hd .ha-u40,
.bd .ha-u40,
.ft .ha-u40 {
	/* 40% width */	
	width:40%;
	*width:39.999%;
}
.ha-g .ha-u45,
#hd .ha-u45,
#bd .ha-u45,
#ft .ha-u45,
.mod .ha-u45,
.hd .ha-u45,
.bd .ha-u45,
.ft .ha-u45 {
	/* 45% width */
	width:45%;
	*width:44.999%;
}
.ha-g .ha-u50,
#hd .ha-u50,
#bd .ha-u50,
#ft .ha-u50,
.mod .ha-u50,
.hd .ha-u50,
.bd .ha-u50,
.ft .ha-u50 {
	/* 50% width */	
	width:50%;
	*width:49.999%;
	
}
.ha-g .ha-u55,
#hd .ha-u55,
#bd .ha-u55,
#ft .ha-u55,
.mod .ha-u55,
.hd .ha-u55,
.bd .ha-u55,
.ft .ha-u55 {
	/* 55% width */
	width:55%;
	*width:54.999%;
}
.ha-g .ha-u60,
#hd .ha-u60,
#bd .ha-u60,
#ft .ha-u60,
.mod .ha-u60,
.hd .ha-u60,
.bd .ha-u60,
.ft .ha-u60 {
	/* 60% width */	
	width:60%;
	*width:59.999%;
}
.ha-g .ha-u65,
#hd .ha-u65,
#bd .ha-u65,
#ft .ha-u65,
.mod .ha-u65,
.hd .ha-u65,
.bd .ha-u65,
.ft .ha-u65 {
	/* 65% width */
	width:65%;
	*width:64.999%;
}
.ha-g .ha-u66,
#hd .ha-u66,
#bd .ha-u66,
#ft .ha-u66,
.mod .ha-u66,
.hd .ha-u66,
.bd .ha-u66,
.ft .ha-u66 {
	/* 66% width */
	width:66.666%;
	*width:66.6%;
}
.ha-g .ha-u70,
#hd .ha-u70,
#bd .ha-u70,
#ft .ha-u70,
.mod .ha-u70,
.hd .ha-u70,
.bd .ha-u70,
.ft .ha-u70 {
	/* 70% width */
	width:70%;
	*width:69.999%;
}
.ha-g .ha-u75,
#hd .ha-u75,
#bd .ha-u75,
#ft .ha-u75,
.mod .ha-u75,
.hd .ha-u75,
.bd .ha-u75,
.ft .ha-u75 {
	/* 75% width */
	width:75%;
	*width:74.999%;
}
.ha-g .ha-u80,
#hd .ha-u80,
#bd .ha-u80,
#ft .ha-u80,
.mod .ha-u80,
.hd .ha-u80,
.bd .ha-u80,
.ft .ha-u80 {
	/* 80% width */
	width:80%;
	*width:79.999%;
}
	
	/* Give layouts and units a default float left - This can be over writen by assigning a class .right */
.ha-u20,.ha-u25,.ha-u30,.ha-u33,.ha-u35,.ha-u40, 
.ha-u45,.ha-u50,.ha-u55,.ha-u60,.ha-u65,.ha-u66,
.ha-u70,.ha-u75,.ha-u80 {
	float:left;
	margin-left:0;
}

/***********************************************  CLEARING STYLES ********************************************************/
	/* Clear all w3c browswers */
#hd:after,
#bd:after,
#ft:after,
.ha-t1:after,
.ha-t2:after,
.ha-t3:after,
.ha-t4:after,
.ha-t5:after,
.ha-t6:after,
.ha-t7:after,
.ha-g:after,
.mod:after,
.hd:after,
.bd:after,
.ft:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	/* Clear all for IE */
#hd,
#bd,
#ft,
.ha-t1,
.ha-t2,
.ha-t3,
.ha-t4,
.ha-t5,
.ha-t6,
.ha-t7,
.ha-g,
.mod,
.hd,
.bd,
.ft {
		zoom: 1;
}