@import url('http://fonts.googleapis.com/css?family=Lato');

/* Resetting all styling
table, tbody, tr, td {
    display: block !important;
    padding: 0;
    margin: 0;
}
*/

body, span, p, b, td {
    font: 16px/26px sans-serif !important;
    font-weight: 300 !important;
    background: #f1f1f1;
}

#booking {
    margin: 0;
}

#no-free-kayaks {
  font-weight: 600 !important;
}

form > table {
    width: 100%;
    max-width: 960px;
    padding: 15px;
    margin: 0 auto;

}

#Table4 iframe {
    display: none;
}


h1 {
    font-size: 18px;
    color: #293347;
    font-weight: 400;
}


img[title*='person'] {
    margin-left: 10px;
}

input[type="text"],
textarea {
    padding: 7px;
    width: 100% !important;
    font-size: 14px !important;
    font-weight: 400;
    border: 1px solid #CCC;
    color: #000;
    background: #FFF;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

::-webkit-input-placeholder { color: #5A5A5A; font-weight: 300;}
     :-ms-input-placeholder { color: #5A5A5A; font-weight: 300;}
         ::-moz-placeholder { color: #5A5A5A; font-weight: 300;}
          :-moz-placeholder { color: #5A5A5A; font-weight: 300;}


input[type="text"]:focus,
input[type="text"]:active,
textarea:focus,
textarea:active {
    outline: none;
}

#Text1, #Text2, #Text6, #Textarea1 {
    margin-left: 30px;
}


input[type='submit'],
input[type='button'] {
    text-transform: uppercase;
    font-family: 'Lato';
    font-size: 14px;
    padding: 10px 30px;
    background: #27ae60;
    border: none;
    color: #FFFFFF;
    cursor: pointer;

    -webkit-transition: background 1s ease;
       -moz-transition: background 1s ease;
         -o-transition: background 1s ease;
            transition: background 1s ease;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

input[type='submit']:hover,
input[type='button']:hover {
    background: #2cc36b;
    box-shadow: none !important;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

input[type='submit']:active,
input[type='submit']:focus,
input[type='button']:active,
input[type='button']:focus  {
    outline: none;
}

input[type='submit'] {
    display: block;
    margin: 0 auto;
}

select {
    float: right;
    width: 100% !important;
    text-align: center;
    padding: 5px 20px;
    color: #000;
    margin: 0;
    background: #FFF;
    border: 1px solid #CCC;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

select:active,
select:focus {
    outline: none;
    box-shadow: none;
}


    /* the div that holds the date picker calendar */
    .dpDiv {
        }


    /* the table (within the div) that holds the date picker calendar */
    .dpTable {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: center;
        color: #FFF;
        background-color: #293347;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
        }

    .dpTable td {
        padding: 5px;
        background: #293347;
        cursor: pointer;
        color: #FFFFFF;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
    }

    .dpTable td:hover {
        background: #32425C;
        color: #FFFFFF;
    }

    /* a table row that holds date numbers (either blank or 1-31) */
    .dpTR {
        }


    /* the top table row that holds the month, year, and forward/backward buttons */
    .dpTitleTR {
        }


    /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
    .dpDayTR {
        }


    /* the bottom table row, that has the "This Month" and "Close" buttons */
    .dpTodayButtonTR {
        }


    /* a table cell that holds a date number (either blank or 1-31) */
    .dpTD {
        }


    /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
    .dpDayHighlightTD {
        background-color: #32425c;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
        }

    /* the table cell that holds the name of the month and the year */
    .dpTitleTD {
        }


    /* a table cell that holds one of the forward/backward buttons */
    .dpButtonTD {
        }


    /* the table cell that holds the "This Month" or "Close" button at the bottom */
    .dpTodayButtonTD {
        }


    /* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
    .dpDayTD {
        background-color: #EAEAFA;
        color: #000;
        }


    /* additional style information for the text that indicates the month and year */
    .dpTitleText {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: bold;
        }


    /* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
    .dpDayHighlight {
        color: #27ae60;
        background: #32425c;
        font-weight: bold;
        padding: 5px;
    }


    /* the forward/backward buttons at the top */
    .dpButton {
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        padding: 5px;
    }


    /* the "This Month" and "Close" buttons at the bottom */
    .dpTodayButton {
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: gray;
        background: #d8e8ff;
        font-weight: bold;
    }



/* Styling for CERTI TRADE img and text */

tbody tr:nth-child(n+3) table {
    width: 100%;
    margin: 30px 0;
}

tbody tr:nth-child(n+3) table span {
    font-family: sans-serif;
    font-weight: 300;
    font-size: 16px !important;
    line-height: 24px !important;
}





@media (max-width: 991px) {

}