@import url("jaguar/stylesheet.css");

@charset "UTF-8";
body {
    font: 100% Arial, Helvetica, sans-serif;
    background: #000;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #A0A0A0;
    background-image: url(../images/repeat_banner.jpg);
    background-repeat: repeat-x;
}
.vaspiteri #container {
    width: 1200px;
    margin: 0 auto;
    text-align: left; /* this overrides the text-align: center on the body element. */
}
.vaspiteri #logo {
    width: 329px;
    height: 185px;
    margin-left: 100px;
    margin-top: 0px;
    padding-top: 24px;
}
.vaspiteri #car {
    width: 519px;
    height: 225px;
    margin-top: 0px;
    float: right;
    padding-top: 25px;
    margin-right: 50px;
}
.vaspiteri #header {
    background-image: url(../images/top_banner.jpg);
    height: 299px;
    background-repeat: no-repeat;
    background-position: center top;
}
.vaspiteri #buttons {
    width: 1000px;
    margin-left: 100px;
    height: 30px;
    background-image: url(../images/buttons_background.jpg);
    background-repeat: no-repeat;
    font: 100% Arial, Helvetica, sans-serif;
    color: #A0A0A0;
    padding-top: 10px;
}
.vaspiteri #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.vaspiteri #background {
    background-image: url(../images/background_gradient.jpg);
    background-repeat: no-repeat;
    min-height: 494px;
}
.vaspiteri #maincontent {
    min-height: 494px;
    width: 1000px;
    background: #000;
    margin-left: 100px;
}
.vaspiteri #sidebar {
    min-height: 450px;
    width: 210px;
    padding-top: 55px;
    padding-left: 25px;
    color: #58595B;
    position: relative;
}
.vaspiteri #content {
    min-height: 469px;
    width: 680px;
    float: right;
    padding-top: 25px;
    padding-right: 50px;
}
.vaspiteri #gallery {
    min-height: 469px;
    width: 800px;
    padding-top: 25px;
    padding-right: 50px;
    padding-left: 100px;
}
.vaspiteri #footer  {
    margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    background-image: url(../images/footer.jpg);
    height: 67px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 960px;
    margin-left: 100px;
    clear: both;
    font: 70% Arial, Helvetica, sans-serif;
    padding: 10px 20px 0px 20px;
}
.nav a {
    color: #A0A0A0;
    text-decoration: none;
}
.nav a:links {
    color: #A0A0A0;
    text-decoration: none;
}
.nav a:visited {
    color: #A0A0A0;
    text-decoration: none;
}
.nav a:active {
    color: #A0A0A0;
    text-decoration: none;
    background-image: url(../images/nav_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 35px;
}
.nav a:hover {
    color: #FFF;
    text-decoration: none;
    background-image: url(../images/nav_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 35px;
}

.ddsmoothmenu ul li a.active {
    color: white;
    background-image: url(../images/nav_arrow.png);
    background-repeat: no-repeat;
    background-position: center 30px;
}
.footer a {
    color: #A0A0A0;
    text-decoration: none;
}
.footer a:links {
    color: #A0A0A0;
    text-decoration: none;
}
.footer a:visited {
    color: #A0A0A0;
    text-decoration: none;
}
.footer a:active {
    color: #A0A0A0;
    text-decoration: none;
}
.footer a:hover {
    color: #FFF;
    text-decoration: none;
}
.nav2 a {
    color: #A0A0A0;
    text-decoration: none;
}
.nav2 a:links {
    color: #A0A0A0;
    text-decoration: none;
}
.nav2 a:visited {
    color: #A0A0A0;
    text-decoration: none;
}
.nav2 a:hover {
    color: #FFF;
    text-decoration: none;
}
#smoothmenu1 {
    width: 1000px;
    margin-left: 100px;
    height: 37px;
    background-image: url(../images/buttons_background.jpg);
    background-repeat: no-repeat;
    font: 100% Arial, Helvetica, sans-serif;
    color: #A0A0A0;
    padding-top: 3px;
}
#white_text {
    color: #FFF;
}
#grey_text {
    color: #A0A0A0;
}
#galleria {
    width: 800px;
    height: 630px;
    background: none;
    background-color: #000;
}
.sidebar a {
    color: #58595B;
    text-decoration: none;
    padding-right: 15px;
}
.sidebar a:links {
    color: #58595B;
    text-decoration: none;
}
.sidebar a:visited {
    color: #58595B;
    text-decoration: none;
}
.sidebar a:active {
    color: #A0A0A0;
    text-decoration: none;
}
.sidebar a:hover {
    color: #A0A0A0;
    text-decoration: none;
    background-image: url(../images/nav_arrow2.png);
    background-position: right;
    background-repeat: no-repeat;
}
.activesidebar {
    color: #A0A0A0;
    background-image: url(../images/nav_arrow2.png);
    background-position: right;
    background-repeat: no-repeat;
}
#sidebarbottom {
    position: absolute;
    bottom: 0;
}
.inactivesidebar a:hover {
    text-decoration: none;
    background-image: url(none);
    background-repeat: no-repeat;
}
.tabletopborder {
    border-top: solid #FFF 1px;
}

/* Sale page */
.panel {width:100%; display: block; margin-bottom:1em; overflow:hidden; border-top:solid thin #58595B;}
.panel .picture {width:150px; overflow:hidden; float:left;}
.panel .picture img {width:100%;}
.panel .description {float:right; display:block; width:500px; padding:}

/*Table on Sale Page*/
.table-specs {
    width:48%;
    display:inline-block;
}
.table-specs tr td:first-child {
    width:140px;
}