/* @group OOCSS */
  /* **************** GRIDS ***************** */
	.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
	.unit{float:left;_zoom:1;}
	.unitExt{float:right;}
	.size1of1{float:none;}
	.size1of2{width:50%;}
	.size1of3{width:33.33333%;}
	.size2of3{width:66.66666%;}
	.size1of4{width:25%;}
	.size3of4{width:75%;}
	.size1of5{width:20%;}
	.size2of5{width:40%;}
	.size3of5{width:60%;}
	.size4of5{width:80%;}
	.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
	/* extending grids to allow a unit that takes the width of its content */
	.media{width:auto;}

/*
	Copyright (c) 2009, Nicole Sullivan. All rights reserved.
	Code licensed under the BSD License:
	version: 0.2
	*/
	/* **************** BLOCK STRUCTURES ***************** */
	/* mod */
	.mod{margin:10px;}
	.media,.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
	.inner{position:relative;}
	b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
	.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
	.tl{background-position: left top;}
	.tr{background-position: right top;}
	.bl{background-position: left bottom;} 
	.br{background-position: right bottom;}
	.br,.tr{float:right;}
	.bl,.br{margin-top:-10px;}
	.top{background-position:center top;}
	.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
	/* complex */
	.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
	.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
	.complex .bl, .complex .br{/*margin-top:0;*/}
	.complex .top{height:5px;}
	.complex .bottom{height:5px;/*margin-top:-10px;*/}
	/* pop  */
	.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
	.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
	.pop .tl, .pop .br{display:none;}
	.pop .bl{bottom:-10px;}
	.pop .tr{right:-10px;}

/* **************** SPECIFIC NAMICS RULES ***************** */
	
	/* 
	 * use: 
	 * <div class="line overflow">
	 * 	{modules}
	 *  <span class="clear"> </span>
	 * </div> 
	 * 
	 * The overflow class might be applied to lines or/and units.
	 * That makes it possible to have content that overlaps the line or unit.
	 * Because the overflow property is set to visible, the correct height of the item must
	 * be accomplished by adding <span class="clear"> </span> at the end of the item.
	 * 
	 * Furthermore, the modules with overlapping content must set the overflow of 
	 * the .bd to visible. 
	 * 
	 * ie.:
	 * .modAction .bd {
	 *   overflow: visible;
	 * }
	 */       
	                    
	html {
		height: 100%;
	}
	
	body {                                 
		min-height: 100%;
		text-rendering: optimizeLegibility;
	}
	
	.overflow {
		overflow: visible;
	}
	
	.clear {
	    display: block;
	    clear: left;
	    line-height: 0px;
	}                          
	
	/* needed for empty columns */
	.unit {
		min-height: 1px;
	}                   
	* html .unit {
		height: 1px;
	}
	
	/* html5 */
	header, 
	footer, 
	nav, 
	section, 
	aside,
	article,
	figure {
		display: block;
	}
	
	/* media extension */
	.media .left { float:left; }
	.media .right { float:right;}
	.media .right img, .media .left img { display:block; }

	/* **************** TEMPLATE ***************** */
	/* ====== Page Head, Body, and Foot ====== */
	body{_text-align:center;}/* IE5.5 */
	.body{overflow:hidden; _overflow:visible; _zoom:1;}
	.page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
	/* "liquid" extend page to allow for different page widths */
	.liquid{extends:.page; width: auto;margin:0;}
	/* ====== Columns ====== */
	.main{overflow: hidden;_overflow:visible;_zoom:1;}
	.leftCol{float:left; width:250px;_margin-right:-3px;}
	.rightCol{float:right; width: 300px;_margin-left:-3px;}

/* @end */

body {
  font-size: 10pt;
}
#skiplinks, .modMainNavigation, .foot, .modMetaNavigation, .leftCol, .modTerrificMenu, .modSocialMedia, .modEcard, .modIndexPath {
  display: none !important;
}

.skinMainNavigationSitemap {
  display: block !important;
}
.skinMainNavigationSitemap .rootmenu h2 .expandicon {
  display: none !important;
}
.skinMainNavigationSitemap .megadropdown ul a.secondlevel {
  font-size: 14pt;
}
.skinMainNavigationSitemap .megadropdown ul a {
  word-wrap: normal !important;
}

.sbb-5col, .sbb-3col, .sbb-4col, .content-wrapper {
  width: 100%;
}
.sbb-col-advertisement {
  display: none;
}

/* Show Sidebar */
.main {
    float:left;
    width:73% !important;
}

.rightCol {
    float:right;
    width:22% !important;

}

.page .head {
  height: auto;
}

.page, .page .body, .sbb-col-middle, .sbb-col-inner,
.hd,.bd,.ft,
.line, .lastUnit, .modCarousselItem {overflow: visible; }

/* @Element Mosaic */

.modMosaic h2 .bd {
  height: 8.35em;
  overflow: hidden;
  padding: 0 7px;
}

.modMosaic h2 a span.iconlink {
  display: none;
}

.modCampaignCaroussel .carousel {
  position: static !important;
}

/* @End */

* {
    background-image: none !important;
    background-color: transparent !important;
}

/* @Group Icons */

  .ratingStars .allStars {
    width: auto !important;
    text-indent: 0;
  }
  .leisureTripPictoItem, .leisureTripPictoItem .leisureTripPictogram {
    float: none;
    display: inline;
    top: auto;
    width: auto !important;
    height: auto !important;
    text-indent: 0 !important;
  }

  .leisureTripLayoutPlan,
  .modLeisureTripPictograms,
  .leisureTripRating {
      display:none;
  }

/* @end*/

form fieldset.base .formUnit .tooltipBox, form fieldset.base .formUnit .errorFieldOverlay {
  display: none !important;
}

/* If Overlay Open */

body.overlayVisible .body {
  display: none;
}
body.overlayVisible #fancybox-wrap, body.overlayVisible #fancybox-content {
  width: auto !important;
  height: auto !important;
  position: static !important;
}

/* @end*/



/* @Element modTextBlock */

.mod .modTextblock b {
    font-size:100% !important;
}

/* @end*/


/* @Element modCampaignCarousselItem */

.mod .modCampaignCarousselItem .redButton  {
    right:50px;
    color: #000 !important;
}

/* @end*/


/* @Element modTabs */

.modTabs .tabNavigation {
   display:none;
}

.modTabs .tabContent {
	display:block !important;
}

.modTabs .tabInner {
    border-top: 1px solid #DDDDDD;
}

.modTabs .printTitle {
    display:block;
}

.modTabs .noPrint {
    display:none;
}

/* @end*/


/* @Element modAccordion */
.mod .modAccordion .inner {
    border-top: 1px solid #DDDDDD;
}

.mod .modAccordion .expandableBody,
.mod .modContextMenu .expandableBody {
	display:block !important;
}

.mod .modAccordion .redButton {
    right:50px;
    color: #000 !important;
}

/* @end*/

/* @Element modReviews */

.modReviews {
    display:none;
}

.modReviews .greyButton {
    display:none;
}
/* @end*/