#roundBlueWrap { margin:20px auto; border:1px solid #4982ac; background-color:#63a5cb;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 3px;
-moz-box-shadow: #666 0px 0px 3px;
box-shadow: #666 0px 0px 3px;
background-color:#63a5cb;
background-image: -moz-linear-gradient( left, #63a5cb, #97c3db 50.0%);
background-image: -webkit-linear-gradient( left, #63a5cb, #97c3db 50.0%);
background-image: -o-linear-gradient( left, #63a5cb, #97c3db 50.0%);
background-image: -ms-linear-gradient( left, #63a5cb, #97c3db 50.0%);
background-image: linear-gradient( left, #63a5cb, #97c3db 50.0%);
-pie-background-image: linear-gradient( left, #63a5cb, #97c3db 50.0%);
behavior: url(https://beta.aircanada.com/content/dam/aircanada/portal/Legacy/Images/PIE.htc);
position: relative;
}
.row.bluebg { clear:both; margin-bottom:5px; border:1px solid #144a67; border-left:none; background-color:#3a81a8; overflow:hidden;
border-radius: 0px 8px 8px 0px;
-moz-border-radius: 0px 8px 8px 0px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-box-shadow: #666 1px 1px 3px;
-moz-box-shadow: #666 1px 1px 3px;
box-shadow: #666 1px 1px 3px;
background-image: -moz-linear-gradient( left, #3a81a8, #1d6085 20.0%);
background-image: -webkit-linear-gradient( left, #3a81a8, #1d6085 20.0%);
background-image: -o-linear-gradient( left, #3a81a8, #1d6085 20.0%);
background-image: -ms-linear-gradient( left, #3a81a8, #1d6085 20.0%);
background-image: linear-gradient( left, #3a81a8, #1d6085 20.0%);
-pie-background-image: linear-gradient( left, #3a81a8, #1d6085 20.0%);
behavior: url(https://beta.aircanada.com/content/dam/aircanada/portal/Legacy/Images/PIE.htc);
position: relative;
}
.row.bluebg h2 { color:#fff; font:bold 14px Verdana, Arial, Helvetica, sans-serif; float:left; margin:0; padding: 10px 20px 0 20px; }
.row.bluebg .white { float:left; background-color:#fff; padding:10px;
border-radius: 8px 0px 0px 8px;
-moz-border-radius: 8px 0px 0px 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-box-shadow: #666 -1px -1px 3px;
-moz-box-shadow: #666 -1px -1px 3px;
box-shadow: #666 -1px -1px 3px;
behavior: url(https://beta.aircanada.com/content/dam/aircanada/portal/Legacy/Images/PIE.htc);
position: relative;
}
.row.bluebg .blue { float:left; background-color:#e8f3f6; padding:10px; border-left:1px dotted #7b8d99;
border-radius: 0 8px 8px 0;
-moz-border-radius: 0px 8px 8px 0px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
behavior: url(https://beta.aircanada.com/content/dam/aircanada/portal/Legacy/Images/PIE.htc);
position: relative;
}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Modify the WIDTH LOCALLY to adapt to your needs. The total SUM of the WIDTHS must be 819px for a row.bluebg with of 900px;*/
#roundBlueWrap { width:925px;}
.row.bluebg {width:900px;}
.row.bluebg h2 {width:159px;}
.row.bluebg .white {width:330px;}
.row.bluebg .blue {width:330px;}