html, body {
    height: 100%;
}
body {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 0.8125em;
    margin: 0;
    padding: 0 0 20px;
    text-align: left;
}
.clear {
    clear: both;
}
#wrapper {
     /* fallback */ background-color: #006940;
     /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00683F), to(#013F27)); 
     /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #00683F, #013F27); 
     /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #00683F, #013F27); 
     /* IE 10 */ background: -ms-linear-gradient(top, #00683F, #013F27); 
     /* Opera 11.10+ */ background: -o-linear-gradient(top, #00683F, #013F27);
     
     /* Safari 3-4, iOS 1-3.2, Android 1.6- */  -webkit-border-radius: 1em; 
     /* Firefox 1-3.6 */  -moz-border-radius: 1em; 
     /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 1em; 
  
    display: block;
    height: auto;
    margin: 0;
    padding: 1em 0;
    min-width:240px;
    max-width:1024px;
}
#content {
    display: block;
    height: auto;
}
.quick-search-form {
    height: auto;
}
.quick-search-form form {
    display: block;
    height: auto;
}
#quick-search {
    display: block;
    height: auto;
    min-height: 280px;
}
h1, h2, h3, h4, h5 {
    font-weight: bold;
    margin: 0 0 10px;
}
h1 {
    color: #006940;
    font-size: 1em;
}
h2 {
    font-size: 0.875em;
}
h3 {
    background: url("../images/apollo/search-title-apollo.png") no-repeat scroll center center transparent;
    background-size: 280px 55px;
    color: transparent;
    display: block;
    float: left;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 68px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    text-indent: -2000px;
    width: 100%;
    margin-top:1em;
}
.ui-datepicker {
    position: absolute;
    top: -200px;
}
.form-element {
    display: block;
    float: left;
    padding: 0 0 0.75em 2%;
    position: relative;
}
#product-type-element, #return-element {
    padding-right: 0;
}
label {
    float: left;
    padding-right: 2%;
    position: relative;
    display:block;
}
.select-list, .form-element span input {
    float: left;
    position: relative;
}
#promotion-element span {
}
#promotion-element span input {
    display: block;
    padding: 0;
    width: 66%;
}
.select-list select {
    width: 100%;
}
#adults-element, #children-element {
    margin-right: 2%;
    width: 108px;
}
#children-element {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
#adults-element label, #children-element label {
    width: 54px;
}
#adults-element .select-list, #children-element .select-list {
    width: auto;
}
#adults-element .select-list select, #children-element .select-list select {
    width: 36px;
}
#StartDate, #EndDate {
    height: 19px;
    margin-left: 32%;
    padding: 0;
    width: 38.5%;
    float:left;
}
.StartTime, .EndTime {
    margin-left: 3%;
    width: 25%;
}
.StartDepotCode, .EndDepotCode {
    margin-bottom: 0.75em;
}
#promotion-element{clear:left;}
#search-element {
     /* fallback */ background-color: #F5822B;
     /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5822B), to(#F07239)); 
     /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #F5822B, #F07239); 
     /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #F5822B, #F07239); 
     /* IE 10 */ background: -ms-linear-gradient(top, #F5822B, #F07239); 
     /* Opera 11.10+ */ background: -o-linear-gradient(top, #F5822B, #F07239);

    /* Safari 3-4, iOS 1-3.2, Android 1.6- */  -webkit-border-radius: 0.5em; 
     /* Firefox 1-3.6 */  -moz-border-radius: 0.5em; 
     /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 0.5em; 
    display: block;
    float: left;
    height: 32px;
    margin: 0.5em 0 0 4%;
    padding: 0;
    position: relative;
    width: 25%;
}
#search-element span {
    height: auto;
}
#search-element #Search {
    background: none repeat scroll center center transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    height: 100%;
    width: 100%;
}
#poweredby {
    bottom: 1px;
    float: right;
    padding-top: 1em;
    padding-right:1em;
    position: relative;
    width: 120px;
    line-height:18px;
    font-size:0.75em;
}
#poweredby a {
    background: url("../images/vibe-logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 18px;
    text-indent: -2000px;
    width: 57px;
}

@media screen and (max-width: 342px) { 
    #wrapper {
        padding-bottom: 0;
    }
    h3{
        background-size:90%;
        width:90%;
        padding:0 5%;
    }
    .form-element {
        width: 90%;
        padding-left:5%;
    }
    label {
        width: 100%;
    }
    .select-list, .form-element span input {
        width: 100%;
    }
    #StartDate, #EndDate {
        margin-left: 0;
        width: 58%;
    }
    .StartTime, .EndTime {
        margin-left: 5%;
        width: 35%;
    }
    #promotion-element span input {
        width: 100%;
    }
    #search-element {
        width: 90%;
        font-size: 0.8em;
        float:right;
        margin:0 5%;
    }
    #adults-element, #children-element {
        width: 42%;
    }
    #adults-element label, #children-element label {
        width: 60%;
    }
    #poweredby {
        float: left;
        font-size: 0.85em;
        clear: both;
        width: 120px;
    }
}

@media screen and (min-width: 342px) and (max-width: 464px) { 
    #wrapper {
        padding-bottom: 0;
    }
    h3{
        background-size:280px 55px;
    }
    .form-element {
        width: 92%;
        padding-left:4%;
    }
    label {
        width: 30%;
    }
    .select-list, .form-element span input {
        width: 68%;
    }
    #StartDate, #EndDate {
        margin-left: 32%;
        width: 38.5%;
    }
    .StartTime, .EndTime {
        width: 25% !important;
    }
    #promotion-element span input {
        width: 66%;
    }
    #search-element {
        width: 40%;
        font-size: 0.8em;
        float:right;
        margin-right:5%;
        margin-top:0;
    }
    #poweredby {
        float: left;
        clear: none;
        width: 120px;
    }
}

@media screen and (min-width: 464px) and (max-width: 666px) { 
    #wrapper {
        padding-bottom: 0;
    }
    h3{
        background-size:280px 55px;
    }
    .form-element {
        width: 47%;
    }
    label {
        width: 100%;
    }
    .select-list, .form-element span input {
        width: 100%;
    }
    #StartDate, #EndDate {
        margin-left: 0;
        width: 58%;
    }
    .StartTime, .EndTime {
        margin-left: 5%;
        width: 35%;
    }
    #promotion-element span input {
        width: 100%;
    }
    #search-element {
        width: 20%;
        font-size: 0.7125em;
    }
    #poweredby {
        clear: none;
        width:56px;
    }
}

@media screen and (min-width: 666px) { 
    h3{
        background-size:280px 55px;
    }
    .form-element {
        width: 47%;
    }
    label {
        width: 30%;
    }
    .select-list, .form-element span input {
        width: 68%;
    }
    .StartTime, .EndTime {
        width: 25% !important;
    }
    #poweredby {
        clear: none;
        width: 120px;
    }
}