body, html {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

div, table {
    box-sizing: border-box;
} 

.wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    min-width: 280px;
}

.mainheader {
    background-color: #F1F1F3;
    height: 57px;
    color: #F7F9F8;
    padding: 2px 2px 2px 30px;
    font-size: 15px;
    text-align: center;
}

h2 {
    font-size: 1.25rem;
    margin: 0;
    color: #003b7d;
}

.secondheader {
    height: 57px;
    color: #808080;
    padding: 2px 2px 2px 30px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    border-bottom: 1px solid #E3E5E5;
    border-left: 1px solid #E3E5E5;
    border-right: 1px solid #E3E5E5;
}

.secondheader .highlight {
    color: #cc0000;
}

a {
    color: #be0f34;
    text-decoration: underline;
    border: 1px;
}

.footer-detail {
    border-bottom: 5px solid #004785;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #004785;
    text-align: center;
    text-decoration: none;
    padding: 0px, 10px;
}

.PinPnrTable {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #4f4f4f;
    padding: 0 0 20px 0;
}

table.PinPnrTable td {
    padding-bottom: 10px;
}

.underline {
    width: 100%;
    margin: auto;
    border-top: 1px solid #E3E5E5;
}

.footerunderline {
    width: 800px;
    margin: auto;
    border-top: 1px solid #E3E5E5;
}

h1,
.heading {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    line-height: 150%;
    font-weight: bold;
}

.tablestyle {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #465058;
    box-sizing: border-box;
}

.tablestyle * {
    box-sizing: border-box;
}

.tablestyle tr td,
.tablestyle tr th {
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    padding: 10px 10px 10px 10px;
    vertical-align: top;
    text-align: left;
}

.tablestyle .flight-row + .flight-header th {
    border-top: 1px solid #d0d0d0;
}

.tablestyle .flight-row:last-child td {
    border-bottom: 1px solid #d0d0d0;
}

/* Prevents flight headers from repeating on subsequent table rows */
.flight-row.previous-flight + .flight-header.previous-flight,
.flight-row.new-flight + .flight-header.new-flight,
.flight-row.return-flight + .flight-header.return-flight {
    display: none;
    visibility: hidden;
}

td.flight-to {
    border-right: 1px solid #d0d0d0;
}

tr.flight-header th{
    height: 30px;
    font-weight: bold;
    font-size: 15px;
    padding: 26px 0px 13px 0px;
    border: 0;
}

.table-subheaders {
    font-size: .75em;
    text-transform: uppercase;
    display: block;
    padding: 0 0 .25em 0;
}

.elementOutline {
    width: 600px;
    margin: auto;
    text-align: center;
}

.logo-container {
    margin: auto;
}

.footer-detail {
    text-align: center;
    padding-top: 10px;
}

.logo {
    display: block;
    margin: 10px 0;
    width: 75%;
    max-width: 300px;
    height: auto;
}

.footer-logo {
    width: 270px;
}

.banner {
    width: 100%;
    max-width: 600px;
}

.footer-detail {
    margin: auto;
}

input#btnaccept {
    width: 180px;
}

/* Responsive bits */
@media(max-width: 550px) {
    .wrapper {
        padding: 0 10px;
    }
}