/* 
 * Color Line implementation of
 * POLOPOLY SITE ENGINE *LAYOUT* MASTER TEMPLATE
 * ---------------------------------------------
 *
 * This document declares widths, relations, 
 * margins and paddings for the Color Line implementation
 * of Polopoly Site Engine elements
 *
 * NOTE: rules beggining with an underscore (_)
 * are IE hacks and should remain as is.
 */ /* THE "SITE" CONTAINER */
.cl_borderLayout {
	width: 100%;
	overflow: hidden;
	_height: 1%;
}

/* A MAIN GRID COLUMN */
.cl_borderLayoutColumn {
	float: left;
	overflow: hidden;
	_height: 1%;
}

/* TOP & SUB MENU */
.cl_borderLayoutMastHead .cl_menu.cl_menuTop,.cl_menu.cl_menuPage {
	overflow: hidden;
	_height: 1%;
}

.cl_borderLayoutMastHead .cl_menu.cl_menuTop LI,.cl_borderLayoutMastHead .cl_menu.cl_menuPage LI
	{
	float: left;
}

/* CONTAINER */
.cl_container {
	overflow: visible;
	_height: 1%;
}

/* NAVIGATION PATH ELEMENT */
.cl_navpath {
	overflow: hidden;
	_height: 1%;
}

.cl_navpath LI {
	float: left;
}

/********************************************************
/*IE 6 fix
/********************************************************/

/* 2 Col Splitter, 50 - 50 Frontpage */
.cl_container.cl_twoColumns div.cl_col1Fp, .cl_container.cl_twoColumns div.cl_col2Fp	{
	width: 463px;
	float: left;
    padding:9px 0px 5px 8px;}
.cl_container.cl_twoColumns div.cl_col2Fp {
    padding-left:0px !important;}
/* 2 Col Splitter, 50 - 50 Subpage if wide */
.cl_container.cl_twoColumns div.cl_col1SubWide,.cl_container.cl_twoColumns div.cl_col2SubWide {
	width: 345px;
	float: left;
    padding:5px 0px 5px 9px !important;}
.cl_container.cl_twoColumns div.cl_col2SubWide {
    padding-left:0px !important;}

/* 2 Col Splitter, 50 - 50 Subpage if wide and bordered */
.cl_container.cl_twoColumns div.cl_col1SubWideB,.cl_container.cl_twoColumns div.cl_col2SubWideB {
	width: 335px;
	float: left;
    padding:5px 5px 5px 10px !important;}
.cl_container.cl_twoColumns div.cl_col2SubWideB {
    padding:5px 10px 5px 5px !important;}

/* 2 Col Splitter, 50 - 50 Subpage if "narrow" */
.cl_container.cl_twoColumns div.cl_col1Sub,.cl_container.cl_twoColumns div.cl_col2Sub {
	width: 228px;
	float: left;
    padding:5px 0px 5px 0px;}
.cl_container.cl_twoColumns div.cl_col2Sub {
    padding-left:0px !important;}

/* 2 Col Splitter, LeftHeavy Frontpage */
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col1FpLH {
	width: 550px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col2FpLH {
	width: 375px;
	float: left;
    padding-left:0px !important;}

/* 2 Col Splitter, LeftHeavy Subpage */
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col1SubLH {
	width: 460px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col2SubLH {
	width: 230px;
	float: left;
    padding:5px 0px 5px 0px !important;}

/* 2 Col Splitter, RightHeavy Frontpage */
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col1FpRH {
	width: 375px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col2FpRH {
	width: 550px;
	float: left;
    padding:5px 0px 5px 0px !important;}

/* 2 Col Splitter, RightHeavy Subpage */
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col1SubRH {
	width: 230px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col2SubRH {
	width: 460px;
	float: left;
    padding:5px 0px 5px 0px !important;}

/* 2 Col Splitter, FlashBooking Frontpage */
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col1FpFB {
	width: 590px;
	float: left;
    padding:0px 0px 30px 0px;}
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col2FpFB {
	width: 350px;
    height:400px;
	float: left;
    padding-left:4px !important;}

/* 2 Col Splitter, FlashBooking Subpage */
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col1SubFB {
	width: 470px;
	float: left;
    padding:0px 0px 0px 0px;}
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col2SubFB {
	width: 235px;
	float: left;
    padding:0px 0px 0px 0px !important;}

/* 2 Col Splitter, 50 - 50 Subpage if "narrow" filled with elements */

.cl_container.cl_twoColumns div.cl_col1,.cl_container.cl_twoColumns div.cl_col2
	{
	width: 49.999%;
	float: left;
	overflow: hidden;
}

.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col1 {
	float: left;
	/*width: 75%;*/
    width:470px;
    margin-right: 4px;
	overflow: hidden;
}

.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col2 {
	float: left;
	/*width: 25%;*/
    width:225px;
    margin-right: 0px;
	overflow: hidden;}

.cl_container.cl_twoColumnsRightHeavy div.cl_col1 {
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsRightHeavy div.cl_col2 {
	float: left;
	width: 75%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsFlashBooking div.cl_col1 {
	float: left;
/*	width: 60%; */
	overflow: hidden;
/*	margin-right: 10px;*/
    margin-right: 4px;

}



.cl_container.cl_twoColumnsFlashBooking div.cl_col2 {
	float: left;
/*	width: 40%;*/
	overflow: hidden;
}


/* twoColumns container layout */
/*div.cl_col1 {
} */

/*div.cl_col2 {
} */

.cl_margin_bottom_15px{
	margin-bottom:15px;
	border:dotted 3px;
}

.cl_container.cl_twoColumns>div.cl_col1,.cl_container.cl_twoColumns>div.cl_col2
	{
	width: 49.999%;
	float: left;
	overflow: hidden;
}

/*
.cl_container.cl_twoColumnsLeftHeavy>div.cl_col1 {
	float: left;
	width: 75%;
    width: 470px;
    margin-right: 4px;
	overflow: hidden;
}


.cl_container.cl_twoColumnsLeftHeavy>div.cl_col2 {
	float: left;
	width: 25%;
    width:233px;
    margin-right: 0px;
	overflow: hidden;
}
*/

.cl_container.cl_twoColumnsRightHeavy>div.cl_col1 {
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsRightHeavy>div.cl_col2 {
	float: left;
	width: 75%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsFlashBooking>div.cl_col1 {
	float: left;
	width: 64%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsFlashBooking>div.cl_col2 {
	float: left;
	width: 36%;
	overflow: hidden;
}

/* threeColumn container layout */
.cl_container.cl_threeColumns>div.cl_col1,.cl_container.cl_threeColumns>div.cl_col2,.cl_container.cl_threeColumns>div.cl_col3
	{
	float: left;
	width: 33.333%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsLeftHeavy>div.cl_col1 {
	float: left;
	width: 50%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsLeftHeavy>div.cl_col2,.cl_container.cl_threeColumnsLeftHeavy>div.cl_col3
	{
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsRightHeavy>div.cl_col3 {
	float: left;
	width: 50%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsRightHeavy>div.cl_col1,.cl_container.cl_threeColumnsRightHeavy>div.cl_col2
	{
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsFlashBooking>div.cl_col3 {
	float: left;
	width: 64%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsFlashBooking>div.cl_col1,.cl_container.cl_threeColumnsRightHeavy>div.cl_col2
	{
	float: left;
	width: 36%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsCenterHeavy>div.cl_col2 {
	float: left;
	width: 50%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsCenterHeavy>div.cl_col1,.cl_container.cl_threeColumnsCenterHeavy>div.cl_col3
	{
	float: left;
	width: 25%;
	overflow: hidden;
}

/* fourColumn container layout */
.cl_container.cl_fourColumns>div.cl_col1,.cl_container.cl_fourColumns>div.cl_col2,.cl_container.cl_fourColumns>div.cl_col3,.cl_container.cl_fourColumns>div.cl_col4
	{
	width: 25%;
	float: left;
	overflow: hidden;
}