/* 
layout_web.css
controls the layout and style for global elements



*/

/*
---------------------------------------------------------------------------------
TOPBAR AND NAVIGATION
---------------------------------------------------------------------------------
*/
#topBrandingContainer, 
#topBranding           {  height:82px; }



#topContainer {
	position:relative;
	width:974px;
	margin:0 auto;
	height:82px;
}


#navContainer  {
	position:absolute;
	margin:0;
	padding:0;
	width:830px;
	right:-3px;
	bottom:0;
	height: 35px;
}




#navMain { float:left; width:663px; }

#navUtil { float:right; width:307px; }


/* 
Navigation buttons - image replacement for english

 */

#nav-villages{
	background-image:url(../images/navigation/nav_main_villages.gif);
	width:95px;
}


#nav-cottages {
	background-image:url(../images/navigation/nav_main_cottages.gif);
	width:94px;
}


#nav-supports {
	background-image:url(../images/navigation/nav_main_supports.gif);
	width:218px;
}


#nav-my {
	background-image:url(../images/navigation/nav_util_my_centerparcs.gif);
	width:158px;
}


#nav-search{
	background-image:url(../images/navigation/en/nav_util_search_and_book.gif);
	width:149px;
}


#nav-offres {
	background-image:url(../images/navigation/nav_main_offres.gif);
	width:81px;
}

#nav-activites {
	background-image:url(../images/navigation/nav_main_activites.gif);
	width:100px;
}

#nav-plans{
	background-image:url(../images/navigation/nav_main_plans.gif);
	width:75px;
}


/*
---------------------------------------------------------------------------------
MAIN COLUMNS
---------------------------------------------------------------------------------
*/


#contentContainer {
	position:relative;
	width:960px;
	margin:4px auto;
}

#outerMain {
	width:968px;
	float:left;
	margin-top:13px;
	margin-bottom:13px;
	clear:left;
}

#outerMainFull {
	width:960px;
	float:left;
	margin-top:13px;
	margin-bottom:13px;
	clear:left;
}

#outerRight {
	width:200px;
	float:left;
	margin-left:13px;
	margin-top:13px;
}

#ariane {position:relative;
		 width:960px;
		 padding-top:18px;
		 padding-bottom:6px;}		 	

.box #innerLeft { width:170px; }

.box .bodyText{
	padding:13px;
}

#innerLeft {
	float:left;
	width:174px;
}

#innerRight {
	width:773px;
	float:left;
	margin-left:13px;
	position:relative;
}


#outerFull {
	clear:left;
	margin:8px 0 8px 4px;
}



/*
--------------------------------------------------------------------
CONTENT AREAS
---------------------------------------------------------------------
*/


/*
sub content areas
*/


#navPromoBox{
	margin-bottom:13px;
}


#subContentDetail.full{
	overflow:auto;
	margin-bottom:13px;
}

.full #subContentRight{
	width:441px;
}




/*
-------------------------------------
*/

#subContentLeft img { display:block; }

#subContentLeft { float:left; width:251px; }

#subContentLeft .mainpic{

}



#subContentLeft .thumbpics .thumbpic { float:left; }

#subContentLeft .thumbpics .middlepic { margin:0 10px 0 10px; }

/*
subcontentRight
*/

#subContentRight {
	float:left;
	width:283px;
	padding-left:13px;
}


#subContentInfo { margin-right:13px; clear:left }


/*
subContentInfo
*/

#subContentInfoLeft { width:240px; float:left; }

#subContentInfoRight {
	width:290px;
	float:left;
	margin-left:13px;
}


.inTab { padding:13px; }

.inTabLeft { width:165px; float:left; display:inline; }

.inTabRight { float:left; width:358px; }

.detailDropDown2 { margin:24px 0 0 0; padding:0 0 30px 0 }

.printable .button-print { position:absolute; right:15px;   }

.printable .printcontent { position:realtive; width:430px; font-size:90%; }

#helpSections { float:left; width:194px; }

#helpContent { float:left; width:550px; font-size:100%; }

#outerMainFull #helpContent { width:766px; }

/*
---------------------------------------------------------------------------------
FOOTERS
---------------------------------------------------------------------------------
*/

#footer{
	clear:left;
	width:961px;
	height:64px;
	overflow:hidden;
}

#postfooter{
	padding-bottom:2em;
}


#navFooter{
	list-style:none;
	margin:40px 12px 0 0;
	float:right;
	
}

#navFooter li {
	float:left;
	margin-right:1em;
}


#navPostfooter {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
}