/*#region GLOBAL STYLES*/
*{
    margin:0px;
    padding:0px;
    font-family:Verdana;
    font-size:11px; 
    color:#666;
}
html,body{
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*background-color:#f5f3f3;*/
    background-color:#000;
}
a{
    text-decoration:none;
    outline:none;
}
img{
    outline:none;
    border :none;
}
.clear{
    font-size: 1px;
    height: 0px;
    overflow: hidden;
    clear: both;
}
.outerContainer{
    width:100%;
}
/*#endregion*/ 

/*#region HEADER */
.headerContainer{
    width:100%;
    height:99px;
    /*background-color:#bcbdc0;*/
    background-color:#010204;
    border-bottom:1px solid #9f9f9f;
}
.header{
    width:960px;
    height:99px;
    margin:0px auto;
    background:url(../Images/headBg.jpg) no-repeat left bottom;
    /*background:url(../Images/headBg.gif) repeat left top;*/
    position:relative;
}
.logo{
    float:left;
    height:90px;
    margin-top:5px;
    background:url(../Images/logo.png) no-repeat left top;
    width:280px;
    margin-left:100px;
}
.logo a{
    display:block;
    width:280px;
    height:90px;
}
/*.headSupport{
    position:absolute;
    top:40px;
    right:-5px;
    width:476px;
    height:40px;
    text-align:right;
}*/
.headSupport{
    position:absolute;
    top:5px;
    right:60px;
    /*width:124px;*/
    height:90px;
}
.headSupport img{
	height:90px;
}
.headerMenu{
    float:right;
    margin:55px 0px 0px 0px;
}
.headerMenu a{
    color:#999999;
    font-size:16px;
    padding-bottom:10px;
    margin-right:15px;
}
.headerMenu a:hover{
    color:White;
    background:url(../Images/greenArrow.png) no-repeat center bottom;
}
.headerMenuSelected{
    color:White !important;
    font-size:16px;
    margin-right:15px;
    padding-bottom:10px;
    background:url(../Images/greenArrow.png) no-repeat center bottom;
}
.langs{
    float:right;
    text-align:right;
    color:#aeaeae;
    margin-top:10px;
    white-space:nowrap;
}
.langs a {
    /*color:#aeaeae;*/
    color:White;
    display:block;
    margin-bottom:2px;
}   
.langs a:hover{
    color:White;
    text-decoration:underline;
}
.headSocial{
    position:absolute;
    top:550px;
    right:0px;
}
.headFB{
    float:right;
    width:47px;
    height:21px;
    overflow:hidden;
    margin-left:10px;
}
.headPlus{
    width:35px;
    float:right;
    height:21px;
    overflow:hidden; 
}
.headTW{
    width:55px;
    height:20px;
    float:right;
    overflow:hidden;
    margin-left:10px;
}
/* FACEBOOK SOCIAL PLUGIN */
#slideMenu.closed{
	right:-261px;
} 
#slideMenu{
	position:fixed;
	right:0px;
    top:140px;
	width:251px;
	height:587px;	
	z-index:950;
	background:url(../Images/fcBody.png) no-repeat left bottom;
	padding:5px;
}
#slideMenu a.toggleBtn{
    position:absolute;
    left:0;
    top:0;
    display:block;
    height:112px;
    width:28px;
    margin:0px;
    background:url(../Images/fcImg.png) no-repeat left top;
    z-index:951;
}
#slideMenu a.toggleBtnHighlight{
	position:absolute;
	left:0;
	top:0;
	outline:none;
	display:block;
	height:112px;
	width:28px;
	margin:0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/fcImg.png);
	background-repeat:no-repeat;
	z-index:20;
} 
.content{
	z-index:950;
	background-color:#FFFFFF;
} 
.contentCorner{
    position:absolute;
    bottom:5px;
    left:5px;
    background:url(../Images/fcCorner.png) left top;
    width:6px;
    height:6px;
    font-size:1px;
    z-index:960;
}
/* TWITTER PLUGIN */
#slideMenuTwitter.closed{
	right:-261px;
} 
#slideMenuTwitter{
	position:fixed;
	right:0px;
    top:260px;
	width:251px;
	height:587px;	
	z-index:900;
	background:url(../Images/twBody.png) no-repeat left bottom;
	padding:5px;
}
#slideMenuTwitter a.toggleBtnTwitter{
    position:absolute;
    left:0;
    top:0;
    display:block;
    height:112px;
    width:28px;
    margin:0px;
    background:url(../Images/twImg.png) no-repeat left top;
    z-index:901;
}
#slideMenuTwitter a.toggleBtnHighlightTwitter{
	position:absolute;
	left:0;
	top:0;
	outline:none;
	display:block;
	height:112px;
	width:28px;
	margin:0;
	color:#000;
	text-decoration:none;
	font:12px/25px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/twImg.png);
	background-repeat:no-repeat;
	z-index:20;
} 
.twtr-doc{
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}
/*#endregion*/

/*#region OFFERS */
.offersContainer{
    width:100%;
    height:220px;
    padding-top:10px;
    /*background:#0053a8 url(../Images/offerTopShadow.gif) repeat-x center top;*/
	background:url(../Images/offerBg2.png) repeat-x center top;
}
.offersCenter{
    width:960px;
    margin:0px auto;
    height:220px;
    position:relative;
    display:none;
}
.offers{
    width:960px;
    height:220px;
    position:relative;
    /*background:#0053a8 url(../Images/offerBg.jpg) no-repeat center -5px;*/
}
.offerItem{ 
    position:absolute;
    top:0px;
    left:0px;
    width:960px;
    height:220px;
    z-index:50;
	background:url(../Images/offersSep.png) no-repeat center center;
}
.offerItem img{
    width:450px;
    height:200px;
    float:left;
    /*background:url(../Images/offerImageBg.jpg) no-repeat left bottom;*/
    /*padding:3px 10px 10px 10px; */
    margin:6px 30px 10px 10px;
	border:1px solid #00527a;
    box-shadow:0px 0px 8px #fff;
    -moz-box-shadow:0px 0px 8px #fff;
    -webkit-box-shadow:0px 0px 8px #fff;
}
.offerItemContent{
    float:left;
    width:440px;
    padding:15px 0px 0px 20px;
    color:#32ccff;
    font-size:11px;
    height:198px;
    position:relative;
}
.offerItemContent h2{
    margin-bottom:0px;
}
.offerItemContent h2 a{
    font-size:20px;
    color:#a9ff00;
    font-style:normal;
    text-decoration:none;
    font-weight:bold;
}
.offerItemContent h2 a:hover{
    text-decoration:underline;
}
.offerItemContent h3{
    font-size:14px;
    /*color:#32ccff;*/
	color:White;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    margin-bottom:5px;
    text-shadow: #2E2E2E 1px 1px 2px;
}
.offerItemContent h3 p{
    font-size:14px;
    /*color:#32ccff;*/
	color:White;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-shadow: #2E2E2E 1px 1px 2px;
}
.offerItemContent h4{
    /*float:left;*/
    font-family:Impact;
    text-decoration:none;
    font-size:30px;
    font-style:normal;
    font-weight:normal;
    margin-right:5px;
    color:#a9ff00;
}
.offerItemContent h4 p{
    font-family:Impact;
    text-decoration:none;
    font-size:30px;
    font-style:normal;
    font-weight:normal;
    color:#a9ff00;
}
.offerItemContent span{
    padding-top:5px;
    display:block;
    /*color:#32ccff;*/
	color:White;
    font-size:11px;
}
.offerItemContent span p{
    /*color:#32ccff;*/
	color:White;
    font-size:11px;
    margin-bottom:5px;
}
.offerBookBtn{
    position:absolute;
    bottom:-3px;
    left:20px;
    margin:0px 0px 0px -5px;
    background:url(../Images/bookOfferBtnLeft.png) no-repeat left center;
    padding-left:20px;
}
.offerBookBtn a{
    background:url(../Images/bookOfferBtnRight.png) no-repeat right center;
    padding:16px 60px 0px 0px;
    display:block;
    color:#585858;
    font-size:20px;
    height:44px;
    font-weight:bold;
}
.offerBookBtn a:hover{
    color:#93c302;
}
.cycleControls{
    width:38px;
    height:59px;
    position:absolute;
    top:0px;
    right:15px;
    z-index:800;
}
.cycleControls a{
    display:block;
    width:38px;
    height:27px;
    cursor:pointer;
    cursor:hand;
    overflow:hidden;
}
.cyclePrev{
    background:url(../Images/cycleButtons.png) no-repeat left top;
    height:30px !important;
}
.cycleNext{
    background:url(../Images/cycleButtons.png) no-repeat left bottom;
}
/*#endregion*/

/*#region SEARCH PANEL */
.pageContainer{
    width:100%;
    background-color:White;
    /*padding:30px 0px 20px 0px;*/
    padding:40px 0px 20px 0px;
}
.searchPanelContainer{
    width:960px;
    margin:0px auto;
}
.searchPanel{
    width:576px;
    background:url(../Images/searchPanelTop.jpg) no-repeat left top;
    padding-top:10px;
    float:left;
    margin-right:14px;
}
.searchPanelBody{
    background:url(../Images/searchPanelMiddle.gif) repeat-y left top;
    width:556px;
    padding:10px 10px 0px 10px;
    position:relative;
}
.searchPanelBottom{
    width:576px;
    background:url(../Images/searchPanelBottom.gif) no-repeat left top;
    padding-top:10px;
}
.searchPanelTabs{
    position:absolute;
    top:-60px;
    left:30px;
    list-style:none;
    padding:0px;
    margin:0px;
    height:70px;
    z-index:999;
}
.searchPanelTabs li{
    padding:0px;
    margin:0px;
    list-style:none;
    float:left;
    width:60px;
    height:70px;
    margin-right:10px;
}
.searchTabFerries{
    width:60px;
    height:70px;
    background:url(../Images/ferryTab.png) no-repeat left top;
    display:block;
    cursor:pointer;
    cursor:hand;
}
.searchTabFerries:hover{
    background:url(../Images/ferryTab.png) no-repeat left -70px;
}
.searchTabFerriesDisabled{
    width:60px;
    height:70px;
    background:url(../Images/ferryTab.png) no-repeat left top;
    display:block;
}
.searchTabFerries.current{
    background:url(../Images/ferryTab.png) no-repeat left -140px;
}
.searchTabFlights{
    width:60px;
    height:70px;
    background:url(../Images/flightTab.png) no-repeat left top;
    display:block;
    cursor:pointer;
    cursor:hand;
}
.searchTabFlights:hover{
    background:url(../Images/flightTab.png) no-repeat left -70px;
}
.searchTabFlightsDisabled{
    width:60px;
    height:70px;
    background:url(../Images/flightTab.png) no-repeat left top;
    display:block;
}
.searchTabFlights.current{
    background:url(../Images/flightTab.png) no-repeat left -140px;
}
.searchTabCars{
    width:60px;
    height:70px;
    background:url(../Images/carTab.png) no-repeat left top;
    display:block;
    cursor:pointer;
    cursor:hand;
}
.searchTabCars:hover{
    background:url(../Images/carTab.png) no-repeat left -70px;
}
.searchTabCarsDisabled{
    width:60px;
    height:70px;
    background:url(../Images/carTab.png) no-repeat left top;
    display:block;
}
.searchTabCars.current{
    background:url(../Images/carTab.png) no-repeat left -140px;
}
.searchPanelTabContainer{
    width:556px;
}
.searchPanelTab{
    width:556px;
    position:relative;
    color:#0066cc;
    padding-top:10px;
}
.searchLoading{
    width:560px;
    height:190px;
    background-color:#eeeeee;
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    z-index:9999;
    text-align:center;
    color:#0066cc;
    padding-top:70px;
}
.searchLoading img{
    margin-bottom:20px;
}
.searchLoading h2{
    color:#0066cc;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    margin-bottom:10px;
    text-shadow: #fff 1px 1px;
}
.searchTitle{
    color:#0066cc;
    font-size:18px !important;
    font-weight:bold !important;
    font-style:normal;
    text-decoration:none;
    margin-bottom:10px !important;
    text-shadow: #fff 1px 1px;
    display:block !important;
}
.searchLoading h2 span{
    color:#0066cc;
    font-size:12px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-shadow: none !important;
    display:none;
}
.searchLoading span{
    color:#0066cc;
}
.searchLoadingButton{
    height:33px;
    background:url(../Images/searchBtnRightFlipped.png) no-repeat right top;
    padding-right:5px;
    margin:10px auto;
    display:none;
    width:100px;
    cursor:pointer;
    cursor:hand;
}
.searchLoadingButton a{
    display:block;
    height:23px;
    background:url(../Images/searchBtnLeftFlipped.png) no-repeat left top;
    padding:10px 10px 0px 30px;
    color:#434343;
    font-size:12px;
    font-weight:normal;
}
.searchLoadingButton:hover{
    background:url(../Images/searchBtnRightFlipped.png) no-repeat right -33px;
}
.searchLoadingButton:hover a{
    background:url(../Images/searchBtnLeftFlipped.png) no-repeat left -33px;
}
.locationlistLink{
    
    width:20px;
    height:19px;
    background:url(../Images/arrowSprite.png) no-repeat left top;
    cursor:pointer;
    cursor:hand;
    display:block;
    position:absolute;
    top:5px;
    right:14px;
}
.locationlistLink:hover{
    background:url(../Images/arrowSprite.png) no-repeat left -38px;
}
.locationlistContainer{
    width:240px;
    display:none;
    background-color:#d3d3d3;
    padding:10px 20px 20px 20px;
}
.locationlistContainer h2{
    color: #06C;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 10px;
    text-shadow: #fff 1px 1px;
    line-height: 22px;
}
.locationlistContainer table{
    width:100%;
    table-layout:fixed;
}
.locationlistContainer table caption{
    display:none;
}
.locationlistContainer table td{
    padding:3px;
}
.locationlistContainer table td a{
    font-size:12px;
}
.locationlistContainer table td a:hover{
    color:#0066cc;       
}
.locationlistContainer table td a.disabled{
    font-size:12px;
    color:#9f9f9f;
    cursor:text;
}
.locationlistContainer table td a.disabled:hover{
    /*color:#0066cc;*/
}
#dlLocations{
    width:210px;
    display:block;
}
span.locationSpan {
    width: 210px;
    display: block;
    float: left;
    margin-bottom: 5px;
}
span.locationSpan.disabled{
    display:none;
}
#dlLocations br{
    display:none;
}
span.locationSpan a{
    font-size:12px;
}
span.locationSpan a:hover{
    color:#0066cc;       
}
/*#dlLocations span a.disabled{
    font-size:12px;
    color:#9f9f9f;
    cursor:text;
}
#dlLocations span a.disabled:hover{
    /color:#0066cc;/
}*/
span.locationSpanBig{
    width:210px;
    display:block;
    float:left;
    margin-bottom:5px;
}
span.locationSpanBig.disabled{
    display:none;
}
span.locationSpanBig a{
    font-size:12px;
}
span.locationSpanBig a:hover{
    color:#0066cc;       
}
span.locationLetterSep{
    display:block;
    width:210px;
    color:#0066cc; 
    margin:0px 0px 5px 0px;
    font-weight:bold;
    text-align:left;
    text-decoration:none;
    font-size:14px;
    padding:5px 0px 0px 0px;
}
/*#endregion*/

/*#region SEARCH PANEL MAP */
.searchMapContainer{
    width:345px;
    height:302px;
    float:left;
    background:url(../Images/searchMapBg.gif) no-repeat left top;
    position:relative;
    padding:8px 7px 0px 8px;
}
/*.searchMapBtn{
    width:13px;
    height:15px;
    display:block;
    position:absolute;
    top:16px;
    left:3px;
    background:url(../Images/mapBtn.gif) no-repeat left top;
    cursor:pointer;
    cursor:hand;
}
.searchMapBtn:hover{
    background:url(../Images/mapBtn.gif) no-repeat left -15px;
}
.searchMapBtnFlipped{
    width:13px;
    height:15px;
    display:block;
    position:absolute;
    top:16px;
    left:3px;
    background:url(../Images/mapBtnFlip.gif) no-repeat left top;
    cursor:pointer;
    cursor:hand;
}
.searchMapBtnFlipped:hover{
    background:url(../Images/mapBtnFlip.gif) no-repeat left -15px;
}*/
.searchMap{
    width:345px;
    height:280px;
    overflow:hidden;
}
/*#endregion*/

/*#region FOOTER */
.footerContainer{
    width:100%;
}
.footerTopContainer{
    width:100%;
    background:url(../Images/footerBgTop.gif) repeat-x left top;
    display:none;
}
.footerTop{
    width:960px;
    margin:0px auto;
    height:98px;
}
.footerMiddleContainer{
    width:100%;
    /*background:#030303 url(../Images/footerBgMiddle.gif) repeat-x center top;*/
    background:#002a3e url(../Images/footerBgMiddle3.png) repeat-x center top;
}
.footerMiddle{
    width:960px;
    margin:0px auto;
    padding-top:20px;
    position:relative;
}
.footerMiddle h3{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    /*color: #AEAEAE;*/
    color:White;
    text-shadow: 0px 1px 0px #2e2e2e;
}
.footerMiddle h3 a{
    font-size: 16px;
    font-weight: bold;
    /*color: #AEAEAE;*/
    color:White;
    text-shadow: 0px 1px 0px #2e2e2e;
}
.footerMiddle h3 a:hover{
    color:White;
    text-decoration:underline;
}
.footerBottomContainer{
    width:100%;
    /*background:url(../Images/footerBgBottom.gif) repeat-x left top;*/
    background:url(../Images/footerBgBottom2.gif) repeat-x left top;
    height:110px;
}
.footerBottom{
    width:960px;
    margin:0px auto;
    height:110px;
}
.copyright{
    float:left;
    font-size:11px;
    margin:45px 20px 0px 0px;
    /*color:#999999;*/
    color:White;
}
.copyright a{
    /*color:#999999;*/
    color:White;
    font-size:11px;
}
.copyright a:hover{
    color:White;
    text-decoration:underline !important;
}
.termsLink{
    float:left;
    /*color:#999999;*/
    color:White;
    font-size:11px;
    margin:45px 20px 0px 0px;
}
.termsLink:hover{
    color:White;
}
.footerHatta{
    /*width:55px;
    height:68px;*/
    width:26px;
    height:35px;
    float:right;
    display:block;
    background:url(../Images/myHatta2.png) no-repeat left top;
    margin:35px 5px 0px 0px;
}
.footerHatta:hover{
    /*background:url(../Images/myHatta2.png) no-repeat left -68px;*/
    background:url(../Images/myHatta2.png) no-repeat left -35px;
}
.footerEsyd{
    width:80px;
    height:51px;
    float:right;
    display:block;
    background:url(../Images/myEsyd.png) no-repeat left top;
    margin:25px 5px 0px 0px;
}
.footerEsyd:hover{
    background:url(../Images/myEsyd.png) no-repeat left -51px;
}
.footerEuroCert{
    width:80px;
    height:76px;
    float:right;
    display:block;
    background:url(../Images/euroCert2.png) no-repeat left top;
    margin:15px 5px 0px 0px;
}
.footerEuroCert:hover{
    background:url(../Images/euroCert2.png) no-repeat left -76px;
}
.footerLinks{
    width:160px;
    float:left;
    margin-right:5px;
}
.footerLinks ul{
    margin:0px;
    padding:0px;
    list-style:none;
    width:160px;
}
.footerLinks ul li{ 
    width:160px;
    background:url(../Images/linkBorder2.gif) repeat-x left bottom;
    padding-bottom:2px;
}
.footerLinks ul li a{  
    display:block;
    padding:10px 0px 10px 20px;
    width:140px;
    font-size:12px;
    /*color:#AEAEAE;*/
    color:White;
    background:url(../Images/linkArrow.png) no-repeat left center;
}
.footerLinks ul li a:hover{  
    background:url(../Images/linkArrowHover.png) no-repeat left center;
    color:White;
}
/*.footerNews{
    width:280px;
    float:left;
    margin-right:20px;
    color:#AEAEAE;
}
.footerNews ul{
    margin:0px;
    padding:0px;
    list-style:none;
    width:280px;
}
.footerNews ul li{ 
    width:280px;
    margin-bottom:15px;
    text-align:justify;
}
.footerNews ul li h4{ 
    margin-bottom:5px;
}
.footerNews ul li h4 a{ 
    font-size:12px;
    color:#AEAEAE;
    font-weight:bold;
    text-decoration:none;
    font-style:normal;
    margin-bottom:10px; 
    text-align:left;
}
.footerNews ul li h4 a:hover{ 
    color:White;
}
.footerLinks ul li a{  
    font-size:11px;
    color:#AEAEAE;
}
.footerNews ul li a:hover{  
    color:White;
}
.newsBanner{ 
    width:86px;
    margin:0px 5px 0px 0px;
    height:22px;
    padding-top:4px;
    text-align:center;
    float:left;
    font-size:10px;
    background:url(../Images/footerNewsBanner.png) no-repeat left top;
    color:White;
}*/
.footerDepartures{
    width:500px;
    margin-left:0px;
    overflow:hidden;
    position:relative;
    height:400px;
    /*height:210px;*/
    margin-bottom:5px;
    padding:5px 10px 0px 10px;
    /*background:url(../Images/footerDeparturesBg3.png) no-repeat left top;*/

    /*border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;

    box-shadow:0px 0px 5px #fff;
    -moz-box-shadow:0px 0px 5px #fff;
    -webkit-box-shadow:0px 0px 5px #fff;
    
    background: -webkit-linear-gradient(top, #035c89, #013149);
    background: -moz-linear-gradient(top, #035c89, #013149);
    background: -ms-linear-gradient(top, #035c89, #013149);*/
}
.footerDepartures h3{
    text-align:center;
    margin-bottom:10px;
    line-height:17px;
}
.footerDepartures h3 a{
    font-size:18px;
    text-shadow: 0px 1px 0px #2e2e2e;
    letter-spacing:1px;
}
.tblFooterDepartures{
    width:500px;
    margin:0px !important;
    padding:0px !important;
}
.tblFooterDepartures td{
    /*padding:2px;*/
}
.tblFooterInnerDepartures{
    width:150px;
    margin:0px !important;
    padding:0px !important;
    overflow:visible;
}
.tdFooterDeparturesTitle{
    /*color:#AEAEAE;*/
    color:White;
    padding-bottom:5px !important;
    font-weight:bold;
}
.tdFooterDeparturesTitle span{
    /*position:absolute;
    top:0px;*/
    color:White;
}
.tdFooterDepartures{
    padding: 2px 0px 5px 0px !important;
    /*background: url(../Images/departureBorder.gif) repeat-x left bottom;*/
    background: url(../Images/linkBorder2.gif) repeat-x left bottom;
    /*color:#AEAEAE;*/
    color:White;
}
.tdFooterDepartures a{
    /*color:#AEAEAE;*/
    color:White;
}
.tdFooterDepartures a:hover{
    /*color:White;*/
    text-decoration:underline;
}
.tdFooterDepartures span{
    color:White;
}
.footerContact{
    width:210px;
    float:left;
    margin-right:20px;
    text-align:justify;
}
.footerContact p{
    margin-bottom:10px;
}
.footerQuickContact{
    width:200px;
    /*padding:10px;*/
    /*background:url(../Images/footerBox.png) no-repeat left top;*/
    /*height:80px;*/
    /*color:#aeaeae;*/
    /*position:absolute;
    bottom:40px;
    right:5px;*/
    float:right;
    margin-left:10px;
    margin-top:10px;

    width: 200px;
    padding:5px 10px 10px 10px;
    /*background: url(../Images/footerBox.png) no-repeat left top;*/
    height: 85px;
    color: White;

    /*border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;

    box-shadow:0px 0px 5px #fff;
    -moz-box-shadow:0px 0px 5px #fff;
    -webkit-box-shadow:0px 0px 5px #fff;

    background: -webkit-linear-gradient(top, #035c89, #013149);
    background: -moz-linear-gradient(top, #035c89, #013149);
    background: -ms-linear-gradient(top, #035c89, #013149);
    background: -o-linear-gradient(top, #035c89, #013149);*/
}
.footerQuickContact h4{
    /*color:#aeaeae;*/
    color: White;
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
    text-shadow: 0px 1px 0px #2e2e2e;
}
.footerQuickContact p{
    /*color:#aeaeae;*/
    color: White;
    line-height:16px;
}
.footerQuickContact a{
    /*color:#aeaeae;*/
    color: White;
}
.footerQuickContact a:hover{
    text-decoration:underline;
}
/*.footerNewletter{
    width:220px;
    float:left;
}
.newsletterTable{
    width:200px;
}
.newsletterTable td{
    padding:3px;
    color: #AEAEAE;
}
.footerInputText{
    padding:3px;
    font-size:11px;
    width:150px;
    color:White;
}
.whiteBtn{
    width:135px;
    height:30px;
    background:url(../Images/whiteBtn.png) no-repeat left top;
    float:right;
    margin-top:10px;
}
.whiteBtn a{
    display:block;
    width:135px;
    height:22px;
    text-align:center;
    padding-top:8px;
    color:#191919;
}
.whiteBtn:hover{
    background:url(../Images/whiteBtn.png) no-repeat left -30px;
}*/
.footerDestinations{
    width:260px;
    float:left;
    margin-right:5px;
    /*color:#AEAEAE;*/
    color:White;
    position:relative;
    /*padding-bottom:250px;*/
	max-height:400px;
	overflow:hidden;
}
.footerDestinations ul{
    margin:0px;
    padding:0px;
    list-style:none;
    width:260px;
}
.footerDestinations ul li{ 
    width:130px;
    margin-bottom:10px;
    padding:0px;
    text-align:left;
    float:left;
}
.footerDestinations ul li a{ 
    display:block;
    padding:0px 0px 0px 15px;
    width:115px;
    font-size:12px;
    /*color:#AEAEAE;*/
    color:White;
    background:url(../Images/linkArrow.png) no-repeat left center;
}
.footerDestinations ul li a:hover{  
    background:url(../Images/linkArrowHover.png) no-repeat left center;
    /*color:White;*/
    text-decoration:underline;
}
.footerBigGroup{
    width:515px;
    float:left;
    padding-left:15px;
    background:url(../Images/departuresSep.png) no-repeat left center;
}
.footerContentPages{
    width:420px;
    float:left;
    padding-top:10px;
}
.footerContentPageItem{
    width:210px;
    float:left;
}
.footerContentPages ul{
    margin:0px 0px 15px 0px;
    padding:0px;
    list-style:none;
    width:190px;
}
.footerContentPages ul li{ 
    margin-bottom:10px;
    padding:0px;
    text-align:left;
    /*float:left;
    width:140px;*/
}
.footerContentPages ul li a{ 
    display:block;
    padding:0px;
    font-size:12px;
    /*color:#AEAEAE;*/
    color:White;
    /*background:url(../Images/linkArrow.png) no-repeat left center;*/
}
.footerContentPages ul li a:hover{  
    /*background:url(../Images/linkArrowHover.png) no-repeat left center;*/
    /*color:White;*/
    text-decoration:underline;
}
.footerIcons{
    float:right;
    height:70px;
    margin-top:15px;
}
.footerIcons a{
    float:right;
    display:block;
    cursor:pointer;
    cursor:hand;
}
.footerSete{
    margin:25px 5px 0px 0px;
    width:80px;
    height:30px;
    background:url(../Images/MySete2.png) no-repeat left top;
}
.footerSete:hover{
    background:url(../Images/MySete2.png) no-repeat left -30px;
}
.footerPiraeus{
    margin:25px 5px 0px 0px;
    width:100px;
    height:30px;
    background:url(../Images/piraeusbank2.png) no-repeat left top;
}
.footerPiraeus:hover{
    background:url(../Images/piraeusbank2.png) no-repeat left -30px;
}
.footerVisa{
    margin:25px 5px 0px 0px;
    width:60px;
    height:32px;
    background:url(../Images/vbv_learnmore2.png) no-repeat left top;
}
.footerVisa:hover{
    background:url(../Images/vbv_learnmore2.png) no-repeat left -32px;
}
.footerMastercard{
    margin:25px 5px 0px 0px;
    width:80px;
    height:36px;
    background:url(../Images/MasterCard_SecureCode2.png) no-repeat left top;
}
.footerMastercard:hover{
    background:url(../Images/MasterCard_SecureCode2.png) no-repeat left -36px;
}
.footerSeal{
    text-align:right;
    float:right;
    margin: 20px 0px 0px 5px;
    width:60px;
}
.footerIata{
    display:block;
    background:url(../Images/myIata2.png) no-repeat left top;
    width:55px;
    height:35px;
    float:right;
    margin:20px 0px 0px 5px;
}
.footerIata:hover{
    background:url(../Images/myIata2.png) no-repeat left -35px;
}
.quickWeather{
    width: 200px;
    padding:5px 10px 10px 10px;
    /*background: url(../Images/footerBox.png) no-repeat left top;*/
    height: 85px;
    color: White;
    /*position: absolute;
    bottom: 150px;
    right: 5px;*/
    float:right;
    margin-left:10px;
    margin-top:10px;

    /*border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;

    box-shadow:0px 0px 5px #fff;
    -moz-box-shadow:0px 0px 5px #fff;
    -webkit-box-shadow:0px 0px 5px #fff;
    
    background: -webkit-linear-gradient(top, #035c89, #013149);
    background: -moz-linear-gradient(top, #035c89, #013149);
    background: -ms-linear-gradient(top, #035c89, #013149);
    background: -o-linear-gradient(top, #035c89, #013149);*/
}
.quickWeather h3{
    font-size: 12px;
    color:White;
    /*text-shadow: 0px 1px 0px #303030;*/
    font-weight:bold;
    font-style:normal;
    margin:0px 0px 10px 0px;
    padding:0px;
    text-decoration:none;
    text-align:left;
}
.quickWeather img{
    width:60px;
    height:59px;
    float:left;
}
.quickWeatherInfo{
    float:left;
    width:140px;
    padding:0px 0px 0px 0px;
    margin:0px;
}
.quickWeatherDesc{
    font-size:11px;
    display:block;
    margin:0px 0px 1px 0px;
    padding:0px;
    color:White;
}
.quickWeatherTemp{
    font-size:18px;
    display:block;
    font-weight:bold;
    margin:0px 0px 1px 0px;
    padding:0px;
    color:White;
    font-family:Times New Roman;
}
.quickWeatherDate{
    font-size:11px;
    display:block;
    margin:0px 0px 1px 0px;
    padding:0px;
    color:White;
}
/*#endregion*/

/*#region FERRY SEARCH CONTROL */
.ferriesSearchContainer{
    width:530px;
    position:relative;
    padding:0px 10px 10px 20px;
    display:none;
}
.tblFerriesSearch{
    width:530px;
}
.tblFerriesSearch td{
    padding:5px;
    color:#0066cc;
}
.tblFerriesSearch td h2{
    color:#0066cc;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    margin-bottom:10px;
    text-shadow: #fff 1px 1px;
    line-height:22px;
}
.tblFerriesSearch td h2 span{
    color:#0066cc;
    font-size:12px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-shadow: none !important;
}
.tblFerriesSearch td span{
    color:#0066cc;
    /*text-shadow: #b7b7b7 1px 1px;*/
}
.ferriesTypeBtn{
    width:155px;
    height:34px;
    text-align:center;
    font-size:12px;
    display:block;
    padding-top:19px;
    background:url(../Images/ferryCatBtn.png) no-repeat left top;
    
    float:left;
    cursor:pointer;
    cursor:hand;
}
.ferriesTypeBtn:hover{
    background:url(../Images/ferryCatBtnHover.png) no-repeat left top;
}
.ferriesTypeBtnHover{
    width:155px;
    height:34px;
    text-align:center;
    font-size:12px;
    display:block;
    padding-top:19px;
    background:url(../Images/ferryCatBtnHover.png) no-repeat left top;
    
    float:left;
    cursor:pointer;
    cursor:hand;
}
.ferriesRadio{
    margin-right:10px;
}
.ferriesRadio input{
    margin-right:2px;
    vertical-align:text-bottom;
}
.labelCell{
    /*width:80px;*/
}
.labelCellRight{
    text-align:right;
}
.labelCellText{
    padding-top:5px;
    display:block;
    float:left;
}
.inputCell{
    width:170px;
}
.toggleItinerary{
    cursor:pointer;
    cursor:hand;
}
.toggleItinerary:hover{
    text-decoration:underline;
}
.searchButton{
    height:33px;
    background:url(../Images/searchBtnLeft.png) no-repeat left top;
    float:right;
    padding-left:5px;
}
.searchButton a{
    display:block;
    height:23px;
    background:url(../Images/searchBtnRight.png) no-repeat right top;
    padding:10px 30px 0px 10px;
    color:#434343;
    font-size:12px;
    cursor:pointer;
    cursor:hand;
}
.searchButton:hover{
    background:url(../Images/searchBtnLeft.png) no-repeat left -33px;
}
.searchButton:hover a{
    background:url(../Images/searchBtnRight.png) no-repeat right -33px;
}
.searchText{
    padding:3px;
    font-size:11px;
    width:143px;
}
.searchDropDown{
    padding:3px;
    font-size:11px;
    width:60px;
}
.searchDropDown option{
    background-color:#d3d3d3;
}
.searchTextMultiple{
    width:90px;
    padding:3px;
    font-size:11px;
}
.autoSuggestContainer{
    width:100%;
    position:relative;
}
.autoSuggestContainerSmall{
    width:177px;
    position:relative;
}
.ajax-autosuggest{
    white-space:nowrap;
}
.ajaxLoaderPanel{
    width:100%;
    text-align:center;
    margin-bottom:20px;
}
.ajaxLoaderPanel h2{
    text-align:center;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    font-style:normal;
    margin-bottom:20px;
}
.ajaxLoaderPanel img{
    margin:0px auto 0px auto;
}
.customMapControlContainer{
    z-index: 11;
    cursor: pointer;
    text-align: left;
    width: 90px;
    position: relative;
    margin-right:10px;
    /*right: 0px;
    top: 0px; */
}
.customMapArrow{
    position: absolute;
    right: -5px;
    top: 4px;
    -khtml-user-select:none;
    font-size:11px;
    font-weight:bold;
}
.customMapControl{
    overflow: hidden;
    font-size: 12px;
    line-height: 160%;
    padding:0px 6px 0px 6px;
    color:Black;
    font-family: Arial, sans-serif;
    direction: ltr;
    font-weight: bold;
    border:1px solid #A9BBDF;
    width:90px;

    -webkit-box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
    -webkit-user-select: none;
    box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;

    border-top-left-radius: 2px 2px;
    border-top-right-radius: 2px 2px;
    border-bottom-right-radius: 2px 2px;
    border-bottom-left-radius: 2px 2px;
    
    background:url(../Images/customMapControlBg.gif) repeat-x left top;

    /*background-image: -webkit-gradient( linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#F3F3F3));
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background-position: initial initial;
    background-repeat: initial initial;*/
}
.customMapControl:hover{
    border:1px solid #678AC7;
}
.customMapPopup{
    -webkit-box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
    -webkit-user-select: none;
    box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px;
    border-top-left-radius: 2px 2px;
    border-top-right-radius: 2px 2px;
    border-bottom-right-radius: 2px 2px;
    border-bottom-left-radius: 2px 2px;
    background:url(../Images/customMapControlBg.gif) repeat-x left top;
    border:1px solid #A9BBDF;
    color: #666; 
    font-size: 12px; 
    cursor:pointer;
    cursor:hand;
    padding:3px;
}
.customMapPopup:hover{
    background:url(../Images/customMapControlBg.gif) repeat-x left -20px;
}
.customMapContent{
    /*padding:2px 0px 2px 2px;*/
}
/*.customMapContent:hover{
    background-color:#dadada;
}*/
.customMapContent a{
    /*cursor:pointer;
    cursor:hand;*/
    color:#024d9e;
}
.customMapContent img{
    vertical-align:text-bottom;
    margin-right:3px;
}
.tooltip {
	display:none;
	background:url(../Images/tooltipSprite.png) no-repeat left -36px;
	height:36px;
    padding:0px 0px 0px 13px;
}
.tooltipContent{
    background:url(../Images/tooltipSprite.png) no-repeat right top;
	height:26px;
	padding:10px 23px 0px 10px;
	color:#fff;	
    font-size:12px;
}
.tooltipOffer {
	display:none;
	width:220px;
    padding:0px;
    border:2px solid White;
    
    -webkit-box-shadow: #515151 0px 0px 5px;
    -moz-box-shadow: #515151 0px 0px 5px;
    box-shadow: #515151 0px 0px 5px;

    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
.tooltipContentOffer{
    background:url(../Images/opacuePixel.png) repeat left top;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
	padding:10px;
	color:#fff;	
    font-size:12px;
    text-align:left;
    width:200px;
}
.tooltipContentOffer h3{
    color:White;
    font-weight:bold;
    font-size:14px;
    font-style:normal;
    text-decoration:none;
    margin:0px 0px 5px 0px;
    padding:0px;
    text-align:center;
}
.tooltipContentOfferText{
    color:White;
    font-size:12px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    margin:0px 0px 10px 0px;
    padding:0px;
    text-align:justify;
    display:block;
}
.tooltipContentOfferText p{
    color:White;
    font-size:12px;
    font-weight:normal;
    text-align:justify;
    margin:0px 0px 5px 0px;
    padding:0px;
}
.offerPrice{
    display:block;
    text-align:right;
    font-weight:bold;
    color:White !important;
    font-size:12px;
}
.offerNoDiscountPrice{
    display:block;
    text-align:right;
    font-weight:normal;
    color:White !important;
    font-size:12px;
    font-style:italic;
}
/*#endregion*/

/*#region FERRY STEPS CONTROL */
.stepsContainer{
    width:204px;
    height:34px;
    position:absolute;
    right:0px;
    top:10px;
}
.stepsTable{
    width:204px;
    height:34px;
}
.stepsTable td{
    width:34px;
    height:34px;
    
}
.stepsTable td a{
    display:block;
    height:34px;
    width:34px;
    font-size:1px;
}
.tdStep1{
    background:url(../Images/stepsBig.png) no-repeat left -34px;
}
.tdStep2{
    background:url(../Images/stepsBig.png) no-repeat -34px -34px;
}
.tdStep3{
    background:url(../Images/stepsBig.png) no-repeat -68px -34px;
}
.tdStep4{
    background:url(../Images/stepsBig.png) no-repeat -102px -34px;
}
.tdStep5{
    background:url(../Images/stepsBig.png) no-repeat -136px -34px;
}
.tdStep1Selected{
    background:url(../Images/stepsBig.png) no-repeat left 0px;
}
.tdStep2Selected{
    background:url(../Images/stepsBig.png) no-repeat -34px 0px;
}
.tdStep3Selected{
    background:url(../Images/stepsBig.png) no-repeat -68px 0px;
}
.tdStep4Selected{
    background:url(../Images/stepsBig.png) no-repeat -102px 0px;
}
.tdStep5Selected{
    background:url(../Images/stepsBig.png) no-repeat -136px 0px;
}
.tdStep1Active{
    background:url(../Images/stepsBig.png) no-repeat left -34px;
}
.tdStep2Active{
    background:url(../Images/stepsBig.png) no-repeat -34px -34px;
}
.tdStep3Active{
    background:url(../Images/stepsBig.png) no-repeat -68px -34px;
}
.tdStep4Active{
    background:url(../Images/stepsBig.png) no-repeat -102px -34px;
}
.tdStep5Active{
    background:url(../Images/stepsBig.png) no-repeat -136px -34px;
}
.tdStep1Active:hover{
    background:url(../Images/stepsBig.png) no-repeat left 0px;
}
.tdStep2Active:hover{
    background:url(../Images/stepsBig.png) no-repeat -34px 0px;
}
.tdStep3Active:hover{
    background:url(../Images/stepsBig.png) no-repeat -68px 0px;
}
.tdStep4Active:hover{
    background:url(../Images/stepsBig.png) no-repeat -102px 0px;
}
.tdStep5Active:hover{
    background:url(../Images/stepsBig.png) no-repeat -136px 0px;
}
/*#endregion*/

/*#region COMMON RESULTS CONTROL */
.resultPanelContainer{
    width:960px;
    margin:0px auto;
}
.resultPanelLeft{
    width:686px;
    float:left;
    padding-right:14px;
}
.resultPanel{
    width:686px;
    background:url(../Images/resultBgTop.png) no-repeat left top;
    padding-top:10px;
}
.resultPanelBody{
    background:url(../Images/resultBgMiddle.png) repeat-y left top;
    width:656px;
    padding:10px 10px 10px 20px;
    position:relative;
}
.resultPanelBody h2{
    color:#0066cc;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    margin-bottom:20px;
    text-shadow: #fff 1px 1px;
    line-height:22px;
}
.resultPanelBody h2 span{
    color:#0066cc;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-shadow: none !important;
}
.resultPanelBody span{
    color:#0066cc;
    /*text-shadow: #b7b7b7 1px 1px;*/
}
.resultPanelTabContainer{
    width:631px;
    padding:0px 10px 10px 15px;
}
.resultPanelTab{
    width:631px;
    padding-top:15px;
    position:relative;
}
.resultPanelBottom{
    width:686px;
    height:20px;
    background:url(../Images/resultBgBottom.png) no-repeat left top;
    padding-top:10px;
}
.resultPanelTabBody{
    width:631px;
}
.resultPanelTabTitle{
    width:631px;
    padding-top:5px;
    background:url(../Images/ItineraryTitleTop.png) no-repeat left top;
    display:none;
}
.resultPanelTabTitleInner{
    width:631px;
    font-size:14px;
    color:White;
    text-align:center;
    padding:2px 0px 23px 0px;
    background:url(../Images/ItineraryTitleBottom.png) no-repeat left bottom;
}
.resultPanelTabTitleInner span{
    display:block;
    font-weight:bold;
    font-size:14px;
    color:White;
}
.nextDayLink{
    display:block;
    height:18px;
    font-size:11px;
    padding:4px 25px 0px 0px;
    background:url(../Images/arrowsSprite.png) no-repeat right top;
    position:absolute;
    top:12px;
    right:5px;
}
.nextDayLink:hover{
    background:url(../Images/arrowsSprite.png) no-repeat right -22px;
    color:#0066cc;
}
.previousDayLink{
    display:block;
    height:18px;
    font-size:11px;
    padding:4px 0px 0px 25px;
    background:url(../Images/arrowsSprite.png) no-repeat left -44px;
    position:absolute;
    top:12px;
    left:5px;
}
.previousDayLink:hover{
    background:url(../Images/arrowsSprite.png) no-repeat left -66px;
    color:#0066cc;
}
/*#endregion*/

/*#region FERRY RESULTS CONTROL */
.dayResultTitle{
    width:634px;
    height:46px;
    padding:5px 0px 0px 0px;
    font-size:13px;
    background:url(../Images/dayTitleBg.png) no-repeat center top;
    text-align:center;
    position:relative;
    /*padding:5px;
    margin-bottom:10px;
    text-shadow: #B7B7B7 0px 1px 0px;*/
}
.dayResultTitle span{
    text-align:center;
    color:#666 !important;
    font-size:13px;
    font-weight:bold;
    /*text-shadow: #B7B7B7 0px 1px 0px;*/
    display:block;
}
.dayResultTitle b{
    font-size:12px;
    text-align:center;
    font-weight:bold;
    /*text-shadow: #B7B7B7 1px 1px;*/
}
.dayResultContainer{
    width:621px;
}
.dayResults{
    width:621px;
    padding-bottom:20px;
    display:none;
}
.dayResultSelection{
    display:none;
    width:621px;
    color:#0066cc;
    padding:0px 0px 25px 0px;
}
.dayResultSelection span{
    float:left;
    text-align:left;
    color:#0066cc;
    max-width:450px;
    padding-left:10px;
}
.dayResultSelection span b{
    color:#0066cc;
    font-weight:bold;
}
.dayResultSelection a{
    float:right;
    color:#0066cc;
    text-decoration:underline;
    cursor:pointer;
    cursor:hand;
}
.dayResultTable{
    width:621px;
}
.dayResultTable tbody tr:hover{
    background-color:#fafafa;
}
.dayResultTable td{
    padding:5px;
    text-align:left;
    white-space:nowrap;
    border-bottom:1px dotted #cccccc;
    height:25px;
}
.dayResultTable thead{
    font-size:12px;
    font-weight:bold;
    text-align:left;
    color:#0066cc;
}
.dayResultTable thead td{
    color:#0066cc;
}
.dayRowInactive{
    color:#a6a6a6;
}
.dayRowInactive td{
    color:#a6a6a6;
}
.dayRowInactive td span{
    color:#a6a6a6 !important;
}
.selectedCompanyRow{
    background-color:#fafafa;
}
.errorPanelResults{
    margin:10px 0px 10px 0px;
    text-align:center;
    padding:0px;
    color:Red;
}
.errorPanelResults ul{
    width:200px;
    margin:10px auto;
    color:Red;
    text-align:center;
}
.errorPanelResults ul li{
    color:Red;
    text-align:left;
}
.invalidAlternative{
    width:100%;
    margin-bottom:15px;
}
.invalidAlternative h2{
    font-size:12px;
    font-style:italic;
}
.invalidAlternativeLink{
    cursor:pointer;
    cursor:hand;
}
.invalidAlternativeLink:hover{
    text-decoration:underline;
}
.resultButton{
    height:33px;
    background:url(../Images/searchBtnLeft.png) no-repeat left top;
    float:right;
    padding-left:5px;
    display:none;
}
.resultButton a{
    display:block;
    height:23px;
    background:url(../Images/searchBtnRight.png) no-repeat right -66px;
    padding:10px 30px 0px 10px;
    color:#434343;
    font-size:12px;
}
.resultButton:hover{
    background:url(../Images/searchBtnLeft.png) no-repeat left -33px;
}
.resultButton:hover a{
    background:url(../Images/searchBtnRight.png) no-repeat right -99px;
}
.dayCompanyButton{
    height:23px;
    background:url(../Images/itineraryBtn.png) no-repeat left -138px;
    float:right;
    padding-left:5px;
    cursor:pointer;
    cursor:hand;
}
.dayCompanyButton a{
    display:block;
    height:18px;
    background:url(../Images/itineraryBtn.png) no-repeat right top;
    padding:5px 20px 0px 2px;
    color:#434343;
    font-size:11px;
    min-width:65px;
}
.dayCompanyButton:hover{
    background:url(../Images/itineraryBtn.png) no-repeat left -161px;
}
.dayCompanyButton:hover a{
    background:url(../Images/itineraryBtn.png) no-repeat right -23px;
}
.dayCompanyButtonSelected{
    height:23px;
    background:url(../Images/itineraryBtn.png) no-repeat left -184px;
    float:right;
    padding-left:5px;
    cursor:pointer;
    cursor:hand;
}
.dayCompanyButtonSelected a{
    display:block;
    height:18px;
    background:url(../Images/itineraryBtn.png) no-repeat right -46px;
    padding:5px 20px 0px 2px;
    color:White;
    font-size:11px;
}
.dayCompanyButtonSelected:hover{
    background:url(../Images/itineraryBtn.png) no-repeat left -207px;
}
.dayCompanyButtonSelected:hover a{
    background:url(../Images/itineraryBtn.png) no-repeat right -69px;
}
.dayCompanyButtonDisabled{
    height:23px;
    background:url(../Images/itineraryBtn.png) no-repeat left -230px;
    float:right;
    padding-left:5px;
    display:none;
}
.dayCompanyButtonDisabled a{
    display:block;
    height:18px;
    background:url(../Images/itineraryBtn.png) no-repeat right -92px;
    padding:5px 20px 0px 2px;
    color:#7E7E7E;
    font-size:11px;
}
.resultInformation{
    float:left;
    color:#666;
    font-size:11px;
    display:none;
    background:url(../Images/info.png) no-repeat left center;
    padding:11px 0px 0px 26px;
    min-height:25px;
}
.nextDaySpan{
    font-size:10px;
    padding-top:2px;
    color:#666 !important;
}
tr.dayRowInactive .nextDaySpan{
    color:#a6a6a6 !important;
}
.dayCompanyButtonRecheck{
    height:23px;
    background:url(../Images/reCheckBtn.png) no-repeat left -138px;
    float:right;
    padding-left:5px;
    cursor:pointer;
    cursor:hand;
    display:none;
}
.dayCompanyButtonRecheck a{
    display:block;
    height:18px;
    background:url(../Images/reCheckBtn.png) no-repeat right top;
    padding:5px 20px 0px 2px;
    color:#434343;
    font-size:11px;
    min-width:65px;
}
.dayCompanyButtonRecheck:hover{
    background:url(../Images/reCheckBtn.png) no-repeat left -161px;
}
.dayCompanyButtonRecheck:hover a{
    background:url(../Images/reCheckBtn.png) no-repeat right -23px;
}
/*#endregion*/

/*#region FERRY RESULT PANEL PREFERENCES */
.darkPrefsContainer{
    width:260px;
    float:left;
    padding-top:5px;
    background:url(../Images/darkPrefTop.png) no-repeat left top;
}
.darkPrefsBody{
    width:230px;
    padding:30px 15px 10px 15px;
    background:url(../Images/darkPrefMiddle.png) repeat-y left top;
}
.darkPrefsBody h3{
    color:White;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    margin-bottom:30px;
    text-shadow: #666 1px 1px;
}
.darkPrefsBody h3 span{
    color:White;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-shadow: none !important;
}
.darkPrefsBody span{
    color:White;
    /*text-shadow: #b7b7b7 1px 1px;*/
}
.darkPrefsBottom{
    width:260px;
    height:20px;
    background:url(../Images/darkPrefBottom.png) no-repeat left top;
    font-size:1px;
}
.darkPrefItinerary{
    width:240px;
    color:#99ccff;
    font-size:11px;
    line-height:15px;
    margin-bottom:10px;
}
.darkPrefItinerary h4{
    color:White;
    font-size:12px;
    text-decoration:none;
    font-style:normal;
    margin-bottom:5px;
}
.whitePrefsContainer{
    width:260px;
    float:left;
    padding-top:5px;
    background:url(../Images/whitePrefTop.png) no-repeat left top;
}
.whitePrefsBody{
    width:230px;
    padding:30px 15px 10px 15px;
    background:url(../Images/whitePrefMiddle.png) repeat-y left top;
    color:#666666;
}
.whitePrefsBody h3{
    color:#0066cc;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    margin-bottom:30px;
    text-shadow: #fff 1px 1px;
}
.whitePrefsBody h3 span{
    color:#0066cc;
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-shadow: none !important;
}
.whitePrefsBody span{
    color:#0066cc;
    /*text-shadow: #b7b7b7 1px 1px;*/
}
.whitePrefsPrice{
    width:220px;
    height:56px;
    padding:14px 20px 0px 20px;
    background:url(../Images/whitePrefPrice.png) no-repeat left top;
    color:White;
    font-size:22px;
    font-weight:normal;
    text-align:right;
}
.whitePrefsPrice span{
    font-size:22px;
    font-weight:bold;
    color:White;
}
.whitePrefItinerary{
    width:230px;
    color:#99ccff;
    font-size:11px;
    line-height:15px;
    margin-bottom:10px;
}
.whitePrefItinerary h4{
    color:#0066cc;
    font-size:12px;
    text-decoration:none;
    font-style:normal;
    margin-bottom:5px;
}
.whitePrefItinerary h5{
    color:#666666;
    font-size:11px;
    text-decoration:none;
    font-style:normal;
    padding:5px 0px 5px 0px;
    font-weight:bold;
}
.darkPrefsShadow{
    width:230px;
    background:url(../Images/prefShadow.png) no-repeat center top;
    color:#99ccff;
    margin-top:15px;
    line-height:15px;
    text-align:justify;
    padding:10px 0px 0px 0px;
}
.darkPrefsShadow span{
    color:White;
}
/*.darkPrefsShadow a{
    color:White;
    font-size:18px;
    font-weight:bold;
    background:url(../Images/calculateIcon.png) no-repeat left top;
    display:block;
    height:23px;
    padding:7px 0px 0px 35px;
    cursor:pointer;
    cursor:hand;
}*/
.prefItineraryTbl{
    margin:10px 0px 10px 0px;
}
.prefItineraryTbl td{
    padding:2px 10px 2px 0px;
 
}
.extendedInfoItem{
    color:#666666;
    margin-bottom:10px;
    width:230px;
}
.extendedSpanLeft{
    color:#666666 !important;
    float:left;
    
}
.extendedSpanRight{
    color:#666666 !important;
    float:right;
    
}
.preferencesDelivery{
    display:none;
    padding:5px 0px;
}
.extendedSpanRight.discountPrice{
    font-weight:bold !important;
    color: #666 !important;
}
.extendedSpanRight .withoutDiscountPrice{
    text-decoration:line-through;
    font-weight:normal;
    color: #666 !important;
}
/*#endregion*/

/*#region FERRY PASSENGER INFORMATION */

.passengerItineraries{
    width:631px;
    padding-bottom:20px;
}
.dayPassengerTitle{
    width:621px;
    padding:5px;
    font-size:11px;
    margin:10px 0px 5px 0px;
}
.passengerInformation{
    float:left;
    color:#666;
    font-size:11px;
    background:url(../Images/info.png) no-repeat left center;
    padding:11px 0px 0px 26px;
    min-height:25px;
}
.inputStyle{
    padding:2px;
    font-size: 11px;
}
.passengersTable{
    width:621px;
}
.passengersTable td{
    padding:2px;
    text-align:left;
    white-space:nowrap;
}
.passengersTable thead{
    font-size:12px;
    /*font-weight:bold;*/
    text-align:left;
    color:#0066cc;
}
.passengersTable thead td{
    color:#0066cc;
}
.errorPanel{
    text-align:left;
    padding:10px 20px 0px 20px !important;
    display:none;
    margin:0px !important;
    min-height:20px !important;
}
.errorPanelText{
    float:left;
    width:450px;
}
.errorPanel img{
    float:left;
    margin:0px 10px 0px 0px;
}
.errorPanel p{
    margin-bottom:10px;
}
.errorPanel ul{
    padding:10px;
    margin:0px;
}
.errorPanel ul li{
    text-align:left;
    padding:2px 0px 2px 5px;
}
.errorPanel ul li p{
    margin-bottom:10px;
}
.ui-dialog{
    border:1px solid #999999 !important;
}
.ui-widget-content{
    border:none !important;
}
.ui-dialog .ui-dialog-buttonpane{
    margin:0px !important;
    padding:0px 5px 5px 5px !important;
}
.ui-button-text{
    color:#666666;
}
.ui-state-hover .ui-button-text, .ui-state-focus .ui-button-text{
    color:White !important;
}
.calculateLoading{
    float:right;
    display:none;
    width:30px;
    height:33px;
}
.priceLoading{
    float:right;
    width:20px;
    height:20px;
}
.passengersTotalPrice{
    width:630px;
    background:url(../Images/longSep.gif) no-repeat right bottom;
    font-size:18px;
    text-align:right;
    float:right;
    padding:0px 0px 5px 0px;
    margin-bottom:10px;
    color:#666;
}
.passengersTotalPrice span{
    color:#666;
    font-size:18px;
    font-weight:bold;
}
.passengersPrice{
    font-size:12px;
    text-align:right;
    font-weight:normal;
    color:#666 !important;
    padding-left:15px;
}
.pricePaddingRight{
    padding-right:15px !important;
    padding-left:0px !important;
}
.couponMessage{
    text-align:center;
    color:#0066cc;
    font-size:11px;
    display:block;
    margin-bottom:10px;
    display:none;
}
.imgPassengersPrice{
    position:absolute;
    top:0px;
    right:0px;
    width:15px;
    height:15px;
    cursor:pointer;
    cursor:hand;
    display:none;
}
/*#endregion*/

/*#region FERRY CUSTOMER INFO */
.tableHeader{
    font-size:14px;
    font-weight:bold;
    padding:10px 0px 10px 10px;
}
.ferriesTable{
    width:100%;
}
.ferriesTable thead{
    font-weight:normal;
    
}
.ferriesTable thead td{
    color:#0066cc;
}
.ferriesTable td{
    text-align:left;
    padding:3px;
}
.acceptedCards img{
    height:20px;
    margin-right:2px;
}
.siteSeal{
    text-align: center;
    float: left;
}
.customerInput{
    padding:2px;
    font-size: 11px;
    /*-webkit-text-fill-color:transparent !important;*/
    -webkit-autofill:transparent !important;
}
.customerSelect option{
    background-color:#d3d3d3;
}
.creditCardInfo{
    width:592px;
    height:45px;
    padding:7px 11px 0px 25px;
    margin-left:-10px;
    background:url(../Images/creditCardInfo.png) no-repeat left top;
}
.creditCardInfo h2{
    color:#0066cc;
    font-size:18px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    padding-top:8px;
    float:left;
    text-shadow:none;
    margin-bottom:0px;
}
.creditCardInfo h2 span{
    color:Red !important;
    font-size:12px !important;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    text-shadow:none !important;
}
.creditCardInfo span{
    color:Red !important;
}
.creditCardPrice{
    float:right;
    height:30px;
    padding:8px 0px 0px 25px;
    background:url(../Images/creditCardPrice.png) no-repeat left top;
    overflow:hidden;
    color:White;
    font-size:18px;
    font-weight:bold;
}
.submitButton{
    height:40px;
    background:url(../Images/submitBtn.png) no-repeat left -80px;
    float:right;
    padding-left:8px;
    margin:20px 33px 0px 0px;
}
.submitButton a{
    display:block;
    height:29px;
    background:url(../Images/submitBtn.png) no-repeat right top;
    padding:11px 18px 0px 10px;
    color:#434343;
    font-size:12px;
}
.submitButton:hover{
    background:url(../Images/submitBtn.png) no-repeat left -120px;
}
.submitButton:hover a{
    background:url(../Images/submitBtn.png) no-repeat right -40px;
}
.submitButtonDisabled{
    height:40px;
    background:url(../Images/submitBtn.png) no-repeat left -120px;
    float:right;
    padding-left:8px;
    margin:20px 33px 0px 0px;
}
.submitButtonDisabled span{
    display:block;
    height:29px;
    background:url(../Images/submitBtn.png) no-repeat right -40px;
    padding:11px 18px 0px 10px;
    color:#434343;
    font-size:12px;
}
.ticketDelivery{
    width:631px;
    padding-top:15px;
    display:none;
}
.cardinalFrameContainer{
    width:400px;
    height:400px;
    margin:0px auto;
}
.cardinalFrame{
    width:400px;
    height:400px;
    overflow:scroll;
}
.customerAccepts{
    float:left;
    padding-top:25px;
    width:600px;
}
.customerAccepts input{
    /*margin-right:5px;
    vertical-align:text-bottom;
    margin-bottom:5px;
    float:left;*/
}
.customerAccepts label{
    /*margin-bottom:5px;
    display:block;
    float:left;*/
}
.customerAccepts a{
    color:#0066cc;
}
.customerAccepts a:hover{
    text-decoration:underline;
}
.errorStrings{
    color:Red;
    padding:3px 0px 3px 3px;
}
.aloneLink{
    color:#0066cc;
}
.aloneLink:hover{
    text-decoration:underline;
}
.offlineInfo{
    width:290px;
    height:43px;
    background:url(../Images/offlineInfo.png) no-repeat left top;
    padding:7px 15px 0px 15px;
    font-size:11px;
    margin-left:-5px;
    font-style:italic;
}
.offlineInfo span.left{
    font-size:11px;
    font-style:italic;
    text-align:left;
    float:left;
    color:#666 !important;
}
.offlineInfo span.leftEn{
    font-size:11px;
    font-style:italic;
    text-align:left;
    float:left;
    color:#666 !important;
    padding-top:8px;
}
.offlineInfo span.right{
    font-size:18px;
    text-align:right;
    font-weight:normal;
    font-style:normal;
    float:right;
    font-family:Impact;
    padding-top:3px;
    letter-spacing:1px;
}
.offlineInfo span.rightEn{
    font-size:18px;
    text-align:right;
    font-weight:normal;
    font-style:normal;
    float:right;
    font-family:Impact;
    padding-top:3px;
}
.officeInformation{
    width:100%;
    padding:10px 0px;
    display:none;
}
.agentOfficeInformation{
    display:block;
    width:656px;
    padding-top:10px
}
.tblAgentOfficeInfo{
    margin:0px !important;
}
/*#endregion*/

/*#region FERRY COMPLETE RESERVATION */
.completeReservation h3{
    color:#666666;
    font-size:12px;
    font-weight:normal;
    font-style:italic;
    text-decoration:none;
    margin-bottom:20px;
}
.completeReservation h4{
    color:#666666;
    font-size:12px;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    margin-bottom:20px;
    padding-top:20px;
}
.completeReservation h4 span{
    color:#666666;
    font-weight:bold;
    font-size:12px;
}
.completeReservation a{
    text-decoration:underline;
}
/*#endregion*/

/*#region PAGES CONTAINER */
.pagesCenterContainer{
    width:960px;
    margin:0px auto;
}
.pagesLeftContainer{
    width:260px;
    float:left;
    margin-right:10px;
    padding-top:5px;
    background:url(../Images/whitePrefTop.png) no-repeat left top;
}
.pagesLeftBody{
    width:230px;
    padding:15px 15px 0px 15px;
    background:url(../Images/whitePrefMiddle.png) repeat-y left top;
}
.pagesLeftBottom{
    width:260px;
    height:25px;
    background:url(../Images/whitePrefBottom.png) no-repeat left top;
    font-size:1px;
}
.pagesLeftBody h2{
    color: #06C;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 10px;
    text-shadow: #fff 1px 1px;
}
.pagesLeftBody ul{
    margin:0px;
    padding:0px;
    width:230px;
    list-style:none;
}
.pagesLeftBody ul li{
    width:230px;
    background:url(../Images/leftMenuBorder.gif) repeat-x left bottom;
    padding-bottom:2px;
}
.pagesLeftBody ul li a{  
    display:block;
    padding:10px 0px 10px 20px;
    width:210px;
    font-size:12px;
    color:#6e6e6e;
    background:url(../Images/linkArrow.png) no-repeat left center;
}
.pagesLeftBody ul li a:hover{  
    background:url(../Images/linkArrowHover.png) no-repeat left center;
    color:Black;
}
.pagesLeftBody ul li a.selected{  
    display:block;
    padding:10px 0px 10px 20px;
    width:210px;
    font-size:12px;
    color:Black;
    background:url(../Images/linkArrow.png) no-repeat left center;
}
.pagesMainContainer{
    width:690px;
    float:left;
    padding-top:5px;
    background:url(../Images/pagesBgTop.png) no-repeat left top;
}
.pagesMainBody{
    width:660px;
    padding:15px 15px 15px 15px;
    background:url(../Images/pagesBgMiddle.png) repeat-y left top;
}
.pagesMainBottom{
    width:690px;
    height:25px;
    background:url(../Images/pagesBgBottom.png) no-repeat left top;
    font-size:1px;
}
.pageText{
    color:#666;
}
.pageText p{
    color:#666;
    margin-bottom:15px;
}
.pageText a{
    text-decoration:underline;
}
.pageText a:hover{
    color:#0066cc;
}
.pageText ul{
    margin-bottom:10px;
    padding:5px 0px 0px 20px;
}
.pageText ul li{
    padding-left:5px;
    margin-bottom:5px;
}
.pageText ul li a{
    text-decoration:underline;
}
.pageText ul li a:hover{
    color:#0066cc;
}
.pageText ol{
    margin-bottom:10px;
    padding:5px 0px 0px 30px;
}
.pageText ol li{
    padding:10px 0px 5px 5px;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-shadow: White 1px 1px;
    cursor:pointer;
    cursor:hand;
}
.pageText ol li a{
    text-decoration:none;
    display:none;
    color: #666;
    font-size: 11px !important;
    font-weight: normal !important;
    font-style: normal;
    text-decoration: none;
    text-shadow: none;
}
.pageText ol li a:hover{
    color: #666;
}
.pageText h1{
    color: #06C;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 20px;
    text-shadow: White 1px 1px;
}
.pageText h2{
    color: #666;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    margin-bottom: 10px;
    text-shadow: #fff 1px 1px;
}
.pageText h3{
    color: #666;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 5px;
}
.pageText h4{
    color: #666;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    margin-bottom: 5px;
}
.pageText table{
    margin-bottom:10px;
}
.pageText table td{
    padding:3px;
}
.pagesMainCenterContainer{
    width:960px;
    padding-top:5px;
    background:url(../Images/pagesCenterBgTop.png) no-repeat left top;
}
.pagesCenterBody{
    width:930px;
    padding:15px 15px 15px 15px;
    background:url(../Images/pagesCenterBgMiddle.png) repeat-y left top;
}
.pagesCenterBottom{
    width:960px;
    height:25px;
    background:url(../Images/pagesCenterBgBottom.png) no-repeat left top;
    font-size:1px;
}
.conferenceList{
    width:620px;   
}
.conferenceList li{
    float:left;
    width:300px;
    margin-bottom:10px;
}
/*#endregion*/

/*#region FERRY COMPANY PAGE */
.ferryCompanyFleet{
    width:660px;
    margin-bottom:0px;

}
.vesselItem{
    width:150px;
    margin:0px 5px 5px 0px;
    height:120px;
    float:left;
    text-align:center;
}
.vesselItem a{
    color:#06c;
    text-decoration:none;
}
.vesselItem a:hover{
    text-decoration:underline;
}
.vesselPhotoLink{
    margin-top:5px;
    display:block;
    width:150px;
    height:100px;
}
.vesselPhotoLink img{
    width:150px;
    height:100px;
}
.companyLogo{
    width:200px;
    float:left;
    margin:0px 15px 15px 0px;
}
.pnlItineraries h2{
    text-decoration:none;
    margin-bottom:20px;
}
.tblVesselStruct{
    width:100%;
    border:1px solid #9b9b9b;
}
.tblVesselStruct thead td{
    font-size:12px;
    font-weight:bold;
    background-color:#e0e0e0;
    padding:10px 3px !important;
    border-bottom:1px solid #9b9b9b;
}
.tblVesselStruct td{
    /*padding:5px 3px !important;*/
}
.tblVesselStruct td a{
    color:#0066cc;
}
.tblVesselStruct td a:hover{
    text-decoration:underline;
}
.altTableRow{
    background-color:#e0e0e0;
}
.tdVessel{
   /* border-bottom:1px solid #9b9b9b;*/
}
.tdVessel img{
   max-width:110px;
}
.tblVesselDepartures{
    width:660px;
    margin:0px !important;
    /*border-left:1px solid #9b9b9b;
    border-top:1px solid #9b9b9b;
    border-right:1px solid #9b9b9b;*/
}
.tblVesselDepartures td{
    width:130px;
}
.tblVesselItineraries{
    width:260px;
    margin:0px !important;
}
.tblVesselItineraries td{
    width:130px;
}
.tblDayTab{
    width:660px;
    height:30px;
    margin:0px !important;
    table-layout:fixed;
}
.tblDayTab td{
    height:30px;
    padding:0px 3px 0px 3px !important;
}
.dayTab{
    display:block;
    background-color:#e0e0e0;
    text-align:center;
    color:#666;
    padding-top:12px;
    height:18px;
    text-decoration:none !important;
    
    border-top-left-radius: 44px 10px;
    border-top-right-radius: 44px 10px;
    -moz-border-radius-topleft: 44px 10px;
    -moz-border-radius-topright: 44px 10px;

}
.dayTab:hover{
    background-color:#9B9B9B;
    text-decoration:none;
    color:White !important;
}
.dayTab.current{
    background-color:#9B9B9B;
    text-decoration:none;
    color:White !important;
    font-weight:bold;
}
.ferryAgentLocation{
    width:660px;
    margin-bottom:5px;
}
.ferryAgentLocation h2{
    text-decoration:none !important;
    margin:0px !important;
    padding:0px !important;
}
.ferryAgentLocation h2 a{
    display:block;
    line-height:30px;
    background-color:#9b9b9b;
    border-radius:3px;
    moz-border-radius:3px;
    -webkit-border-radius:3px;

    color:White;
    text-shadow:none;
    padding-left:15px;
    text-decoration:none !important;
    outline:none;
    font-size:12px;
    cursor:pointer;
    cursor:hand;
}
.ferryAgentLocation h2 a:hover{
    color:White;
    background-color:#afb2b2;
}
.ferryAgentLocationContent{
    width:660px;
    display:none;
    padding:10px;
}
.tblAgentOfficeContainer{
    width:300px;
    min-width:300px;
    float:left;
    margin-right:10px;
}
.tblAgentOffice{
    margin:0px !important;
}
/*#endregion*/

/*#region MEGA MENU STYLES */
.megaMenu {
	margin: 0;
    padding:0px 0px 0px 10px;
    position:relative;
    width:180px; /*315px*/ /*240px*/
	height:29px;
    background: url(../images/uniformSprite.png) no-repeat -483px -159px;
}
.megaMenuLink {
	display:block;
	height:20px;
    width:180px;
    background: url(../images/uniformSprite.png) no-repeat right 0px;
    cursor:pointer;
    cursor:hand;
    text-align:left;
    padding:9px 0px 0px 0px;
    overflow:hidden;
}
.megaMenu:hover{
    background-position: -483px -190px;
}
.megaMenu:hover .megaMenuLink{
    background-position: right -29px;
}
.megaMenu.disabled {
    background-position:-483px -283px;
}
.megaMenu.disabled .megaMenuLink{
    background-position: right -116px;
    color: #868686;
}
.megaMenu:active{
    background-position: -483px -190px;
}
.megaMenu:active .megaMenuLink{
    background-position: right -29px;
}

.megaSubMenu {
    width:780px;
    display:none;
}
.megaSubMenu h2{
    color: #06C;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 10px;
    text-shadow: #fff 1px 1px;
    line-height: 22px;
}
.megaSubMenu h3{
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 20px;
    line-height:18px;
}
.megaSubMenu h3 b{
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    margin-bottom: 20px;
    line-height:18px;
}
.megaSubMenu h3 i{
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
    margin-bottom: 20px;
    line-height:18px;
}
.megaSubMenu h3 i b{
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    margin-bottom: 20px;
    line-height:18px;
}
.megaSubMenuGroup{
	margin:5px;
    padding: 0px;
	float:left;
    width:380px;
}
.megaSubMenuGroup h3 {
	padding:0px;
    margin-bottom:10px;
	font-weight:bold;
    font-size:14px;
    /*color: #06C;*/
}
.tblMegaSubMenuGroup{
    margin:0px;
    padding:0px;
    width:370px;
}
.tblMegaSubMenuGroup td{
    padding:3px;
    white-space:normal;
}
.tblMegaSubMenuGroup td a{
    display: block;
	color:#666;
    cursor:pointer;
    cursor:hand;
}
.tblMegaSubMenuGroup tr:hover td a{
    color: #06C;
}
.certificateContainer{
    width:300px;
}
.tblDiscount{
    width:100%;
}
.discountLink{
    display:block;
    height:17px;
    padding:2px 22px 0px 0px;
    text-align:left;
    background:url(../Images/arrowSprite.png) no-repeat right top;
}
.discountLink.selected{
    background:url(../Images/arrowSprite.png) no-repeat right -19px;
}
.discountLink.active{
    display:block;
    height:17px;
    padding:2px 22px 0px 0px;
    text-align:left;
    background:url(../Images/arrowSprite.png) no-repeat right -38px;
    color:#0066cc;
}
.discountLink.active.selected{
    background:url(../Images/arrowSprite.png) no-repeat right -57px;
    color:#0066cc;
}
/*#endregion*/

/*#region FERRY LOCATION PAGE*/
.leftMap{
    width:230px;
    height:300px;
    overflow:hidden;
    margin-bottom:15px;
}
.otherDestinations{
    width:230px;
    padding:0px;
    padding-bottom:10px;
}
.otherDestinations h3{
    font-size:14px;
    color:#6e6e6e;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    margin-bottom:10px;
    text-shadow: #fff 1px 1px;
}
.otherDestinations ul{
    width:230px;
    padding:0px;
    margin:0px;
}
.otherDestinations ul li{
    background:none;
    margin-bottom:5px;
}
.otherDestinations ul li a{
    padding:0px 0px 0px 20px;
    
}
.otherDestinations ul li a:hover{
    
}
.leftWeather{
    width: 230px;
    padding:0px;
    padding-bottom:5px;
    margin-bottom:10px;
    background:url(../images/linkBorder3.gif) repeat-x left bottom;
}
.leftWeather h3{
    font-size:14px;
    color:#6e6e6e;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    margin-bottom:10px;
    text-shadow: #fff 1px 1px;
}
.leftWeather img{
    width:60px;
    height:59px;
    float:left;
}
.leftWeatherInfo{
    float:left;
    width:170px;
    padding:0px;
    margin:0px;
}
.leftWeatherDesc{
    font-size:12px;
    display:block;
    margin:0px 0px 1px 0px;
    padding:0px;
}
.leftWeatherTemp{
    font-size:20px;
    display:block;
    font-weight:bold;
    margin:0px 0px 1px 0px;
    padding:0px;
    font-family:Times New Roman;
}
.leftWeatherDate{
    font-size:12px;
    display:block;
    margin:0px 0px 1px 0px;
    padding:0px;
}
/*#endregion*/

/*#region FERRY VESSEL PAGE*/
.vesselImage{
    width:400px;
    margin:0px 10px 10px 0px;
    float:left;
}
.vesselStats{
    width:250px;
    margin-bottom:10px;
    border:1px solid #bebebe;
    float:left;
}
.vesselStats td{
    padding:2px;
    border:1px solid #bebebe;
    background-color:#d3d3d3;
}
.vesselStats th{
    text-align:left;
    background-color:#d3d3d3;
    border:1px solid #bebebe;
    padding:3px;
}
.statsCell{
    background-color:#d3d3d3;   
}
/*#endregion*/

/*#region CONTACT PAGE */
.contactFormContainer{
    width:650px;
}
.tblContact{   
	width:610px;
	border:none;
}
.tblContact td{
	vertical-align:top;
	border:none;
	padding:2px;
}
.tblContact td input{
    /*padding:2px;
    font-size:12px;
    margin-top:3px;*/
}
.tblContact td select{
    padding:2px;
    font-size:12px;
    margin-top:3px;
}
.contactButton{
	width:103px;
    height:24px;
    float:right;
    background:url(../Images/button.gif) no-repeat left top;
    margin-right:10px;
    margin-top:5px;
}
.contactButton a{
	color:#1B3583;
    display:block;
    font-weight:bold;
    width:103px;
    height:20px;
    text-align:center;
    padding-top:4px;
}
.NotOkMessage{
	color:#EE470D !important;
	font-size:12px;
	margin-top:0px;
}
.OkMessage{
	font-size:12px;
	margin-top:0px;
	color:green !important;
}
.contactThankPage{
    width:360px;
    text-align:center;
    padding-top:20px;
}
.contactThankPage p{
    text-align:center;
    margin-bottom:10px;
}
.reCaptcha{
    /*display:none;*/
    float:left;
    margin-right:9px;
}
.reCaptchaInput{
    padding:3px;
    font-size:11px;
    width:143px;
}
.reCaptchaImages{
    float:left;
    margin:5px 5px 0px 0px;
}
/*#endregion*/

/*#region BREADCRUMB */
.breadcrumbContainer{
    width:100%;
    text-align:right;
    margin-bottom:5px;
}
.breadcrumbContainer a{
    color:#666;
    font-size:11px;
    text-decoration:none;
}
.breadcrumbContainer a:hover{
    text-decoration:underline;
}
.breadcrumbContainer span{
    font-size:11px;
    font-weight:bold;
}
/*#endregion*/


.ui-datepicker.ui-datepicker-multi {
    z-index:900 !important;
	display:none;
}

.offerImage{
    outline:#0066cc solid 1px;
    border:4px solid White !important;
    width:300px;
    float:left;
    margin:0px 10px 10px 0px;
}
.offerFree1{
    display:block;
    width:340px;
    font-size: 20px;
    font-weight: bold;
    color: #0066cc;
    float:left;
    margin-bottom:10px;
}
.newsContainer{
    width:941px;
    height:53px;
    margin:5px auto 0px auto;
    background:url(../Images/newsBannerBg.png) no-repeat left top;
    padding-right:19px;
}
.newsTitle{
    display:block;
    height:28px;
    float:left;
    color:White;
    font-size:14px;
    font-weight:bold;
    background:url(../Images/recentNewsTitle.png) no-repeat right top;
    overflow:hidden;
    margin:7px 10px 0px 11px;
    padding:10px 27px 0px 5px;
    width:115px;
}
.newsCycle{
    float:left;
    height:53px;
    width:730px;
    position:relative;
    overflow:hidden;
}
.newsArrow{
    float:right;
    width:18px;
    height:24px;
    margin-top:14px;
    display:block;
    cursor:pointer;
    cursor:hand;
}
.newsItem{
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:720px;
    height:27px;
    text-align:left;
    color:#0066cc;
    font-size:14px;
    padding:16px 0px 0px 10px;
}
.ulListing{
    width:660px;
    list-style:none !important;
    padding:0px !important;
    margin:0px !important;
}
.ulListing li{
    float:left;
    width:220px;
    margin:0px 0px 5px 0px !important;
    padding:0px !important;   
}
.ulListing li a{
    text-decoration:none !important;
}
.ulListing li a:hover{
    text-decoration:none !important;
    color:#0066cc;
}