/********************
STYLE FOR KLM
*********************/
/******MASTER STYLES******/
body{
margin:0;
padding: 20px;
}
table,label, div, form, ul, li, p {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #050075;
}
input, select {
font: normal 10px/14px Arial, Verdana, sans-serif;
color:#050075;
}
div, form, fieldset, img, ul, li, p {
padding:0px;
margin:0px;
}
img {
border:0px;
}

ul li {list-style:none;}
a{color: #36b3ff;text-decoration:none;}
a:hover {color:#36b3ff; text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-size:11px;font-weight:normal;}
input, select {font-size:10px;}

/**********common************/
#wrap{
padding:0px;
margin:0px;
width: 100%;
min-width: 760px;
width:expression(document.body.clientWidth < 727? "725px": "auto" ); 
}
#header{
height:40px;
margin-right:15px;
}
#header h1{
float: left;
width: 50%;                     
}
#header select{
float: right;
margin-top: 4px;
margin-left: 5px;
margin-right: 15px;
}
#header img{
float: right;
margin-top: 6px;
}

#main{
padding:0px;
margin:0px;
}
h1{ 
font:normal 20px/30px Arial, sans-serif;
}
h2{
font:normal 18px/18px Arial, sans-serif;
margin: 0px 0 0 0px;
}

* html #footer{
text-align: center;
padding: 65px 0 0 0;
margin-top: -20px;
}
#footer a{
margin:0 10px;
}
#footer p{
clear: both;
text-align: center;
}
hr{
clear: both;
height:1px;
border-top: 1px solid #36b3ff;
border-bottom: 0px solid #36b3ff;
}
/*********Progress bar********/
#progressBar { 
height:26px;
margin: 0 0 15px 0; 
float: right;
width: 49%;
}
#progressBar ul{
margin: 0px 0 0 0;
padding:0px 10px 0px 0;
list-style:none;
height:26px;
float:right;
}
#progressBar ul li{
float:left;
padding:20px 15px 0 15px;
text-align:center;
font-size: 11px;
color:#9ed1ff;
font-weight: bold; 
}

#progressBar ul li.four{padding-right:5px;}

#progressBar ul li.one{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/1.gif") no-repeat center top;
text-transform:capitalize;
}
#progressBar ul li.two{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/2.gif") no-repeat center top;
text-transform:capitalize;
}
#progressBar ul li.three{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/3.gif") no-repeat center top;
text-transform:capitalize;
}
#progressBar ul li.four{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/4.gif") no-repeat center top;
text-transform:capitalize;
}

#progressBar ul li.oneSelected{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/1_on.gif") no-repeat center top;
color: #050075;
text-transform:capitalize;
}
#progressBar ul li.twoSelected{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/2_on.gif")  no-repeat center top;
color: #050075;
text-transform:capitalize;
}
#progressBar ul li.threeSelected{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/3_on.gif")  no-repeat center top;
color: #050075;
text-transform:capitalize;
}
#progressBar ul li.fourSelected{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/4_on.gif") no-repeat center top;
text-transform:capitalize;
color: #050075;
}

#progressBar ul li.two,
#progressBar ul li.three, 
#progressBar ul li.four,
#progressBar ul li.twoSelected,
#progressBar ul li.threeSelected,
#progressBar ul li.fourSelected{
border-left: 1px solid #1ca0f3;
}

/************CURVED BOX**************/
.curvedBoxWrap, .splCurvedBoxWrap{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_tr.gif") no-repeat top right;
margin: 0px 0 15px 0;
}
.curvedBoxWrap span.topLeft, .splCurvedBoxWrap span.topLeft{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_tl.gif") no-repeat top left;
height: 16px;
width: 16px;
display: block;
}
.curvedBoxWrap .bottomLeft{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_bl.gif") no-repeat bottom left;
height: 16px;
width: 16px;
display: block;
}
.curvedBoxWrap .bottomRight{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_br.gif")  no-repeat bottom right;
height: 16px;
}
.curvedBoxWrap .boxBody{
border-left:1px solid #96ccf8;
border-right:1px solid #96ccf8;
padding: 0 15px;
}
#error .curvedBoxWrap .boxBody{
background-color: #fff7e0;
}
.splCurvedBoxWrap .bottomLeft{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_bl_bg.gif")  no-repeat bottom left;
height: 16px;
width: 16px;
display: block;
}
.splCurvedBoxWrap .bottomRight{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_br_bg.gif")   no-repeat bottom right;
height: 16px;
}
.splCurvedBoxWrap .boxBody{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_bg.gif")   repeat-x bottom left;
border-left:1px solid #96ccf8;
border-right:1px solid #96ccf8;
padding: 0 15px;
}

#error .curvedBoxWrap{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_error_tr.gif") no-repeat top right;
margin: 0px 0 0px 0;
font-size:0; line-height:0;/*need for IE*/
}
#error .curvedBoxWrap span.topLeft{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_error_tl.gif") no-repeat top left;
height: 6px;
width: 6px;
display: block;
}

#error .curvedBoxWrap .bottomLeft{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_error_bl.gif") no-repeat bottom left;
height: 6px;
width: 6px;
display: block;
}
#error .curvedBoxWrap .bottomRight{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_error_br.gif") no-repeat bottom right;
height: 6px;
font-size:0; line-height:0;/*need for IE*/
}
#error .curvedBoxWrap .boxBody{
border-left:1px solid #ff0000;
border-right:1px solid #ff0000;
padding: 0;
}
#error .curvedBoxWrap .boxBody p{
padding: 10px 15px 10px 35px;
background: #fff7e0 url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/sign_error.gif") no-repeat 6px center;
}
/***************Quote page*******************/

#quoteTbl{
margin: 0;
padding: 0;
}
#quoteTbl .hasDiv{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/quote_div.gif")   no-repeat top left;
margin: 0;
padding: 0px 15px 0px 15px;
width: 25%;
}
#quoteTbl .noDiv{
background: none;
margin: 0;

width: 25%;
}


label{
font:bold 11px/14px Arial, sans-serif;
color:#050075;
margin: 10px 0 0 0;
}


.splCurvedBoxWrap select{
margin: 5px 2px 5px 0;
}

.hasDiv select{margin-bottom:0;}

#quoteTbl img{
margin-top:5px;
}

.subLabel{
font:bold 11px/30px Arial, sans-serif;

}

#moreInfo{
float: left;
width:49%;
height: 104px;
margin: 0;
padding: 0;
}
#moreInfo .curvedBoxWrap, #moreInfo .boxBody{
margin: 0;
}
#claims{
position: relative;
float: right;
width:49%;
height: 104px;
margin: 0;
padding: 0;
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/quote_banner.jpg") no-repeat 0 0;
text-align: left;
}

#claims #clip_left{
position: absolute;
width: 50%;
height: 104px;
left: 0;
top: 0;
display: block;
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/clip_left.png") no-repeat left top;
}
#claims #clip_right{
position: absolute;
width: 50%;
height: 104px;
right: -1px;
top: 0;
display: block;
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/clip_right.png") no-repeat right top;
}
#claims p{
font-weight: bold;
margin:15px 0 0px 0px;
padding:0 0 15px 0;
}
#moreInfo ul{
margin:15px 0 0 15px;
}
#moreInfo ul li{
list-style-type: disc;
font-weight: bold;	
color: #36b3ff;
line-height: 19px;
}

#quoteImg{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/quote_img.jpg")   no-repeat left -250px;
display: block;
height: 60px;
}

label img{
position: relative;
top: -6px;
}

/************Travel Info page******************/

#travelTbl{
background: #c3e7ff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/travel_tbl_r.gif")   no-repeat top right;
width:100%;
text-align: left;
}

#travelTbl tr td table tr.iehover
{
    background-color: #ffecb4;
    padding:15px 0px 15px 10px ;
}

#travelTbl td{

border: none;
}
#travelTbl th{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/travel_tbl_l.gif")  no-repeat top left;
text-align: left;
padding: 10px 0 10px 15px;
font-size: 12px;
}
#travelTbl table{
background: none;
width:100%;
}
#travelTbl table th{
background:#0099ff none;
text-align: left;
padding: 10px 0 10px 10px;
font-size: 12px;
color: white;
}
#travelTbl table th.benefit{
text-align: right;
padding-right: 15px;
}
#travelTbl table th a{
font-weight: normal;
}
#travelTbl table th a:link, #travelTbl table th a:visited{
font-weight: normal;
text-decoration:none;
color: white;
}
#travelTbl table th a:hover{
font-weight: normal;
text-decoration:underline;
color: white;
}

#travelTbl  table tr{
background-color: white;
padding:10px 0px 10px 10px ;
}

#travelTbl  table td{
background-color: white;
border-bottom: 1px solid #1e9ff3;
padding:10px 0px 10px 10px ;
}

#travelTbl  table tr.highlight td{
background-color: #ffecb4;
padding:10px 0px 10px 10px ;
}

#travelTbl  table tr.clearColor td{
background-color: white;
padding:10px 0px 10px 10px ;
}

.prod{
font-weight: bold;
}
.prod img{
margin:0 0 0 5px;
}

/************ policy / payment / confirmation pages *****************/
#mainTbl{
margin: 17px 0 0 0;
}
#summaryTbl{
/*background: #009aff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/header_right.gif")   no-repeat top right;*/
width:100%;
}

#summaryTbl th{
/*background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/header_left.gif") no-repeat top left;*/
text-align: left;
padding: 7px 0 7px 7px;
font-size: 12px;
/*color: white;*/
}


#summaryTbl td{
/*background-color: #c2e7ff;*/
border-top: 1px solid white;
padding: 7px 15px 7px 7px;
}

#summaryTbl ol{
margin:0px 0 15px 20px;
padding:0;
}
#summaryTbl ol li{
margin:0 0 10px 0;
padding:0;
}
#summaryTbl ol ol{
margin:15px 0 15px 20px;
padding:0;
}
#summaryTbl li li{
list-style-type: lower-alpha;
margin:0;
padding:0;
}
#summaryTbl p{
margin: 5px 0 15px 0;
}
#formTbl{
background: #009aff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/header_right.gif")  no-repeat top right;
width:100%;
}

#formTbl th{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/header_left.gif")   no-repeat top left;
text-align: left;
padding: 7px 0 7px 15px;
font-size: 12px;
color: white;
}
#formTbl p{
padding: 0 0 5px 0;
}
#formTbl td{
background-color: #edf9ff;
border-bottom: 1px solid #b8d8f5;
padding: 7px 0 7px 15px;
font-weight: bold;
}
#formTbl td.populatedTxt{
font-weight: normal
}
#formTbl td.legend{
background-color: #edf9ff;
border-bottom: 1px solid white;
padding: 12px 0 7px 15px;
font-weight: normal;
}
.formLabel{
font-weight: bold;
width: 30%;
}
#formTbl input{
width: 200px; 
}
#formTbl .cards input{
width: auto;
margin: 0;
}
#formTbl .cards img{
margin: 0 7px 0 7px;
}
#formTbl td td{
border: none;
padding:0;
background-color: transparent;
}
#emailConf {
margin: 10px 0 0 0;
}

#emailConf td{
padding: 10px 0 0 0;
text-align: left;
}

#formTbl td.divider{
background-color: #c2e7ff;
padding:0;
}
/****************************
Buttons
******************************/



.mediumButton {
clear: both;
float: left; 
position: relative;
display: block; 	
text-align: center;
/*padding-top:1px;*/
padding: 1px 23px 0 12px; 	
height: 18px; 	
width: 150px;
border:none;
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn150px.gif") no-repeat center;
color: white; 
font: bold 11px/14px Arial, sans-serif;
cursor: pointer;  /* pour transformer de pointeur en main */
}

.mediumButton a:link, .mediumButton a:visited{
align:center;
text-decoration:none;
color: white;
}
.mediumButton a:hover{
align:center;
text-decoration:underline;
color: white;
}


#btn{
clear: both;
float: left; 
position: relative;
display: block; 	
height: 18px; 	
padding: 1px 23px 0 12px; 	
color: white; 
font: bold 11px/14px Arial, sans-serif;
text-align: center;
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_bg.gif")   repeat-x left top; 
}
#btn span.left{
position: absolute;
left: 0; 
top: 0; 
display: block; 
width: 7px; 
height: 18px; 
background: white url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_l.gif")
no-repeat left top;
}

#btn span.right{
position: absolute; 
right: -1px; 
top: 0; 
display: block; 
width: 17px; 
height: 18px;  
background: white url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_r.gif") no-repeat right top;
}
#btn a:link, #btn a:visited{
text-decoration:none;
color: white;
}
#btn a:hover{
text-decoration:underline;
color: white;
}

.splCurvedBoxWrap #btn span.left, .splCurvedBoxWrap #btn span.right{
background-color: #e1f2ff ;
}
#summaryTbl #btn span.left, #summaryTbl #btn span.right{
background-color: #c2e7ff ;
}

#quotebtn{
margin: 30px 0 0 0;
}
#travelbtn{
float: right;
margin: 10px 16px 20px 0;
display: inline; /*for IE lt 7*/
}



#backbtn .mediumButton,#backbtn1 .mediumButton{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btnBack100px.gif") no-repeat center;
height: 18px; 	
width: 100px;
color: #050075; 
padding: 1px 12px 0 23px; 
border:none;
cursor: pointer;  /* pour transformer de pointeur en main */
}

#backbtn1 .mediumButton{
margin-top: 16px;
padding: 1px 23px 0 12px; 
}




#backbtn .mediumButton a:link,#backbtn .mediumButton a:visited{
align:center;
text-decoration:none;
color: #050075; 
}
#backbtn .mediumButton a:hover{
align:center;
text-decoration:underline;
color: #050075; 
}



#backbtn #btn,#backbtn1 #btn{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_back_bg.gif") repeat-x left top;
color: #050075; 
padding: 1px 12px 0 23px; 
}
#backbtn1{
float: right;
margin: 0px 0px 12px 16px;

}
#backbtn1 #btn{
margin-top: 16px;
padding: 1px 23px 0 12px; 
}
#backbtn1 #btn span.left1{
position: absolute;
width: 9px;
height: 18px;
left: 0; 
top: 0; 
display: block;
background: white url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_back_l1.gif") no-repeat left top;
}
#backbtn1 #btn span.right1{
position: absolute;
width: 23px;
height: 18px;
right: 0; 
top: 0; 
display: block; 
background: white url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_back_r1.gif") no-repeat right top;
}
#backbtn{
float: left;
margin: 0px 16px 12px 0;
}
#backbtn #btn{
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_back_bg.gif") repeat-x left top;
color: #050075; 
padding: 1px 12px 0 23px; 
}
#backbtn #btn span.left{
background: white url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_back_l.gif")  no-repeat right top;
width: 23px; 
}
#backbtn #btn span.right{
background: white url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/btn_back_r.gif")   no-repeat right top;
width: 9px; 
}
/*#summaryTbl #backbtn #btn span.left, #summaryTbl #backbtn #btn span.right{
background-color: #c2e7ff ;
}*/
/********misc******/
.clear{
clear:both;
margin:0;
padding:0;
height:0; 
font-size:0;
line-height:0;
}

.required{
font-size: 13px;
}

#error p{
color: red;
}



#popWrap{
margin: 0 auto;
padding:0;
width:180px;
background:transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_bg.gif") repeat-y left top;
text-align: left;
}
#calendar{
padding: 7px 0 20px 12px;
background: transparent url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_bottom.gif") no-repeat left bottom;

}
#calendar td{
font-size:11px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align:center;
margin:0px;
padding:0px;
height:16px;
border-bottom: 1px solid #99CCFF;
}
#calendar td a{
display: block;
width: 20px; 
height: 14px;
margin: 1px 0;
background:#fff;
color:#006;
text-decoration: none;
}
#calendar td a:hover{
background:#fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/day_selected.gif")  no-repeat left top;
color:#fff;
text-decoration: none;
}
#calendar th{
color: #0295FF;
font-size:10px;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-align:center;
margin:0px;
padding:0px;
height:17px;
width: 22px;
border-top: 1px solid #0295FF;
border-bottom: 1px solid #0295FF;
}
#calendar tr.month td{
padding-bottom: 22px;
color: #0295FF; 
font-size: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif;
border-bottom: none;
}
#calendar td.past a, #calendar td.past{
 color: #C6D1DB;
}
#calendar td.past a:hover{
color: #C6D1DB;
background: none;
}
#popWrap span{
position: relative;
 display: block;
 width: 180px;
 height: 18px;
 background: #fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_top_left.gif") no-repeat left top;
 font-size: 0; 
 line-height: 0;
 text-align: right;
}
#popWrap span a{
 position: absolute; 
 top: 0; 
 right: 0;
 display: block;
 width: 25px;
 height: 18px;
 background: #fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/calendar_top_right.gif") no-repeat left top;
}
.calendar_container{
background: #fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/curve_bg_cal.gif") repeat-x bottom left;
text-align: center;
}

/**********Main Navigation**********/
#main_nav{

width: 600px;
margin: 0 auto;
padding: 0;
}
#main_nav li{
position: relative;
float: left;
margin: 0;
padding: 0;
display: block;
line-height: 22px;
list-style-type: none;
text-align: left;
}
#main_nav li a{
margin: 0;
padding: 0 10px;
}
#main_nav li ul{
position: absolute;
display: none;
top: 20px;
left: -20px; 
margin: 0;
padding: 0;
}
#main_nav li:hover ul, #main_nav li.iehover ul{
position: absolute;
display: block;
margin: 0;
padding: 0;
top: 20px;
left: -20px; 
}
#mai\n_nav li ul, #mai\n_nav li.iehover ul{
left: 0px;
}
#main_nav li li{
float: none;
display: block;
border-left: 1px solid #029AFF;
margin: 0;
padding: 0;
width: 155px;
text-align: left;
}
#main_nav li li a{
float: none;
display: block;
width: 155px;
height: 20px;
margin: 0;
padding: 0 10px;
color: #020267;
background: #fff url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/submenu_bg.gif") no-repeat left center;
line-height: 22px;
text-align: left;
text-decoration: none;
}
#main_nav li li a:hover{
display: block;
color: #0199FF;
background: #E3F4FE url("/mawl/resources/com.ma.ecommerce.white.instances.klm/images/submenu_bg.gif") no-repeat left center;
text-decoration: none;

}

 
#flags
{
float: right;
width: 40%;
}

#flags img
{
    margin: 9px 0 0 10px;
}