/* ===[ Header ]====================================================== */
#header {
    margin: 4px auto 0;
    min-width: 900px;
}
#header #top {
    clear: both;
    text-align: left;
}

/* ===[ Logo ]======================================================== */
#header #logo {
    float: left;
    height: 55px;
    width: 261px;
}

/* ===[ Navigation ]================================================== */
#header #navigation {
    float: right;
/*    width: 665px; */
}

/* ===[ Navigation Top ]============================================== */
#nav-top {
    height: 17px;
}
#nav-top ul {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav-top ul li {
    border-right: 1px solid #ccc;
    display: block;
    float: left;
    margin: 0 4px 0 0;;
    padding: 0 4px 0 0;
}
#nav-top ul li.last {
    border: none;
}

/* ===[ Navigation Buttons ]========================================== */
#nav-buttons {
    clear: both;
    height: 30px;
    margin: 12px 15px 0 0;
}
#nav-buttons .button {
  background: url('http://img.2dehands.be/static/navbutton_bg.gif') repeat-x 0px -30px;
  border: 1px solid #136E9E;
  border-bottom: 0px;
  float: right;
  height: 19px;
  margin: 0 0 0 3px;
  padding: 5px 7px 5px;
  position: relative;
}
#nav-buttons #blue-button {

}
#nav-buttons #yellow-button {
    background-position: 0px 0px;
    border-color: #CABD7C;
}

#nav-buttons .button .LT, #nav-buttons .button .RT {
    position: absolute;
    width: 8px;
    height: 8px;
    background: url('http://img.2dehands.be/static/navbuttons_corners.gif') no-repeat;
    font-size: 0%;
}
#nav-buttons #blue-button .LT {
    background-position: 0px -8px;
    left: -1px;
    top: -1px;
}
#nav-buttons #blue-button .RT {
    background-position: -8px -8px;
    right: -1px;
    top: -1px;
}
#nav-buttons #yellow-button .LT {
    background-position: 0px 0px;
    left: -1px;
    top: -1px;
}
#nav-buttons #yellow-button .RT {
    background-position: -8px 0px;
    right: -1px;
    top: -1px;
}
#nav-buttons .button a {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}
#nav-buttons .button a:hover {
    text-decoration: underline;
}
#nav-buttons #yellow-button a {
    color: #000;
}


/* ===[ Search bar ]================================================== */
#header #search-bar {
    background: transparent url('http://img.2dehands.be/static/search_bg.gif') repeat-x 0px 0px;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    clear: both;
    height: 32px;
    padding: 18px 15px 10px;
    position: relative;
    text-align: left;
    font-size: 11px;
}
#search-bar .LT, #search-bar .RT, #search-bar .RB, #search-bar .LB {
    position: absolute;
    width: 15px;
    height: 15px;
    background: url('http://img.2dehands.be/static/search-corners.gif') no-repeat;
    font-size: 0%;
}
#search-bar .LT {
    background-position: 0px 0px;
    left: -1px;
    top: 0;
}
#search-bar .RT {
    background-position: -15px 0px;
    right: -1px;
    top: 0;
}
#search-bar .RB {
    background-position: -15px -15px;
    right: -1px;
    bottom: 0;
}
#search-bar .LB {
    background-position: 0 -15px;
    left: -1px;
    bottom: 0;
}
#search-bar .gray {
    color: #999;
}
.search-column {
    float: left;
    margin: 0 4px 0 0;
}
.search-column label {
    display: none;
}
.search-column input {
    border: 1px solid #666;
    padding: 3px 4px;
}
.search-column select {
    border: 1px solid #666;
    padding: 2px;
}
.search-column a#search-extended {
}
#search-bar-keywords input {
    width: 300px;
}
#search-bar-categories {
    margin: 0 12px 0 0;
}
#search-bar-postalcodes input {
    width: 100px;
}
#search-bar-postalcodes input {
    width: 100px;
}
#search-bar-postalcode-select select {
    width: 104px;
}
select option {
    margin: 0 0 1px;
}
.select-menu {
    border: 1px solid #666;
    display: none;
    height: 207px;
    margin: 23px 0 0;
    overflow: auto;
    position: absolute;
    width: 280px;
}
.select-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.select-menu ul li {
    background: #fff;
    padding: 0 4px 1px;
}
.select-menu ul li:hover {
    background: #3875D7;
    color: #fff;
}
#search-bar-distances {
    margin: 0 12px 0 0;
}
#search-bar-submit {
  float: left;
  margin: 0 4px 0 0;
}

/* ===[ Locator ]===================================================== */
.locator {
    clear: both;
    padding: 10px 0 0 8px;
    text-align: left;
}

/* ===[ Content ]===================================================== */
#content {
    text-align: left;
}