﻿body {
    background-image: url('../../images/500StoreMilano_MainBg.jpg'); 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: center top;
    background-color: #231F20;
    color: Silver;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    margin: 0px;
}
img {
    border-width: 0px;
}
.container {
    width: 860px;
    margin: 0px auto;
}
.header {
    width: 750px;
    height: 110px;
    margin: 0px auto;
    padding: 0px;
}
.mainBox {
    width: 860px;
    height: 450px;
    overflow: hidden;
    margin: 0px auto;
    background-image: url('../../images/500StoreMilano_ContentBg.jpg'); 
    background-repeat: no-repeat; 
    background-position: center top;
}
.menu {
    position: relative;
    width: 880px;
    margin: 10px 0px 10px 0px;
}
.menu a {
    text-decoration: none;
    margin: 0px 3px 0px 0px;
    padding: 0px;
    width: 118px;
    height: 60px;    
}
.menu img {
    border: 2px solid #333333;
    margin: 0px;
}
.menu img:hover {
    border: 2px solid #F78F1E;
}
.footer {
    margin: 0px;
    padding: 0px;
}
.footer p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 11px;
    color: #4D4D4D;
}
.footer p img {
    position: relative;
    top: 10px;
    margin-right: 10px;
}

/* HOME PAGE STYLES */

.homeModelsTab {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.homeModelsTab td {
    text-align: center;
    padding-top: 20px;
}    
.homeNews {
    display: table;
    padding: 15px 0px; 
    /* 
    border-top: 1px solid Gray;
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
    */
}
.homeNewsTitle {
    color: #FF8C00;
    font-size: 16px;
    float: left;
    width: 105px;
    margin-left: 10px;
    text-align: right;
    padding: 10px;
    background-color: Black;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.homeNewsPreview {
    margin: 0px 0px 0px 150px;
    width: 700px;
}
.homeNewsPreview td {
    padding: 0px 10px 0px 0px;
    vertical-align: top;
}
.newsDateTitle {
    font-size: 12px;
    color: Black;
    font-weight: bold;
}
.newsText {
    font-size: 11px;
    color: #1a1a1a;
}
.newsText a {
    color: Black; 
    text-decoration: none;
    border-bottom: 1px solid Gray;
}
.newsText a:hover {
    border-bottom: 1px solid #FF8C00;
    text-decoration: none;
}

/* PAGE CONTENT STYLES */

.content {
    padding: 20px;
    font-size: 12px;
    color: #222222;
}
.content h1 {
    font-size: 26px;
    color: #3a3a3a; /*#F78F1E*/
    margin: 0px 0px 15px 0px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: normal;
}
.content p {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.content a {
    color: Black;
    text-decoration: none;
    border-bottom: 1px solid Gray;
}
.content a:hover {
    border-bottom: 1px solid #F78F1E !important;
}
.content ul {
    margin: 0px;
    padding: 0px;
    list-style-type: square;
}
.content ul li {
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

/* CAR DETAILS PAGE */

.subMenu {
    width: 140px;
    float: left;
    margin: 5px 0px 0px 0px;
}
.subMenu h2 {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: lighter;
    text-transform: uppercase;
    border-bottom: 5px dotted #666666;
}
.subMenu ul {
    list-style-type: none;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}
.subMenu ul li {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
}
.subMenu ul li a {
    color: #1a1a1a;
    text-decoration: none;
    display: block;
    height: 18px;
}
.subMenu ul li a.selected {
    color: #F78F1E;
    border-bottom: 1px solid #F78F1E; 
}
.subMenu ul li a:hover {
    color: Gray;
    border-bottom: 1px solid #F78F1E !important; 
}
.scroller {
    margin: 0px 0px 0px 0px;
    height: 410px;
    width: 795px;
    padding-right: 30px; 
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-face-color: Black;
    scrollbar-highlight-color: #1a1a1a;
    scrollbar-3dlight-color: #1a1a1a;
    scrollbar-darkshadow-color: #1a1a1a;
    scrollbar-shadow-color: #1a1a1a;
    scrollbar-arrow-color: White;
    scrollbar-track-color: #333333;
}
.subContent {
    margin: 0px 0px 0px 160px;
    height: 410px;
    width: 658px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-face-color: Black;
    scrollbar-highlight-color: #1a1a1a;
    scrollbar-3dlight-color: #1a1a1a;
    scrollbar-darkshadow-color: #1a1a1a;
    scrollbar-shadow-color: #1a1a1a;
    scrollbar-arrow-color: White;
    scrollbar-track-color: #333333;
}
.subContent table {
    height: 410px;
    width: 100%;
}
.carDetails td {
    vertical-align: top;
}
.carDescription {
    width: 90%;
    margin-bottom: 15px;
    font-size: 12px;
}
.picturesThumbs {
    display: table;
    width: 680px;
}
.filesBox table {
    width: 300px;
    height: auto;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666; 
    margin-top: 10px;
}
.filesBox table td {
    border-bottom: 1px solid #666666;
    padding: 5px;
    vertical-align: middle;
}
.filesBox table tr:hover {
    background-color: Gray;
}
.filesBox table a {
    border-width: 0px;
}
.filesBox table a:hover {
    border-width: 0px !important;
}
.pictureBox {
    width: 100px;
    height: 60px;
    border: 1px solid Black;
    overflow: hidden;
    float: left;
    margin: 0px 5px 5px 0px;
}
.pictureBox:hover {
    border: 1px solid #F78F1E;
}
.pictureBox img {
    width: 100px;
}

/* FORM ELEMENTS */

.formElementsTab {
    width: 550px;
    margin: 0px;
}
.formElementsTab td {
    vertical-align: top;
}
.formElementsTab h3, {
    color: #231F20;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    border-bottom: 1px solid Silver;
}
.formElementsTab p {
    margin: 0px 0px 5px 0px;
}
.formElementsTab input {
    display: block;
    font-size: 11px;
    width: 120px;
    background-color: #231F20;
    color: White;
    border-width: 0px;
    padding: 3px;
}
.formElementsTab select {
    display: block;
    font-size: 11px;
    padding: 2px;
    width: 125px;
    background-color: #231F20;
    color: White;
    border-width: 0px;
}
.formElementsTab textarea {
    display: block;
    font-size: 11px;
    width: 200px;
    height: 50px;
    background-color: #231F20;
    color: White;
    border-width: 0px;
    padding: 3px;
    font-family: Helvetica, Arial, Verdana;
}
.chkBox input {
    display: inline;
    width: auto; 
    background-color: Transparent;
    margin-left: 0px;
}
.formElementsTab a {
    color: #FF6600;
    text-decoration: none;
}
.formElementsTab a:hover {
    text-decoration: underline;
}
.formBtn {
    width: auto !important;
    color: #231F20 !important;
    font-weight: bold;
    font-family: Verdana, Geneva, Sans-Serif; 
    text-transform: uppercase;
    background-color: #F78F1E !important;
    border: 1px solid #231F20 !important;
    margin-top: 10px;
}
.vSummBox {
    color: #F78F1E;
    background-color: White; /*#231F20;*/
    font-size: 11px;
    padding: 15px;
    float: right;
    width: 200px;
    margin: 26px 0px 0px 0px;
    /*
    filter: alpha(opacity=60);
    opacity: 0.6;
    */
}
.testDriveImage {
    float: right;
}


/* NEWS & EVENTS */

.newsTab {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.newsTitle {
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}
.newsItem {
    padding: 0px 0px;
    margin: 0px 0px 15px 0px;
    clear: both;
}
.newsItem h2, h2 {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: lighter;
    text-transform: uppercase;
    border-bottom: 5px dotted #666666;
}
.newsItem p {
    margin: 0px 0px 10px 0px;
}
.newsItemPreview {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0px;
    height: 95px;
}
.newsDetailsTab {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.newsItemImage {
    margin: 5px 10px 10px 0px;
    float: left;
    width: 150px;
    height: 82px;
    overflow: hidden;
    border: 1px Solid Black !important;
}
.newsItemImage:hover {
    border: 1px Solid #F78F1E !important;
}
.newsItemImage img {
    width: 150px;
}
.newsItemImage a {
    border-width: 0px !important;
    text-decoration: none;
}
.newsItemAttachment {
    margin-top: 20px;
}
.newsPreviewImage {
    float: left;
    margin: 5px 8px 5px 0px;
    width: 60px;
    height: 45px;
    overflow: hidden;
}
.newsPreviewImage img {
    width: 60px;
}
.newsPreviewImage a {
    border-width: 0px !important;
    text-decoration: none;
}
.pager td {
    padding-right: 15px;
}

/* PRODUCTS & MERCHANDISING */

.brandsNavigation {
    background-color: Gray;
}
.brandsNavigation a {
    border-width: 0px;
}
.brandsNavigation a:hover {
    border-width: 0px !important;
}
.brandsNavigation table {
    width: 300px;
    margin: auto;
}
.brandBox {
    filter: alpha(opacity=10);
    opacity: 0.1;
}
.brandBoxSelected {
    border: 1px solid White;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
.brandsNavigation table td {
    text-align: center;
}
.productsTab {
    width: 100%;
}
/*
.productsTab tr:hover {
    background-color: #919193;
}
*/
.productThumb {
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.productThumb a {
    border-width: 0px;
}
.productThumb a:hover {
    border-width: 0px !important;
}
.productThumb img {
    border: 1px solid black; 
    margin: 0px auto;
    width: 50px;
    height: 50px;
}
.productThumb img:hover {
    border: 1px solid #F78F1E; 
}
.productTitle {
    font-weight: normal;
    padding: 0px 15px;
    color: Black;
    text-transform: none;
    font-size: 11px;
}
.productDescription {
    padding-left: 5px;
    width: 200px;
}
.productPrice {
    width: 85px;
    text-align: right;
}
.productDetails {
    text-align: right;
    padding-right: 5px;
    width: 25px;
}
.merchPager td {
	font-size: 16px;
	padding: 5px 10px;
}
.merchPager a {
}
.merchPager a:hover {
	text-decoration: none;
	color: #F78F1E;
}

/* MODELS PAGE */

.modelsTab {
    width: 100%;
}    
.modelsTab td {
    width: 33%;
    vertical-align: top;
}
.modelsTab h2{
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: lighter;
    text-transform: uppercase;
    border-bottom: 5px dotted #999999;
}
.modelsTab p {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
.modelsTab ul {
    list-style-type: none;
    margin: 0px 0px 20px 0px;
    padding: 0px 50px 0px 0px;
}
.modelsTab ul li {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
}
.modelsTab ul li a {
    color: #F78F1E;
    text-decoration: none;
    display: block;
}
.modelsTab ul li a:hover {
    color: #1a1a1a;
}
