﻿@import '../../CSS/jquery-ui.css';

@import './chrome/src/css/core.css';
@import './chrome/src/css/foam.css';
@import './chrome/src/css/buttons.css';
@import './chrome/src/css/actions.css';
@import './chrome/src/css/multi-section.css';
@import './chrome/src/css/legacy-boxes.css';
@import './chrome/src/css/payment-breakdown.css';

@import './chrome/src/css/shopping-cart.css';
@import './chrome/src/css/customer-info-control-panel.css';
@import './chrome/src/css/payment-method-control-panels-panel.css';
@import './chrome/src/css/legacy-search-engine-control-panel-rental.css';
@import './chrome/src/css/search-engine-control-panel-bus.css';
@import './chrome/src/css/google-map.css';

@import '../Sembo2011/chrome/src/css/overlay.css';
@import './chrome/src/css/pushers.css';
@import './chrome/src/css/search-engine-result-item.css';
@import './chrome/src/css/search-engine-package-result.css';
@import 'Content.css';

@media all
{
    .StenaGroupHyperLink
    {
        display: none;
    }

    .AccommodationPopUpLink
    {
        display: none;
    }

    body
    {
        background-image: url('../../images/common/main/bakgrunden.jpg');
        background-position: left center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: #e1eceb;
        padding-bottom: 20px;
    }
    
    a img
    {
        border: 0;
    }

    #content
    {
        width: 600px;
    }

    #container
    {
        width: 960px;
        margin: 0 auto;
    }

    #container .ContentHolder
    {
        background-color: White;
    }

    #navigation
    {
        float: left;
        width: 788px;
        position: relative;
        z-index: 2;
    }     
    
    .IconList
    {
	    list-style:  none;
    }

    .IconList li
    {
	    margin-bottom: 2px;
    }
    
	/***************************************************\
	*	AccommodationPresentation CustomerReviewBox		*
	\***************************************************/
	
	.AccommodationPresentation .CustomerReviewBox {
		 z-index:1000;  
		 background-color: #F7F7F7;
         border: solid 1px #C6C6C6; 
         padding: 1px 0 3px 10px; 
         clear: both; 
         float:left; 
         margin-top:10px; 
         font-family: Arial, sans-serif;
         text-transform: uppercase;
	}
	.AccommodationPresentation .CustomerReviewBox span 
	{
		vertical-align: middle;
		margin-right: 5px;
	}
	
	.AccommodationPresentation .CustomerReviewBox img
	{
		position: relative;		
		top: 2px;
	}

    #content
    {
        width: 746px;
        background-color: #FFFFFF;
        padding: 5px 20px 20px 20px;
        float: left;
    }
    #content .MainContent
    {
        width: 600px;
        float: left;
        margin-top: 25px;
    }
    #footer
    {
        background-color: #FFFFFF;
        padding: 10px 3px 0px 5px;
        float: left;
        width: 602px;
    }

    /*******************************
    	*		 Menu				   *
    	*******************************/
    .MenuTable
    {
        display: block;
        position: relative;
        height: 150px;
    }

    #quickSearchTable
    {
        position: absolute;
        top: 153px;
        left: 611px;
        display: block;
        height: 20px;
    }

    #mainMenuLogo
    {
        margin-left: 20px;
        margin-top: 0px;
    }

    #quickSearchTable
    {
        width: 155px;
        margin-right: 10px;
    }


    #mainMenuTd
    {
        font-family: Verdana;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        font-size: 10px;
    }

    #mainMenu
    {
        float: left;
        width: 100%;
        line-height: normal; /*background:		url('../../images/common/meny/menuBottom.jpg') repeat-x 50% bottom;*/
    }
    #mainMenu ul
    {
        margin: 0;
        padding: 5px 0px 0px 7px;
        list-style: none;
    }
    #mainMenu li
    {
        display: inline;
        margin: 0;
        padding: 0;
    }
    #mainMenu a
    {
        float: left;
        background: url('../../images/common/meny/menuLeft.gif') no-repeat left top;
        margin: 0;
        padding: 0 0 0 3px;
        text-decoration: none;
    }
    #mainMenu a span
    {
        float: left;
        display: block;
        background: url('../../images/common/meny/menuRight.gif') no-repeat right top;
        padding: 10px 10px 5px 7px;
        font-size: 13px;
        font-weight: bold;
        color: #0171A6;
        font-family: Arial;
    }

    #mainMenu a span
    {
        float: none;
    }

    #mainMenu a:hover span
    {
        color: #FFFFFF;
    }
    #mainMenu .currentMainMenu a
    {
        background-position: 0 -31px;
        border-width: 0;
    }
    #mainMenu .currentMainMenu a span
    {
        background-position: 100% -31px;
        padding-bottom: 5px;
        color: #FFFFFF;
    }
    #mainMenu .currentMainMenu a:hover
    {
        background-position: 0 -31px;
        border-width: 0;
    }
    #mainMenu .currentMainMenu a:hover span
    {
        background-position: 100% -31px;
        padding-bottom: 5px;
        color: #FFFFFF;
    }
    #mainMenu a:hover
    {
        background-position: 0% -31px;
    }

    #mainMenu a:hover span
    {
        background-position: 100% -31px;
    }
    /*end ********** mainMenu ************* */
    /*start ********* subMenu ************* */
    #subMenuTD
    {
        /*background:		url('../../images/common/meny/subMenuBack.gif') repeat-x;*/
        background-color: #59C8F5;
    }
    .subMenu
    {
        float: left;
        width: 100%;
        line-height: normal;
    }
    .subMenu ul
    {
        margin: 0;
        padding: 0px 0px 0px 4px;
        list-style: none;
    }
    .subMenu li
    {
        display: inline;
        margin: 0;
        padding: 0;
    }
    .subMenu a
    {
        float: left;
        margin: 0 2px 0 0;
        padding: 0 0 0 1px;
        text-decoration: none;
    }
    .subMenu a span
    {
        float: left;
        display: block;
        background: url('../../images/common/meny/subMenuRight.gif') no-repeat right top;
        padding: 2px 4px 2px 4px;
        font-size: 10px;
        font-weight: bold;
        color: #1B90D4;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .subMenu a span
    {
        float: none;
    }
    /* End IE5-Mac hack */
    .subMenu .currentSubMenu a
    {
        background-position: 0 -16px;
        border-width: 0;
    }
    .subMenu .currentSubMenu a span
    {
        background-position: 0 -16px;
        color: #1B90D4;
    }
    .subMenu .unAvailableSubMenu a
    {
        border-width: 0;
    }
    .subMenu .unAvailableSubMenu a span
    {
        color: #B0E5FF;
        cursor: pointer;
    }
    .subMenu .regularsubmenu a:hover
    {
        background-position: 0 -16px;
    }
    .subMenu .regularsubmenu a:hover span
    {
        background-position: 0 -16px;
    }

    /*******************************
    	*		 // Menu			   *
    	*******************************/
    	
    .group-travel-container
    {
        margin: 0 9px;
    }

    /*******************************
    	*		 Shortcut			   *
    	*******************************/

    #banners {
        width: 142px;
        float: right;
        padding-left: 8px;
        margin-top: 155px;
    }
	
	#banners .facebook-portlet .heading {
    	color: #FFF;
		font-family: Verdana, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 6px;
    }
    
    #bannerDiv div {
        margin-bottom: 7px;
    }

    #shortcut
    {
        width: 133px;
        float: right;
        background-color: White;
        padding-top: 25px;
    }

    #shortcut ul
    {
        list-style: none;
        margin: 5px 0;
        padding: 0;
        font-size: 10px;
    }

    #shortcut li
    {
        background-image: url('../../images/common/main/list_pil.gif');
        background-repeat: no-repeat;
        background-position: 5px 5px;
        padding-left: 15px;
        list-style-type: circle;
        line-height: 1.2em;
        list-style: none;
    }

	#shortcut dl
	{
		background: url(../../images/common/shortcut/frame_bottom.gif) no-repeat left bottom;
		border-top: 1px solid #BDBDBD;
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		overflow: hidden;
	}

    #shortcut dt
    {
        background: url(../../images/common/meny/submenuback.gif) repeat-x;
        margin: 2px 3px 0;
        padding: 3px 0 2px;
        text-align: center;
        color: #FFF;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    #shortcut dd
    {
        margin: 0;
        padding: 0;
    }
    
	#shortcut input[type='text']
	{
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		width: 100%;
	}
	.ie7 #shortcut input[type='text']
	{
		width: 123px;
	}
	#shortcut input[type='button'],
	#shortcut input[type='submit']
	{
		float: right;
	}

    #shortcut .sokResm
    {
        font-family: Verdana;
        font-size: 10px;
        width: 82px;
        height: 16px;
        border: 1px solid #7F9DB9;
        padding: 2px;
        color: #000000;
    }

	#shortcut h4
	{
		display: block;
		margin: 1em 0 1ex;
		padding: 0;
		
		color: #0171A6;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.0;
		text-align: center;
		text-decoration: none;
		text-transform: none;
	}

    #shortcut h5
    {
        font-family: Verdana;
        font-size: 10px;
        font-weight: Bold;
        text-decoration: none;
        color: #F6C821;
        margin-bottom: 0px;
        margin-top: 2px;
        text-transform: uppercase;
    }

    /*******************************
    	*		 // Shortcut		   *
    	*******************************/

    .ImportantMessage
    {
        border: 1px solid red;
        margin-bottom: 5px;
        padding: 5px;
    }
    
    .ImportantMessageBox
    {
        color: #f00;
        border: 1px solid #f00;
        margin: 8px 8px;
        padding: 10px;
        text-align: left;
    }
    
    .ImportantMessageBox ul
    {
        margin-left: 20px;
        margin-top: 8px;
    }


    /*******************************
    	*		 Address			   *
    	*******************************/
    .seperatorBack
    {
        background: url('../../images/common/main/separatorBack.jpg') repeat;
    }

    .adress
    {
        font-family: Verdana;
        font-size: 0.9em;
        font-weight: Bold;
        color: #FFFFFF;
        text-decoration: none;
    }
    /*******************************
    	*		 // Address			   *
    	*******************************/

    /*******************************
    	*  Accommodation Presentation  *
    	*******************************/

    .LazyAccommodationsText
    {
        margin-top: 7px;
    }

    #AccommodationPresentation DL
    {
        margin: 0px;
        font-family: verdana, tahoma, arial, sans-serif;
        margin-bottom: 15px;
    }

    #AccommodationPresentation DT.box
    {
        padding: 3px 7px 3px 7px;
        font-weight: bold;
        font-size: 12px;
        background: url(http://images.sembo.se/common/main/dotline_top_box_600.gif) no-repeat 0px 0px;
        margin: 0px;
        text-transform: uppercase;
        color: #0076be;
        height: 15px;
    }

    #AccommodationPresentation DD.box
    {
        padding: 7px;
        background: url(http://images.sembo.se/common/main/dotline_bottom_box_600.gif) no-repeat left bottom;
        margin-left: 0px;
    }

    #accommodationPresentation .Header
    {
        padding-right: 10px;
    }

    .AccommodationPresentation .productPresentation a span
    {
        display: none;
    }
    
    .AccommodationPresentation .Sun img, .AccommodationPresentation .Plus img
    {
        visibility: hidden;
    }
    .AccommodationPresentation .Sun, .AccommodationPresentation .Plus
    {
        width: 17px;
        height: 17px;
        background-repeat: no-repeat;
    }

    .AccommodationPresentation .Sun
    {
        background-image: url(http://images.sembo.se/common/symbols/AccomodationSun.png) !important;
        background-image: url(http://images.sembo.se/common/symbols/AccomodationSun.gif);
    }

    .AccommodationPresentation .Plus
    {
        background-image: url(http://images.sembo.se/common/symbols/AccomodationPlus.png) !important;
        background-image: url(http://images.sembo.se/common/symbols/AccomodationPlus.gif);
    }    

    /*******************************
    	* //Accommodation Presentation *
    	*******************************/

    /* 	
    	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    	+		   	  === ACCOMMODATION SEARCH FILTER ===				+
    	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */

    .sortContainer
    {
        width: 586px;
    }

    .filterContainer .FilterMenyPanel
    {
        height: 30px;
    }

    .filterContainer .FiltersHeaderLabel
    {
        float: left;
        font-size: 14px;
        font-weight: bold;
        color: #1E4788;
    }

    .filterContainer
    {
        background-color: #F0F0F0;
        width: 580px;
    }

    .filterContainer .Price .DropDownPanel, .filterContainer .Price .CheckBoxPanel, .filterContainer .Classification .DropDownPanel, .filterContainer .Classification .CheckBoxPanel, .filterContainer .Distance .SliderPanel, .filterContainer .Top3 .Distance .DropDownPanel
    {
        display: none;
    }
    .filterContainer .Price .SliderPanel, .filterContainer .Classification .SliderPanel, .filterContainer .Top3 .Distance .SliderPanel
    {
        display: block;
        width: 182px;
        float: left;
        height: 72px;
        padding: 0 4px;
    }

    .filterContainer .AfterTop3 .Distance .SliderPanel
    {
        height: 60px;
    }

    .filterContainer .Distance .DropDownPanel
    {
        display: inline;
        float: left;
        margin-left: 15px;
    }

    .filterContainer .Distance .HeaderLabel
    {
        float: left;
    }

    .filterContainer .Top3 .Distance .HeaderLabel
    {
        float: none;
    }

    .filterContainer .Top3 .Distance .HeaderInfoLabelSymbol, .filterContainer .Top3 .Distance .HeaderInfoLabel
    {
        display: none;
    }

    .filterContainer .Price, .filterContainer .Classification, .filterContainer .Distance
    {
        display: inline;
        float: left;
        width: 190px;
    }
    .filterContainer .Distance
    {
        margin-bottom: 10px;
    }
    .filterContainer .Top3 .Distance
    {
        margin-bottom: 0;
    }

    .filterContainer .FirstSimple .Distance
    {
        clear: left;
    }
    .filterContainer .Price .MinValue, .filterContainer .Classification .MinValue, .filterContainer .Distance .MinValue
    {
        display: block;
        margin-top: 10px;
        float: left;
    }
    .filterContainer .Price .MaxValue, .filterContainer .Classification .MaxValue, .filterContainer .Distance .MaxValue
    {
        text-align: right;
        display: block;
        margin-top: 10px;
        float: right;
    }
    .filterContainer .HeaderInfoLabel
    {
        display: none;
    }

    .filterContainer .FirstSimple .HeaderInfoLabel
    {
        display: inline;
    }
    .filterContainer .FirstSimple .HeaderInfoLabel
    {
        float: left;
        clear: left;
        height: 20px;
    }
    .filterContainer .HeaderInfoLabelSymbol
    {
        display: none;
    }
    .filterContainer .FirstSimple .HeaderInfoLabelSymbol
    {
        display: inline;
        float: left;
        height: 20px;
    }
    .filterContainer .Simple .HeaderInfoWrapperLabel
    {
        width: 190px;
        float: left;
        clear: left;
        height: 20px;
    }
    .filterContainer .FirstSimple .HeaderInfoLabelSymbol, .filterContainer .Top3 .HeaderInfoLabel, .filterContainer .Top3 .HeaderLabel, .filterContainer .FirstSimple .HeaderInfoLabelSymbol, .filterContainer .FirstSimple .HeaderInfoLabel
    {
        font-size: 12px;
        font-weight: bold;
    }
    .filterContainer .CheckBoxPropertyCategoryContainer .HeaderLabel, .filterContainer .AfterTop3 .HeaderLabel
    {
        font-size: 11px;
        font-weight: normal;
    }

    .filterContainer .Simple .Distance .HeaderLabel
    {
        float: left;
        clear: left;
        padding-left: 10px;
    }

    .filterContainer .Simple .Distance .DropDownPanel, .filterContainer .FirstSimple .Distance .DropDownPanel
    {
        float: left;
        display: inline;
    }


    .filterContainer .Top3 .HeaderSpan
    {
        width: 100%;
        display: block;
        text-align: center;
    }

    .filterContainer .SliderRail
    {
        background-image: url('../../Images/Common/Controls/AjaxSlider/Rail.gif');
        width: 181px;
        height: 22px;
    }

    .filterContainer .Top3 .Price .SliderRail
    {
        background-image: url('../../Images/Common/Controls/AjaxSlider/PriceRail.gif');
        height: 34px;
    }

    .filterContainer .Top3 .Distance .SliderRail
    {
        background-image: url('../../Images/Common/Controls/AjaxSlider/DistanceRail.gif');
        height: 34px;
    }

    .filterContainer .ClassificationSliderRail
    {
        background-image: url('../../Images/Common/Controls/AjaxSlider/ClassificationRail.gif');
        height: 34px;
        width: 181px;
    }

    .filterContainer .AfterTop3 .Distance .SliderRail
    {
        background-image: url('../../Images/Common/Controls/AjaxSlider/Rail.gif');
        width: 181px;
        height: 22px;
    }

    .filterContainer .SliderArrow
    {
        background-image: url('../../Images/Common/Controls/AjaxSlider/Slider.gif');
        width: 10px;
        height: 22px;
        position: absolute;
    }

    .filterContainer .Top3 .SliderArrow
    {
        margin-top: 15px;
    }

    .filterContainer .AfterTop3 .SliderArrow
    {
        margin-top: 3px;
    }
    .filterContainer .Top3 .SliderPanel
    {
        margin-bottom: 15px;
    }

    .filterContainer .AfterTop3 .SliderPanel
    {
        margin-bottom: 0;
    }
    .filterContainer .filterContainer .Distance
    {
        height: 80px;
    }

    .filterContainer .propertyCategoryContainer .Distance .ShowDropDown
    {
        display: block;
        margin-top: 5px;
    }

    .filterContainer .propertyCategoryContainer .Distance .ShowDropDown select
    {
        margin-right: 15px;
        width: 110px;
    }

    .filterContainer .propertyCategoryContainer .Distance .DropDownHeader
    {
        float: left;
        margin-left: 15px;
    }

    .filterContainer .propertyCategoryContainer h3
    {
        display: none;
    }

    .filterContainer .propertyCategoryContainer
    {
        display: inline;
        padding: 0;
    }
    .filterContainer .CheckBoxPropertyCategoryContainer
    {
        display: block;
        width: 600px;
        clear: left;
    }

    .filterContainer .CheckBoxPropertyCategoryContainer h3
    {
        display: block;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .filterContainer .CheckBoxPanel
    {
        float: left;
        min-width: 187px;
        height: 20px;
    }

    .filterContainer .ClearOnePanel
    {
        width: 230px;
        height: 73px;
        float: left;
    }
    .filterContainer .ClearTwoPanel
    {
        width: 460px;
        height: 73px;
        float: left;
    }

    .filterContainer .CheckBoxPanel input
    {
        vertical-align: text-bottom;
    }


    .googleMapToggleContainerExpanded, .googleMapToggleContainer
    {
        width: 600px;
    }

 

    /*******************************
    	* Basket					   *
    	*******************************/
    #basket
    {
        background-color: #FFFFFF;
    }

    #basket .productView
    {
        text-align: left;
        width: 100%;
    }

    #basket .productPresentation
    {
        text-align: left;
        padding: 2px;
    }

    #basket .productPrice
    {
        width: 100%;
        height: 13px;
        background-color: #FAFAFA;
        border-top: #A6A6A6 1px solid;
        border-bottom: #A6A6A6 1px solid;
        font-weight: Bold;
    }

    #basket .priceHead
    {
        float: left;
        margin-left: 380px;
    }

    #basket .price
    {
        float: right;
        margin-right: 5px;
    }

    #basket .descriptionHead
    {
        width: 82px;
        font-weight: bold;
        float: left;
    }
    #basket .packageTotalPriceContainer
    {
        margin-top: 5px;
    }

    #basket .deleteProduct
    {
        margin-right: 52px;
        float: right;
    }
    #basket .productName
    {
        font-weight: bold;
        float: left;
    }

    #basket .productDescriptionGroup
    {
        padding: 2px 0 5px 0;
        width: 100%;
        clear: left;
    }
    /*******************************
    	* //Basket					   *
    	*******************************/


    /*******************************
    	* Pushers					   *
    	*******************************/

    .YellowBorder, .narrow-pushers .header
    {
        width: 100%;
        background: url("http://images.sembo.se/common/main/yellow_fade.gif");
        background-position: top;
        background-repeat: repeat-x;
        margin-bottom: 5px;
    }

    .lblRubCapital,  .narrow-pushers .header span
    {
        font-family: Arial;
        font-size: 12px;
        font-weight: Bold;
        text-decoration: none;
        color: White;
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-top: 2px;
        margin-left: 5px;
        text-transform: uppercase;
    }

    .Pushers
    {
        font-size: 10px;
    }

    a.PusherHead
    {
        font-weight: bold;
        color: #000000;
        text-decoration: none;
    }

    a.PusherHead:hover
    {
        font-weight: bold;
        color: #000000;
        text-decoration: underline;
    }

    a.PusherPrice
    {
        font-weight: normal;
        color: red;
        text-decoration: none;
    }

    a.PusherPrice:hover
    {
        font-weight: normal;
        color: red;
        text-decoration: underline;
    }

    a.PusherText
    {
        font-weight: normal;
        color: #000000;
        text-decoration: none;
    }

    a.PusherText:hover
    {
        font-weight: normal;
        color: #000000;
        text-decoration: underline;
    }

    a.Pusher
    {
        font-family: Verdana;
        font-size: 10px;
        font-weight: normal;
        color: #FF0000;
        text-decoration: none;
    }

    a.Pusher:hover
    {
        text-decoration: underline;
    }
    
    .narrow-pushers .pusher .img
    {
        width: 182px;
        height: 130px;
    }

    .narrow-pushers .pushers > li
    {
        width: 196px;
    }
    .narrow-pushers .header
    {
        height: 20px;
        line-height: 20px;    
    }

    
    .narrow-pushers .pusher .img
    {
        width: 182px;
        height: 130px;
    }

    .narrow-pushers .pushers > li
    {
        width: 196px;
    }
    .narrow-pushers .header
    {
        height: 20px;
        line-height: 20px;    
    }
    
    .pusher {
		min-height: 260px;
    }
    
    #content .pusher .heading {
		line-height: 1.2;
    }
    
    #content .pusher .text {
		height: 110px;
	}

    #content .pusher .flag {
		display:none;
	}

    /*******************************
    	* //Pushers					   *
    	*******************************/


      /*
    	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    	+					=== TransportationAddon  ===  				+
    	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    	*/


    #transportationAddon .OutLegProducts, #transportationAddon .HomeLegProducts
    {
        width: 280px;
        margin-top: 15px;
    }

    #transportationAddon .OutLegProducts h3, #transportationAddon .HomeLegProducts h3
    {
        margin-bottom: 5px;
    }

    #transportationAddon .OutLegHeader h3, #transportationAddon .HomeLegHeader h3, #transportationAddon .OutLegProducts h3, #transportationAddon .HomeLegProducts h3
    {
        font-size: 14px;
    }

    #transportationAddon .Cabin
    {
        border-bottom: solid 1px #cdcdcd;
        margin-bottom: 10px;
    }
    #transportationAddon .Cabin .Description .Header
    {
        display: block;
        font-weight: bold;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1.2em;
        line-height: 1.2em;
    }

    #transportationAddon .HeaderContainer
    {
        margin-top: 15px;
    }

    #transportationAddon .ProductBox:after, #transportationAddon .Cabin:after, #transportationAddon .Product:after, #transportationAddon .LegHeaders:after, #transportationAddon .HeaderContainer:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #transportationAddon .ProductBox, #transportationAddon .Cabin
    {
        width: 100%;
        display: block;
    }
    #transportationAddon .Cabins .EndOfCabins
    {
        background-color: white;
        height: 1px;
        position: relative;
        top: -11px;
        width: 100%;
        margin-bottom: -10px;
    }

    #transportationAddon .Cabin span.Description
    {
        padding-bottom: 5px;
        width: 310px;
    }

    #transportationAddon .OutLegHeader, #transportationAddon .HomeLegHeader
    {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #transportationAddon .Cabin span.Selection, #transportationAddon .Cabin span.NotAvailable
    {
        width: 130px;
        display: block;
        float: left;
    }

    #transportationAddon .OutLegHeader
    {
        width: 95px;
        float: right;
        position: relative;
        left: -142px;
    }

    #transportationAddon .HomeLegHeader
    {
        width: 120px;
        float: right;
        position: relative;
        left: 107px;
    }

    #transportationAddon .Cabin span.Selection select
    {
        float: right;
        width: 40px;
        margin-left: 5px;
    }

    #transportationAddon .Cabin span.Selection span
    {
        text-align: right;
        float: right;
        width: 55px;
    }

    #transportationAddon .Cabin span.NotAvailable
    {
        margin-left: 5px;
        width: 125px;
        text-align: center;
    }

    #transportationAddon .Cabin span.Selection .CabinText
    {
        display: none;
    }

    #transportationAddon .Location
    {
        font-weight: bold;
        width: 100%;
        float: left;
        clear: left;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #transportationAddon .PriceHeader
    {
        float: right;
        width: 70px;
        text-align: right;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-right: 2px;
    }

    #transportationAddon .CabinOutPriceHeader
    {
        clear: both;
        float: left;
        width: 150px;
        text-align: right;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-left: 290px;
    }

    #transportationAddon .CabinHomePriceHeader
    {
        float: left;
        width: 130px;
        text-align: right;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-right: 10px;
    }

    #transportationAddon .NoOutCabins .CabinOutPriceHeader
    {
        visibility: hidden;
    }
    #transportationAddon .NoHomeCabins .CabinHomePriceHeader
    {
        visibility: hidden;
    }

    #transportationAddon .CabinsPlaceHolder
    {
        clear: both;
        margin-top: 5px;
    }

    #transportationAddon .Product
    {
        margin: 5px 2px;
    }
    #transportationAddon .Product span.Discription
    {
        display: block;
        float: left;
        clear: both;
        width: 160px;
    }
    #transportationAddon .Product select
    {
        display: block;
        float: right;
        width: 45px;
    }
    #transportationAddon .Product .Price
    {
        display: block;
        float: right;
        width: 45px;
        text-align: right;
    }

    #transportationAddon .PlusPackage .Image, #transportationAddon .Meals .Image, #transportationAddon .Cabins .Image, #transportationAddon .Products .Image
    {
        width: 250px;
        height: 120px;
        float: right;
    }

    #transportationAddon .NoAvailableProducts
    {
        margin-top: 20px;
    }

    #transportationAddon .MandatoryCabin
    {
        display: block;
        margin-top: 15px;
        font-weight: bold;
    }

    #transportationAddon .PlusPackage .Image
    {
        background-image: url('../StenaLine/images/plus.jpg');
    }

    #transportationAddon .Meals .Image
    {
        background-image: url('../StenaLine/images/meals.jpg');
    }
    #transportationAddon .Cabins .Image
    {
        background-image: url('../StenaLine/images/cabins.jpg');
    }
    #transportationAddon .Products .Image
    {
        background-image: url('../StenaLine/images/onboardArrangements.jpg');
    } 

    /* 	
    	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    	+					 === Flight  ===	  				+
    	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    	*/
    .FlightInsurance
    {
        font-weight: bold;
        color: Black;
    }

    .FlightExtraInformation
    {
        background-color: #BFE9A0;
        background-image: url('../../Images/Common/Symbols/Information.gif');
        background-repeat: no-repeat;
        background-position: 17px 11px;
        width: 600px;
        margin-top: 10px;
        color: #004D1A;
    }
    .FlightExtraInformation div
    {
        font-family: Verdana;
        font-size: 10px;
        padding: 9px 5px 8px 50px;
    }
    
    .flight-extra-information-header
    {
		font-weight: bold;	
    }

    .FlightSearch td, .FlightResult td
    {
        font-size: 10px;
    }

    .FlightSearch .searchEnginesMainTitle_new
    {
        padding-top: 3px;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        color: White;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

    .FlightSearch .whiteboldText
    {
        color: White;
        font-weight: bold;
    }

    .FlightSearch .select166px
    {
        width: 166px;
    }

    .FlightSearch .select130px
    {
        width: 130px;
    }

    .FlightSearch .select42px
    {
        width: 42px;
    }

    .FlightSearch .select82px
    {
        width: 82px;
    }

    .FlightSearch .select62px
    {
        width: 62px;
    }

    .FlightSearch .input128px
    {
        width: 128px;
    }

    .FlightResult .lblWhiteHeaderVerdana, .AccommodationResult .lblWhiteHeaderVerdana
    {
        font-weight: Bold;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
    }

    .FlightResult .radRub
    {
        color: #0171A6;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
    }

    .FlightResult .alternativeFlight td
    {
        font-family: Arial;
        font-size: 11px;
    }

    .FlightResult a
    {
        color: #0368A6;
        font-family: Verdana;
        font-size: 10px;
        font-weight: normal;
        text-align: left;
        text-decoration: underline;
    }

    .AccommodationResult .AccommodationInfo td
    {
        font-size: 10px;
    }



    /*******************************
    	*			  FAQ			   *
    	*******************************/

    .FaqPage h2
    {
        font-weight: bold;
        margin-bottom: 1em;
    }

    .FaqPage .ParagraphHeader
    {
        font-weight: bold;
        text-transform: uppercase;
    }

    .FaqPage p
    {
        margin-bottom: 3em;
    }

    .faqSearchPusher UL
    {
        padding-left: 0px;
        font-weight: normal;
        font-size: 10px;
        padding-bottom: 8px;
        margin: 0px;
        text-indent: 0px;
        font-family: Verdana;
        list-style-type: none;
        text-decoration: none;
    }
    .faqSearchPusher LI
    {
        padding-left: 10px;
        background: url(../../Images/common/main/list_pil.gif) no-repeat left center;
        margin: 0px;
        text-indent: 0px;
        line-height: 1.2em;
    }
    .faqSearchPusher DL
    {
        padding-right: 3px;
        border-top: #bdbdbd 1px solid;
        padding-left: 3px;
        background: url(../../Images/Common/Shortcut/frame_bottom.gif) no-repeat left bottom;
        margin-bottom: 10px;
        padding-bottom: 3px;
        width: 133px;
        padding-top: 3px;
    }
    .faqSearchPusher DT
    {
    	background: url(../../images/common/meny/subMenuBack.gif) repeat-x;
    	color: #FFF;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin: 2px 3px 0;
        padding: 3px 0 2px;
        text-align: center;
        text-transform: uppercase;
    }
    .faqSearchPusher
    {
        background: url('../../Images/Common/Shortcut/frame_bottom.gif') no-repeat 0 100%;
        border-top: 1px solid #BDBDBD;
        float: right;
        margin: 0 0 10px 2em;
        padding: 0;
        width: 133px;
    }
    .faqSearchPusher input[type="text"]
    {
    	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		width: 100%;
    }
    .ie7 .faqSearchPusher input[type="text"]
    {
    	width: 123px;
    }
    .faqSearchPusher input[type="button"]
    {
    	float: right;
    }

    .faqControl
    {
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 11px;
        color: #0368A6;
        margin-left: 1em;
        width: 380px;
    }

    .faqControl .expansionWrapper:after
    {
        clear: both;
        display: block;
        visibility: hidden;
        height: 0px;
        content: ".";
    }


    .faqControl ul, .faqControl ol
    {
        list-style-type: none;
    }

    .faqControl .groupName
    {
        font-weight: bold;
        text-decoration: underline;
        text-transform: uppercase;
        color: #0171A6;
        display: list-item;
        font-size: 1.01em;
        margin: 0;
        padding: 0;
    }

    .faqControl li
    {
        padding-left: 15px;
        background-image: url(../../css/minus.gif);
        background-repeat: no-repeat;
        background-position: left top;
        margin-bottom: 1em;
    }

    .faqControl li.closed
    {
        background-image: url(../../css/plus.gif);
    }

    .faqControl .answer
    {
        color: #36A016;
        display: block;
        font-size: 1em;
        font-weight: normal;
        margin-left: 1em;
        margin-bottom: 2em;
        padding: 0.3em 0.3em 0.3em 10px;
        background-color: #F8F8F8;
        background-image: url(../../css/exclamationmark.gif);
        background-repeat: no-repeat;
        background-position: left top;
        line-height: 1.5em;
    }

    .faqControl .question
    {
        display: block;
        font-size: 1em;
        font-weight: normal;
        text-decoration: underline;
        padding-left: 1em;
        margin-bottom: 0.2em;
        margin-top: 0.3em;
        background-image: url(../../css/questionmark.gif);
        background-repeat: no-repeat;
        background-position: left center;
    }


    fieldset.searchInputs
    {
        border-width: 0px;
    }

    .faqControl .button, .faqPopup .button
    {
        display: block;
        text-align: right;
    }

    .FaqDisplay .Faq
    {
        border: solid 1px #3EBCED;
        margin-bottom: 10px;
        width: 396px;
    }

    .FaqDisplay .heading
    {
        height: 20px;
        background-color: #3EBCED;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 8px;
    }

    .FaqDisplay .contents
    {
        font-family: Arial;
        font-size: 12px;
        color: #0368A6;
        padding: 15px 12px;
    }

    .FaqDisplay .contents li
    {
        list-style-type: none;
        margin-bottom: 3px;
    }

    .FaqDisplay .FaqLink
    {
        float: right;
        margin: 0 12px 15px 0;
    }

    .FaqDisplay .Faq:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .FaqDisplay
    {
        float: left;
    }

    /*******************************
    	*			END FAQ			   *
    	*******************************/

    /**********************************************************\
    	*			  AccommodationSupplierInformation			   *
    	\**********************************************************/

    #content .AccommodationSupplierInformation h1
    {
        text-transform: capitalize;
        float: left;
        padding-right: 5px;
    }

    .AccommodationSupplierInformation .AccommodationReview
    {
        float: left;
        margin-top: 10px;
    }


    .AccommodationSupplierInformation .CustomerRating
    {
        clear: both;
    }

    .AccommodationSupplierInformation .CustomerRating:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .AccommodationSupplierInformation .CustomerRating a, .AccommodationSupplierInformation .CustomerRating .CustomerReviewCount, .AccommodationSupplierInformation .CustomerRating .CustomerReviews
    {
        float: left;
    }

    .AccommodationSupplierInformation .CustomerRating a
    {
        font-size: 13px;
        font-weight: bold;
    }
    .AccommodationSupplierInformation .CustomerRating .CustomerReviewCount
    {
        font-style: italic;
        padding: 0 4px 0 3px;
        color: #5B5B5B;
        font-size: 9px;
        position: relative;
        top: 4px;
    }

    .AccommodationSupplierInformation .CustomerRating .CustomerReviews .RateFull, .AccommodationSupplierInformation .CustomerRating .CustomerReviews .RateHalf, .AccommodationSupplierInformation .CustomerRating .CustomerReviews .RateEmpty
    {
        border: solid 1px #1B90D4;
        background-image: none;
        height: 14px;
        width: 14px;
        margin: 2px 0 0 2px;
    }
    .AccommodationSupplierInformation .CustomerRating .CustomerReviews .RateFull
    {
        background-color: #1B90D4;
    }
    .AccommodationSupplierInformation .CustomerRating .CustomerReviews .RateHalf
    {
        background-image: url('http://images.sembo.se/Common/symbols/halfrating.gif');
        background-position: top right;
    }

    .AccommodationSupplierInformation .Description
    {
        width: 365px;
        float: left;
        margin-top: 25px;
        margin-bottom: 15px;
        font-size: 10px;
    }

    .AccommodationSupplierInformation .Description h3
    {
        font-size: 10px;
        font-weight: bold;
        margin: 15px 0 2px;
    }

    .AccommodationSupplierInformation .Description .DescriptionText p:first-child
    {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .AccommodationSupplierInformation .Symbols
    {
        position: relative;
        top: -295px;
    }
    .AccommodationSupplierInformation .Symbols ul
    {
        position: absolute;
        right: 5px;
        list-style-type: none;
    }
    .AccommodationSupplierInformation .Symbols ul li
    {
        display: inline;
    }

    .AccommodationSupplierInformation #bookableAccommodations
    {
        clear: both;
    }

    .AccommodationSupplierInformation .Information
    {
        width: 220px;
        float: right;
        margin-top: 25px;
    }

    .AccommodationSupplierInformation .Information div
    {
        background-color: #3EBCEE;
        padding: 8px;
        color: White;
        margin: 10px 0;
        font-family: Arial;
        font-size: 12px;
    }
    #content .AccommodationSupplierInformation .Information h2
    {
        color: White;
        margin-bottom: 5px;
    }
    #content .AccommodationSupplierInformation .Information .TransportationInfo h2
    {
        color: #0171A6;
    }

    .AccommodationSupplierInformation .Information .TransportationInfo
    {
        background-color: #FEE893;
        padding: 5px 8px 10px 8px;
        margin-top: 0;
    }
    .AccommodationSupplierInformation .TransportationInfo a
    {
        display: block;
    }

    .AccommodationSupplierInformation .Information .AccommodationInfo, .AccommodationSupplierInformation .Information .DestinationInfo
    {
        padding: 5px 12px 12px 12px;
        height: 1%;
    }

    .AccommodationSupplierInformation .Information .AccommodationInfo, .AccommodationSupplierInformation .Information .DestinationInfo
    {
        clear: both;
    }

    .AccommodationSupplierInformation .AccommodationInfo dt, .AccommodationSupplierInformation .AccommodationInfo dd, .AccommodationSupplierInformation .DestinationInfo dt, .AccommodationSupplierInformation .DestinationInfo dd
    {
        padding: 3px 0;
    }
    .AccommodationSupplierInformation .AccommodationInfo dt, .AccommodationSupplierInformation .DestinationInfo dt
    {
        float: left;
        clear: left;
        font-weight: bold;
        width: 65%;
    }
    .AccommodationSupplierInformation .AccommodationInfo dd, .AccommodationSupplierInformation .DestinationInfo dd
    {
        float: right;
        clear: right;
        width: 35%;
        text-align: right;
    }

    .AccommodationSupplierInformation .DestinationInfo dd a
    {
        color: White;
    }

    .AccommodationSupplierInformation .AccommodationInfo dl:after, .AccommodationSupplierInformation .DestinationInfo dl:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .AccommodationSupplierInformation .FacilityInfo tr
    {
        background-color: #F2F2F2;
    }
    .AccommodationSupplierInformation .FacilityInfo tr.Alternating
    {
        background-color: White;
    }
    .AccommodationSupplierInformation .FacilityInfo table
    {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }
    .AccommodationSupplierInformation .FacilityInfo .Value
    {
        text-align: right;
        width: 14%;
        text-transform: capitalize;
    }
    .AccommodationSupplierInformation .FacilityInfo .Key
    {
        width: 35%;
    }
    .AccommodationSupplierInformation .FacilityInfo .Space
    {
        width: 2%;
    }

    .AccommodationSupplierInformation .FacilityInfo .Value, .AccommodationSupplierInformation .FacilityInfo .Key
    {
        padding: 0 5px 0 5px;
    }

    .AccommodationSupplierInformation #bookableAccommodations
    {
        background-repeat: repeat-x;
        background-position: top;
        background-image: url('http://images.sembo.se/Common/symbols/dot.gif');
        width: 365px;
    }

    .AccommodationSupplierInformation #bookableAccommodations:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .AccommodationSupplierInformation #bookableAccommodations .Header
    {
        width: 100%;
        background-repeat: repeat-x;
        background-position: bottom;
        background-image: url('http://images.sembo.se/Common/symbols/dot.gif');
        text-transform: uppercase;
        font-weight: bold;
        padding: 15px 0;
        margin-bottom: 15px;
        height: 15px;
    }

    .AccommodationSupplierInformation #bookableAccommodations .Header .Price
    {
        float: right;
    }

    .AccommodationSupplierInformation #bookableAccommodations .Header .Alternative
    {
        float: left;
    }

    #content .AccommodationSupplierInformation #bookableAccommodations .Solution
    {
        width: 365px;
        padding-left: 0;
        padding-right: 0;
    }

    .AccommodationSupplierInformation #bookableAccommodations .Solution .Button
    {
        clear: right;
    }
    .AccommodationSupplierInformation #bookableAccommodations .RoomsLeft span
    {
        font-weight: bold;
    }


    .AccommodationSupplierInformation .Discounts th
    {
        text-align: left;
        color: Red;
        padding-top: 15px;
    }

    .AccommodationSupplierInformation .coda-slider-wrapper
    {
        margin-top: 20px;
    }

    /**********************************************************\
    	*			End AccommodationSupplierInformation		   *
    	\**********************************************************/


    /***************************
    	*		  CODA SLIDER	   *
    	****************************/

    .coda-nav ul li a.current
    {
        background-color: #3EBCEE;
        color: #fff;
        background-image: url('http://images.sembo.se/Common/symbols/tab-sprite.gif');
        background-position: left;
    }

    .coda-nav ul li a
    {
        background-color: #B8E5FA;
        background-image: url('http://images.sembo.se/Common/symbols/tab-sprite.gif');
        color: #2295D4;
        background-repeat: no-repeat;
        background-position: right;
        margin-left: 0;
    }

    .searchEnginesMainTable_new
    {
        background: transparent url(http://images.sembo.se/common/main/search_back_fade.gif) repeat-x scroll center top;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .radiobutton
    {
        color: White;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
    }

    .checkbox
    {
        color: white;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        padding-bottom: 3px;
        padding-top: 4px;
        text-decoration: none;
    }

    .checkbox label
    {
        margin-left: 3px;
    }

    .searchEnginesMainTitle_new
    {
        color: White;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
    }

    .radRub
    {
        color: #0171A6;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
    }

    .radRub label
    {
        margin-left: 2px;
    }

    .lblRub_new
    {
        color: White;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 2px;
        padding-bottom: 0;
        text-decoration: none;
    }

    #SelectHotelBeds .col2
    {
        display: block;
        float: left;
        min-height: 12px;
        width: 51px;
        font-size: 10px;
    }

    #SelectHotelBeds span
    {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 10px;
    }

    .select220px
    {
        width: 220px;
    }

    .select166px
    {
        width: 166px;
    }

    .input166px
    {
        width: 166px;
    }

    .checkbox
    {
        color: white;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
    }

    .singleRowBlue
    {
        color: #1781BE;
        font-family: Verdana;
        font-size: 10px;
        font-weight: normal;
        line-height: 20px;
        text-decoration: none;
        height: 25px;
        margin-top: -25px;
        z-index: 1;
    }

    /* ************** START BestPrices ************** */
    #bestPrices
    {
        width: 290px;
        margin: 0x;
        padding: 0px;
        line-height: 1.6em;
    }
    #bestPrices #topRegion
    {
        background: url("http://images.sembo.se/common/main/bestPriceTopRegion.gif");
        background-repeat: no-repeat;
        margin: 0px;
        padding: 0px 0px 0px 8px; /*	height:					12px; 	width:					90px;*/
        color: white;
    }
    #bestPrices #head
    {
        background: url("http://images.sembo.se/common/main/yellow_fade.gif"); /*	height:					20px;*/
        line-height: normal;
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #FEDE6A;
        float: left;
        width: 100%;
    }


    #bestPrices #head #menuText
    {
        float: left;
        width: 100%;
        color: White;
        margin-top: 5px;
        padding: 0 0 5px 8px;
        font-weight: bold;
        font-size: 11px;
    }
    #bestPrices #head #menu
    {
        float: right;
    }
    #bestPrices #body
    {
        background-color: white;
        border: solid 1px #FDBF26;
        border-top: none;
        padding: 5px 5px 0px 5px;
        margin: 0px;
        text-align: left; /*	height:					190px;*/
    }
    #bestPrices #body .leftColumn
    {
        width: 120px;
        margin: 0px;
        float: left;
        background-color: white;
        padding: 0px 0px 2px 0px;
    }
    #bestPrices #body .centerColumn
    {
        width: 79px;
        margin: 0px;
        float: left;
        background-color: white;
        padding: 0px 0px 2px 0px;
    }
    #bestPrices #body .rightColumn
    {
        width: 79px;
        margin: 0px;
        float: left;
        background-color: white;
        padding: 0px 0px 2px 0px;
    }
    #bestPrices #body .rightColumnFlight
    {
        width: 158px;
        margin: 0px;
        float: left;
        background-color: white;
        padding: 0px 0px 2px 0px;
    }
    #bestPrices #body .leftColumnAlternating
    {
        width: 120px;
        margin: 0px;
        float: left;
        background-color: #FFF3D6;
        padding: 0px 0px 2px 0px;
        display: inline;
    }
    #bestPrices #body .centerColumnAlternating
    {
        width: 79px;
        margin: 0px;
        float: left;
        background-color: #FFF3D6;
        padding: 0px 0px 2px 0px;
    }
    #bestPrices #body .rightColumnAlternating
    {
        width: 79px;
        margin: 0px;
        float: left;
        background-color: #FFF3D6;
        padding: 0px 0px 2px 0px;
    }
    #bestPrices #body .rightColumnFlightAlternating
    {
        width: 158px;
        margin: 0px;
        float: left;
        background-color: #FFF3D6;
        padding: 0px 0px 2px 0px;
        display: inline;
    }
    #bestPrices #body ul
    {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    #bestPrices #body li
    {
        padding: 0px;
        margin: 0px;
    }
    #bestPrices #body .listHead
    {
        font-weight: bold;
        color: Black;
        background-color: white;
        width: 100%;
        font-size: 11px;
        padding: 0px;
        margin: 0px;
    }
    #bestPrices #body .terms
    {
        margin: 0px;
        padding: 0px;
        font-style: italic;
        font-size: 11px;
        display: inline;
    }
    #bestPrices #head ul
    {
        float: right;
        margin: 3px 4px 0px 0px;
        padding: 0px;
        list-style: none;
        display: inline;
    }
    #bestPrices #head li
    {
        background-color: white;
        display: inline;
        padding: 0px;
        margin: 0px;
    }
    #bestPrices #head .menuLink
    {
        float: left;
        background: url("http://images.sembo.se/common/meny/bestPriceMenuLeft.gif") no-repeat left top;
        margin: 0 1px 0 0;
        padding: 0 0 0 2px;
        height: 17px;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
    }
    #bestPrices #head .menuLink span
    {
        display: block;
        background: url("http://images.sembo.se/common/meny/bestPriceMenuRight.gif") no-repeat right top;
        padding: 1px 3px 3px 1px;
        font-size: 11px;
        font-weight: bold;
        color: #0171A6;
        text-decoration: underline;
        cursor: pointer;
        cursor: hand;
    }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #bestPrices #head .menuLink span
    {
        float: none;
    }
    /* End IE5-Mac hack */

    #bestPrices #head .current .menuLink
    {
        background-position: 0 -17px;
        border-width: 0;
    }
    #bestPrices #head .current .menuLink span
    {
        background-position: 100% -17px;
        color: #0171A6;
        text-decoration: none;
    }

    #bestPrices .leftColumnAlternating a:link
    {
        color: black;
    }
    #bestPrices .leftColumnAlternating a:visited
    {
        color: black;
    }
    #bestPrices .leftColumnAlternating a:hover
    {
        color: black;
    }
    #bestPrices .leftColumnAlternating a:active
    {
        color: black;
    }

    #bestPrices .leftColumn a:link
    {
        color: black;
    }
    #bestPrices .leftColumn a:visited
    {
        color: black;
    }
    #bestPrices .leftColumn a:hover
    {
        color: black;
    }
    #bestPrices .leftColumn a:active
    {
        color: black;
    }

    #bestPrices a:link
    {
        color: red;
    }
    #bestPrices a:visited
    {
        color: red;
    }
    #bestPrices a:hover
    {
        color: red;
    }
    #bestPrices a:active
    {
        color: red;
    }

    /* *********** START staticPusher ******** */
    #staticPusher
    {
        font-size: 11px;
    }
    #staticPusher .pusherForm
    {
        /*	background:				url("http://images.sembo.se/common/main/staticPusherBack.jpg"); */
        background-color: #FDD13A;
        background-repeat: repeat-x;
        width: 290px;
        font-family: Arial;
    }
    #staticPusher .divImage
    {
        float: left;
    }

    #staticPusher .divBody
    {
        float: left;
        display: block;
        color: white;
        margin: 0px;
        padding: 3px;
    }
    #staticPusher .title
    {
        font-weight: bold;
    }

    /* ************ END staticPusher ********* */


    /**********************************************/
    /*     Transportation Search  (Index.aspx)    */
    /**********************************************/

    .searchEnginesMainTable_new .TransportationDiv
    {
        padding-top: 2px;
    }

    .searchEnginesMainTable_new .TransportationDiv a
    {
        color: White;
        font-weight: bold;
    }

    .searchEnginesMainTable_new .TransportationSearch
    {
        width: 263px;
        text-align: left;
        padding-top: 8px;
    }

    .searchEnginesMainTable_new .TransportationSearch .FerryLegend
    {
        display: none;
    }

    .searchEnginesMainTable_new .TransportationSearch .FerryFieldset
    {
        float: none;
        border: 0;
    }

    .searchEnginesMainTable_new .TransportationSearch .SelectFerryDestinationGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectFerryDateOutGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectFerryTimeOutGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectFerryDateHomeGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectFerryTimeHomeGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectFerryVehicleType, 
    .searchEnginesMainTable_new .TransportationSearch .SelectFerryVehicleType, 
    .searchEnginesMainTable_new .TransportationSearch .SelectFerryVehicleNumberGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectAccomodationPaxAdultGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectAccomodationPaxChildGroup, 
    .searchEnginesMainTable_new .TransportationSearch .SelectAccomodationChildAgeGroup
    {
        font-family: Verdana;
        font-size: 10px;
        font-weight: Bold;
        text-decoration: none;
        color: White;
        float: left;
        padding-bottom: 5px;
    }
    
    .searchEnginesMainTable_new .TransportationSearch .HeaderPanel
    {
        font-family: Verdana;
        font-size: 10px;
        font-weight: Bold;
        text-decoration: none;
        color: White;        
    }

    .searchEnginesMainTable_new TransportationSearch .FerryOutDropdown
    {
        margin-bottom: 2px;
    }

    .searchEnginesMainTable_new .TransportationSearch .SelectAccomodationPaxAdultGroup, .searchEnginesMainTable_new .TransportationSearch .SelectAccomodationPaxChildGroup
    {
        padding-right: 5px;
    }


    .searchEnginesMainTable_new .TransportationSearch .SelectAccomodationChildAgeGroup
    {
        width: 80px;
        height: 20px;
    }

    .searchEnginesMainTable_new .TransportationSearch .FerryOutDropdown, .searchEnginesMainTable_new .TransportationSearch .FerryHomeDropdown
    {
        width: 100%;
    }

    #content .searchEnginesMainTable_new .TransportationSearch .FerryTimeHomeDropdown, #content .searchEnginesMainTable_new .TransportationSearch .FerryTimeOutDropdown
    {
        width: 57px;
        margin: 0;
    }

    .searchEnginesMainTable_new .TransportationSearch .FerryDateOutTextBox, .searchEnginesMainTable_new .TransportationSearch .FerryDateHomeTextBox, .searchEnginesMainTable_new .TransportationSearch .FerryTimeOutDropdown, .searchEnginesMainTable_new .TransportationSearch .FerryTimeHomeDropdown, .searchEnginesMainTable_new .TransportationSearch .FerryVehicleTypeDropdown, .searchEnginesMainTable_new .TransportationSearch .FerryVehicleNumberDropdown, .searchEnginesMainTable_new .TransportationSearch .AccomodationPaxAdultDropdown, .searchEnginesMainTable_new .TransportationSearch .AccomodationPaxChildDropdown, .searchEnginesMainTable_new .TransportationSearch .AccomodationChildAgeTextBox
    {
        display: block;
    }

    #content .searchEnginesMainTable_new .TransportationSearch .FerryDateOutTextBox, #content .searchEnginesMainTable_new .TransportationSearch .FerryDateHomeTextBox, #content .searchEnginesMainTable_new .TransportationSearch .AccomodationChildAgeTextBox
    {
        height: 14px;
        width: 67px;
    }

    .searchEnginesMainTable_new .TransportationSearch .FerryTimeOutDropdown, .searchEnginesMainTable_new .TransportationSearch .FerryTimeHomeDropdown, .searchEnginesMainTable_new .TransportationSearch .FerryVehicleNumberDropdown, .searchEnginesMainTable_new .TransportationSearch .FerryVehicleTypeDropdown, .searchEnginesMainTable_new .TransportationSearch .AccomodationPaxAdultDropdown, .searchEnginesMainTable_new .TransportationSearch .AccomodationPaxChildDropdown
    {
        height: 18px;
    }

    #content .searchEnginesMainTable_new .TransportationSearch .FerryVehicleTypeDropdown
    {
        width: 210px;
        margin: 0 3px 0 0;
    }

    .searchEnginesMainTable_new .TransportationSearch .FerryVehicleNumberDropdown, .searchEnginesMainTable_new .TransportationSearch .AccomodationPaxAdultDropdown, .searchEnginesMainTable_new .TransportationSearch .AccomodationPaxChildDropdown
    {
        width: 40px;
    }


    .searchEnginesMainTable_new .FerryFieldset
    {
        width: 267px;
    }

    .searchEnginesMainTable_new .ajax__calendar_body
    {
        font-weight: normal;
    }

    .searchEnginesMainTable_new .input126px
    {
        width: 81px;
    }

    .searchEnginesMainTable_new .Rads input
    {
        height: 14px;
        margin-left: 3px;
    }

    .searchEnginesMainTable_new .select75px
    {
        width: 75px;
    }

    .searchEnginesMainTable_new .select65px
    {
        width: 65px;
    }

    #SearchBox
    {
        background-color: #CAE6FF;
    }

    .LandOrtSelect
    {
        width: 200px;
        height: 20px;
        border: 1px solid #0076BE;
        padding: 2px;
        color: #000000;
    }
    
    
    
    .country-city-selector {
    	margin: 0 0 20px;
    }
    .country-city-selector .single-choice {
    	margin: 5px 0;
    }
    .country-city-selector .single-choice label,
	.country-city-selector .single-choice br {
		display: none;
	}
	.country-city-selector .single-choice select {
		width: 230px;
	}
		
    .accommodation-country-select {
		margin-top: 30px;
	}
	
	.accommodation-country-select .country-city-selector {
    	margin: 0;
    }
	
	.accommodation-country-select .country-city-selector .single-choice select {
		width: 200px;
	}
		
	.customer-input {
		margin: 20px 0;
	}
	.scale {
	    background-color: #E5E5E5;
	    display: inline-block;
	    margin: 6px 6px 0 0;
	    width: 100px;
	}
	.scale .points {
		background-color: #63D262;
		height: 8px;
	}
	
	.grade .votes {
		font-size: 10px;
		font-style: italic;
	}
	.customer-input ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.customer-input li {
		margin-top: 5px;
	}

    .franPrisOrt
    {
        color: Red;
    }

    .Destination p
    {
        padding-bottom: 10px;
    }

    #content .Destination h4
    {
        color: #F6C821;
    }

    .Destination img
    {
        border: 0;
    }
    .Destination .ImageControl img
    {
        display: block;
    }



    .YellowLight, .yellowLight
    {
        background-color: #FFF6D4;
    }

    .infolist
    {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0;
        text-indent: 0;
    }

    .BlueGradientSearch
    {
        background-color: #9DD2F4;
        background-image: url(http://images.sembo.se/common/main/bluegradientsearch.gif);
        background-position: left top;
        background-repeat: repeat-x;
        padding: 8px;
        width: 350px;
    }
    
    .new-article-badge
    {
        margin-right: 4px;
    }

	.hero-area {
		background-color: #F0F0F0;
		position: relative;
	}
	.hero-area .ImageControl {
		margin-bottom: 20px;
		height: 295px;
	}
	.article-content {
		overflow-x: hidden;
	    margin-top: 30px;
	}
	.article-content p
	{
	    padding-bottom: 10px;
	}
	.article-content p a
	{
	     line-height: 25px;
	}	
	.article-content-main
	{
	    float: left;
	    width: 345px;
	}
	#content .article-content-main h2 
	{
	    margin: 1em 0 .1em;
	}
	#content .article-content-main h2.heading
	{
	    margin-top: 0;
	}
	.article-content-aside
	{
	    float: left;
	    margin-left: 25px;
	    width: 230px;
	}
	.ImageControl {
		position: relative;
	}
    .fancyboxlink
    {
        line-height: 20px;
    }
    .ImageControl > .fancyboxlink {
    	position: absolute;
    	right: 0;
    	bottom: -20px;
    }
    
    ul.travel-guides
    {
        margin: 10px 0;
    }
    
    ul.worth-to-know-categories
    {
        overflow: hidden;
    }
    
    ul.worth-to-know-categories li
    {
        float: left;
        width: 49%;
        list-style-type: none;
    }

    #SelectHotelBeds
    {
        height: 1%;
        width: 267px;
    }

    #SelectHotelBeds:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #SelectHotelBeds .col1lbl
    {
        width: 51px;
        padding-left: 6px;
        margin-top: 2px;
    }
    #SelectHotelBeds .col1lbl
    {
        width: 51px;
        padding-left: 6px;
        margin-top: 2px;
    }
    #SelectHotelBeds .col1blue span
    {
        font-family: Verdana;
        font-size: 10px;
        font-weight: Bold;
        text-decoration: none;
        color: #0076BE;
        text-transform: uppercase;
    }
    #SelectHotelBeds .col1drp
    {
        width: 81px;
    }
    #SelectHotelBeds .col1
    {
        width: 91px;
        display: none;
        float: left;
        height: 12px;
    }
    #SelectHotelBeds .col1blue
    {
        width: 91px;
        display: block;
        float: left;
        min-height: 12px;
    }

    #SelectHotelBeds .col2drp
    {
        width: 41px;
    }
    #SelectHotelBeds .col2
    {
        width: 51px;
        display: block;
        float: left;
        min-height: 12px;
    }

    #SelectHotelBeds .col3drp
    {
        width: 41px;
    }
    #SelectHotelBeds .col3
    {
        width: 46px;
        display: block;
        float: left;
        min-height: 12px;
    }

    #SelectHotelBeds .col4txt
    {
        width: 92px;
        float: left;
        height: 14px;
    }
    #SelectHotelBeds .col4
    {
        width: 92px;
        display: block;
        float: left;
        min-height: 12px;
        margin-bottom: 2px;
    }

    #SelectHotelBeds .col4txtindex
    {
        width: 92px;
        float: left;
        height: 14px;
    }
    #SelectHotelBeds .col4index
    {
        width: 92px;
        display: block;
        float: left;
        min-height: 12px;
        margin-bottom: 2px;
    }

    #SelectHotelBeds .col4s
    {
        display: block;
        float: left;
        min-height: 12px;
    }

    #SelectHotelBeds span
    {
        color: #FFFFFF;
        font-weight: bold;
    }
    #divRoomsheader
    {
        height: 1%;
        margin-bottom: 2px;
    }
    #divRoomsheader:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #divRoomsheaderBlue
    {
        height: 1%;
        margin-bottom: 2px;
    }
    #divRoomsheaderBlue:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    #divRoomsheaderBlue span
    {
        height: 1%;
        margin-bottom: 2px;
        font-family: Verdana;
        font-size: 10px;
        font-weight: Bold;
        text-decoration: none;
        color: #0076BE;
        text-transform: uppercase;
    }

    .searchEnginesCalenderBorder_new
    {
        background-color: #FFF;
        border: 1px solid #2DA0D8;
        margin-top: 4px;
    }

    .searchEnginesCalenderBorderDisabeled_new
    {
        border-right: #c9c7ba 1px solid;
        border-top: #c9c7ba 1px solid;
        border-left: #c9c7ba 1px solid;
        border-bottom: #c9c7ba 1px solid;
        background-color: white;
        margin-top: 4px;
    }

    .searchEnginesCalenderBbgcolor_new
    {
        text-align: center;
        background-color: #2DA0D8;
        color: White;
        font-size: 10px;
        line-height: 10px;
    }

    .searchEnginesCalenderBbgcolorDisabeled_new
    {
        text-align: center;
        background-color: #C9C7BA;
        color: White;
        font-size: 10px;
        line-height: 10px;
    }

    .AccommodationMap
    {
        padding-top: 10px;
    }

    .CountryLink
    {
        font-size: 10px;
    }

    .KnowList
    {
        list-style: none;
        margin: 0px;
        padding-left: 0px;
        text-indent: 0px;
    }

    .FerryPackageSearch .BookingPageLink
    {
        display: none;
    }

    .FlightCalendar
    {
        background-color: #f0f0f0;
        height: 1%;
        padding: 20px 0 20px 10px;
        width: 590px;
    }

    .FlightCalendar:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .FlightCalendar ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .MonthSelector
    {
        text-align: center;
        margin-bottom: 15px;
    }

    .MonthSelector img
    {
        border-style: none;
    }

    .MonthSelector ul
    {
        display: inline;
    }

    .MonthSelector li
    {
        display: inline;
        font-family: "Arial" , "Sans-Serif";
        font-size: 14px;
        padding: 5px 3px;
        color: #a0a0a0;
    }

    .MonthSelector li.selected
    {
        font-size: 22px;
    }

    .MonthSelector li.january
    {
        padding-left: 5px;
        border-left: solid 2px #a0a0a0;
    }

    .MonthSelector li.january .new-year
    {
        font-size: 9px;
        color: #000;
        position: absolute;
    }

    .MonthSelector li a
    {
        border-bottom: 2px solid #c8c8c8;
        color: #a0a0a0;
        text-decoration: none;
    }

    .FlightCalendar .Headers li
    {
        float: left;
    }

    .FlightCalendar .Headers li div
    {
        color: #868686;
        font-family: "Arial" , "Sans-Serif";
        font-size: 14px;
        margin: 0 3px 3px 0;
        padding: 4px;
        width: 72px;
    }

    .Months li
    {
        float: left;
    }
    

    .Months li .date-content
    {
        background-color: #d9d9d9;
        color: #a0a0a0;
        font-family: "Arial", "Sans-Serif";
        font-size: 12px;
        height: 40px;
        width: 72px;
        padding: 3px;
        margin: 1px 3px 3px 1px;
        position: relative;
        border: solid 1px #f0f0f0;
    } 
    
    .Months li .date-content:hover
    {
        border: solid 1px #0000ff;
    } 
    
    .Months li .date-content .month-name
    {
        position: absolute;
        bottom: 2px;
        right: 2px;
    }
    
    .Months li div.currentMonth .month-name
    {
        display: none;
    }

    .Months li div.currentMonth
    {
        background-color: #fff;
        color: #000;
    }

    .Months .hasFlights
    {
        background-image: url( /Images/Flight/direct_flight.png );
        background-repeat: no-repeat;
        background-position: 10px 5px;
    }

    #DirectFlights-HeaderImage
    {
        float: left;
    }

    #DirectFlights-HeaderText
    {
        float: left;
        width: 60%;
        margin-left: 10px;
    }
    #DirectFlights-HeaderText h1
    {
        font-size: 1.6em;
    }

    #DirectFlight-SearchEngine
    {
        background: url("http://images.sembo.se/common/main/search_back_fade.gif") repeat-x scroll center top transparent;
        color: #fff;
        width: 100%;
        margin: 10px 0;
    }
    
    #DirectFlight-SearchEngine td
    {
        padding: 0 5px 5px 5px;
    }

    #DirectFlight-SearchEngine th
    {
        text-align: left;
        padding: 0 0 0 5px;
    }

    #DirectFlight-SearchEngine h2
    {
        color: #fff;
        text-transform: uppercase;
        font-family: Arial;
    }

    #calendar-date-infobox
    {
        background-image: url(/Images/Flight/directflight_dialog.png);
        background-repeat: no-repeat;
        width: 240px;
        height: 100px;
        position: absolute;
        padding: 35px 0 0 15px;
        color: #aaa;
        font-weight: bold;
    }

    #calendar-date-infobox a
    {
        font-size: 10px;
        position: absolute;
        bottom: 50px;
        left: 15px;
    }


    /***************************************\ 
    	*				BLOGG RSS				*
    	\***************************************/

  .rssFeed
    {
        background-color: #FFFFFF;
        margin-bottom: 10px;
        padding: 0 0 5px 0;
        width: 200px;
    }

    .rssFeed li
    {
        list-style-type: none;
        clear: both;
        margin-bottom: 3px;
    }
    
    .rssBody li.rssRow:first-letter
    {
        text-transform:uppercase;
    }

    .rssFeed ul
    {
        background: none;
        width: 200px;
        padding: 0;
        padding-top: 10px;
        margin: 0 0 0 0;
        top: 3px;
        height: auto;
        float: none;
    }
    
    #staticPusher .rssBody ul 
    {
        margin-left:10px;
    }

    #content .rssFeed h4
    {
        font-family: "daniel-1" , "daniel-2" , "Arial Narrow";
        font-size: 20px;
    }

    .rssFeed h4 a
    {
        text-decoration: none;
        color: #0183E1;
        font-size: 14px;
        margin: 0 3px;
    }

    .rssBody p
    {
        padding-top: 5px;
        font-family: Arial, Sans-serif;
        font-size: 12px;
    }

    .rssLink
    {
        position: relative;
        top: -58px;
        left: 406px;
        margin-right: 21px;
        font-family: Arial;
        font-size: 12px;
        line-height: 3px;
    }

    .BlogDisplay
    {
        float: right;
        padding-top: 15px;
    }    
   
   #staticPusher .BlogDisplay
    {
        padding-top: 0px;
    }
   
    .City rssFeed ul:after
    {
    	content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .City .rssBody p
    {
        padding-top: 3px;
        font-family: Arial, Sans-serif;
        font-size: 12px;
        margin:  0 0 3px 0;
        padding: 4px;
    }

    #content .City .rssFeed h4
    {
        font-family: "daniel-1" , "daniel-2" , "Arial Narrow";
        font-size: 12px;
    }

    .City .rssLink
    {
        left: 48px;
        top: -32px;
    }
    
    .Banner img
    {
        border: none;	
	}
	.ajax__calendar_container
	{
	    z-index: 1000;
	}
	
	.flightTicketNames {
	    background-color: #fff;
		border: 1px solid #747474; 
		display: none;
		font-family: Arial, "Sans-Serif";
		left: 50px;
		padding: 16px; 
		position: absolute;
		top: -180px;
		width: 486px; 
	}
		
	.flightTicketNames em {
		font-size: 12px;
	}
		
	.flightTicketNames div {
		font-size: 12px;
		margin-bottom: 10px;
		width: 100%;
	}
		
	.flightTicketNames div:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		
	.flightTicketNames div dl {
		margin: 0;
		float: left;
	}		
			
	.flightTicketNames div dl.name,
	.flightTicketNames div dl.lastname {
		margin-left: 15px;
	}
		
	.flightTicketNames div dl dt {
		font-weight: bold;
	}
		
	.flightTicketNames div dl dd {
		margin: 0;
	}
	
	.TakeoverBanner
	{
		width: 600px;
		font-size: 12px;
		font-family: Verdana, Sans-Serif;	
		height: 400px;		
		overflow: hidden;	
	}
	
	.Sweden .TakeoverBanner-Step1
	{
	    background: url('/images/se/newsletter/takeoverNewsletter.jpg') no-repeat;	
	}
	
	.Sweden .TakeoverBanner-Step2, .Sweden .TakeoverBanner-Step3
	{
	    background: url('/images/se/newsletter/NewsLetterConfirmation.jpg') no-repeat;	
	}
	
	.Norway .TakeoverBanner-Step1
	{
	    background: url('/images/no/newsletter/takeoverNewsletter.jpg') no-repeat;	
	}
	
    .Norway .TakeoverBanner-Step2, .Norway .TakeoverBanner-Step3
	{
	    background: url('/images/no/newsletter/NewsLetterConfirmation.jpg') no-repeat;	
	}
	
	.TakeoverBanner input
	{
		border: none;	
	}
		
	.TakeoverBanner-Step1 .Information
	{
		width: 300px;
		float: right;
		padding: 45px 0 0 4px;
	}	
	
	.TakeoverBanner-Step2 .Information
	{
	    width: 320px;
	    padding: 60px 0 0 50px;
	}
	
	.TakeoverBanner-Step3 .Information
	{
	    width: 320px;
	    padding: 134px 0 0 50px;
	}
	
	.TakeoverBanner h2
	{
		color: #ffffff;
		font-size: 20px;	
		font-family: Arial, Sans-Serif;
		padding-right: 10px;
	}
	
	.TakeoverBanner p
	{
		color: #FFFFFF;
		padding-top: 10px;
	}	
	
	.TakeoverBanner .Inputfields	
	{
		padding-top: 15px;
		color: #494949;		
	}
	
	.TakeoverBanner .Inputfields:after
	{
	    content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
	}
	
	.TakeoverBanner .Inputfields input
	{
		margin: 0 0 10px 0;
		padding-left: 7px;
		width: 123px;
		height: 20px;
		line-height: 20px;
	}
	
	.TakeoverBanner .Inputfields .Wide
	{
		width: 264px;
	}
	
	.TakeoverBanner .Inputfields .Left
	{
		margin-right: 7px;
	}
	
	.TakeoverBanner .Checkbox
	{
		background: url('../../images/se/newsletter/checkboxes.png') no-repeat 0 5px transparent;		
		color: #535454;	
		margin-bottom: 20px;
		padding-left: 23px;
		height: 30px;
		display: block;
	}
	
	.TakeoverBanner .Checkbox input
	{
		display: none;
	}
	
	.TakeoverBanner .Button
	{
		background-color: #15C32A;
		color: #FFFFFF;
		width: 175px;	
		height: 37px;
		font-family: Arial, Sans-Serif;
		font-size: 18px;
		text-transform: uppercase;
		padding-bottom: 3px;
		margin-right: 20px;
	}
	
	.TakeoverBanner .Button-right
	{
        float: right;
	}
	
	/************** Customer Assessment ************/

    #SemboAssessment
    {
	    background-color:			#F7F7F7;
	    width:										354px;
	    border:									solid 1px #C6C6C6;
	    padding:								5px;
	    margin-top:							5px;
	    font-family:							Arial;
	    font-size:								11px;
    }

    #SemboAssessment a
    {
	    font-family:							Arial;
	    font-size:								11px;
    }

    #SemboAssessment div
    {
	    margin: 4px 0 2px 0;
    }

    #SemboAssessment div span
    {
	     vertical-align:  top;
    }
}

@media screen
{

}

@media print
{
    .AccommodationPresentation .Sun img, .AccommodationPresentation .Plus img
    {
        visibility: visible;
    }
}

/******** Accommodation search on index page ********/

.index-search-new .SelectAccomodationArrivalGroup input, .index-search-new .SelectAccomodationDepartureGroup input
{
    display: block;
}
.index-search-new .RoomsPlacementPanel .ChildAgeHeader
{
    width: 75px;
}
.index-search-new .RoomsPlacementPanel .ChildAges
{
    width: 75px;
}
.index-search-new .AdultsHeader, 
.index-search-new .ChildrenHeader, 
.index-search-new .ChildAgeHeader, 
.index-search-new .NumberOfRoomsHeader, 
.index-search-new .SelectAccomodationArrivalGroup label, 
.index-search-new .SelectAccomodationDepartureGroup label,
.index-search-new .SelectAccomodationDestinationGroup label
{
    color: #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;
}

.index-search-new .AccomodationLegend
{
    display: none;
}

.index-search-new .AccomodationDateAndPaxPanel
{
    padding-top: 3px;
}
.index-search-new .RoomsPlacementPanel .HeaderPanel
{
    padding-top: 7px;
}

input.index-search-button,
#divPayment .call-to-action input[type=submit]
{
	overflow: visible;
	padding: 0.35em 1em 0.2em;
	width: auto;
	font-size: 15px;
	text-transform: uppercase;
}

/******** Accommodation pushers control ********/

.pusher-item
{
    width: 184px;
    height: 82px;
    overflow: hidden;
    background-color: #d6edfb;        
    border: solid 2px #fff;
    position: relative;
}
    
.pusher-item-outer
{
    border: solid 1px #ddd;
    float: left;
    margin: 0 15px 15px 0;
    display: inline;
}
    
.pusher-item-outer-last-column-in-row
{
    margin: 0;
}
    
.pusher-item-inner
{
    padding: 5px 6px;
}
    
.pusher-image-container
{
    margin-bottom: 6px;
}
    
.pusher-anchor-container
{
    position: absolute;
    left: 6px;
    bottom: 5px;
    color: #0368A6;
}

.themed-pusher
{
	margin-top: 15px;
    margin-bottom: 15px;
}

#content .themed-pusher h2
{
    text-transform: uppercase;
    font-family: Arial, Sans-Serif;
}

.themed-header-image
{
    width: 312px;
    float: left;
    display: inline;
    margin-right: 10px;
}

.themed-header
{
    width: 278px;
    float: left;
}

.themed-header h5
{
    margin-top: 10px;
}

.WhiteLabelBody
{
    margin:0; 
    padding:0;
    background-image:none;
}

.WhiteLabel #content 
{
	width: 100%;
	padding:0;
	margin:0;
}

.WhiteLabel #content .FerryPackage .FerryFieldset 
{
    margin-top: 17px;
}

.WhiteLabel #content .SearchEngine 
{
    width: 283px;
}
			
.footer-links {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links > li {
	display: inline;
	border-left: 1px solid #0368A6;
	padding-left: 4px;
}

.footer-links > .first  {
	border-left: none;
	padding-left: 0px;
}


/****************************************************/


#shopping-basket {
	top: -7px;/* rectify the padding on the body element */
	z-index: 2;/* place above latest booking */
}
#shopping-basket .hr hr {
	margin: 5px auto 7px;
}
.shopping-basket-items > li {
	background-position: 4px 9px;
	padding: 7px 0 7px 17px;
}
.info-box {
    background-color: #e3f2fa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin:20px 0;
    padding:10px;
    position: relative;
    width: 210px;
}
.info-box:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 234px;
    height: 9px;
}

.destination-info-tickets ul
{
    margin: 0;
}

.destination-info-tickets li
{
    padding: 5px 0 5px 36px;
    background-repeat: no-repeat;
    line-height: 15px;
    list-style: none;
    overflow: hidden;
}

.destination-info-tickets li > .faux-label {
    float: left;
    width: 100px;
}
.destination-info-tickets li a
{
    float: left;
    color: Red;
    width: 68px;
    text-align: right;
}

.destination-info-tickets .flight
{
    background-position: 0 center;
    background-image: url('http://images.sembo.se/Common/Symbols/airplane.png');
}
.destination-info-tickets .bus
{
    background-position: 4px center;
    background-image: url('http://images.sembo.se/Common/Symbols/bus.png');
}

.destination-info-tickets .rentalcar
{
    background-position: 3px center;
    background-image: url('http://images.sembo.se/Common/Symbols/car.png');
}

.destination-info-tickets > .read-more {
    margin-top: 15px;
}

.destination-info-details ul
{
    margin-top: 12px;
}
.destination-info-details ul:first-child
{
    margin-top: 0;
}

.destination-info-details li
{        
    list-style: none;
}

.destination-info-details .key, .destination-info-details .value
{
    display: inline-block;
    vertical-align: text-top;
}

.destination-info-details .key
{
    width: 50%;
}

.destination-info-details .temperature-link
{
     display: block;
     line-height: 20px;
}






.accommodation-destination-info .info-box {
	width: 180px;
}
.accommodation-destination-info .info-box:after {
	display: none;
}

.accommodation-destination-info .info-box li > .faux-label {
	width: 84px;
}
.accommodation-destination-info .info-box li > a {
	width: 60px;
}

.accommodation-destination-info .destination-info-details .key, .accommodation-destination-info .destination-info-details .value {
	display: inline;
	*width: auto;/* IE7 seems to need width auto on inline elements O_o */
}
.accommodation-destination-info .destination-info-details .key {
	font-weight: bold;
}

.Redirecting .DTF-Sembo-Information
{
    position: fixed;
    left:0;
    top:0;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
    text-align: center;
    padding-top: 100px;
    cursor: hand;
    cursor: pointer;
}

#footer .flags
{
	float: left;
	list-style: none;
	width: 50%;
}
#footer .flags li
{
	display: inline;
}
#footer .copyright
{
	float: left;
	width: 50%;
	
	color: #FFF;
	font-size: smaller;
	font-weight: bold;
	text-align: right;
}
#footer table table td
{
	vertical-align: top;
}



#content .hotel-stays .TransporationPackagePriceView {
	margin: 0;
}

ul.regions > li {
	font-weight: bold;		
	list-style-type: none;
	margin-bottom: 10px;
}


ul.destinations {
	overflow:hidden;
	padding-left: 10px;
}

ul.destinations li {
	padding-left: 5px;
	font-weight: normal;
	float:left;
	display:inline;
	width:20%;	
}

.TransporationPackagePriceView .grp
{
	border: 1px solid #CCC;
	margin: 10px 0 0;
	overflow: hidden;
}

.TransporationPackagePriceView .grp .hd
{
	--border: 1px solid #CCC;
	
	background-color: #F0F0F0;
	padding: 1ex 10px;
	
	font-size: 12px;
	font-weight: normal;
	
	*zoom: 1;
}
.TransporationPackagePriceView .grp .heading
{
	*float: left;
}
.TransporationPackagePriceView .grp .toggler
{
	float: right;
}

.TransporationPackagePriceView .grp .cartridge
{
	position: relative;
}
.TransporationPackagePriceView .grp .bd
{
	--border: 1px solid #CCC;
	--border-top: 0;
	
	border: 0;
	border-top: 1px solid #CCC;
	padding: 10px;
	
	*zoom: 1;
}

#content .TransporationPackagePriceView .grp .bd .Solution
{
	margin: 0;
	padding: 0;
	width: 560px;/* needed due to legacy using of floats, makes the code much less portable */
}
#content .TransporationPackagePriceView .grp .bd .Solution + .Solution
{
	margin-top: 10px;
}

.shopping-cart-link {
    display: none;
}

.TransporationPackagePriceView .grp.match
{
	border-style: double;
	border-width: 3px;
	--box-shadow: 0px 0px 5px #666;/* #FFD700 */
}
.TransporationPackagePriceView .grp.match .hd
{
	--background-image: url(./images/bluearrow.jpg);
	--background-position: 10px 50%;
	--background-repeat: no-repeat;
	--padding-left: 24px;
}
.TransporationPackagePriceView .grp.match .heading
{
	--color: #F00;
	--text-decoration: blink;
	font-weight: bold;
}
.TransporationPackagePriceView .grp.match .heading:before
{
	content: '▶';
	font-weight: bold;
	position: relative;
	left: -2px;
}
.TransporationPackagePriceView .grp.match .bd
{
	border-top: 3px double #CCC;
}

.lede p
{
	margin: 1em 0;
}
