﻿body {
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0px;
    padding: 0px;
}
#container {
    width: 730px;
    margin: 0px auto;
    padding: 0px;
}
h1 {
    font-size: 14px;
    font-family: Century Gothic, Arial, Sans-Serif;
    color: White;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
h2 {
    font-size: 12px;
    font-family: Century Gothic, Arial, Sans-Serif;
    color: #736357;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

/* LEFT COLUM */

#zoneLeft {
    width: 189px;
    margin: 0px;
    float: left;
}
#topLeft {
    height: 106px;
    /* background-image: ambre.XY.css */
    background-repeat: no-repeat;
    background-position: right;
}
#contentLeft{
    height: 569px;
    /* background-image: ambre.XY.css */
    background-repeat: no-repeat;
}
#bottomLeft {
    height: 124px;
    /* background-image: ambre.XY.css */
    background-repeat: no-repeat;
    background-position: right;
}
#contentLeft h1 {
    padding: 68px 0px 0px 40px;
}

/* MENU */

.leftMenu {
    color: White;
    font-size: 12px;
    font-weight: bold;
    margin: 66px 0px 0px 30px;
    font-family: Century Gothic, Arial, Sans-Serif;
    width: 155px;
    height: 450px;
    overflow: hidden;
}
.leftMenu td {
    padding: 1px 0px;
    white-space: normal !important;
}
.leftMenu a {
    padding: 0px 2px;
}
.menuHover a {
    background-color: #B9AD97;
}
.menuRoot a {
    color: #736357;
}
.menuLeaf {
}
.menuNode {
}
.menuSelected {
}
.menuParent {
}
.linkHome {
    font-size: 11px;
    font-weight: normal;
    margin: 19px 0px 10px 50px;
    font-family: Century Gothic, Arial, Sans-Serif;
}
.linkHome a {
    color: #736357;
    text-decoration: none;
    background-color: #E5E1D8;
    border-top: 1px solid White;
    border-right: 1px solid White;
    border-left: 1px solid White;
    padding: 1px 5px;
}
.linkHome a:hover {
    border-top: 1px solid #736357;
    border-right: 1px solid #736357;
    border-left: 1px solid #736357;
    color: #333333;
}
td.ctl00_TreeView1_2 {
}

/* CENTRAL COLUM */

#zoneCentral {
    width: 352px;
    margin: 0px;
    float: left;
}
#header {
    height: 155px;
    margin: 0px;
}
#header img {
    border-width: 0px;
}
#main {
    background-image: url('../../images/default/AMBRE_Italia_11.jpg');
    background-repeat: no-repeat;
    height: 485px;
}
#content {
    height: 445px;
    padding: 20px;
    font-family: Arial, Hevetica, Sans-Serif;
    font-size: 11px;
    line-height: 150%;
    color: #4F443C;
}
.contentScroller {
    width: 332px;
    height: 445px;
    position: relative;
    overflow-y: scroll; /* set to "scroll" for overflow text */
    scrollbar-face-color: #CDC4B3;
    scrollbar-highlight-color: #CDC4B3;
    scrollbar-3dlight-color: #CDC4B3;
    scrollbar-darkshadow-color: #E3DCD2;
    scrollbar-shadow-color: #E3DCD2;
    scrollbar-arrow-color: White;
    scrollbar-track-color: #E3DCD2;
}
#content a {
    color: #736357;
    text-decoration: none;
}
#content a:hover {
    color: #4F443C;
    background-color: #B9AD97;
}
#content p {
    margin: 0px 0px 10px 0px;
}
#content ul {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
#content li {
    margin-left: 15px;
    /*
    list-style-image: url('../../images/listItem.gif');
    */
}
#footerBrands {
    height: 159px;
}
.footerNotes {
    font-family: Century Gothic, Arial, Sans-Serif;
    color: #736357;
    font-size: 10px;
    text-align: center;
}
.footerNotes p {
    margin: 0px;
    padding: 0px;
}
.footerNotes p a {
    color: White;
    text-decoration: none;
}
.footerNotes p a:hover {
    color: #736357 !important;
}

/* RIGHT COLUM */

#zoneRight {
    width: 189px;
    margin: 0px;
    float: left;
}
#topRight {
    height: 106px;
    /* background-image: ambre.XY.css */
    background-repeat: no-repeat;
    background-position: left;
}
#contentRight {
    height: 547px;
    /* background-image: ambre.XY.css */
    background-repeat: no-repeat;
    padding-top: 22px;
}
#bottomRight {
    height: 124px;
    /* background-image: ambre.XY.css */
    background-repeat: no-repeat;
    background-position: left;
}
.rightImage {
    height: 530px;
    width: 156px;
    margin: 0px;
    position: relative;
    top: -3px;
    left: 1px;
}

/* PRODUCTS LIST AND DETAILS */

.scrollerContent {
    height: 480px;
    width: 312px; 
    position: relative;
    padding: 0px 20px;
    margin: auto; 
    top: -20px;
    left: -20px;
    overflow-y: scroll; /* set to "scroll" for overflow text */
    overflow-x: hidden;
    scrollbar-face-color: #CDC4B3;
    scrollbar-highlight-color: #CDC4B3;
    scrollbar-3dlight-color: #CDC4B3;
    scrollbar-darkshadow-color: #E3DCD2;
    scrollbar-shadow-color: #E3DCD2;
    scrollbar-arrow-color: White;
    scrollbar-track-color: #E3DCD2;
}
.scroller {
    height: 530px;
    width: 156px;
    padding: auto;
    margin: auto;
    overflow-y: scroll; /* set to "scroll" for overflow text */
    scrollbar-face-color: #CDC4B3;
    scrollbar-highlight-color: #CDC4B3;
    scrollbar-3dlight-color: #CDC4B3;
    scrollbar-darkshadow-color: #E3DCD2;
    scrollbar-shadow-color: #E3DCD2;
    scrollbar-arrow-color: White;
    scrollbar-track-color: #E3DCD2;
}
.scrollerInfo {
    height: 100px;
    width: 300px;
    padding: auto;
    margin: auto;
    overflow-y: scroll; /* set to "scroll" for overflow text */
    scrollbar-face-color: #CDC4B3;
    scrollbar-highlight-color: #CDC4B3;
    scrollbar-3dlight-color: #CDC4B3;
    scrollbar-darkshadow-color: #E3DCD2;
    scrollbar-shadow-color: #E3DCD2;
    scrollbar-arrow-color: White;
    scrollbar-track-color: #E3DCD2;
}
.productList {
    margin: 20px auto;
    font-size: 10px;
}
.productListTab td {
    line-height: 12px;
    padding: 3px 3px;
}
.productItem {
    margin-bottom: 15px;
    text-align: center;
}
.productItem img {
    margin: 0px auto;
}
.productItem a {
    text-decoration: none;
    color: #736357;
}
.productItem a:hover {
    color: Black;
}
.productCode {
    text-transform: uppercase;
}
.productDetails {
    width: 100%;
    margin: auto;
}
.productImage {
    width: auto;
    margin: 20px auto 10px auto;
    border: 3px solid #CDC4B3;
    text-align: center;
    background-color: White;
}
ul.brandLogos {
    list-style-type: none;
    margin: 20px 0px 0px 0px !important;
    padding: 0px; 
    text-align: center;
}
ul.brandLogos li {
    list-style-type: none;
    margin: 0px 0px 10px 0px !important;
    padding: 0px !important;
}
.brandLogos a {
    text-decoration: none; 
    background-color: Transparent;
    margin: 0px;
    padding: 0px;
}
.brandLogos a:hover {
    text-decoration: none; 
    background-color: Transparent !important;
}
.brandLogos img {
    margin: 0px 4px 4px 0px;
    border-width: 0px;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.brandLogos img:hover {
    margin: 0px 4px 4px 0px;
    border-width: 0px;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
.productDescription {
    text-transform: none;
}

/* FORM MAIL */

.formMail {
    margin: 20px 0px;
    width: 99%;
}
.formMailBlock {
    float: left;
    width: 48%;
}
.formMail input {
    font-size: 10px;
    width: 80%;
    display: block;
    margin-bottom: 5px;
    border-width: 0px;
    background-color: #E5E1D8;
}
.ddl {
    font-size: 10px;
    width: 150px;
    display: block;
    margin-bottom: 5px;
    border-width: 0px;
    background-color: #E5E1D8;
}
.formMail textarea {
    font-size: 10px;
    font-family: Arial, Helvetica, Sans-Serif;
    display: block;
    border-width: 0px;
    margin-bottom: 20px;
    background-color: #E5E1D8;
}
.highlight div, 
.highlight td { 
    border: solid 1px blue;
    background-color: #CDC4B3; 
}
.sendButton {
    font-size: 12px !important;
    padding: 5px 10px;
    background-color: #736357 !important;
    color: White; 
    border: 1px solid White !important;
    width: auto !important;
}
.sendButton:hover {
    background-color: White !important;
    color: #736357; 
    border: 1px solid #736357 !important;
}
.chkPrivacy input {
    margin-left: -5px;
    display: inline !important;
    background-color: Transparent;
    width: auto;
}
.termsCondTab {
    width: 100%;
    background-color: White;
    /* for IE */
    filter: alpha(opacity=60);
    /* CSS3 standard */
	-moz-opacity: 0.6;
    opacity: 0.6; 
    margin-top: 15px; 
    line-height: normal; 
    font-size: 10px;    
}
.termsCondTab td {
    width: 50%;
    vertical-align: top; 
    padding: 5px 10px;
}

/* ADMIN FORMS */

.loginForm input {
    font-size: 13px;
    margin-bottom: 5px;
    border-width: 0px;
    background-color: #E5E1D8;
    padding: 3px;
}
.chkRemember input {
    background-color: Transparent !important;
    margin-bottom: 0px !important;
    margin-left: -3px;
    margin-right: 5px;
}
.insertForm {
    margin: 0px 0px 20px 0px;
    width: 100%;
}
.insertForm input {
    font-size: 11px;
    display: block;
    margin-bottom: 5px;
    border-width: 0px;
    background-color: #E5E1D8;
}
.insertForm textarea {
    font-size: 10px;
    font-family: Arial, Helvetica, Sans-Serif;
    display: block;
    border-width: 0px;
    margin-bottom: 10px;
    background-color: #E5E1D8;
}
.insertButton {
    background-color: White;
    font-size: 12px;
    padding: 0px 5px;
    color: #736357;
}
.loginStatus {
    margin-top: 70px;
    padding: 0px 20px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #736357;
}
.loginStatus a {
    color: #736357;
}

/* FILE UPLOAD STYLE */
#divUp {
    visibility: hidden; 
    width: 190px; 
    padding: 10px; 
    border: 5px solid White; 
    position: absolute; 
    background-color: #e5e1d8;
}

.fileUpload {
    border-width: 0px;
    font-size: 10px;
}
#ctl00_mainContent_DetailsView1_chkVisible {
    display: inline !important;
    margin-bottom: 0px !important;
    background-color: Transparent !important;
}
.inlineInput input {
    display: inline !important;
}
.commands td {
    height: 30px;
    padding-top: 10px;
}
.commands a {
    font-size: 11px;
    background-color: White;
    padding: 5px;
}

/* NEWS & EVENTS */

.newsTab {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.newsItem {
    border-bottom: 1px solid #E5E1D8;
    padding: 10px 0px;
    clear: both;
}
.newsDetailsTab {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E5E1D8 !important;
}
.pager td {
    padding-right: 15px;
}
.listItemThumb {
}
.listItemThumb img {
    float: left;
    width: 90px;
    margin: 5px 10px 5px 0px;
}

/* COMMUNICATION & VIDEO */

.videoBox {
    margin: 10px 0px;
}
.imageBox {
    margin: 10px 0px;
}
.imageBox img {
    height: 100px;
    margin: 0px 10px 10px 0px;
}

/* POPUP */

.popUp {
    background-color: Transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 1;
    display: none;
}

/* BANNER BOTTOM LEFT (SPOT / WEBSHOP) */

.spotBanner {
    position: relative;
    top: -100px;
    left: 35px;
    font-size: 12px;
    color: White;
    text-align: center;
    width: 140px;
}
.spotBanner a {
    font-size: 12px;
    color: #4f443c;
    font-family: Century Gothic, Arial, Sans-Serif;
    text-decoration: none;
}
.spotBanner img {
    border-width: 0px;
    display: block;
    margin-bottom: 5px;
}
.awBox {
    position: relative;
    top: -100px;
    left: 35px;
    text-align: center;
    width: 140px;
}
.awBox img {
    border-width: 0px;
}
.awBox a {
    font-size: 12px;
    color: #4f443c;
    font-family: Century Gothic, Arial, Sans-Serif;
    text-decoration: none;
}
.awTitle {
    font-size: 18px;
    color: White; 
    font-weight: bold;
    letter-spacing: 8px;
    font-family: Century Gothic, Arial, Sans-Serif; 
    margin: 0px 0px 5px 6px;
}
.awText {
    background-color: White;
    /* for IE */
    filter: alpha(opacity=60);
    /* CSS3 standard */
	-moz-opacity: 0.6;
    opacity: 0.6;    
    background-color: White; 
    line-height: 15px; 
    padding: 5px 5px 8px 5px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

/* CENTRI ASSISTENZA */

.scItem {
    border-bottom: 1px solid White;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}
.scItem h2 {
    color: #A0522D;
    text-transform: none;
    margin: 0px 0px 5px 0px; 
    line-height: 90%; 
    font-size: 14px;
}
.scItem .scName {
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
.scItem .scType {
    font-size: 24px;
    font-weight: bold;
    float: left; 
    color: #B9AD97;
    background-color: White;
    padding: 5px;
    margin: 3px 10px 0px 0px;
    text-align: center;
}
.scItem .scAddress {
}
.scItem .scInfo {
}
.scLegend {
    font-family: Arial, Hevetica, Sans-Serif;
    font-size: 11px;
    line-height: 100%;
    color: #4F443C;
    margin: 20px;
}
.scLegend table td {
    vertical-align: top;
    padding-bottom: 15px;
}
.scLegend .scType {
    font-size: 20px;
    font-weight: bold;
    color: #B9AD97;
    background-color: White;
    padding: 5px;
    margin: 3px 10px 0px 0px;
    width: auto; 
    text-align: center;
}
