/*Font*/
@import '../../Default/css/cwgHeader_V4.css';
@import '../../Default/css/headerV5.css';
@import "footer.css";

body.newMenuV5 #contact-bar.en-USA div.cBar-fixed_phone span b {font-size: 15px;}

body  .main-content {margin: 0 auto;padding: 5px 0 0; background:#fff; float: none; width: 1024px;}
html body {background:#eaeaea url('/B2C/Images/Skin/BD/gfx/V4/body_bg.gif') repeat-x 0 0px;}
div.page {background-color: none!; width: 1024px;}
input, select {background: #fff!important;font-size:12px }
.header ul.main-menu > li.ctn-subMenu > a, .headerV4 ul.main-menu > li.ctn-subMenu > a {padding: 7px 3px;font-size: 12px;}
.page .header, .headerV4{padding: 0px 0 0!important;}
.header ul.main-menu li.on ul, .headerV4 ul.main-menu li.on ul{top: 83px;}
a.submitButton span,a.confirmButton span,.call-to-action{font-size:9px}
.headerV4 p a,.call-center span,.useful-info,.express-booking form span,.ctn-newsletter h2,.ctn-news h2,.ctn-news,.ctn-faqs h2,.ctn-faqs,.note,a.closeLayer,.ctn-tab label span,.ctn-tab input,.ctn-tab select,.ctn-cart table tr td,.passenger-data input,.passenger-data select,.express-search .form select,.ctn-booking table td.error,.content table td.error,.ctn-booking p.error{font-size:10px}
.headerV4,.express-booking ul,a.submitButton,a.confirmButton,.call-center,.ctn-hot-deal h2 a,.hot-deal .info,.useful-links,span.buttonOff,.ctn-btn a.submitButton span,.ctn-btn a.confirmButton span,.new-search,.col-dx,.ctn-table table tr th,.service table,a.buttonOff span,.layer,.info-agency,.ticket-recap div.dx table,.newsletter .form input,.newsletter .form select,.express-booking input,.express-booking select{ font-size:11px;}
.express-booking div,.itinerary,.ctn-banner.catalog a,.box-target a,.useful-info span,.catalog a,.booking-step li,.col-sx,.layer p{font-size:12px;}
.ctn-hot-deal h2,.service .description h4,.description-ship h4,.continents{ font-size:13px;}
.col-sx .content p span,.info-cruise .old-price,.col-dx  h2,.layer h3,.ctn-booking .ctn-details  h3,.ctn-booking h3,.ctn-cart h2,.ctn-cart h3,.info-agency span.name,.col-sx .content h3,.ticket-recap h3{ font-size:14px}
.ctn-hot-deal .old-price,.animation h3,.col-sx .content h2,.ticket-recap h2{ font-size:16px;}
.ctn-cabin .sx h3,.ctn-cabin .sx span.price,.ctn-cart table tr td.final-price,.reservation-number span{ font-size:18px;}
.info-cruise .sx h3,.info-cruise .new-price,.box-price h3,.ctn-details h3,.ctn-booking h2{ font-size:20px;}
.call-center span.number,.ctn-hot-deal .new-price,.animation h3 .old-price{ font-size:24px;}
.claim{ font-size:26px}
.animation h3 .new-price{ font-size:36px;}

/*General*/

img{border:0;}
form{margin:0; padding:0;}
a{ color:#1960a1; outline:none;cursor:pointer}
.sx{float:left}
.dx{float:right}
.dividi{clear:both}
.hidden-elemt{ display:none}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
p.generic-text{ padding:0 5px; margin:0}

/*Button*/
a.submitButton{color:#f0f0f0; text-decoration:none; padding:0; font-weight:bold}
a.submitButton span{ float:left;background: url(/B2C/Images/Skin/Default/gfx2/bk_submitButton.gif) left top repeat-x; padding:3px 5px; border:1px solid #1c6bcc;}
a.submitButton:hover span{ color:#fff; background: url(/B2C/Images/Skin/Default/gfx2/bk_submitButton.gif) left bottom repeat-x; padding:3px 5px;}

a.confirmButton{color:#1960a1; text-decoration:none; padding:0; font-weight:bold}
a.confirmButton span{ float:left; background: url(/B2C/Images/Skin/Default/gfx2/bk_confirmButton.gif) left top repeat-x; padding:3px 5px; border:1px solid #f9d64e;}
a.confirmButton:hover span{ color:#0038a8; background: url(/B2C/Images/Skin/Default/gfx2/bk_confirmButton.gif) left bottom repeat-x; padding:3px 5px;}

span.buttonOff{ background: url(/B2C/Images/Skin/Default/gfx2/bk_bottonOff.gif) left top repeat-x; padding:3px 5px; border:1px solid #cccccc; color:#fff; font-weight:bold;}

a.buttonOff{color:#f0f0f0; text-decoration:none; padding:0; font-weight:bold;}
a.buttonOff.sx{ margin-right:10px}
a.buttonOff span{ float:left; background: url(/B2C/Images/Skin/Default/gfx2/bk_bottonOff.gif) left top repeat-x; padding:3px 5px; border:1px solid #cccccc;}
a.buttonOff:hover span{ color:#fff; background: url(/B2C/Images/Skin/Default/gfx2/bk_bottonOff.gif) left bottom repeat-x; padding:3px 5px;}

/*Structures*/
.page{ width:1024px; margin:0 auto; padding:0; text-align:left;}
.headerV4{ width:1024px; float:left; position:relative; z-index:4000}
.main-content{ float:left; width:1024px;}
.main-content .row{width:1024px; margin-bottom:5px; float:left;}
.row .noSetMaxElentHeight{ background:url(/B2C/Images/Skin/Default/gfx2/bk_noSetMaxElentHeight.gif) 0 0 no-repeat;}
.footer{ clear:both; width:1024px; float:none;}
.col-sx{ width:705px; float:left; margin-top:15px;}
.col-dx{ width:275px; float:right; margin-top:15px;}
.col-sx .inside{ margin-top:0}
.col-dx .inside{ margin-top:0}

/*HEADER*/
/*.headerV4 h1{ width:330px; height:76px; background: url(/B2C/Images/Skin/Default/gfx2/bk_logo_gb.png) center center no-repeat; text-align:center; float:left;}
.headerV4 h1 a{ display:block;width:95px; height:76px; margin:0 auto;}
.headerV4 h1 a span{ display:none}*/
/*.headerV4 h6{ width:330px; height:76px; background: url(/B2C/Images/Skin/Default/gfx2/bk_logo_gb.png) center center no-repeat; text-align:center; float:left; text-indent:-9999px;}
.headerV4 h6 a{ display:block;width:95px; height:76px; margin:0 auto;}
.headerV4 h6 a span{ display:none}*/

.ctn-form{ width:655px; float:left;}
.ctn-form a{ color:#abd7e7;}
.ctn-form a:hover{ color:#f8e544}
.ctn-form div{width:110px; float:left;padding:7px 0 0 5px;}
.ctn-form form{ width:250px; float:left; padding:10px 0 0 135px}
.ctn-form form input{ float:left; width:81px; height:18px; border:1px solid #d2d2d4; color:#003f8b;padding:0 2px; margin:0 3px}
.ctn-form a.submitButton{color:#f0f0f0; margin-left:5px}
.ctn-form .language{width:140px; padding:15px 0 0 0; text-align:right;}
.language label{ color:#fff;}

.ctn-form div.ctn-user{ width:515px; text-align:right; color:#fff;float:left; padding:15px 0 0 0}
.ctn-form div.ctn-user span{ font-weight:bold}
.ctn-form div.ctn-user a{ margin-top:-3px}

/*AGGIUSTAMENTI HEADER PER FF*/
@-moz-document url-prefix() {
	.page {
	    margin: -20px auto 0;
	    padding: 0;
	    text-align: left;
	    width: 985px;
	}
}
/* NUOVE */
.ctn-form .formLogin{ width:250px; float:left; padding:10px 0 0 135px; height:21px;}
.ctn-form .formLogin input{ float:left; width:81px; height:18px; border:1px solid #d2d2d4; color:#003f8b;padding:0 2px; margin:0 3px}
.ctn-form .formLogin a.submitButton{color:#f0f0f0; margin-left:5px;width:45px;}
/* FINE NUOVE */ 
.headerV4 .main-menu{/*margin:17px 0 5px 0; padding:0 0 0 5px;*/ width:705px; float:right; list-style-type:none; position:relative; margin-top:-22px;}

/*
.headerV4 .main-menu{margin:17px 0 5px 0; padding:0 0 0 5px; width:650px; float:left; list-style-type:none; position:relative;}*/
.headerV4 .main-menu li.ctn-subMenu{ float:left; margin:0; padding:5px 7px 2px 0;}
.headerV4 .main-menu li.on,.headerV4 .main-menu li:hover{ background:#2c5290;}
.headerV4 .main-menu li a{ color:#fff; text-decoration:none; font-weight:bold;}
.headerV4 .main-menu li a:hover,.headerV4 .main-menu li.on a,.headerV4 .main-menu li.on ul a:hover{ color:#f8e544}
.headerV4 .main-menu li.on ul a{ color:#fff}

/* NUOVE */
.headerV4 .main-menu li{ list-style-image:none;}

/*SubMenu*/

.main-menu ul{ position: absolute; top:18px; left:0; list-style-type:none; z-index:20; margin:0; padding:5px 0 0 0; background:#2c5290; display:none; clear:both;}
.main-menu ul li{ margin:0; padding:0; display:block; border-bottom:1px solid #234069;}
.main-menu ul li a{ display:block; padding:5px;text-align:left;}

/*Separetors*/
hr.separetor_big{float:left; margin:15px 0; padding:0; border:0; background:transparent url(/B2C/Images/Skin/Default/gfx2/bk_separetor_big.gif) 0 0 no-repeat; height:1px; width:665px}
hr.separetor_small{float:left; margin:15px 0; padding:0; border:0; background:transparent url(/B2C/Images/Skin/Default/gfx2/bk_separetor_small.gif) 0 0 no-repeat; height:1px; width:460px}
hr.separetor_mini{float:left; margin:5px 0; padding:0; border:0; background:transparent url(/B2C/Images/Skin/Default/gfx2/bk_separetor_mini.gif) 0 0 no-repeat; height:1px; width:255px}

/*Layer*/
#mask{ background-color:#000; display:none; position:absolute;top:0;left:0;width:100%;height:100%}
.layer{ width:650px; padding:20px; background:#fff; position:fixed; z-index:110; display:none; text-align:left;}
.layer h3{ color:#1960a1; margin:0 0 15px 0; padding:0;}
.layer p{ margin:0; padding:0;}

a.closeLayer{ display:block; width:15px; height:15px; text-decoration:none; color:#666; text-align:center; float:right; border:1px solid #666}

/*Change Country*/
.continents{ margin:10px 0; padding:0; float:left; width:250px; list-style-type:none;}
.continents li{ padding:5px 20px; width:210px; margin:0;background: url(/B2C/Images/Skin/Default/gfx2/bk_arrow.png) 0 5px no-repeat; line-height:20px;}
.continents li a{ color:#1960a1; text-decoration:none;}
.continents li.on,.continents li:hover{ border-bottom:1px solid #1960a1}
.state{ margin:10px 0; padding:0 25px; float:left; width:140px; list-style-type:none; border-left:1px solid #1960a1; display:none}
.state li{ line-height:15px;padding:5px 10px; width:120px; margin:0;background: url(/B2C/Images/Skin/Default/gfx2/bk_arrow_big.gif) -295px -15px no-repeat;}
.state li a{ text-decoration:none;}
.state li:hover{border-bottom:1px solid #1960a1}

/* NUOVE */
.continentsElem a{font-size:13px}
/* FINE NUOVE */

/* CSS per Header in caso di autenticato */
.spanHeaderIntroLogin{ float:left; }
.spanHeaderTextLogin{ float:left; width:110px; display:block;}
.spanHeaderLinkLogin{ width: 255px; }
.spanHeaderBtnLogin{ width: 58px; }
/* FINE CSS per Header in caso di autenticato

LI {
    list-style-image: none;
}

.moreSelected{ float:left; margin:0; padding:5px 7px 2px 0;} 

/*JIRA web-243 css per la nuova login*/

/*.ctn-form div{width:110px; float:left;}
.ctn-form form{ width:250px; float:left; padding:0; margin:0;}*/
.ctn-form div.mycosta{ width:500px; background:url(/B2C/Images/Skin/Default/gfx2/bk_login_mycosta.gif) 0 0 repeat-x; padding:7px 0 0 0}
.ctn-form div.mycosta p{ float:left; margin:0; padding:10px 5px; width:120px; color:#fff; font-weight:bold; text-align:center}
.ctn-form div.mycosta .formLogin{width:250px; float:left; padding:10px 0 0 0; height:21px;}

/*Modifiche 16-12-2011*/
.spanHeaderLinkLogin{ width: 50px;float:left; }
.headerV4 div.ctn-user{background:url(/B2C/Images/Skin/Default/gfx2/bk_login_mycosta.gif) 0 0 repeat-x; padding:7px 10px 0 10px; width:480px; height:30px}
.ctn-form div.ctn-user span.user{ font-weight:bold; padding:0 3px}
/* OverlayerChangeCountry 20120508 */
.layer{top:70px!important;z-index:100;}
.headerV4{z-index:auto;}


/*NEW MENU*/
.header .main-menu {float: right; font-size:12px; list-style-type: none;margin: 0 0 6px;padding: 0 50px;position: relative;width:885px; background:url(/B2C/Images/Skin/Default/gfx2/bk_main_menu.gif) 0 0 repeat-x; height:25px; line-height:25px}
.header .main-menu li.ctn-subMenu{ float:left; margin:0; padding:0 14px;}
.header .main-menu li.on,.header .main-menu li:hover{background:url(/B2C/Images/Skin/Default/gfx2/bk_menu_active.gif) 0 0 repeat-x;}
.header .main-menu li a{ color:#fff; text-decoration:none; font-weight:bold;}
.header .main-menu li a:hover,.header .main-menu li.on a,.header .main-menu li.on ul a:hover{ color:#f8e544}
.header .main-menu li.on ul a{ color:#fff}
.header .main-menu li.on ul{ line-height:normal; top:25px; font-size:11px;background-color:#0065a3}
.header .main-menu li.on ul li{ padding:1px 5px; margin:0;border-bottom:1px solid #234273;background-color:#0065a3}



.headerV4 .main-menu {float: left; font-size:12px; list-style-type: none;margin: 0 0 6px;padding: 0 63px; position: relative; width: 805px; background:url(/B2C/Images/Skin/Default/gfx2/bk_main_menu.gif) 0 0 repeat-x; height:25px; line-height:25px}
.headerV4 .main-menu li.ctn-subMenu{ float:left; margin:0; padding:0 14px;}
.headerV4 .main-menu li.on,.headerV4 .main-menu li:hover{background:url(/B2C/Images/Skin/Default/gfx2/bk_menu_active.gif) 0 0 repeat-x;}
.headerV4 .main-menu li a{ color:#fff; text-decoration:none; font-weight:bold;}
.headerV4 .main-menu li a:hover,.headerV4 .main-menu li.on a,.headerV4 .main-menu li.on ul a:hover{ color:#f8e544}
.headerV4 .main-menu li.on ul a{ color:#fff}
.headerV4 .main-menu li.on ul{ line-height:normal; top:25px; font-size:11px;background-color:#0065a3}


#ctl00_Header_Header4_Header_Menu1_rMI_ctl08_li{display: none;}

.header ul.main-menu, .headerV4 ul.main-menu{padding: 59px 0 0!important;}
.headerV4 .main-menu li.on ul li{ padding:1px 5px; margin:0;border-bottom:1px solid #234273;background-color:#0065a3}