/* 
	Resets defualt browser settings
	reset.css
*/


.wrapper{
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    margin: auto;
    background-color: #FFF;
    width: 1003px;
    height: auto;

}


.slider{
    position: relative;
    width: 100%;
    height: 450px;
    float: left;
    background-image: url("../img/slider_1.jpg");
    background-position: top center;
    background-repeat: no-repeat;
}

#calendar_1{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    color: #d0d0d0;
    z-index:10;
}

#calendar_2{
    position: absolute;
    left: 168px;
    top: 10px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    color: #d0d0d0;
    z-index:10;
}

.booking{

    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    left:10px;
    top:20px;
    width: 350px;
    height: 460px;
    
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    z-index: 99;
}
.booking label{
    position: relative;
    width:100%;
    height: 30px;
    float: left;
}

.booking select{
    position: relative;
    width:100%;
    height: 35px;
    float: left;
}

.input_50_wrap{
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
    float: left;
}

.input_50_wrap input[type="text"]{
    position: relative;
    width: 48%;
    height: 35px;
    padding-left: 30px;
    float: left;
}

.input_50_wrap select{
    position: relative;
    width: 48%;
    height: 35px;
    float: left;
}

.input_50_wrap label{
    position: relative;
    width: 48%;
    height: auto;
    float: left;
}

.input_35_wrap{
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 10px;
    float: left;
}

.input_35_wrap label{
    position: relative;
    width:30%;
    height: auto;
    float: left;
}

.input_35_wrap select{
    position: relative;
    width:30%;
    height: 35px;
    float: left;
}

.btn_book{
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 15px;
    float: left;
    background-color: #ffb523;
    color: #FFF;
    line-height: 37px;
    text-align: center;
    border: none;
    font-size: 15px;
    border-radius: 4px;
}

.btn_book:hover{
    cursor: pointer;
    background-color: #ffaa0c;
}

.booking h3{
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    margin:0;
    text-align: left;
}

.btn_switch{
    position: relative;
    width: 100%;
    height: 30px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.switch_button{
    position: relative;
    width: 50%;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    float: left;
    border-radius: 4px;
    cursor: pointer;
}

.switch_button_active{
    color: #FFF;
    background-color:#ffb523;
}

.booking_mobile{
    position: relative;
    margin-bottom: 30px;
    float: left;
}

.content{
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    float: left;
}

.content_row{
    position: relative;
    width: 100%;
    height: auto;
    float: left;
}

.dest_col{
    position: relative;
    width: 25%;
    height: auto;
    padding: 10px;
    float: left;
}

.dest_col img{
    position: relative;
    width: 100%;
    height:150px;
    float: left;
}

.dest_col label{
    position: relative;
    width: 100%;
    height:auto;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: normal;
    float: left;
}

.dest_col p{
    position: relative;
    width: 100%;
    height:auto;
    float: left;
}

.c_header{
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    font-weight: normal;
    text-transform: uppercase;
    float: left;
}

.c_header a{
    position: relative;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 10px;
    float: right;
}

.full_table{
    position: relative;
    width:100%;
    height: auto;
    float: left;
    background-color:#352d2c;
}

.full_table tr{
    height: 25px;
    width: 100%;
    font-size: 16px;
    color:#FFF;
    border-bottom: 1px solid #261f1e;
}

.full_table tr th{
    padding: 8px;
    padding-left: 20px;
}

.full_table tr td{
    padding: 8px;
    padding-left: 20px;
}


.table{
    position: relative;
    width: 100%;
    height:auto;
    float: left;
    border: 1px solid #e9e9e9;
}

.table tr{
    height: 35px;
}

.table tr th{
    border-left: 1px solid #e9e9e9;
    font-weight:bold;
}

.table tr td{
    border-left: 1px solid #e9e9e9;
}

.sidebar{
    position: relative;
    width: 250px;
    height:auto;
    padding-top: 30px;
    float: left;
}

.sidebar_header{
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 15px;
    float: left;
}

.sidebar_item{
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 16px;
    padding-left: 15px;
    text-transform: lowercase;
    float: left;
}

.sidebar_item:first-letter{
    text-transform: uppercase;
}

.content_text{
    position: relative;
    width: 730px;
    height:auto;
    padding-left: 20px;
    padding-top: 30px;
    float: left;
}

.content_text p{
    color: #737373;
}