@import "wrapper.css";
@import "pager.css";

body, td { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px }
textarea, input, select { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px }
h1 {font-size: 2.4em}
h2 {font-size: 1.8em}
h3 {font-size: 1.4em}
h4 {font-size: 1.2em}
h5 {font-size: 1em}
h6 {font-size: 0.85em} 
html { overflow-y: scroll;}
form { margin:0; padding:0}
img { border:0 }
body { background-color:#000; color:#fff; margin:0}

a:link { color:#fff; text-decoration:none }
a:visited { color:#ffffff; text-decoration:none; }
a:hover { color:#E60106; text-decoration:underline }
a:active { color:#E60106; text-decoration:underline }
legend { color:#FFFFFF}

/* Classi generiche */
.textRight { text-align:right } 
.textCenter { text-align:center } 
.textLeft { text-align:left} 

/* Forms */

.formField { margin:0; padding:1px 0 1px 0  ; border:1px solid #008080; font-size:11px; background-color:#dadada} 
.formFieldRequired { margin:0; padding:1px 0 1px 0  ; font-size:11px; border: 1px solid red; background-color:#dadada}
label.formFieldError {  display:inline; margin-left:4px; padding-bottom:2px; padding-left:18px; background:url(../theme_images/ico_error.png); background-repeat:no-repeat; font-size:10px; color:#ff0000}

/* Errori dopo il submit */
.formErrorsContainer { border:1px solid red; background-color:#ffcc00; margin:0px; padding:3px}
.formErrorsContainer li { padding:0; list-style:none; color:#000000; font-size:11px; margin: 0; text-align:center}

/* Menu orizzontale <div class='horizontalMenu'><ul><li><a href='#'>xxx</a></li>*/

.horizontalMenu { }
.horizontalMenu ul { margin: 0; padding: 0px 0 2px 0; list-style-type: none; list-style-image: none;}
.horizontalMenu li { display: inline; padding:0}
.horizontalMenu ul li a { text-decoration:none; margin: 0;padding: 1px 12px 1px 12px; color: blue; background-color: #e60106; border-right:2px solid white; color:#fff}
.horizontalMenu ul li a:hover {text-decoration:underline;}

/* Menu verticale <div class='verticalMenu'><ul><li><a href='#'>xxx</a></li>*/
.verticalMenu {  }
.verticalMenu ul { margin:0 ; padding:0; list-style:none; list-style-image:none }
.verticalMenu li { display:block; background-color:#e60106; border:0; margin-bottom:2px}
.verticalMenu ul li a {display:block ; font-weight:bold;  padding:3px; text-decoration:none; color: #fff; background-color:#1a1a1a;}
.verticalMenu ul li a:hover { color:#999; background-color:#1a1a1a }

/* Tabelle generiche */

.gTable { border: 1px solid #999999;  border-collapse:collapse; margin-left:auto; margin-right:auto; }
.gTable th { background-color:#e60106; color:#fff; font-size:11px; font-weight:bold; text-align:center; border: 1px solid #999 }
.gTable td { padding:3px 5px 3px 5px;  }
.gTable .header { background-color:#e60106; color:#ffffff; font-size:11px; font-weight:bold; text-align:center; border: 1px solid #999 }
.gTable .title { background-color:#e60106; color:#ffffff; font-size:11px; font-weight:bold; text-align:center; border: 1px solid #999 }
.gTable .low { background-color:#cccccc; color:#000000; font-size:11px;  }
.gTable .high { background-color:#000000; color:#eee; font-size:11px; border:1px solid #999}
.gTable .warning { background-color:#f7f95e; color:#800; font-size:11px; border:1px solid #999}
.gTable .lowBold { background-color:#000000; color:#ffffff; font-size:11px;  border: 1px solid #999; font-weight:bold }
.gTable .highBold { background-color:#000000; color:#eee; font-size:11px;  border: 1px solid #999; font-weight:bold }
.gTable .commands { background-color:#000; text-align:center }
.gTable .errorHeader { background-color:#800000; text-align:center ; font-size:11px; color:#fff }
.gTable .error { background-color:#efef00; text-align:center ; font-size:11px; color:#000 }
.gTable .warningHeader { background-color:#2080a0; text-align:center ; font-size:11px }
.gTable a, .gTable a:link, .gTable a:hover, .gTable a:active { color:#fff}

/*
div .warning { background-color:#f7f95e; color:#800; font-size:11px; border:1px solid #999; padding:4px}
div .error { background-color:#efef00; color:#800; font-size:11px; border:1px solid #999; padding:4px}
*/

/* Classi tabelle.
   Ogni tabella del sito ha classe gTable e una delle classi qui sotto.
   In questo modo e' possibile modificare le singole tabelle 
   
   Esempio: Il form di registrazione sara' class="gTable tblUserRegistration"
*/

.tblCartSummary { border: 1px solid #999;  border-collapse:collapse }
.tblCartSummary td { border:1px solid #999 }
.tblCartLogin { }
.tblCart  { }
.tblEnterDiscount {} 
.tblUsingDiscount {} 
.tblInvoiceAddress {} 
.tblShipAddress {} 
.tblChooseShipAndPayment {} 
.tblFinalSummary {} 
.tblMessageToSeller {}
.tblModifyInvoiceAddress {}
.tblModifyShipAddress {}
.tblOrderSent {}
.tblPaymentInfo {}
.tblSendPassword {}
.tblPasswordSent {}
.tblUserRegistration {}
.tblUserRegistrationComplete {}

/* Vetrina */
.product-showcase-row { border-bottom:1px dotted #fff;}
.product-showcase-container { background-color:#000; padding-top:0px }
.product-showcase-header { background-color: #000000; color:#e60106; font-weight:bold; text-align:left; height:26px; }
.product-showcase-body { background-color: #000000; padding-right:10px }
.product-showcase-footer { background-color: #000000; border-bottom:1px dotted #fff; padding:10px 0 10px 0; margin:20px}
.product-showcase-price { font-size:14px; font-weight:bold; color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-align:right; padding-right:4px}
.product-showcase-price-slashed { font-size:14px; font-weight:bold; color:#ffffff; text-decoration: line-through; text-align:right; padding-right:4px}
.product-showcase-price-offer { font-size:14px; font-weight:bold; color:#ffffff; text-align:right }
.product-showcase-label-offer { font-size:11px; font-weight:bold; color:#e60106; padding:5px 0 }
.product-showcase-image {border-right:1px dotted #000000; margin-right:10px; padding:5px}


/* Lista prodotti icone */
.product-icons-container { background-color:#000; padding-top:0px }
.product-icons-header { background-color: #000000; color:#e60106; font-weight:bold; text-align:left; height:26px; }
.product-icons-body { background-color: #000000; padding-right:10px }
.product-icons-footer { background-color: #000000; border-bottom:1px dotted #fff; padding:10px 0 10px 0; margin:20px}
.product-icons-price { font-size:14px; font-weight:bold; color:#ffffff; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:20px 0 0px; }
.product-icons-price-slashed { font-size:14px; font-weight:bold; color:#ffffff; text-decoration: line-through; text-align:left; padding:5px 0}
.product-icons-price-offer { font-size:14px; font-weight:bold; color:#ffffff; text-align:left }
.product-icons-label-offer { font-size:11px; font-weight:bold; color:#e60106; padding:5px 0 }
.product-icons-image {border-right:1px dotted #000000; margin-right:10px; padding:5px 15px 5px 15px}

/* Scheda prodotto */
.product-image-container {border-right:1px dotted #000000; margin-left:auto; margin-right:auto; text-align:center}
.product-image { margin-left:auto; margin-right:auto}
.product-header { color:#e60106; margin:2px; font-weight:bold; padding-left:20px}
.product-container { background-color:#ffffff; padding:20px}
.product-points { color:#ffff00 }
.product-order { margin-top:10px; white-space:nowrap}
.product-body { background-color:#ffffff; margin:4px; color:#000000; padding-left:20px}
.product-price { font-size:14px; font-weight:bold; color:#e60106; }
.product-price-slashed { font-size:14px; font-weight:bold; color:#e60106; text-decoration: line-through}
.product-price-offer { font-size:14px; font-weight:bold; color:#e60106 }
.product-label-offer { font-size:10px; font-weight:bold; color:#008000 }
.product-info {  height:25px}
.product-data {padding-left:20px }
.product-add { border:0; color:#e60106 ; font-weight:bold; text-transform: uppercase; padding:10px 0 10px 0; }
.product-available { white-space:nowrap;font-weight:bold; font-size:10px;background-repeat:no-repeat; background-image: url(../theme_images/ico_green.gif); padding-left:13px; height:20px; padding-top:2px; padding-right:0; text-align:left; color:#000000} 
.product-not-available { font-weight:bold; font-size:10px; color:#000000; background-repeat:no-repeat; background-image: url(../theme_images/ico_red.gif); padding-left:13px; height:20px; padding-top:2px}

.headerBlock {margin:0px; background-image: url(../theme_images/bande_rosse_pre-home.gif); padding:5px ; font-weight:bold; height:40px; background-repeat:repeat-x}

#midBlock { margin:5px 12px 2px 12px }
#leftBlock { margin:5px 0px 2px 0px }
#leftBlock table { margin:0 ; padding: 0}
#leftBlock table td { margin:0 ; padding: 0}
#rightBlock { margin:5px 0px 2px 0px; }
#mainFrame { width:1006px; margin:auto }
#redTable { background-color: #e60106 }
#footer {margin:0px; padding:2px 10px; }
#copyright {margin:2px 0px 2px 0px;   padding:2px; font-weight:bold; }
#loghi-footer{margin:0px;  padding:2px 6px 2px 3px;}

.verticalMenu-user {  }
.verticalMenu-user ul { margin:0; padding:0; list-style:none; list-style-image:none }
.verticalMenu-user li { display:block; background-color:#1a1a1a; border:0; margin-bottom:2px; padding-left:8px}
.verticalMenu-user ul li a {display:block ; font-weight:bold;  padding:3px; text-decoration:none; color: #fff; background-color:#1a1a1a;}
.verticalMenu-user ul li a:hover { color:#999; background-color:#1a1a1a }