/* @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*/