/* 

layout_web.css
controls the layout and style for global elements

*/


body {
	margin:0;
	padding:0;
	line-height:100%;
	behavior:url("style/csshover.htc");
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3F3F3F;
	overflow: -moz-scrollbars-vertical;
}

p, table, td, ol, ul, span, li, dd, dl, h1, h2, h3, h4, h5, h6, img, input, form, hr, fieldset , button { padding:0; margin:0; }

table { border-collapse:collapse; border-spacing:0; }

img, input, fieldset { border:0; }

h1 {
	font-family:"Trebuchet MS",Arial,Helvetica;
	font-size:160%;
	color:#007C3D;
	font-weight:bold;
	line-height:180%;
	
}

h2 {
	font-size:140%;
	font-family:"Trebuchet MS",Arial,Helvetica;
	font-weight:bold;
	color:#007C3D;
	line-height:140%;
	margin-bottom:8px;
}


h2.findheading { padding-left:24px; background:url(../images/style/bullets/search.gif) no-repeat; }

h3 { line-height:120%; }

h4 { }

h5 { }

h6 { }

p, li, dd, dl { line-height:135%; font-size:110%; }

ul, ol, p     { margin-bottom:1em; }

ul, ol        { margin-left:2em; }

ul { list-style-image:url(../images/style/bullets/green_dot.gif); }


input,
select  { font-family:Verdana, "Trebuchet MS", Arial, Helvetica; font-size:100%; }

.infobox ul { list-style-image:none; }

address {
	font-style:normal;
	line-height:135%;
	display:block;
	padding-bottom:1em;
}

address .name { font-weight:bold; }

a:hover { text-decoration:underline; }

a.bullet {
	background-repeat:no-repeat;
	padding-left:16px;
	text-decoration:none;
	color:#3F3F3F;
	/*display:block;*/
	margin:8px 0 8px 0;
	font-size:90%;
	background-position:left;
}

a.enlarge   { background-image:url(../images/style/bullets/enlarge.gif); display:block; margin:5px 0px; line-height:120%; }

a.arrow     { background-image:url(../images/style/bullets/arrow_on_white.gif); }

a.arrowdown { background-image:url(../images/style/bullets/arrow_on_white_down.gif); }

a.sendtofriend { 
	background-image:url(../images/style/bullets/email_a_friend.gif); 
	background-position:left;
	display:block;
	height:20px;
	font-size:100%;
	padding-left:24px;
	padding-top:12px;
	position:absolute;
	margin-top:0;
	top:0px;
	right:0;
}

.box a.sendtofriend { padding-right:8px; top:-6px; }

a.bullet2{
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	height:20px;
	font-size:100%;
	padding-left:24px;
	padding-top:8px;
	text-decoration:none;
	color:#3F3F3F;
}

a.rss {  background-image:url(../images/style/bullets/rss.gif); }

a.sendtofriend2 { background-image:url(../images/style/bullets/email_a_friend.gif); }

a.print { background-image:url(../images/style/bullets/icon_print.gif); }


a.button-book { background-image:url(../images/content/en/button_book.gif); background-repeat:no-repeat; }

a.button-print {
	background-image:url(../images/content/en/button_print.gif);
	background-repeat:no-repeat;
	width:65px;
	height:20px;
	display:block;
	text-indent:-9999px
}

.pageLinks   { float:right; }

.pageLinks a { float:right; margin-left:15px }

.flexiButton{
	background-image:url(../images/style/buttons/submit_endcap.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	display:block;	
	float:right;
	color:#007D3B;
	font-weight:bold;
	text-decoration:none;
	height:20px;
	border-style:none;
	border-width:0;
	padding:0;
	margin-right:13px;
	overflow:visible;
	cursor:pointer;
}



.flexiButton span {
	float:left;
	margin:0;
	display:inline;
	height:20px;
	padding-left:20px;
	margin-right:7px;
	padding-top:5px;
	background-image:url(../images/style/buttons/submit_start.gif);
	background-repeat:no-repeat;
}

.dotted {
	background-image:url(../images/style/backgrounds/dotted_line.gif);
	background-repeat:repeat-x;
	background-position:left;
	width:100%;
	height:20px;
	float:left;
}

/*
---------------------------------------------------------------------------------
TOPBAR AND NAVIGATION
---------------------------------------------------------------------------------
*/

#topBrandingContainer { border-top:2px solid #007C3E; background-image:url(../images/style//backgrounds/bg_trees.jpg); }

#topBranding {
	background-image:url(../images/style//backgrounds/bg_nav_stripes.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#fff;
	
}


#topLogoContainer {
float:left; 
width:150px; 
margin:7px 0 0 0; 
padding:0;
}


#topLogo {
	text-indent:-9999px;
	display:block;
	width:150px;
    height:75px;
	/* transparent png in IE 6+ from: http://www.daltonlp.com/daltonlp.cgi?item_type=1&item_id=217
	Mozilla ignores MS image filters, so it will skip the following 
	note the path to the image is PAGE-RELATIVE (not stylesheet relative as for normal CSS - this refs a duplicate in the images directory)
	
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,  src='images/logo.png');
    cursor:pointer;
}

/* IE 6 ignores styles with [attributes], so it will skip the following.  IE 7 works as expected */
#topLogo[id] { background-image:url(../images/logo.png); background-repeat:no-repeat; }

#infoUtil {
	position:absolute;
	font-size:85%;
	top:0;
	right:0;
	background:#007C3E;
	padding:2px 0 4px 0;
	width: 500px;
}

#infoUtil ul {
	list-style:none;
	margin:0 0 0 12px;
	clear:none;

}

#infoUtil li.telnumber {
	border:none;
	background-image:url(../images/style/bullets/icon_tel.gif);
	background-repeat:no-repeat;
	padding-left:24px;
	background-position:2px 0;
	font-weight:bold;
	font-size:11px
	}
	

#infoUtil li.home {
	border:none;
	background-image:url(../images/style/bullets/icon_hp.gif);
	background-repeat:no-repeat;
	padding-left:24px;
	background-position:2px 0;
}

#infoUtil li{
	float:left;
	padding:0 1em;
	border-left:1px solid #C9D300;
	margin-bottom:.4em;
}

#infoUtil li a {
	display:block;
	color:#fff;
	text-decoration:none;
}

#infoUtil li a:hover { text-decoration:underline; }

#navContainer ul { list-style:none; margin:0; padding:0;  }

#navContainer li { float:left; display:inline; }

#navContainer a {
	color:#fff;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	background-repeat:no-repeat;
	height:35px;
	background-position:bottom;
	overflow:hidden;
}

#navContainer a:hover { background-position:top; }

#navContainer a.selected { background-position:top; }


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


.sideNav    { width:170px; }

.sideNav li { width:170px; }


.sideNav ul {
	margin:0 0 13px 0;
	padding:0;
	list-style:none;
	list-style-image:none;
}



.sideNav li a:hover { background-color:#F2FDDD; }

.sideNav h3 { font-size:110%;margin-bottom:5px; }

.sideNav li a {
	background-image:url(../images/style/bullets/arrow_on_white.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding:2px 14px 2px 0;
	text-decoration:none;
	border-bottom:1px solid #EFEFEF;
	color:#4c4c4c;
	font-size:90%;
}

.sideNav li a:hover  { text-decoration:underline; }

.sideNav li.selected { background-color:#F2FDDD; }

/*
sub content areas
*/

#subContentNav { }

#subContentNav ul    { list-style:none; margin:0; padding:0; list-style-image:none; }

#subContentNav ul li {
	border-bottom:1px solid #DBDBDB;
	clear:left;
	padding:8px 0 8px 0;
	display:block;
	min-height:46px;
	height:auto !important;
	height:46px;
}

#subContentNav ul li.selected, 
#subContentNav ul li:hover     { background-color:#F2FDDD; }

#subContentNav ul li a.title {
	display:block;
	font-weight:bold;
	font-size:90%;
	color:#3F3F3F;
	text-decoration:none;
	margin:4px 0 0 0;
	padding:0;
	line-height:120%;
	width:110px;
	float:left;

}


#subContentNav ul li a.title:hover { color:#60B01B; text-decoration:underline; }

#subContentNav ul li.selected a { color:#60B01B; text-decoration:none; }

#subContentNav .thumb { float:left; margin:4px; }

#subContentNav ul li p{
	float:left;
	line-height:100%;
	font-size:85%;
	width:120px;
}


#subContentDetail.full { padding:13px; }


#subContentInfo h3    { font-size:100%; margin:8px 0 8px 0; }

#subContentInfo input { font-size:100%; margin:8px 0 8px 0; }



#helpContent h5 span { }


#helpContent h5 {
	background-image:url(../images/style/backgrounds/dotted_line.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:110%;
	text-decoration:none;
	color:#017D41;
	padding:10px 4px 4px 4px;
	
}

#helpContent h5:hover { background-color:#F0FDE1; }


#helpContent .detailDropDown {
	background-image:url(../images/style/backgrounds/dotted_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0 4px 4px;
	margin:2px 0 8px 0;
}

img.partnerlogo { margin-bottom:40px; display:block; }

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

#footer { background-image:url(../images/footer_flag.gif); background-repeat:no-repeat; font-size:85%; }

#postfooter { font-size:85%; }


#navFooter a {
	display:block;
	padding-left:16px;
	background-image:url(../images/style/bullets/arrow_on_dark_green.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#navFooter a:hover { text-decoration:underline; }

#navPostfooter li  { float:left; padding-left:1em; border-left:1px solid #007C3E; margin:1em; }

#navPostfooter a   { display:block; color:#007C3E; text-decoration:none; }

#navPostfooter a:hover { text-decoration:underline; }

#navPostfooter li.first-child { border:none; }

.inTab { border:1px solid #fff; }

.inTab .leftNav { width:139px; }

.inTab .leftNav li a:hover, 
.inTab .leftNav li.on a    { background-color:#F2FDDD; color:#61B01F; }

.inTab .leftNav ul {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}

.inTab .leftNav li { background-image:none; }

.inTab .leftNav li a {
	display:block;
	border-bottom:1px solid #D8D8D8;
	height:20px;
	text-decoration:none;
	padding:8px;
	font-weight:bold;
	color:#3F3F3F;
	font-size:90%;
}

.inTab .leftNav li a:hover { background-color:#F2FDDD; color:#61B01F; }


.inTab .pricingTable {
    width:100%;
	font-size:90%;
	text-align:right;
	margin-bottom:18px;

}

.inTab .pricingTable td    { padding:4px; text-align:center; }
.inTab .pricingTable thead { background-color:#DFF8C1; background-color:#DFF8C1; }

.inTab .pricingTable td.col-1 { text-align:left; }
.inTab .pricingTable td.col-2 { }
.inTab .pricingTable td.col-3 { }
.inTab .pricingTable tr.even  { background-color:#DFF8C1; }
.inTab .pricingTable tr.odd   { background-color:#F0FDE1; }

.headerrating    { width:960px; position:relative; }
.headerrating h1 { float:left; margin-right:8px; }


.ratingsleaf {
	background-image:url(../images/style/bullets/leaf_rating_icon.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:-9999px;
	height:30px;
	width:20px;
	float:left;
}

/* VIL01
------------------------------------------------*/

h5 { position:relative; clear:both;  font-size:110%; line-height:120%; color:#007C40; background:url(../images/style/backgrounds/bg_dropDown.gif) right no-repeat; padding:11px 0 10px 10px; margin:0 0 11px 0; cursor:pointer }

h6 { font-size:180%; color:#007C40; line-height:100%; font-weight:normal; padding:10px }

.detailDropDown               { margin:0 0 0 0; padding:0 0 30px 0 }
.villageRating                { border:1px solid #D8D8D8; margin:24px 0 0 0; padding:0 0 30px 0 }
.villageRating table          { width:100%; border-collapse:collapse; border-spacing:0; margin:5px 0 0 0 } 
.villageRating table td       { padding:3px 0; }
.villageRating .colA          { font-weight:bold; padding:0 10px 0 10px; vertical-align:top } 
.villageRating .colB          { padding:0 10px 0 0; vertical-align:top } 
.villageRating .colC          { border-right:1px solid #D8D8D8; vertical-align:top }
.villageRating .colD          { font-weight:bold; padding:0 10px 0 20px; vertical-align:top; } 
.villageRating .lastRow       { padding:0 0 20px 0; }

.villageRating .colC span     { float:left; display:block; width:13px; height:13px; padding:0 20px 0 0; text-indent:-100000px; }
.villageRating .colC span.off { background:url(../images/style/bullets/rating_Off.gif) center no-repeat; }
.villageRating .colC span.on  { background:url(../images/style/bullets/rating_On.gif) center no-repeat; }

.arrowDown     { padding:1px 3px 0 3px; background:url(../images/style/bullets/arrowDown.gif) left 4px no-repeat; }
.arrowRight    { padding:1px 3px 0 3px; background:url(../images/style/bullets/arrowRight.gif) left 4px no-repeat; }

#VIL02OVER .ratingsBox  { float:left; width:auto; margin:2px 9px 0 8px; }
#VIL02OVER .showstate   { float:left; }
#VIL02OVER h5 span      { float:left; }

/* VILO1 Component
------------------------------------------------*/
.villageHead         { background:url(../images/style/backgrounds/bg_village_category.gif) right bottom no-repeat; margin:5px 0 0 0; padding:14px 0 13px 0; }
.villageHead input   { margin:0; padding:0; }
.villageHead span    { margin:0; padding:0; font-weight:bold; }
.villageHead a       { text-decoration:none; color:#000000; }
.villageHead a:hover { text-decoration:underline; color:#000000; }
.villageHead ul      { float:left; margin:0; padding:0 0 0 10px; display:inline }
.villageHead li      { display:block; float:left; margin:0; padding: 0 30px 0 0; }
 
.countryColA,
.countryColB,
.countryColC,
.countryColD         { float:left; width:160px; margin:0 15px 0 0; }

/* Original elements in styles_web.css */
#VILO1 .sideNav               { float:left; width:160px; margin:23px 0 0 0; }
#VILO1 .sideNav li            { float:left; width:160px; display:inline; }
#VILO1 .sideNav li.disabled a       { color:#D2D2D2;   }
#VILO1 .sideNav li.disabled a:hover { color:#D2D2D2; text-decoration:none; }

.tooltip          { float:left; position:relative; background:url(../images/style/backgrounds/bg_overlay.gif); width:211px; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; padding:18px; overflow:hidden; } 
.tooltip h3       { font-size:110%; margin-bottom:5px; }
.tooltip .header  { float:left; width:100%; border-bottom:1px solid #FFFFFF; padding-bottom:10px; }
ul.tooltipRating  { float:left;  margin:0; padding:0; border-bottom:1px solid #FFFFFF; width:100%; list-style:none; }
.tooltipRating li { float:left;  height:26px; width:20px; padding:8px 2px 0 0; background:url(../images/style/bullets/ratingBird.gif) center no-repeat; text-indent:-100000px; }
ul.tooltipInfo    { float:left; display:inline; margin:0 0 0 10px; padding:10px 0 0 10px; list-style-image:none; }
.tooltipDetail    { float:left; border-top:1px solid #FFFFFF; width:100%; margin:9px 0 0 0; padding:9px 0 0 0; }



/* Overlay components
------------------------------------------------*/

.close      { position:absolute; top:20px; right:20px; background:url(../images/style/bullets/arrowRight.gif) left center no-repeat; padding:0 0 0 15px; font-size:100%; text-decoration:none; color:#3F3F3F; font-weight:normal; }
.overlay    { position:relative;  background:url(../images/style/backgrounds/bg_overlay.gif); width:384px; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; padding:18px; overflow:hidden; }
.overlay h1 { position:relative; padding:0 0 12px 0; border-bottom:1px solid #FFFFFF }

.overlay              { position:absolute; top:326px; left:50px; z-index:100; }
.overlayLeft          { float:left; width:50%; margin:10px 0 0 0; }
.overlayRight         { float:left; width:50%; margin:10px 0 0 0;   }
.overlayLeft img      { display:block; margin-bottom:20px; }
.overlay label        { display:block; padding:0 0 5px 0; }
.overlay fieldset     { margin: 0 0 8px 0; } 
.overlay h1           { margin:0 0 10px 0; line-height:90%; }
.overlay h3 	      { font-size:110%; margin: 0 0 5px 0; }
.overlay .firstRow    { margin-right:9px; }
.overlay input        { width:178px; font-size:100%; padding:3px; margin:0 0 8px 0; }
.overlay .text        { width:300px; font-size:100%; line-height:110%; padding:10px 0 0 0; margin:0 0 0 0; }
.overlay .flexiButton { position:absolute; bottom:15px; right:8px; }


.termsOverlay,
.generalOverlay          { position:absolute; background:#FFFFFF; top:35px; left:55px; z-index:100; width:700px; height:auto; border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; }

.termsOverlay  h1,
.generalOverlay h1       { margin:13px 0 10px 13px; }

.termsOverlay  p,
.generalOverlay p        { padding:0 13px 0 13px; }

.termsOverlay .box,
.generalOverlay .box     { position:relative; margin:13px; }

.termsOverlay .bb,
.generalOverlay .bb      { position:relative; margin-top:20px; }

.termsOverlay .print,
.generalOverlay .print   { position:absolute; right:25px; top:15px; }


.generalOverlay          { background:#FFFFFF; top:35px; left:150px; width:400px; height:auto; }




#tabsBox .bb { background:none; }


/* BRO01 COMPONENT
------------------------------------ */
#BRO01 .box-E4E4E4 { margin-bottom:13px; }

#postalForm { clear:left; }

#postalForm fieldset { margin:13px 0 0 13px; }
#postalForm label    { width:160px; float:left; padding:10px; font-weight:bold; }

#downloadForm          { clear:both }
#downloadForm fieldset { padding:20px 0 20px 22px }
#downloadForm input    { border:1px solid #CCCCCC; height:20px; width:250px; margin:0 0 0 10px; float:left }
#downloadForm label    { font-weight:bold; float:left; padding:5px 0 0 0 }
#downloadForm .flexiButton { float:left; margin-left:20px }       


#refferer h2 { margin-left:13px; }

#refferer label  { width:120px; }
#refferer select { width:100px; margin-top:8px; }
#personalDetails { border:none; }

#personalDetails input, 
#personalDetails  select {
	width:160px;
	margin-top:8px;
	border:1px solid #ccc;
	height:20px;
}

#BRO01 .checkboxinput { margin:13px; }
#BRO01 .checkboxinput .checkLabel { color:#037D40; font-weight:bold }
#BRO01 .required  { color:#D20F15; font-size:11px; }
#BRO01 .required2 { color:#3F3F3F; font-size:11px; }

#submitButtons label { font-weight:normal; width:auto; margin-right:40px; }

#BRO01 #outerMain h1 {
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	margin-left:11px;
	float:left;
}

#downloadBox h1   { background-image:url(../images/style/bullets/icon_download.gif); padding:0 10px 0 10px; }

#viewOnlineBox h1 { background-image:url(../images/style/bullets/icon_view_online.gif); }

#postalFormBox h1 { background-image:url(../images/style/bullets/icon_post.gif); }

#BRO01 .panelSwitcher { margin-right:10px; margin-top:10px; text-align:right; }

#BRO01 .panelSwitcher a { background-position:right; padding-right:12px; }




/* OFF01 component
-------------------------------------------------------------- */

#OFF01 h2 { margin:0 0 5px 0; line-height:100%; padding:0 0 5px 5px; border-bottom:1px solid #FFFFFF; }
#OFF01 .overlay    { width:240px; top:470px; left:500px; padding-bottom:0; }
#OFF01 .overlay h3 { border-bottom:1px solid #FFFFFF; padding:0 0 10px 0 }
#OFF01 .overlay ul { padding:5px 5px 10px 15px; margin:0 0 0 0; }
#OFF01 .overlay li { font-size:100%; list-style-image:none; line-height:140%; }
#OFF01 .infobox ul { margin-bottom:7px; padding-bottom:0; }

#selectForm { margin:8px 0 8px 0; border-bottom:1px solid #e4e4e4; }

#optionsSelector { overflow:auto; }

#selectForm fieldset {
	float:left;
	padding-left:30px;
	background-repeat:no-repeat;
	margin-left:10px;	
	margin-bottom:8px;
	display:inline;
	
}

#countriesChoice { background-image:url(../images/style/bullets/icon_country_flag.gif); width:220px; }
#dateChoice      { background-image:url(../images/style/bullets/icon_calendar_date.gif); width:220px; margin-left:50px; }
#peoplesChoice   { background-image:url(../images/style/bullets/icon_number_people.gif); width:350px; margin-left:50px; }
#selectForm #peoplesChoice label { width:80px; }


#selectForm #priceperperson {
	text-align:right;
	float:right;	
	margin:5px 10px 5px 5px;
	padding:5px;
	
}

#selectForm #priceperperson label { float:none; width:auto; }

#resultsCount {
	clear:both;
	float:left;
	margin:5px;
	padding:5px;
	
}


.numberResults { color:#D20F13; font-weight:bold; }

#resultsTable {
	clear:left;
	margin:8px;
	width:932px;
	border-collapse:collapse;
	border-spacing:0;
}


.noResults { text-align:center; height:100px; }


#selectForm label {
	float:left;
	width:105px;
	font-size:90%;
	height:20px;
}

#resultsTable { clear:both; }

#resultsTable td { padding:8px;  font-size:115%; line-height:125%; }

#resultsTable th { padding:16px 8px 16px 8px; text-align:left; margin:0; border:0; }

#resultsTable thead tr { background:url(../images/style/backgrounds/bg_offers_table_top.gif) 0 0 no-repeat; }

#resultsTable tr td {
	background-image:url(../images/style/backgrounds/dotted_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;

}

#resultsTable tr.lastrow td { border-bottom:1px solid #e4e4e4; background-image:none; }

#resultsTable .col-1 { width:80px;  }
#resultsTable .col-2 { width:120px; }
#resultsTable .col-3 { width:150px; }
#resultsTable .col-4 { width:80px;  }
#resultsTable .col-5 { width:150px; }
#resultsTable .col-6 { width:100px; }
#resultsTable .col-7 { width:100px; }
#resultsTable .col-8 { width:100px; font-weight:bold; color:#62AF21; }
#resultsTable .col-9 { width:80px; }



/* french Table
-------------------------------------------------------------- */
.frenchHead h1    { float:left; padding:5px 15px 0 11px } 
.frenchHead ul    { padding:4px 0 0 0; width:200px; } 

.frenchTable          { width:932px; xbackground:red; margin:5px 0 20px 10px }
.frenchTable thead    { background:url(../images/style/backgrounds/bg_offers_table_top.gif) 0 0 no-repeat; padding:5px 0 5px 0; }
.frenchTable thead th { padding:13px 0 13px 0; border-bottom:1px solid #dbe4cf; }
.frenchTable .borderWhite    { border-right:1px solid #FFFFFF  }
.frenchTable .borderGreen    { border-right:1px solid #d9efbe }
.frenchTable .personsHead td { background:#EFF9E0; color:#007C3D; text-align:center; font-weight:bold; padding:8px 0; border-bottom:2px solid #FFFFFF; }
.frenchTable td           { text-align:center; padding:8px 0; }
.frenchTable tbody td     { background:url(../images/style/backgrounds/dotted_line.gif) bottom repeat-x; }
.frenchTable .date    { text-align:center; background:#EFF9E0; font-weight:bold; margin:3px 0 0 0;  border-bottom:1px solid #FFFFFF; }
.frenchTable .col-1   { width:125px; }
.frenchTable .col-2   { width:70px; }
.frenchTable .col-3   { width:70px; }
.frenchTable .col-4   { width:70px; }
.frenchTable .col-5   { width:70px; }
.frenchTable .col-6   { width:70px; }
.frenchTable .col-7   { width:70px; }
.frenchTable .col-8   { width:125px; }
.frenchTable .col-9   { width:260px; }

/* OFF01b component
-------------------------------------------------------------- */

#OFF01b h2          { margin:0 0 5px 0; line-height:100%; padding:0 0 10px 0; border-bottom:1px solid #FFFFFF;  }

#OFF01b .overlay    { width:350px; top:470px; left:500px; padding-bottom:0; }

#OFF01b .overlay ul { padding:5px 5px 10px 15px; margin:0 0 0 0; }

#OFF01b .overlay li { font-size:100%; list-style-image:none; line-height:140%; }


/* 
SIT01 Component
------------------------------------------------------------- */


#sitemap { padding:10px 0 20px 0; }

.homeColumn {
float:left;
padding:13px;

}
 
.sitemapColumn {
	float:left;
	border-left:1px solid #e4e4e4;
	padding:13px;
	width:136px;
}



.sitemapColumn h2, #col-home h2 {
	background:url(../images/style/bullets/arrow_on_white.gif) no-repeat;
	background-position:3px;
	padding-left:20px;
	margin-bottom:13px;
}

.sitemapColumn ul    { list-style-image:url(../images/style/bullets/arrow_on_white.gif); }
.sitemapColumn ul li { list-style-image:url(../images/style/bullets/arrow_on_white.gif); }
.sitemapColumn ul ul { margin-top:15px; }
.sitemapColumn li li { font-size:100%; }
.sitemapColumn a     { color:#3F3F3F; text-decoration:none; }

#sitemapColumnHome   { float:left; padding:13px; width:80px; }


/* 
-----------------------------------------------------
COT01 component
-----------------------------------------------------
*/

#COT01 #subContentInfoLeft  { width:160px; }

#COT01 #subContentInfoRight { width:358px; }

#COT01 #subContentInfoRight ul {
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#COT01 #subContentInfoRight ul li {
	background-image:url(../images/style/backgrounds/dotted_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:30px;
}


#COT01 #subContentInfoRight li a {
	background:url(../images/style/bullets/arrow_on_white.gif) no-repeat;
	background-position:10px;
	display:block;
	margin:2px 0 2px 0;
	padding:8px 0 2px 30px;
	text-decoration:none;
	color:#4c4c4c;
	font-size:100%;
	height:20px;
}


#COT01 #subContentInfoRight li a:hover { background-color:#F2FDDD; color:#61B01F; }

#tabsBox .bb { background:none; }


.ratingsBox    { width:100%; overflow:auto; }

.ratingsBox h3 { float:left; font-size:120%; margin-right:10px; }

.ratingkey     { float:left; text-indent:-99999px; width:16px; height:16px; background:url(../images/style/bullets/key_rating_grey.gif) 0 3px no-repeat; }

/*
----------------------------------
ACT01
---------------------------------- 
*/

#ACT01 #subContentInfoRight              { margin-left:5; }
#ACT01 #subContentInfoRight select       { float:left; margin:0 18px 0 0 }
#ACT01 #subContentInfoRight .flexiButton { float:left; margin:0 0 0 0  }

/*
----------------------------------
 Help form
---------------------------------- 
*/

#helpForm { padding:10px 0 0 0; }

#helpForm p { margin:0; padding:5px 0px }

#helpForm fieldset { padding:5px 0 12px 17px; }
#helpForm label    { width:235px; height:5em; float:left; margin:0 10px 0 0; font-weight:bold; }

#helpForm #feedBack select { margin-top:8px; }

#helpForm #feedBack select, 
#helpForm #personalDetails input, 
#helpForm #personalDetails select { width:230px; display:block; height:20px }

#helpForm .feedbackTextarea { height:auto; clear:both; float:none; display:block }

#helpForm textarea { width:720px; height:92px; overflow:auto; margin:8px 0 0 0 }

#helpForm .required  { color:#D20F15; font-size:11px; }
#helpForm .required2 { color:#3F3F3F; font-size:11px; }

#helpForm h3         { color:#007C3D; font-size:120%; padding:5px 0 10px 0; margin:0px 17px 5px 0; background:url(../images/style/backgrounds/form_dotted_line.gif) repeat-x; }

#submitButtons label { font-weight:normal; width:auto; margin-right:40px; }

/*
--------------------------------------------------------------------
Image Gallery
---------------------------------------------------------------------
*/

#imageGallery          { position:relative; width:264px; height:233px; }
#imageGallery img      { border:0; }
#imageGallery .thumbs  { position:absolute; height:55px; display:block; left:0; top:179px; }

#imageGallery a.gallery:active, 
#imageGallery a.gallery:focus        { border:1px solid #000; }

#imageGallery a.gallery:active span, 
#imageGallery a.gallery:focus span   { display:block; position:absolute; width:425px; height:250px; top:-179px; left:0; }

#imageGallery a.gallery              { margin:0 8px 0 0; }

#imageGallery span.defaultImage      { position:absolute; top:0px; left:0; display:block; }

#imageGallery a.enlarge              { position:absolute; left:0; top:155px; } 

/* needed for IE to make :active state work first time */
#imageGallery a, #imageGallery a:visited { color:#000;} 

/* common styling for all galleries */
a.gallery, 
a.gallery:visited { float:left; display:block; display:inline-block; color:#000; border:1px solid #FFFFFF; width:77px; height:53px; }

a.gallery span    { display:none; }
a.gallery:hover   { border:1px solid #000000; }


/*
----------------------------------
Rich Media
---------------------------------- 
*/

.richmedia { width:560px; height:240px; margin:0; padding:13px 0 13px 0; background:#EEEEEE; border-bottom:1px solid #C8D1BB;  }

.richmedia .mediaContainer { /* needed to clear IE hover bug */ }
.richmedia .media          { float:left; width:320px; display:inline; padding:0 0 0 13px; }
.richmedia .videoNav       { float:left; width:200px; height:240px; background:#FFFFFF; margin:0 13px 0 13px; display:inline; } 
.richmedia h1              { background:url(../images/style/bullets/icon_video.gif) left center no-repeat; margin:10px 0 0 20px; padding:0 0 0 23px; line-height:1.2 }
.videoNav ul               { margin:10px 20px 0 17px; padding:0; }
.videoNav li               { list-style:none; list-style-image:none; border-bottom:1px solid #D8D8D8 }
.videoNav li a             { display:block; padding:10px 7px; color:#000000; text-decoration:none; font-weight:bold; }
.videoNav li a:hover       { background:#F0FDE0; color:#60AF1E; text-decoration:underline; }
.videoNav li.selected a    { background:#F0FDE0; color:#60AF1E; }
.videoNav li.lastChild     { border-bottom:none; }


/* clear floats
--------------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* hides from IE/Mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* end hide from IE-Mac */
/*** end clearing hack  ***/