﻿body {
    font-family: Arial, Sans-Serif;
    background: #1F3E4F;
    margin: 0;
}

.body {
    position: absolute;
    z-index: 5;
}

.background-center {
    position: relative;
    left: 80px;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

.center {
    width: 946px;
    margin: 0 auto;
    text-align: left;
}

* {
    outline: none;
    font-family: Arial, Sans-Serif;
}

#main {
    min-height: 770px;
    /*background:url('../../Content/Images/Backgrounds/main.jpg') 160px 160px no-repeat;*/
    padding: 0 80px;
}
/* Common   
----------------------------------------------------------*/

button {
    cursor: pointer;
}

h1 {
    font-size: 24px;
    font-weight: bold;
    color: #365e84;
    margin: 0 10px 15px 10px;
}

select {
    visibility: hidden;
}


/* Header   
----------------------------------------------------------*/

#header {
    float: left;
    width: 100%;
    height: 110px;
    background: #fff url(../Images/Backgrounds/BgHeader.gif) left top repeat-x;
    margin: 0;
    padding: 0;
    text-align: center;
}

    #header .top {
        float: left;
        height: 81px;
        position: relative;
        width: 946px;
    }

#logo,
#logo:visited,
#logo:hover {
    float: left;
    width: 100%;
    margin-top: 8px;
    border: 0;
    text-decoration: none;
}

    #logo img {
        border: 0;
        text-decoration: none;
        height: 70px;
    }

#header .center {
    text-align: left;
}

#flag-container {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 12px;
    border: 0;
    text-decoration: none;
    color: #333;
}

    #flag-container span {
        position: relative;
        top: -2px;
        margin: 0 0 0 5px;
    }

#btn-logout {
    position: absolute;
    right: 5px;
    top: 30px;
    font-size: 12px;
    border: 0;
    text-decoration: none;
    color: #333;
}

    #btn-logout a {
        top: 0;
        text-decoration: none;
    }

/* Footer   
----------------------------------------------------------*/

#footer {
    float: left;
    width: 100%;
    height: 110px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    background: #000;
}

    #footer .center {
        text-align: center;
        background: #000;
    }

    #footer ul {
        margin: 0 0 0 240px;
        text-align: center;
        padding: 0;
    }

    #footer ul, #footer li {
        list-style-type: none;
        display: inline;
        color: #fff;
        font-size: 10px;
    }

        #footer ul li {
            margin: 0;
            padding: 0;
            font-size: 11px;
        }

            #footer ul li a,
            #footer ul li a:visited {
                font-size: 11px;
                text-decoration: none;
                padding: 0 15px;
                color: #fff;
            }

                #footer ul li a:hover {
                    text-decoration: underline;
                    color: #ccc;
                }

#customFooter {
    color: #fff;
    font-size: 9px;
    margin: 30px 0 0 240px;
}

/* TAB MENU   
----------------------------------------------------------*/

#menu {
    float: right;
    /*clear: both;*/
    padding: 0;
    margin: 0;
    /*overflow: hidden;*/
}

    #menu li {
        float: left;
        display: inline;
        list-style: none;
        margin: 0;
        line-height: 28px;
        height: 28px;
    }

        #menu li a, #menu li a:visited, #menu li.right-separator, #menu li.left-separator {
            font-size: 13px;
            font-weight: bold;
            display: block;
            margin: 0;
            padding: 0 20px;
            text-decoration: none;
            color: #fff;
            text-transform: uppercase;
            border-color: #1E73B4 #1E73B4 #507999 #7DC3F7;
            border-style: solid;
            border-width: 1px;
        }

        #menu li.right-separator {
            border-width: 1px 1px 1px 0;
            padding: 0;
        }

        #menu li.left-separator {
            border-width: 1px 0 1px 1px;
            padding: 0;
        }

        #menu li a:hover, #menu li a.current {
            text-decoration: none;
            color: #5D8FC1;
            border-color: #fff;
            border-bottom: none;
            padding-bottom: 1px;
            background-color: #FFF;
        }

        #menu li a:active {
        }

        #menu li.selected a {
        }

/* Remote control, search
----------------------------------------------------------*/

#remote-control {
    position: absolute;
    top: 132px;
    width: 238px;
    background: url(../Images/RemoteControl/BgRemoteControl.png) left bottom no-repeat;
    padding: 0;
    height: 590px;
}

    #remote-control .search-engine {
        clear: both;
    }

        #remote-control .search-engine select {
            visibility: hidden;
        }

    #remote-control h2 {
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        line-height: 25px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        background: url(../Images/RemoteControl/BgRemoteControlTitle.png) no-repeat;
        float: left;
        height: 27px;
        width: 238px;
    }

.search-engine .search-row {
    width: 210px;
    margin: 5px 15px 0 15px;
    float: right;
    clear: both;
}

    .search-engine .search-row label {
        float: left;
        font-size: 12px;
        color: #fff;
        margin: 0 0 0 19px;
    }

    .search-engine .search-row input {
        float: right;
        width: 195px;
    }

    .search-engine .search-row select {
        float: right;
        width: 195px;
    }

.search-engine .search-flag {
    position: relative;
    background: url(../Images/RemoteControl/SearchFlag.png) no-repeat;
    top: 12px;
    left: 0;
    height: 5px;
    width: 5px;
}

.search-engine .search-vehicle-type .search-flag {
    top: 10px;
    left: 15px;
}

.search-engine .search-flag-on {
    background: url(../Images/RemoteControl/SearchFlag_on.png) no-repeat;
}

.search-engine .search-vehicle-type {
    float: left;
    width: 238px;
    margin: 0;
    background: url(../Images/RemoteControl/BgVehicleType.jpg) left 24px no-repeat;
}

a.search-button,
a.search-button:visited {
    position: absolute;
    bottom: 10px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 0;
    float: left;
    width: 204px;
    height: 19px;
    color: #fff;
    background: url(../Images/RemoteControl/BgButton_hover.gif) no-repeat;
    margin: 10px 17px;
}

    a.search-button:hover,
    a.search-button:active {
        background-image: url(../Images/RemoteControl/BgButton.gif);
    }

a#reset-form,
a#reset-form:visited {
    position: absolute;
    bottom: 8px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    right: 20px;
}

#reset-form:hover {
    text-decoration: underline;
}



/* Inputs
----------------------------------------------------------*/

.watermark-text {
    /*background: #fff;
    border: 1px solid #BEBEBE;
    color: gray;*/
}


/* Selectmenu
----------------------------------*/

/*

#contact-link
{
    float:left;
    clear:both;
    margin:30px 0 10px 0;
}

.vehicle-list #contact-link
{
    margin-top:40px;
    position:static;
}

#contact-link div
{
    float:left;
    margin: 2px 0 0 20px;
    font-size:12px;
    color:#f00;
}

.ui-selectmenu-icon
{
    position: absolute;
    right: 1px;
    margin-top: -8px;
    top: 50%;
    background: url(../Images/Icons/SelectIcon.gif) no-repeat;
    cursor: pointer;
    width:18px;
    height:15px;
}

.ui-selectmenu-menu
{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    overflow: auto;
    background:#fff;
    z-index:5;	
}

.ui-selectmenu-open
{
    visibility: visible;
}

.ui-selectmenu-menu-popup
{
    margin-top: -1px;
}

.ui-selectmenu-menu-dropdown 
{	
}

.ui-selectmenu-menu li
{
    padding: 0;
    margin: 0;
    display: block;
}

.ui-selectmenu-menu li a, 
.ui-selectmenu-status
{
    font-size:10px;	
    color:#333;
    line-height: 18px;
    padding:0 5px;
    display: block;	
    text-decoration: none;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, 
.ui-selectmenu-hasIcon .ui-selectmenu-status
{
    padding-left: 20px;
    position: relative;
    margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, 
.ui-selectmenu-status .ui-icon
{
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
}

.ui-selectmenu-status
{
    
}

.ui-selectmenu-open
{
    max-height:300px;
}

.ui-selectmenu-menu-dropdown
{
}

.ui-selectmenu-open li 
{
    margin:0;
    line-height: 20px;
}

.ui-selectmenu-open li a 
{
    height:20px;
    line-height: 20px;
    border-bottom:1px solid #e0e0e0;
    color:#1d87c3;
}

.ui-selectmenu-open li.ui-selectmenu-item-focus a 
{	
    color:#000;
    background:url(../Images/VehicleList/BgSelectedVehicle.gif) -140px top repeat-y;	
}

.ui-selectmenu-open li.ui-selectmenu-item-selected a
{
    background:#447292;
    color:#fff;
}


.ui-selectmenu-menu li span, .ui-selectmenu-status span
{
    display: block;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header { }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer {  }

.ui-selectmenu-menu {}

.ui-selectmenu-menu .ui-icon
{
    width: 18px;
    height: 18px;
}

.ui-selectmenu-menu .ui-corner-all
{
    -moz-border-radius: 0;
}

.ui-selectmenu-menu .ui-state-default
{
    background:none;
    border:1px solid #CCCCCC;
    color:#1C94C4;
    font-weight:bold;
    outline:none;
}

.ui-selectmenu-menu  .ui-state-active
{
}
*/

/* Sliders
----------------------------------------------------------*/

.ui-slider {
    position: relative;
    text-align: left;
    right: 5px;
    width: 110px;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 1;
        cursor: pointer;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        display: block;
        border: 0;
    }

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

/* Search Sliders
----------------------------------*/

#remote-control .ui-widget-content {
    height: 1px;
    border: 0;
    background: #708292;
}

#remote-control .slider {
    border-width: 0 0 1px 0;
    border-color: #708292 #708292 #708292 #708292;
    background: #708292;
}

#remote-control .ui-slider .ui-state-default {
    background: url(../Images/RemoteControl/SliderLeftToRight.png) no-repeat;
    border: 0;
    color: #1C94C4;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    top: -7px;
    height: 15px;
    width: 15px;
    z-index: 1;
}

#remote-control .ui-slider .slider-max {
    background: url(../Images/RemoteControl/SliderRightToLeft.png) no-repeat;
}

#remote-control .ui-selectmenu-menu .ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 12px;
}

.search-engine .slider-inputs {
    float: left;
    width: 130px;
    margin: 0 0 10px -10px;
}

    .search-engine .slider-inputs .min,
    .search-engine .slider-inputs .max {
        float: left;
        width: 50px;
        color: #fff;
        font-size: 10px;
    }

    .search-engine .slider-inputs .max {
        float: right;
        text-align: right;
        width: 70px;
    }

        .search-engine .slider-inputs .min input,
        .search-engine .slider-inputs .max input {
            float: left;
            width: 50px;
            border: 0;
            background: transparent;
            color: #fff;
            font-size: 10px;
            overflow: visible;
        }

        .search-engine .slider-inputs .max input {
            float: right;
            text-align: right;
            width: 40px;
        }

        .search-engine .slider-inputs .max span,
        .search-engine .slider-inputs .min span {
            position: relative;
            top: 1px;
            left: 2px;
        }

        .search-engine .slider-inputs .max span {
            float: right;
            text-align: right;
        }

.search-engine .search-slider {
    float: right;
    width: 120px;
    position: relative;
    top: -12px;
}

    .search-engine .search-slider .slider {
        clear: both;
    }

.search-engine .search-row-slider {
    margin-top: 10px;
}



/* Slide Show
----------------------------------------------------------*/

#slideshow-area {
    float: left;
    width: 100%;
    height: 165px;
    background: #000 url(../Images/Backgrounds/BgSlideshow.gif) left top repeat-x;
}

#slideshow-container {
    margin: 45px 70px 0 0;
    float: right;
    text-align: left;
    width: 588px;
}

#slideshow-content {
    position: relative;
}

#slideshow-slider {
    width: 588px;
    overflow: hidden;
}

    #slideshow-slider ul, #slideshow-slider li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #slideshow-slider li a,
        #slideshow-slider li a:visited,
        #slideshow-slider li a img,
        #slideshow-slider li a:visited img {
            text-decoration: none;
            border: 0;
            cursor: pointer;
            text-align: left;
        }

            #slideshow-slider li a,
            #slideshow-slider li a:visited {
                float: left;
                width: 96px;
                height: 118px;
                margin: 1px;
                display: inline-block;
                line-height: 10px;
                font-size: 11px;
                background: #000 url(../Images/Slideshow/BgCell.gif) 75px bottom no-repeat;
                font-weight: bold;
            }

                #slideshow-slider li a:hover {
                    background: #fff url(../Images/Slideshow/BgCellHover.gif) right bottom no-repeat;
                }

                    #slideshow-slider li a:hover span {
                        color: #000;
                    }

                #slideshow-slider li a img {
                    margin: 0;
                }

                #slideshow-slider li a span {
                    color: #ddd;
                    margin: 1px 5px;
                    width: 80px;
                    display: inline-block;
                }

                    #slideshow-slider li a span.highlight-price {
                        color: #1f95d5;
                    }

                #slideshow-slider li a:hover span.highlight-price {
                    color: #e2001b;
                }

                #slideshow-slider li a.selected {
                    background: #fff url(../Images/Slideshow/BgCellHover.gif) right bottom no-repeat;
                }

                    #slideshow-slider li a.selected span {
                        color: #000;
                    }

                        #slideshow-slider li a.selected span.highlight-price {
                            color: #e2001b;
                        }

    #slideshow-slider li {
        width: 588px;
        height: 120px;
        overflow: hidden;
    }

    #slideshow-slider .slideshow-image {
        float: left;
        width: 96px;
        height: 62px;
        overflow: hidden;
        margin: 0 0 8px 0;
        padding: 0;
    }

    #slideshow-slider .sold-icon-slide {
        background: url("../Images/Icons/slide_sold.png") no-repeat scroll 0 0 transparent;
        z-index: 100;
        height: 62px;
        position: relative;
        float: left;
        overflow: hidden;
        width: 95px;
        bottom: 92px;
    }

    #slideshow-slider .coming-soon-icon-slide {
        background: url("../Images/Icons/slide_coming_soon.png") no-repeat scroll 0 0 transparent;
        height: 62px;
        z-index: 100;
        position: relative;
        float: left;
        overflow: hidden;
        width: 95px;
        bottom: 92px;
    }

    #slideshow-slider .reserved-icon-slide {
        background: url("../Images/Icons/slide_reserved.png") no-repeat scroll 0 0 transparent;
        height: 62px;
        z-index: 100;
        position: relative;
        float: left;
        overflow: hidden;
        width: 95px;
        bottom: 92px;
    }

div.icon-slide + #slide-vehicle-info {
}

#slideshow-slider .slideshow-image img {
}

#slideshow-slider li a:hover .slideshow-image img {
}

#slideshow-prev, #slideshow-next {
    display: block;
    width: 30px;
    position: absolute;
    left: -45px;
    top: 0;
}

#slideshow-next {
    left: 603px;
}

    #slideshow-prev a, #slideshow-next a {
        display: block;
        position: relative;
        top: 20px;
        width: 30px;
        height: 50px;
        background: url(../Images/Slideshow/btn_prev.gif) no-repeat 0 0;
    }

        #slideshow-prev a:hover {
            background-image: url(../Images/Slideshow/btn_prev_hover.gif);
        }

    #slideshow-next a {
        background: url(../Images/Slideshow/btn_next.gif) no-repeat 0 0;
    }

        #slideshow-next a:hover {
            background-image: url(../Images/Slideshow/btn_next_hover.gif);
        }

.slideshow-ul {
}

/* Vehicle body criteria 
----------------------------------------------------------*/

#body-criteria-area {
    float: left;
    width: 100%;
    height: 90px;
    background: #000;
    margin: 0;
    padding: 0;
    text-align: center;
}

#body-criteria-container {
    margin: 0;
    float: right;
    text-align: left;
    width: 200px;
    height: 111px;
}

#body-criteria-content {
    position: relative;
}

#body-criteria-slider {
    width: 200px;
}

    #body-criteria-slider ul, #body-criteria-slider li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

#body-criteria-slider {
    height: 180px;
}


    #body-criteria-slider li {
        width: 155px;
        height: 110px;
        overflow: hidden;
        background-position: 0 19px;
        background-repeat: no-repeat;
        text-transform: uppercase;
    }

        #body-criteria-slider li.picto-body-small {
            background-image: url(../Images/RemoteControl/SMALLCar.jpg);
        }


        #body-criteria-slider li.picto-body-exec {
            background-image: url(../Images/RemoteControl/EXECCar.jpg);
        }


        #body-criteria-slider li.picto-body-minib {
            background-image: url(../Images/RemoteControl/MINIBCar.jpg);
        }


        #body-criteria-slider li.picto-body-spor {
            background-image: url(../Images/RemoteControl/SPORCar.jpg);
        }

        #body-criteria-slider li.picto-body-mid {
            background-image: url(../Images/RemoteControl/MIDCar.jpg);
        }

        #body-criteria-slider li.picto-body-est {
            background-image: url(../Images/RemoteControl/ESTCar.jpg);
        }


        #body-criteria-slider li.picto-body-offr {
            background-image: url(../Images/RemoteControl/OFFRCar.jpg);
        }


        #body-criteria-slider li.picto-body-cab {
            background-image: url(../Images/RemoteControl/CABCar.jpg);
        }

        #body-criteria-slider li.picto-body-other {
            background-image: url(../Images/RemoteControl/OTHERCar.jpg);
        }

        #body-criteria-slider li.picto-body-hatchback {
            background-image: url(../Images/RemoteControl/HATCHCar.jpg);
        }

        #body-criteria-slider li.picto-body-sedan {
            background-image: url(../Images/RemoteControl/SEDANCar.jpg);
        }

        #body-criteria-slider li.picto-body-van {
            background-image: url(../Images/RemoteControl/VANCar.jpg);
        }

        #body-criteria-slider li.picto-body-comp {
            background-image: url(../Images/RemoteControl/COMPCar.jpg);
        }

#body-criteria-slider {
    font-size: 11px;
    color: #ddd;
    margin: 0 0 9px 0;
    font-weight: bold;
}

#body-criteria-prev, #body-criteria-next {
    display: block;
    width: 30px;
    height: 80px;
    position: absolute;
    left: -25px;
    top: 0;
    z-index: 100;
}


#body-criteria-next {
    left: 170px;
}

    #body-criteria-prev a, #body-criteria-next a {
        display: block;
        position: relative;
        top: 55px;
        width: 15px;
        height: 50px;
        background: url(../Images/RemoteControl/PrevButton_hover.png) no-repeat 0 0;
        outline: none;
    }

    #body-criteria-next a {
        background: url(../Images/RemoteControl/NextButton_hover.png) no-repeat 0 0;
    }

#body-criteria-prev a:hover {
    background: url(../Images/RemoteControl/PrevButton.png) no-repeat 0 0;
}

#body-criteria-next a:hover {
    background: url(../Images/RemoteControl/NextButton.png) no-repeat 0 0;
}

#icon-body-list {
    float: left;
    clear: both;
    width: 238px;
    height: 24px;
    background: #3b5667;
}

    #icon-body-list .openable {
        position: absolute;
        overflow: hidden;
        background: #3b5667;
        display: block;
        z-index: 10;
        position: absolute;
        line-height: 24px;
        height: 24px;
        width: 230px;
        padding: 0 4px;
        vertical-align: middle;
    }

    #icon-body-list .icon-body-item {
        float: left;
        height: 24px;
    }

        #icon-body-list .icon-body-item a {
            text-decoration: none;
            display: inline-block;
            float: left;
            text-align: center;
        }

            #icon-body-list .icon-body-item a.withimage {
                width: 34px;
            }

            #icon-body-list .icon-body-item a#icon-body-link-all {
                overflow: visible;
                white-space: nowrap;
                margin: 0 5px;
            }

            #icon-body-list .icon-body-item a img {
                margin: 5px auto 0 auto;
                border: 0;
            }

    #icon-body-list .icon-plus {
    }

        #icon-body-list .icon-plus a,
        #icon-body-list .icon-plus a:visited {
            position: absolute;
            right: 5px;
            display: inline-block;
            font-weight: bold;
            font-size: 12px;
            color: #959798;
            width: 16px;
            text-align: center;
            text-decoration: none;
            z-index: 100;
        }

#body-criteria-numeric-list {
    display: none;
}

#icon-body-list .icon-body-all a,
#icon-body-list a.body-other {
    float: left;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    color: #959798;
    text-decoration: none;
}

#icon-body-list a {
    font-size: 12px;
    color: #959798;
}

    #icon-body-list .selected a,
    #icon-body-list a:hover {
        color: #fff;
    }

icon-body-list a:hover {
    color: #fff;
}

#icon-body-list a.body-small {
    background: url(../Images/RemoteControl/IconSmall.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-small,
    #icon-body-list a.body-small:hover {
        background: url(../Images/RemoteControl/IconSmall_hover.gif) center -2px no-repeat;
    }

#icon-body-list a.body-hatchback {
    background: url(../Images/RemoteControl/IconHatchback.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-hatchback,
    #icon-body-list a.body-hatchback:hover {
        background: url(../Images/RemoteControl/IconHatchback_hover.gif) center -2px no-repeat;
    }

#icon-body-list .body-exec {
    background: url(../Images/RemoteControl/IconExec.gif) center -2px no-repeat;
    margin-right: 5px;
}

#icon-body-list .selected a.body-exec,
#icon-body-list a.body-exec:hover {
    background-image: url(../Images/RemoteControl/IconExec_hover.gif);
}

#icon-body-list a.body-minib {
    background: url(../Images/RemoteControl/IconMinib.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-minib,
    #icon-body-list a.body-minib:hover {
        background-image: url(../Images/RemoteControl/IconMinib_hover.gif);
    }

#icon-body-list a.body-sedan {
    background: url(../Images/RemoteControl/IconSedan.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-sedan,
    #icon-body-list a.body-sedan:hover {
        background-image: url(../Images/RemoteControl/IconSedan_hover.gif);
    }


#icon-body-list a.body-spor {
    background: url(../Images/RemoteControl/IconSpor.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-spor,
    #icon-body-list a.body-spor:hover {
        background-image: url(../Images/RemoteControl/IconSpor_hover.gif);
    }

#icon-body-list a.body-est {
    background: url(../Images/RemoteControl/IconEstate.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-est,
    #icon-body-list a.body-est:hover {
        background-image: url(../Images/RemoteControl/IconEstate_hover.gif);
    }

#icon-body-list a.body-offr {
    background: url(../Images/RemoteControl/IconOffroad.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-offr,
    #icon-body-list a.body-offr:hover {
        background-image: url(../Images/RemoteControl/IconOffroad_hover.gif);
    }

#icon-body-list a.body-cab {
    background: url(../Images/RemoteControl/IconCab.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-cab,
    #icon-body-list a.body-cab:hover {
        background-image: url(../Images/RemoteControl/IconCab_hover.gif);
    }

/*#icon-body-list  a.body-other
{
    background:url(../Images/RemoteControl/VehicleBodyOTHER.gif) center -2px no-repeat;
}
#icon-body-list .selected  a.body-other,
#icon-body-list  a.body-other:hover
{
    background-image:url(../Images/RemoteControl/VehicleBodyOTHER_hover.gif);
}*/

#icon-body-list a.body-cab {
    background: url(../Images/RemoteControl/IconCab.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-cab,
    #icon-body-list a.body-cab:hover {
        background-image: url(../Images/RemoteControl/IconCab_hover.gif);
    }

#icon-body-list a.body-mid {
    background: url(../Images/RemoteControl/IconMid.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-mid,
    #icon-body-list a.body-mid:hover {
        background-image: url(../Images/RemoteControl/IconMid_hover.gif);
    }

#icon-body-list a.body-comp {
    background: url(../Images/RemoteControl/IconCompact.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-comp,
    #icon-body-list a.body-comp:hover {
        background-image: url(../Images/RemoteControl/IconCompact_hover.gif);
    }

#icon-body-list a.body-van {
    background: url(../Images/RemoteControl/IconVan.gif) center -2px no-repeat;
}

    #icon-body-list .selected a.body-van,
    #icon-body-list a.body-van:hover {
        background-image: url(../Images/RemoteControl/IconVan_hover.gif);
    }

/* Misc
----------------------------------------------------------*/

.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.error {
    color: #f99;
}

.darr {
    position: relative;
    top: -2px;
    font-weight: bold;
    text-decoration: none;
}

/* Vehicle list
----------------------------------------------------------*/

.vehicle-list {
    width: 682px;
    float: left;
}

    .vehicle-list h2 {
        font-size: 20px;
        font-weight: bold;
        color: #365e84;
        padding: 0 20px;
        margin: 0 0 10px 0;
        float: left;
        width: 500px;
    }

    .vehicle-list .button {
        float: right;
    }


    .vehicle-list ul,
    .vehicle-list li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }


    .vehicle-list .vehicle-list-row {
        clear: both;
        font-size: 12px;
        border-bottom: 1px solid #e9e9e9;
        display: inline-block;
        height: 40px;
    }

        .vehicle-list .vehicle-list-row a {
            clear: both;
            font-size: 12px;
            overflow: hidden;
            display: inline-block;
            float: left;
            margin: 0;
            padding: 0;
            cursor: pointer;
            text-decoration: none;
            padding: 0 8px;
            height: 40px;
            overflow: hidden;
        }

        .vehicle-list .vehicle-list-row .description {
            float: left;
            width: 200px;
            font-weight: bold;
            color: #4d6478;
            padding: 8px 10px;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 24px;
        }

            .vehicle-list .vehicle-list-row .description span {
                font-size: 10px;
                height: 40px;
            }

        .vehicle-list .vehicle-list-row .price {
            float: left;
            width: 80px;
            color: #1f95d5;
            font-weight: bold;
            display: block;
            padding: 8px 0;
        }

        .vehicle-list .vehicle-list-row .modelyear {
            float: left;
            width: 50px;
            color: #000;
            padding: 8px 0;
        }

        .vehicle-list .vehicle-list-row .fueltype {
            float: left;
            width: 80px;
            color: #000;
            padding: 8px 0;
        }

        .vehicle-list .vehicle-list-row .mileage {
            float: left;
            width: 80px;
            color: #000;
            padding: 8px 0;
        }

        .vehicle-list .vehicle-list-row .reference {
            float: left;
            width: 60px;
            color: #000;
            padding: 8px 0;
        }

    .vehicle-list .vehicle-list-row-hover a {
        background: url(../Images/VehicleList/BgSelectedVehicle.gif) repeat-y;
    }

    .vehicle-list .vehicle-list-row-hover div {
        font-weight: bold;
    }

    .vehicle-list .vehicle-list-row-hover .description {
        color: #000;
    }

    .vehicle-list .vehicle-list-row .photo {
        position: absolute;
        z-index: 100;
        display: none;
    }

        .vehicle-list .vehicle-list-row .photo .photo-container {
            background: url(../Images/VehicleList/VehiclePhotoShadow.png) right bottom no-repeat;
            position: relative;
            margin-left: 16px;
        }


        .vehicle-list .vehicle-list-row .photo img {
            display: block;
            border: 1px solid #000;
            position: relative;
            top: -3px;
            left: -2px;
        }

        .vehicle-list .vehicle-list-row .photo .icon-arrow {
            float: left;
            position: relative;
            top: 106px;
            left: -10px;
            width: 10px;
            height: 20px;
            background: url(../Images/VehicleList/ArrowPopinVehicle.gif) no-repeat;
        }

    .vehicle-list .vehicle-list-row-hover .photo {
        /*display:inline;*/
    }

span.vehicle-actions {
    position: absolute;
    /*top: 8px;*/
    /*font-weight:bold;
    text-align:center;
    color:#666;
    padding-top:8px;*/
}


button.WishlistButton,
button.wishlist-button,
a.wishlist-button {
    position: relative;
    top: 8px;
    background: url(../Images/VehicleList/BgAddToWishlist_hover.gif) no-repeat;
    float: right;
    width: 80px;
    height: 18px;
    display: block;
    color: #f00;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    text-transform: uppercase;
    border: 0;
}

.vehicle-detail button.WishlistButton,
.vehicle-detail button.wishlist-button {
    margin: 0 10px;
    top: 1px;
}

button.WishlistButton:hover,
button.wishlist-button:hover {
    background: url(../Images/VehicleList/BgAddToWishlist.gif) no-repeat;
}

span.wishlisted {
    position: relative;
    padding-top: 6px;
    float: right;
    width: 63px;
    height: 18px;
    display: block;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    text-transform: uppercase;
    border: 0;
    overflow: hidden;
}

.vehicle-detail span.wishlisted {
    margin: 0 10px;
    padding-top: 2px;
    text-align: right;
}


/* Tool bar
----------------------------------------------------------*/
div.toolbar {
    float: left;
    width: 682px;
    height: 20px;
    background: url(../Images/VehicleList/BgToolbar.gif) no-repeat;
    clear: both;
    margin: 2px 0 10px 0;
}

    div.toolbar div {
        margin-top: 2px;
    }

        div.toolbar div a {
            display: inline-block;
            float: left;
            width: 90%;
            margin: 0 10% 0 0;
        }

    div.toolbar .orderby-title {
        float: left;
        width: 188px;
        font-weight: bold;
        color: #365e84;
        font-size: 11px;
        margin: 2px 20px;
        display: inline-block;
    }

    div.toolbar .orderby-price {
        float: left;
        width: 80px;
        color: #1f95d5;
    }

        div.toolbar .orderby-price a,
        div.toolbar .orderby-price a:visited {
            color: #1f95d5;
        }

    div.toolbar .orderby-mileage {
        float: left;
        width: 80px;
    }

    div.toolbar .orderby-fueltype {
        float: left;
        width: 80px;
    }

    div.toolbar .orderby-modelyear {
        float: left;
        width: 50px;
    }

    div.toolbar .orderby-reference {
        float: left;
        width: 60px;
    }


    div.toolbar div a.current {
        background: url(../Images/Navigation/uarr.png) no-repeat right -2px;
    }

    div.toolbar div a.desc {
        background-image: url(../Images/Navigation/darr.png);
    }

    div.toolbar a,
    div.toolbar a:visited {
        font-weight: bold;
        color: #365e84;
        font-size: 11px;
        text-decoration: none;
        text-transform: uppercase;
    }

        div.toolbar a.current {
            text-decoration: underline;
        }

/* Pagination
----------------------------------------------------------*/

.list-pagination {
    text-align: center;
    width: 100%;
    margin: 10px 0;
    clear: both;
    color: #b6b6b6;
    font-size: 12px;
}

    .list-pagination ul li {
        list-style: none;
        display: inline;
    }

    .list-pagination a,
    .list-pagination a:visited {
        color: #b6b6b6;
        text-decoration: none;
        font-size: 12px;
        padding: 0 10px;
    }

        .list-pagination a:hover,
        .list-pagination a.current-page,
        .list-pagination a.current-page:visited {
            color: #000;
        }

        .list-pagination a:hover {
            text-decoration: underline;
        }


/* Vehicle-detail
----------------------------------------------------------*/

#detail {
}

.vehicle-detail {
    padding: 10px 10px 10px 15px;
    font-size: 12px;
    min-height: 560px;
    float: left;
    background: #fff;
    clear: both;
}

    .vehicle-detail h2 {
        color: #254663;
        font-size: 20px;
        font-weight: bold;
        padding: 0;
        margin: 15px 0 0 0;
    }

    .vehicle-detail h3 {
        color: #254663;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin: 0 0 0 0;
    }

        .vehicle-detail h3 .price {
            color: #1d87c3;
        }

    .vehicle-detail .right-part {
        float: right;
        width: 318px;
        margin-bottom: 15px;
    }

    .vehicle-detail .left-part {
        float: left;
        width: 335px;
        margin-right: 10px;
    }

    .vehicle-detail .marketing-text {
        color: #686868;
        clear: both;
    }

    .vehicle-detail .tab-links {
        margin: 30px 0;
        padding: 0;
    }

        .vehicle-detail .tab-links li {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .vehicle-detail .tab-links a,
        .vehicle-detail .tab-links a:visited {
            display: block;
            text-decoration: none;
            color: #1d87c3;
            padding: 4px 10px;
        }

            .vehicle-detail .tab-links a:hover,
            .vehicle-detail .tab-links a:active {
                background: #dae1e7;
            }

            .vehicle-detail .tab-links a.current {
                font-weight: bold;
                background: #dae1e7;
            }

.tab-container {
    float: left;
    position: relative;
    clear: both;
    min-height: 300px;
    margin-bottom: 10px;
}

    .tab-container .tab {
        /*position:absolute;
    top:0;
    left:0;*/
        width: 335px;
        background: #fff;
    }

.vehicle-detail .detail-cell {
    float: left;
    clear: both;
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 4px;
    width: 327px;
}

    .vehicle-detail .detail-cell label {
        float: left;
        color: #626262;
        width: 160px;
    }

    .vehicle-detail .detail-cell span {
        float: left;
        color: #254763;
        font-weight: bold;
        width: 160px;
    }

.vehicle-detail a.need-financing,
.vehicle-detail a.need-financing:visited {
    float: left;
    clear: both;
    display: block;
    color: #1d87c3;
    font-weight: bold;
    margin: 5px 0;
    text-decoration: none;
}

    .vehicle-detail a.need-financing span {
        font-weight: normal;
    }

    .vehicle-detail a.need-financing:hover,
    .vehicle-detail a.need-financing:active {
        text-decoration: underline;
    }

a.link-navigate-vehicle {
    float: left;
    color: #6a6a6a;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    border: 0;
}

    a.link-navigate-vehicle img,
    a.link-navigate-vehicle:visited img {
        border: 0;
        text-decoration: none;
        position: relative;
        top: -2px;
    }

    a.link-navigate-vehicle:hover {
        /*background-image:url('../Images/VehicleDetail/BgButton.gif') ;*/
    }

a.link-next-vehicle {
    float: right;
}

#vehicle-contact-form-container {
}

.vehicle-navigation {
    float: left;
    clear: both;
    width: 335px;
    height: 25px;
}

/* Contact
----------------------------------------------------------*/
#contact-us-form-container {
    float: left;
}

#contact-post-container {
    float: left;
}

.contact-form {
    float: left;
    width: 288px;
    padding: 20px 15px 10px 15px;
    background: #4e6479 url(../Images/Backgrounds/BgContact_top.jpg) left top no-repeat;
}

.contact-success {
    background-image: url(../Images/Backgrounds/BgContact_top.jpg);
    height: 108px;
    /*min-height:460px;*/
}

.contact-form-bottom {
    float: left;
    width: 319px;
    height: 30px;
    background: #4e6479 url(../Images/Backgrounds/BgContact_bottom.jpg) left bottom no-repeat;
    clear: both;
}

.contact-form h2,
.contact-form h3 {
    float: right;
    width: 210px;
    margin: 0;
    padding: 0;
}

.contact-form h2 {
    font-size: 16px;
    font-weight: bold;
    color: #f00;
}

.contact-form h3 {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.vehicle-contact-input {
    float: left;
    clear: both;
    margin: 10px 0 0 0;
    width: 290px;
}

    .vehicle-contact-input input {
        float: left;
        width: 132px;
        margin: 4px 0;
        background: #fff;
        border: 0;
        color: #4b4b4b;
        font-size: 11px;
        padding: 0 4px;
        height: 17px;
    }

        .vehicle-contact-input input.input-left {
            margin-right: 10px;
        }

    .vehicle-contact-input textarea {
        float: left;
        width: 282px;
        margin: 5px 0;
        border: 0;
        color: #4b4b4b;
        background: #fff;
        font-size: 11px;
        padding: 0 4px;
    }

.link-contact {
    float: left;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border: 0;
    background: url(../Images/VehicleDetail/BgSubmit_hover.png) 0 1px no-repeat;
    width: 100px;
    height: 20px;
    line-height: 18px;
    outline: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}

#contact-link .link-contact {
    margin-right: 10px;
}

button.link-contact {
    padding-bottom: 2px;
}

.vehicle-contact-input .link-contact {
    float: right;
}

.link-contact:hover,
.link-contact.hover,
.link-contact:active {
    background-image: url(../Images/VehicleDetail/BgSubmit.png);
}

.contact-form .validation {
    float: left;
}

    .contact-form .validation ul,
    .contact-form .validation li {
        padding: 0;
        margin: 0;
    }

    .contact-form .validation li {
        margin: 0 0 0 20px;
        font-size: 12px;
    }

.contact-success {
    color: #4b4b4b;
    font-weight: bold;
}


/* Body
----------------------------------------------------------*/

.body-content {
    float: right;
    width: 708px;
    margin: 0 0 0 238px;
}

    .body-content .content {
        background: #fff;
        padding: 0 10px;
        min-height: 436px;
        clear: both;
    }

    .body-content .header {
        float: left;
        height: 30px;
        width: 678px;
        background: #fff;
    }

    .body-content .round-corner {
        float: right;
        height: 30px;
        width: 30px;
        background: url(../Images/VehicleList/RoundTopRight.png);
    }

.home {
    float: right;
    width: 708px;
    height: 464px;
}

/* Buttons
----------------------------------------------------------*/

.buttons {
    float: right;
    text-align: right;
    display: inline-block;
}

    .buttons span {
        color: #666666;
        float: left;
        font-weight: bold;
        padding: 4px 25px 0 0;
    }

    .buttons a,
    .buttons a:visited,
    .buttons button {
        float: left;
        margin: 0 0 0 10px;
    }

    .buttons .wishlist-button {
        margin: 3px 20px 0 0;
    }

#vehicle-detail-close {
    background: url('../Images/Icons/close_hover.png') center -2px no-repeat;
    width: 20px;
    height: 20px;
}

#vehicle-detail-print {
    background: url('../Images/Icons/print_hover.png') center -2px no-repeat;
    width: 20px;
    height: 20px;
}

#vehicle-detail-close:hover {
    background-image: url('../Images/Icons/close.png');
}

#vehicle-detail-print:hover {
    background-image: url('../Images/Icons/print.png');
}


/* Vehicle photos
----------------------------------------------------------*/

.current-photo-container {
    float: left;
    position: relative;
    width: 274px;
    height: 188px;
}

#current-photo {
    float: left;
    width: 274px;
    height: 188px;
    overflow: hidden;
    margin: 0 0 0 1px;
}

    #current-photo a,
    #current-photo a:visited,
    #current-photo a img {
        border: 0;
        text-decoration: none;
    }

#photos-content {
    width: 40px;
    height: 192px;
}

#vehicle-photo-slider-container {
    float: left;
    height: 192px;
    margin: 0;
    text-align: left;
}

#vehicle-photo-slider-content {
    position: relative;
}

#vehicle-photo-slider {
    z-index: 100;
}

    #vehicle-photo-slider ul,
    #vehicle-photo-slider li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #vehicle-photo-slider,
    #vehicle-photo-slider li {
        width: 40px;
        height: 188px;
        overflow: hidden;
    }

#vehicle-photo-slider-next a {
    position: absolute;
    top: 180px;
    left: 0;
    width: 40px;
    height: 8px;
    cursor: pointer;
    background: transparent url(../Images/Carousel/next-vertical.png) no-repeat 0 0;
}


#vehicle-photo-slider-prev a {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 8px;
    cursor: pointer;
    background: transparent url(../Images/Carousel/prev-vertical.png) no-repeat 0 0;
}

#vehicle-photo-slider-ul a {
    display: block;
    width: 40px;
    height: 30px;
    text-decoration: none;
    margin: 0 0 2px 0;
}

    #vehicle-photo-slider-ul a img {
        text-decoration: none;
        border: 0;
    }

/* Static pages
----------------------------------------------------------*/

.static-page {
    font-size: 12px;
    color: #686868;
    margin: 10px;
    /*min-height: 400px;*/
}

    .static-page img {
        float: left;
    }

    .static-page img {
        float: left;
        margin: 0 10px 10px 0;
    }

    .static-page p {
        float: none;
        font-size: 12px;
        color: #686868;
    }

    .static-page h3 {
        font-size: 12px;
        font-weight: bold;
        color: #1d87c3;
    }

    .static-page ul {
        position: relative;
        left: 20px;
    }

        .static-page ul, .static-page ul li {
            list-style-type: disc;
        }

            .static-page ul li {
                color: #686868;
            }

            .static-page ul ul {
                left: 0;
                margin-right: 10px;
            }

/* LightBox
----------------------------------------------------------*/

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

    #jquery-lightbox a img {
        border: none;
    }

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

    #lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
        display: none;
    }

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}


/* contact us
----------------------------------------------------------*/

#contact-us-form-container {
    float: left;
    width: 330px;
}

    #contact-us-form-container .contact-form {
        /*float:left;
    width:300px;
    height:490px;
    background:url(../Images/Backgrounds/BgContact.gif) no-repeat;*/
        min-height: 460px;
    }

#contact-post-container .contact-form {
    float: left;
    width: 300px;
    height: 490px;
    background: url(../Images/Backgrounds/BgContactMap.gif) no-repeat;
}

#Subject {
    width: 289px;
}

#Country {
    width: 139px;
}

#contact-us-form-container .contact-form h3,
#contact-post-container .contact-form h3 {
    height: 45px;
}

#contact-post-container h3 {
    color: #333;
}


#contact-us-form-container .contact-form input {
    width: 130px;
}

#contact-us-form-container .contact-form textarea {
    width: 280px;
}

#contact-us-form-container .custom-select-value,
#contact-post-container .ui-custom-select-value,
#contact-us-form-container input,
#contact-us-form-container textarea {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid #e0e0e0;
}

#contact-post-container p {
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
}

/*#contact-us-form-container .contact-success
{
    float:left;
    width:300px;
    height:490px;
    margin-left:10px;
}*/

.vehicle-contact-input .input-validation-error {
    /*border: 1px solid #e60028;*/
    background-color: #FF9999;
    /*margin:1px;*/
}

.field-validation-error {
    color: red;
}

/* ajax loading
----------------------------------------------------------*/

.loading {
    position: absolute;
    background: #fff;
    z-index: 500;
    text-align: center;
    overflow: hidden;
}

    .loading img {
        margin: 30% auto 0 auto;
    }


/* Breadcrumb
----------------------------------------------------------*/
#breadcrumb {
    width: 648px;
    padding: 10px 0 10px 30px;
    height: 10px;
}

    #breadcrumb, #breadcrumb a {
        color: #b5b5b5;
        font-size: 11px;
        text-decoration: none;
    }



/* Tooltip
----------------------------------------------------------*/

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #447293;
}

    #tiptip_holder.tip_top {
        padding-bottom: 2px;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 2px;
    }

    #tiptip_holder.tip_right {
        padding-left: 2px;
    }

    #tiptip_holder.tip_left {
        padding-right: 2px;
    }

#tiptip_content {
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
}

#tiptip_arrow, #tiptip_arrow_inner {
    display: none;
}

#tiptip_holder.tip_top #tiptip_arrow {
    display: none;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    display: none;
}

#tiptip_holder.tip_right #tiptip_arrow {
    display: none;
}

#tiptip_holder.tip_left #tiptip_arrow {
    display: none;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    display: none;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    display: none;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    display: none;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    display: none;
}

/* List All makes
----------------------------------------------------------*/

ul.all-makes {
    width: 90%;
    margin: 5px 10px;
    padding: 0;
}

    ul.all-makes li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: left;
        clear: both;
        display: inline-block;
    }

        ul.all-makes li h3 {
            background: #365E84;
            padding: 2px 5px;
            margin: 5px 0;
            color: #fff;
            list-style-type: none;
            font-size: 14px;
        }

        ul.all-makes li ul {
            margin: 0;
            padding: 0;
        }

        ul.all-makes li li {
            padding: 0;
            margin: 0;
        }

/* Keep me in touch
----------------------------------------------------------*/

#keep-me-in-touch-container {
    display: none;
}

.keep-me-in-touch {
    clear: both;
    float: left;
    margin: 20px 0;
    width: 318px;
    background: #4e6479;
}

    .keep-me-in-touch .bottom {
        clear: both;
        width: 320px;
        height: 15px;
        background: url(../Images/Backgrounds/BgContact_bottom.jpg) left bottom no-repeat;
        float: left;
    }

    .keep-me-in-touch .top {
        background: #4e6479 url(../Images/Backgrounds/BgContact_simple.jpg) -1px top no-repeat;
        min-height: 100px;
        width: 318px;
    }

        .keep-me-in-touch .top .body {
            width: 300px;
            margin: 0 10px;
        }

    .keep-me-in-touch .body p {
        margin: 0 0 10px 0;
        font-size: 12px;
        color: #fff;
    }

    .keep-me-in-touch ul, .keep-me-in-touch li {
        list-style-type: none;
        margin: 5px 0;
        padding: 0;
    }

    .keep-me-in-touch .error {
        font-size: 12px;
    }

    .keep-me-in-touch h3 {
        color: #FF0000;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 0 0;
        padding: 10px 0 5px 0;
    }

    .keep-me-in-touch input {
        float: left;
        margin: 1px 10px 0 0;
        background: #fff;
        border: 0;
        color: #4b4b4b;
        font-size: 11px;
        padding: 0 4px;
        height: 18px;
        width: 150px;
    }

#unsubscribe-contact-list,
#unsubscribe-contact-list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#unsubscribe-contact-list {
    margin: 10px 10px 40px 10px;
}

.see-more-criterias {
    display: none;
    position: relative;
    left: 40px;
}

.see-more-criteria-link,
.see-more-criteria-link:visited {
    position: relative;
    left: 40px;
    color: #1f95d5;
    text-decoration: none;
}

    .see-more-criteria-link:hover {
        text-decoration: underline;
    }

/* Custom Select
----------------------------------------------------------*/
.custom-select-value {
    margin: 0;
    display: block;
    position: relative;
    height: 17px;
    text-decoration: none;
    overflow: hidden;
    background: #fff;
    float: left;
}

    .custom-select-value span.text {
        font-size: 10px;
        color: #333;
        line-height: 18px;
        padding: 0 5px;
        display: block;
        text-decoration: none;
        white-space: nowrap;
    }

    .custom-select-value span.icon {
        position: absolute;
        right: 1px;
        margin-top: -8px;
        top: 50%;
        background: url(../Images/Icons/SelectIcon.gif) no-repeat;
        cursor: pointer;
        width: 18px;
        height: 15px;
    }

#remote-control .custom-select-value {
    width: 192px;
    float: right;
}

ul.custom-select-values {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    overflow: auto;
    background: #fff;
    display: none;
    z-index: 600;
}

    ul.custom-select-values li {
        padding: 0;
        margin: 0;
        display: block;
    }

        ul.custom-select-values li a {
            font-size: 10px;
            color: #333;
            padding: 0 5px;
            display: block;
            text-decoration: none;
            line-height: 20px;
            border-bottom: 1px solid #e0e0e0;
            color: #1d87c3;
        }

            ul.custom-select-values li a:hover {
                color: #000;
                background: url(../Images/VehicleList/BgSelectedVehicle.gif) -140px top repeat-y;
            }

            ul.custom-select-values li a.selected {
                background: #447292;
                border-color: #447292;
                color: #fff;
            }

#contact-us-form .custom-select-value {
    margin: 4px 0;
    width: 138px;
}

#contact-us-form .one-column .custom-select-value {
    width: 288px;
}

#contact-post-form .custom-select-value {
    margin: 2px 0;
    width: 287px;
}

#contact-post-form .custom-select-value {
    margin: 2px 0;
    width: 200px;
    border: 1px solid #e0e0e0;
}

/* Wishlist panel
----------------------------------------------------------*/

a#wishlist-panel,
a#wishlist-panel:visited {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../Images/Backgrounds/BgWishListPanel.jpg) 0 1px no-repeat;
    width: 177px;
    height: 33px;
    text-align: center;
    color: #f00;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
}

    a#wishlist-panel:hover {
        background: url(../Images/Backgrounds/BgWishListPanel_hover.jpg) 0 1px no-repeat;
    }

    a#wishlist-panel span {
        line-height: 33px;
        /*vertical-align:middle;	*/
    }

    a#wishlist-panel:hover span {
        text-decoration: underline;
    }

.wishlist-contact {
    clear: both;
    float: left;
    margin: 20px 0;
    width: 318px;
    background: #4e6479;
}

    .wishlist-contact .body {
        position: static;
    }

    .wishlist-contact .bottom {
        clear: both;
        width: 318px;
        height: 15px;
        background: url(../Images/Backgrounds/BgContact_bottom.jpg) left bottom no-repeat;
    }

    .wishlist-contact .top {
        background: #4e6479 url(../Images/Backgrounds/BgContact.gif) 0 top no-repeat;
        min-height: 100px;
        width: 318px;
    }

        .wishlist-contact .top .body {
            margin: 0 10px;
            width: 300px;
        }

    .wishlist-contact .body p {
        margin: 0 0 10px 0;
        font-size: 12px;
        color: #fff;
    }

    .wishlist-contact ul, .wishlist-contact li {
        list-style-type: none;
        margin: 5px 0;
        padding: 0;
    }

    .wishlist-contact .error {
        font-size: 12px;
        margin-left: 10px;
    }

    .wishlist-contact h2 {
        color: #FF0000;
        font-weight: bold;
        margin: 20px 10px 0 60px;
        padding: 0;
        width: 240px;
    }

    .wishlist-contact h3 {
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        padding: 5px 10px 10px 60px;
        margin: 0;
        clear: both;
    }


    .wishlist-contact input {
        float: left;
        margin: 1px 10px 0 0;
        background: #fff;
        border: 0;
        color: #4b4b4b;
        font-size: 11px;
        padding: 0 4px;
        height: 18px;
        width: 150px;
        margin: 0 0 4px 10px;
        width: 270px;
    }


    .wishlist-contact .link-contact {
        margin: 10px 15px 0 0;
        float: right;
    }

    .wishlist-contact textarea {
        height: 80px;
        font-size: 11px;
        margin: 0 0 4px 10px;
        width: 278px;
        border: 0;
    }

#wishlist-button-container {
    float: left;
}


/* Sold icons
----------------------------------------------------------*/

.sold-icon {
    background: url("../Images/Icons/sold.png") no-repeat scroll 0 0 transparent;
    height: 114px;
    position: absolute;
    width: 114px;
    z-index: 100;
}

.sold-icon-en {
    background: url("../Images/Icons/sold.png") no-repeat scroll 0 0 transparent;
    height: 114px;
    position: absolute;
    width: 114px;
    z-index: 100;
}



.photo .sold-icon {
    bottom: -5px;
    right: -5px;
}

.photo .sold-icon-en {
    bottom: -5px;
    right: -5px;
}

.current-photo-container .sold-icon {
    bottom: -8px;
    right: -8px;
}

.current-photo-container .sold-icon-en {
    bottom: -8px;
    right: -8px;
}

/* Coming soon icons
----------------------------------------------------------*/

.coming-soon-icon {
    background: url("../Images/Icons/coming_soon.png") no-repeat scroll 0 0 transparent;
    height: 114px;
    position: absolute;
    width: 114px;
    z-index: 100;
}

.coming-soon-icon-en {
    background: url("../Images/Icons/coming_soon.png") no-repeat scroll 0 0 transparent;
    height: 114px;
    position: absolute;
    width: 114px;
    z-index: 100;
}



.photo .coming-soon-icon {
    bottom: -5px;
    right: -5px;
}

.photo .coming-soon-icon-en {
    bottom: -5px;
    right: -5px;
}

.current-photo-container .coming-soon-icon {
    bottom: -8px;
    right: -8px;
}

.current-photo-container .coming-soon-icon-en {
    bottom: -8px;
    right: -8px;
}

/* Reserved flag icons
----------------------------------------------------------*/

.reserved-icon {
    background: url("../Images/Icons/reserved.png") no-repeat scroll 0 0 transparent;
    height: 114px;
    position: absolute;
    width: 114px;
    z-index: 100;
}

.reserved-icon-en {
    background: url("../Images/Icons/reserved.png") no-repeat scroll 0 0 transparent;
    height: 114px;
    position: absolute;
    width: 114px;
    z-index: 100;
}



.photo .reserved-icon {
    bottom: -5px;
    right: -5px;
}

.photo .reserved-icon-en {
    bottom: -5px;
    right: -5px;
}

.current-photo-container .reserved-icon {
    bottom: -8px;
    right: -8px;
}

.current-photo-container .reserved-icon-en {
    bottom: -8px;
    right: -8px;
}


/* Sitemap
----------------------------------------------------------*/
#sitemap {
    left: 10px;
    float: left;
    margin: 0;
    padding: 0;
    width: 620px;
}

    #sitemap ul, #sitemap li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: #fff;
    }

        #sitemap ul li {
            float: left;
            margin: 0 20px 20px 0;
        }

            #sitemap ul li a {
                float: left;
                width: 620px;
                background: #365E84;
                color: #fff;
                list-style-type: none;
                font-size: 16px;
                padding: 2px 4px;
                text-decoration: none;
                margin: 5px 0 0 0;
            }

            #sitemap ul li li {
                float: left;
                width: 620px;
                margin: 5px 20px 5px 0;
            }

                #sitemap ul li li:hover {
                }

                    #sitemap ul li li:hover,
                    #sitemap ul li li:hover li {
                        background: #f5f5f5;
                    }

                        #sitemap ul li li:hover a {
                            /*border-color:#365E84;
    background:#f5f5f5;*/
                        }

                #sitemap ul li li a {
                    width: 610px;
                    display: inline-block;
                    background: transparent;
                    color: #333;
                    list-style-type: none;
                    font-size: 12px;
                    border-bottom: 1px solid #e9e9e9;
                    clear: both;
                    margin: 0;
                    padding: 5px;
                    font-weight: bold;
                }

                    #sitemap ul li li a:hover {
                        color: #365E84;
                    }

                #sitemap ul li li li {
                    float: left;
                    width: 180px;
                    border: 0;
                }

    #sitemap .tn-static-page,
    #sitemap .tn-homepage {
        width: 180px;
    }

        #sitemap .tn-static-page a,
        #sitemap .tn-homepage a {
            width: 170px;
        }

    #sitemap ul li li li a {
        float: left;
        width: 160px;
        display: inline;
        color: #333;
        list-style-type: none;
        font-size: 12px;
        font-weight: normal;
        padding: 0;
        margin: 2px 4px;
        border: 0;
    }

        #sitemap ul li li li a:hover {
            text-decoration: underline;
        }

    #sitemap ul li li li li {
        /*display:none;*/
        margin: 0;
    }

        #sitemap ul li li li li a {
            font-weight: normal;
            border: 0;
            width: 130px;
            padding: 0 0 0 10px;
            font-size: 10px;
        }

    #sitemap a.node-deploy {
        float: left;
        width: 10px;
        font-size: 14px;
        padding: 2px 0;
        margin: 0 0 0 2px;
        cursor: pointer;
        text-align: center;
    }

        #sitemap a.node-deploy:hover {
            text-decoration: none;
        }

    #sitemap .deployed li {
        display: block;
    }


/* Locations Maps
----------------------------------------------------------*/

#location_map {
    position: relative;
    float: left;
    width: 185px;
    height: 101px;
    top: 12px;
    left: 10px;
}

    #location_map a {
        position: absolute;
        width: 8px;
        height: 8px;
        margin: -2px 0 0 -2px;
        background: url(../Images/Maps/map_point.png) center center no-repeat;
        display: none;
        text-decoration: none;
    }

        #location_map a span {
            position: absolute;
            margin: -10px 0 0 15px;
            text-align: center;
            color: #fff;
            background: #447293;
            text-decoration: none;
            padding: 4px 10px;
            display: none;
            font-size: 10px;
            z-index: 10;
            overflow: visible;
        }

        #location_map a:hover {
            position: absolute;
            width: 8px;
            height: 8px;
            margin: -2px;
            background: url(../Images/Maps/map_point_hover.png) center center no-repeat;
        }

            #location_map a:hover span /*, #location_map a.current span*/ {
                display: inline;
            }

        #location_map a.current {
            background-image: url(../Images/Maps/map_point_hover.png);
        }

#search-row-location {
    position: absolute;
    bottom: 65px;
    left: -2px;
    z-index: 500;
}


#slideshow-slider .sold-icon-slide-en {
    background: url("../Images/Icons/slide_sold.png") no-repeat scroll 0 0 transparent;
    z-index: 100;
    height: 62px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 95px;
    bottom: 92px;
}

#slideshow-slider .coming-soon-icon-slide-en {
    background: url("../Images/Icons/slide_coming_soon.png") no-repeat scroll 0 0 transparent;
    height: 62px;
    z-index: 100;
    position: relative;
    float: left;
    overflow: hidden;
    width: 95px;
    bottom: 92px;
}

#slideshow-slider .reserved-icon-slide-en {
    background: url("../Images/Icons/slide_reserved.png") no-repeat scroll 0 0 transparent;
    height: 62px;
    z-index: 100;
    position: relative;
    float: left;
    overflow: hidden;
    width: 95px;
    bottom: 92px;
}


.bouton-boursoshop {
    font-family: arial;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
    color: #003883;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.15);
    background-color: #DEDEDE;
    line-height: 20px;
    text-align: right;
    width: 294px;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
}


a.bouton-boursoshop:hover {
    background-color: #F3F3F3;
    cursor: pointer;
}

.bouton-boursoshop img {
    vertical-align: middle;
    padding-left: 0;
	padding-top: 0;
    float: left;
    border: 0px;
}

.bouton-boursoshop-right {
    text-align: right;
    padding-top: 5px;
	color:#D20073;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    z-index: 5;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #c09853;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #b94a48;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover,
    .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

#cookie-law {
    margin: 0 auto 0;
    position: fixed;
    bottom: 0;
    padding: 35px;
    left: 0;
    right: 0;
    background: rgb(0,76,127);
    background: rgba(0,76,127,.9);
    color: #fff;
    z-index: 100;
}
 
#cookie-law p { 
    font-size:1em; 
    padding:1px; 
    text-align:center;
    margin:0;
    z-index: 1;
}

#cookie-law p a,
#cookie-law p a:hover,
#cookie-law p a:visited,
#cookie-law p a:focus,
#cookie-law p a:active { 
    color: #fff;
    text-decoration: underline;
}

.close-cookie-banner {
    right: 15px;
    font-weight: bold;
    top: 15px;
    position: absolute;
    color: #fff;
    text-decoration: none
}

/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}