/* CUSTOM FONTS + ICONS */

@font-face {
  font-family: 'shopit-icons';
  src:url('fonts/shopit-icons.eot');
  src:url('fonts/shopit-icons.eot?#iefix') format('embedded-opentype'),
    url('fonts/shopit-icons.ttf') format('truetype'),
    url('fonts/shopit-icons.woff') format('woff'),
    url('fonts/shopit-icons.svg#shopit-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* FONDAMENTALI */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline:0; 
} /* reset */

html, body { height: 100%; }

body { font-size: 75%; }

html > body {
  background: #fff;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;;
  color:#58585a; 
}

p { 
  line-height: 1.6em; 
}

ul {
  list-style: none; 
}

a { 
  color: #6e6e6e; 
  outline: none; 
  text-decoration: none; 
}

a:hover { 
  color: #74B5FD;
  text-decoration: none; 
}

a:focus {
  outline: none; 
}

.text-right {
  text-align: right !important; 
}


/* ICON FONT icomoon.io */

[class^="icon-"], [class*=" icon-"] {
	font-family: 'shopit-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
	content: "\e600";
}
.icon-wishlist:before {
	content: "\e601";
}
.icon-cart:before {
	content: "\e602";
}
.icon-logout:before {
	content: "\e603";
}
.icon-menu:before {
  content: "\e604";
}
.icon-warning:before {
  content: "\e605";
}
.icon-info:before {
  content: "\e606";
}
.icon-checkmark:before {
  content: "\e607";
}


/* STRUTTURA */

#standard { background: top left repeat-x #fff }

#box {
    height: 100%;
    margin: auto;
    text-align: center;
    position: relative;
}

#box.conBanner { background: center top no-repeat }

body>#box {
    height: auto;
    min-height: 100%;
}

#container {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#bannerTop {
    width: 990px;
    height: 100px;
    margin: auto;
}

#content {
    font-size: 11px;
    padding-bottom: 230px;
}


/* TESTATA */ 

#testata {
    margin-bottom: 10px;
    position: relative;
    padding-top: 125px;
}

#logo {
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    max-width: 100%;
}

#logo img { 
  max-width: 100%; 
}

.mobile-menu-toggle { display: none }

#menu {
    position: absolute;
    top: 30px;
    font-size: 10px;
}

.testata-not-logged #menu { right: 80px }

.testata-logged #menu { right: 160px }

#menu a {
    font-weight: bold;
    white-space: nowrap;
}

#menu a:hover,
#menu a.attivo { color: #74B5FD }

.testata-login-link,
.testata-logout-link,
.testata-account-link {
    position: absolute;
    padding: 6px;
    top: 18px;
    font-size: 24px;
}

.testata-login-link,

.testata-account-link { right: 105px }

.testata-not-logged .testata-login-link { right: 36px }

.testata-logged .testata-login-link { display: none }

.testata-not-logged .testata-account-link { display: none }

.testata-not-logged .testata-logout-link { display: none }

.testata-logout-link { right: 70px }

#carrelloVeloce {
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 30;
}

.header-cart-opener {
    font-size: 24px;
    cursor: pointer;
    padding: 6px;
    position: relative;
}

.header-cart-opener:hover,
.header-cart-opener.active { background-color: #ccc }

.header-cart-amount {
    position: absolute;
    top: -15px;
    right: -8px;
    border-radius: 18px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background-color: #74B5FD;
}

.header-cart-box {
    position: absolute;
    background-color: #ccc;
    top: 100%;
    right: 0;
    padding: 10px;
    text-align: right;
    width: 140px;
}

#wishlistHome {
    position: absolute;
    top: 18px;
    right: 35px;
    font-size: 20px;
    padding: 6px;
}

.testata-not-logged #wishlistHome { display: none }

#cerca {
    width: 100%;
    height: 35px;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 20;
    background: #dbe8f4; 
    text-align: right; 
}

#cerca .search-field-container { 
  padding: 5px 10px; 
}

#cerca .contAvanzata {
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 5px;
}

#cerca .contAvanzata.active { color: #74B5FD }

#cerca form label a { margin: 2px 0 }

#campoCerca {
  width: 155px;
  height: 21px;
  padding: 2px 5px;
  line-height: 21px;
  background-color: #fff;
  font-size: 10px;
  color: #6e6e6e;
  float: right;
  border: 0;
  -webkit-border-radius: 0;
  /* Bug fixes for removing the inner shadow on iOS inputs - http://zomigi.com/blog/bug-fixes-for-removing-the-inner-shadow-on-ios-inputs/ */
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
  background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
  /* end */
}

#cerca .anima { 
  float: right; 
  width: 165px; 
}

#cerca .cercaNelSito {
    width: 16px;
    height: 25px;
    background: url(../images/help/ico_cerca.png) center center no-repeat;
    display: block;
    float: right;
    text-indent: -9000px;
    margin: 0 0 0 10px;
}


/* NAV MENU - regole relative al menù di navigazione orizzontale (categorie) in testata */

#nav-menu {
    width: 100%;
    height: 45px;
    background-color: #e6e6e2;
}

#nav-menu ul { list-style: none }

#nav-menu > ul > li {
    float: left;
    position: relative;
    border-right: 1px solid #fff;
    z-index: 1;
}

#nav-menu > ul > li:last-child { border-right: 0 }

#nav-menu > ul > li > a {
    display: table-cell;
    nowhitespace: afterproperty;
    vertical-align: middle;
    outline: none;
    height: 45px;
    padding: 0 12px 0 13px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    text-transform: lowercase;
    /*max-width: 120px;*/ ;
}

#nav-menu > ul > li.hasmore > a:hover,
#nav-menu > ul > li.hasmore > a.active,
#nav-menu > ul > li.hasmore > a.attivo {
    background-color: #ccc;
    color: #bb1027;
}

#nav-menu .dropdown {
    position: absolute;
    top: 45px;
    left: 0;
    padding: 10px;
    background-color: #ccc;
    z-index: 10;
}

#nav-menu .dropdown a {
    display: block;
    color: #3b3b3b;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 0;
    text-transform: lowercase;
    white-space: nowrap;
}

#nav-menu .dropdown a:hover { color: #fff }


/* Main */

#main { 
  width: 80%; 
  float:left; 
}

.main-inner {
  margin-left: 10px; 
  margin-bottom: 24px; 
}



/* Main --- Home - IMAGE ROTATOR*/

#rotator {
    width: 100%;
    height: 240px;
    margin-bottom: 10px;
    position: relative;
}

.folio_block { position: relative }

.window {
    height: 240px;
    width: 782px; 
    overflow: hidden;
    position: relative;
}

#rotator .window {
	width:100%; 
}

.image_reel {
    position: absolute;
    top: 0;
    left: 0;
}

.image_reel img {
    float: left;
}

#rotator .spotRotator {
    width: 220px;
    height: 188px;
    padding: 20px;
    position: absolute;
    right: 6px;
    top: 6px;
    background: #eee;
    background: rgba(255,255,255,.75);
}

#rotator .spotRotator h1 {
    font-size: 24px;
    padding-bottom: 5px;
    font-family: 'OpenSansCondensedBold', sans-serif; 
    color: #000;
}

#rotator .spotRotator h2 {
    font-size: 12px;
    line-height: 14px;
    color: #6e6e6e;
}

#rotator .spotRotator .prezzo {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#rotator .spotRotator .prezzo h3 {
    font-size: 24px;
    color: #393939;
    text-align: right;
    line-height: 20px;
}

#rotator .spotRotator .prezzo h4 {
    font-size: 11px;
    text-align: right;
}

#rotator .paging {
    position: absolute;
    bottom: 6px;
    left: 6px;
    display: none;
}

#rotator .spotRotator .prezzo h4 a {
    color: white;
    padding: 5px;
    background: #393939;
    line-height: 12px;
    display: block;
}

#rotator .spotRotator .prezzo h4 a:hover {
    background: #616161;
    color: white;
}


/* Main --- Home - Box fck */

/*.fckHome { float: left; width: 47%; padding: 1%; margin: 0 0 10px 0; background-color: #e6e6e2; }*/
.fckHome {
    float: left;
    width: 46%;
    padding: 1%;
    background-color: #e6e6e2;
    margin: 7px;
	height: 280px;
    overflow: hidden;
}
.fckHome .testo-fck-editor {
	height: 95px;
    overflow: hidden;
    font-size: 11px !important;
    text-align: left !important;
    font-weight: 500 !important;
	line-height: 16px !important;
	font-family: Verdana, Geneva, sans-serif !important;
}
.fckHome .testo-fck-editor p {
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #6e6e6e !important;
	font-family: Verdana, Geneva, sans-serif !important;
}
.fckHome .testo-fck-editor span {
	font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
	font-family: Verdana, Geneva, sans-serif !important;
}
.fckHome .testo-fck-editor p span {
	font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: left !important;
	font-family: Verdana, Geneva, sans-serif !important;
}
.fckHome.first { margin-right: 2%; }
.fckHome img { margin-bottom: 7px; max-width: 100%; }
.fckHome h1 { font-size:24px; color:#20ace0;}
.fckHome p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#20ace0; color: #6e6e6e; }
.fckHome .button { float: right; margin: 0 10px 10px 0; }


/* Main --- Home - BANER CENTRALE */

.bannerCentrale a {display: block; margin-bottom: 10px;}


/* Main --- ARTICOLI DETTAGLIO */

.disponibilitaDettaglio {
    padding: 0 0 20px;
    display: table;
}

.disponibilitaDettaglio span {
    float: left;
    padding-right: 5px;
    padding-top: 2px;
}

.disponibilitaDettaglio strong {
    color: #6e6e6e;
    display: table-cell;
    vertical-align: middle;
}

.product-detail {
  padding: 10px; 
  border: 1px solid #d2d2d2; 
  margin-bottom: 10px; 
  position: relative; 
}

.product-detail .new-ribbon {
  position: absolute; 
  top: 1px; 
  right: 1px; 
  background-color: #bb1027; 
  color: #fff; 
  font-size: 11px; 
  padding: 4px; 
  font-weight: bold; 
}

.product-detail-image {
  float: left; 
  width: 40%; 
  position: relative; 
}

.product-detail-image > img {
  width: 100%; 
}

.product-detail .zm-wrap { 
  display: block; 
}

.product-detail .imgZoom {
  width: 100%; 
}

.product-detail .infos-box {
  float: left; 
  width: 60%; 
}

.product-detail .row {
  margin-left: 10px; 
  margin-bottom: 20px; 
}

.product-detail .product-code {
  font-size: 10; 
  color: #007eff; 
}

.product-detail .name {
  font-size: 18px; 
  color: #000; 
  padding-bottom: 10px; 
  border-bottom: 1px solid #d2d2d2; 
}

.product-detail .description {
  margin-top: 10px;
  overflow: hidden;
  font-family:"Courier New", Courier, monospace;
  -webkit-transition: all .5s; /* Safari and Chrome */
     -moz-transition: all .5s; /* Firefox 4 */
      -ms-transition: all .5s;
       -o-transition: all .5s; /* Opera */
          transition: all .5s;
}

.product-detail .description.closed {
  max-height: 19.6em; 
}

.product-detail .description.open {
  max-height: 100em; 
}

.product-detail .description-opener { 
  display: block; 
  margin-top: 5px; 
  padding: 4px 8px; 
  text-align: right; 
  border-top: 1px dotted #d2d2d2; 
}

.product-detail [class*="float-box"] { 
  float: left; 
  width: 50%; 
}

.product-detail .old-price {
  font-size: 11px;
  color: #6e6e6e;
  text-decoration: line-through;
}

.product-detail .discount {
  font-size: 11px;
  color: #1dafdd; 
  font-weight: bold;
}

.product-detail .price {
  font-size: 24px;
  color: #bb1027;
  font-weight: bold; 
  line-height: .7em; 
}

.product-detail .price span {
  font-size: 11px;
}

.product-detail .buttons-container a,
.product-detail .buttons-container div,
.product-detail .rating {
  float: right; 
}


/* Main --- ARTICOLI DETTAGLIO - richiedi info */

.elementsAsk-container { 
  margin-bottom: 10px; 
}

.elementsAsk-container #elementsAsk {
  border-right: 1px solid #d2d2d2; 
  border-bottom: 1px solid #d2d2d2; 
  border-left: 1px solid #d2d2d2; 
  padding: 10px; 
}

.elementsAsk-container .label { 
  color: #000;
  font-weight: bold;
  margin-bottom: 5px; 
}

.elementsAsk-container textarea {
    width: 96%;
    height: 40px;
    padding: 6px 2%;
    color: #6E6E6E;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
    border: 1px solid #d2d2d2; 
    background-color: #fafafa; 
    font-family: Verdana, Geneva, sans-serif;
}
.elementsAsk-container input {
    width: 96%;
    padding: 6px 2%;
    color: #6E6E6E;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
    border: 1px solid #d2d2d2; 
    background-color: #fafafa; 
    font-family: Verdana, Geneva, sans-serif;
}

.elementsAsk-container .loader,
.elementsAsk-container .msg-success,
.elementsAsk-container .msg-error {
  font-weight: bold; 
}

.elementsAsk-container .msg-success {
  color: #4bc54f;
}

.elementsAsk-container .msg-error {
  color: #bb1027; 
}


.elementsAsk-container .loader {
  padding-left: 20px; 
  background: url(../images/struttura/ajax-loader_articoli.gif) no-repeat left center;
}


/* Main --- ARTICOLI DETTAGLIO - immagini multiple del prodotto */

.product-image-gallery.with-brand { 
  float: left; 
  width: 79%; 
  margin-bottom: 10px; 
}

.product-image-gallery-content,
.product-brand-content {
  padding: 10px 0 0 0; 
  border: 1px solid #d2d2d2; 
}

.product-image-gallery-content .image-container { 
  float: left; 
  width: 25%;
  text-align: center;
}

.product-image-gallery-content .image {
  width: 90%;
  padding-bottom: 90%; 
  margin: 0 5% 10px 5%; 
  background-color: #eee; 
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: 100%; 
  cursor: pointer;
  -moz-backface-visibility: hidden; /* Hack per firefox - http://nickpye.com/2013/04/03/css3-opacity-transition-image-wiggle-bug-in-mozilla-firefox/ */
}

.product-image-gallery-content .image:hover {
  opacity: .8;
  -moz-backface-visibility: hidden;
}

.product-brand {
  float: left; 
  width: 19.7%; 
  margin-left: 1.3%; 
  margin-bottom: 10px; 
}

.product-brand-content .image-container { 
  text-align: center; 
}

.product-brand-content img { 
  width: 90%;
  margin: 0 5% 10px 5%;
}


.listThumbs {
  margin: 1px 0 10px 0
}

.listThumbs td {
  padding-top: 9px
}

.listThumbs-gallery {
  border: 1px solid #d2d2d2
}

.listThumbs-gallery img {
  margin-left: 9px;
  width: 140px;
  margin-bottom: 9px;
  -moz-backface-visibility: hidden; /* Hack per firefox - http: //nickpye.com/2013/04/03/css3-opacity-transition-image-wiggle-bug-in-mozilla-firefox/ */;
}

.listThumbs-gallery img:hover {
}

.listThumbs-marchio {
  border: 1px solid #d2d2d2
}

.listThumbs-marchio img {
  border: 1px solid #d2d2d2;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 150px;
}


/* Main --- ARTICOLI DETTAGLIO - video */

.tabVideo { margin: 1px 0 10px 0; text-align: center; border:1px solid #d2d2d2; }

/* Main --- ARTICOLI DETTAGLIO - descrizione aggiuntiva */

.tabInfoAggiuntive { margin: 1px 0 10px 0; border:1px solid #d2d2d2; }


/* Main --- ARTICOLI DETTAGLIO - navigazione articolo precedente e successivo */

.navArticoliContainer {
  padding: 0 10px;
  background-color: #e6e6e2;
  margin-bottom: 1px;
}

.navArticoliButtons {
  float: right;
}

.button.navArticoli {
  width: 30px;
  text-align: center;
  background: url(../images/struttura/nav_button.png) top left no-repeat;
  display: block;
  margin-top: 5px; 
  margin-bottom: 5px; 
}

.navArticoli.prec {
  margin-right: 10px
}

.navArticoliContainer .back {
  margin: 5px 10px 5px 0;
  background: url(../images/struttura/nav_button.png) top left no-repeat;
}


/* Main --- ARTICOLI DETTAGLIO - social */

.dettArticoloSocialContainer {
  margin-bottom: 10px
}

.dettArticoloSocialContainer .facebookCol,
.dettArticoloSocialContainer .twitterCol,
.dettArticoloSocialContainer .shareFriendsCol {
  float: left;
  width: 31.5%;
}

.dettArticoloSocialContainer .facebookCol,
.dettArticoloSocialContainer .twitterCol {
  margin-right: 1.5%;
  border-right: 1px solid #C4C4C4;
}

.shareFacebookArticolo {
  display: inline-block;
  background: #ECEEF5;
  border: 1px solid #CAD4E7;
  border-radius: 3px;
  color: #3B5998;
  padding: 2px 6px 2px 18px;
  white-space: nowrap;
  margin-bottom: 5px;
  background: url(../images/icone_buttons/facebook_share.png) 5px 3px no-repeat #ECEEF5;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

.twitter-follow-button {
  margin-bottom: 5px
}

.shareFriendsArticolo {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #626262;
  padding: 2px 6px 2px 24px;
  white-space: nowrap;
  background: url(../images/struttura/ico_share_friends.png) 4px 0 no-repeat #e6e6e2;
}


/* Main --- ARTICOLI DETTAGLIO - filtro per fornitore(marchio) */

.filtroFornitore {
  padding: 10px 20px 0 20px;
  background-color: #7fb2e2;
}

.filtroFornitoreLable {
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  padding: 4px 0 0 0;
  margin-bottom: 10px; 
}

.filtroFornitore .selectContainer {
  float: right;
  margin-left: 10px;
  width: 220px;
  height: 24px;
  overflow: hidden;
  background: url(../images/struttura/select_red_arrow.gif) 200px center no-repeat #fff;
  margin-bottom: 10px; 
}

.filtroFornitore select {
  background: transparent;
  border: 0 none;
  min-width: 250px;
  font-size: 11px;
  font-weight: normal;
  color: #6e6e6e;
  padding: 4px;
  cursor: pointer;
  -webkit-appearance: none;
}

.button.buttonfiltroFornitore {
  background: url(../images/struttura/buttonFiltroFornitore.png) top left no-repeat;
  width: 45px;
  text-align: center;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px; 
}


/* Main --- RICERCA AVANZATA */

#ricercaAvanzata .colonnaRicerca {
  margin-bottom: 10px;
}

#ricercaAvanzata .colonnaRicerca label {
  width: 100%;
  float: left; 
}

#ricercaAvanzata .ricercaAvanzataCont .contCampi {
  padding: 0;
  background: none;
}

#ricercaAvanzata .ricercaAvanzataCont label {
  width: 256px
}

#ricercaAvanzata select {
    width: 100%;
    padding: 5px 2%;
    display: block;
    margin: 3px 0 9px 0;
    border: 1px solid #74A6D4;
}

#ricercaAvanzata .colonnaRicerca .anima span {
  bottom: 1px !important;
  width: 236px !important;
}

#ricercaAvanzata select {
  font-weight: normal
}

#ricercaAvanzata select option {
  padding: 0 4px
}

#ricercaAvanzata .selCampi input {
  display: none
}

#ricercaAvanzata .selCampi .checkbox {
  padding: 6px 0;
  margin: 1px 0 0;
  display: block;
  background: url(../images/struttura/rav_disabled.gif) left top no-repeat #c9c9c9;
  color: #FFF;
  cursor: pointer;
  font-weight: normal;
}

#ricercaAvanzata .selCampi .checkbox span { 
  padding-left: 24px; 
}

#ricercaAvanzata .selected,
#ricercaAvanzata .selCampi .checkbox:hover {
  background: url(../images/struttura/rav_attivo.gif) left top no-repeat #95c3df  !important;
}

#ricercaAvanzata .intestazione { 
  margin-bottom: 10px; 
}

#ricercaAvanzata .intestazione p { 
  margin: 0; 
}

#interoDa,
#interoA {
  color: #BB1027
}

#ricercaAvanzata .ui-slider-horizontal .ui-slider-handle:nth-child(2) {
  margin-left: 0;
}

#ricercaAvanzata .ui-slider-horizontal .ui-slider-handle:nth-child(3) {
  margin-left: -20px;
}

#ricercaAvanzata .colonnaPulsanti {

}

#ricercaAvanzata .colonnaPulsanti a {
  margin-bottom: 5px
}

#ricercaAvanzata .colonnaPulsanti a.buttonEmpty {
  margin-bottom: 0;
  margin-top: 5px;
  background: transparent;
  border: 1px solid #dbbf24;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: left;
  padding-left: 9px;
  width: 130px;
  text-decoration: none;
  height: 23px;
  line-height: 23px !important;
}

#ricercaAvanzata .colonnaPulsanti a.buttonEmpty:hover {
  text-decoration: none;
  color: #BB1027;
}

.nokey {
  background: #c9c9c9 !important;
  color: white !important;
}

/* SLIDER MODDING */

#slider-range {
    margin-top: 4px;
    background-color: #fff; 
}

.ui-slider {
    top:0px; 
    left:0px; 
    height:17px !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -2px !important
}

.ui-slider .ui-slider-handle {
    height: 19px !important;
    width: 19px !important;
}

.ui-state-active {
    background: #E4E4E4 !important
}

.ui-slider-range {
    height: 17px !important;
    background-image: url(../images/ricerca/bg_slider_IE.gif) !important;
    background-position: top left !important;
    background-attachment: scroll;
    background-repeat: repeat-x !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(0.99, #ab001a)) !important;
    background-image: -moz-linear-gradient(center top, #ff0000 5%, #ab001a 100%) !important;
}


/* Main --- CARRELLO */

.cart-container .cart-item,
.cart-container .discount-row,
.cart-container .shipping-row,
.cart-container .partial-amount-row,
.cart-container .coupon-row,
.cart-container .total-amount-row {
  padding: 20px; 
  margin-bottom: 1px; 
}

.cart-container .coupon-row-amount span,
.cart-container .partial-amount-row span,
.cart-container .discount-row-amount span,
.cart-container .shipping-row-amount span {
  font-size: 12px; 
}

.cart-container .heading {
  background-color: #373737; 
  font-size: 10px; 
  color: #cfcfcf; 
  font-weight: bold; 
  padding: 10px 20px; 
}

.cart-container [class*="heading-box"],
.cart-container [class*="float-box-"] {
  float: left; 
}

.cart-container [class*="box-product"] {
  width: 55%; 
}

.cart-container [class*="box-amount"] {
  width: 20%; 
}

.cart-container [class*="box-discount"] {
  width: 12%; 
}

.cart-container [class*="box-price"] { 
  text-align: right; 
  width: 13%; 
}

.cart-container .cart-item {
  background-color: #eee;
}

.cart-container .name {
  font-size: 11px; 
  font-weight: bold; 
  color: #000; 
}

.cart-container .name:hover {
  color: #74B5FD;
}

.cart-container .amount-input {
  width: 40px;
  height: 23px;
  border: 1px solid #aaaaaa;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  float: left;
  line-height: 23px;
  padding: 0 2px;
}

.cart-container .float-box-amount img { 
  position: relative; 
  top: 3px; 
  margin-left: 5px; 
}

.cart-container .discount {
  color: #74B5FD;
  font-weight: bold; 
}

.cart-container .old-price {
  text-decoration: line-through; 
}

.cart-container .price {
  color: #bb1027; 
  font-weight: bold; 
}

.cart-container .discount-row,
.cart-container .shipping-row {
  background-color: #d3d3d3; 
  font-weight: bold; 
  color: #373737; 
  line-height: 20px; 
}

.cart-container .discount-row-lable,
.cart-container .shipping-row-lable {
  float: left; 
}

.cart-container .discount-row-amount,
.cart-container .shipping-row-amount {
  float: right; 
  font-size: 18px; 
}

.cart-container .partial-amount-row {
  background-color: #d3d3d3; 
  font-size: 18px; 
  text-align: right; 
  font-weight: bold; 
  color: #373737; 
}

.cart-container .coupon-row { 
  background-color: #1dafdd; 
  color: #fff; 
  font-weight: bold; 
}

.cart-container .coupon-row-lable {
  float: left; 
  margin-bottom: 10px;
}

.cart-container .coupon-row-validate {
  float: right; 
}

.cart-container .coupon-row-validate input { 
  float: right; 
  width: 65px;
  height: 17px;
  padding: 3px;
  border: 1px solid #fff;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  line-height: 17px;
}

.cart-container .coupon-row-amount {
  float: right; 
  font-size: 18px; 
}

.cart-container .total-amount-row {
  background-color: #c72031; 
  font-size: 18px; 
  color: #fff; 
  font-weight: bold; 
  text-align: right; 
}

.cart-container .buttons-row {
  padding: 20px 20px 10px 20px;
}

.cart-container .buttons-row .button,
.cart-container .buttons-row .buttonEmpty {
  margin-left: 5px; 
  margin-bottom: 10px; 
}


/* Main --- RIEPILOGO */

#frm_recapiti,
#frm_provenienza,
#frm_pagamento {
    width: 100%;
    padding: 5px 2%;
    display: block;
    margin: 3px 0 9px 0;
    border: 1px solid #74A6D4;
}

#frm_recapiti option,
#frm_provenienza option,
#frm_pagamento option {
  padding: 0 4px
}

.caricamentoGrande {
  text-align: center;
  padding: 100px 0;
  background: #EEEEEE;
}

.caricamentoGrandeAccount {
  text-align: center;
  padding: 10px 0;
  background: white;
}


/* Main --- ORDINI */

.orders-container .heading {
  background-color: #373737; 
  font-size: 10px; 
  color: #cfcfcf; 
  font-weight: bold; 
  padding: 10px 0; 
}

.orders-container [class*="heading-box"],
.orders-container [class*="float-box-"] {
  float: left; 
}

.orders-container .heading-box-order span {
  padding-left: 20px; 
}

.orders-container .heading-box-invoice span {
  padding-right: 20px; 
}


.orders-container [class*="box-order"] {
  width: 15%; 
}

.orders-container [class*="box-user"] {
  width: 25%; 
}

.orders-container [class*="box-date"] {
  width: 15%; 
}

.orders-container [class*="box-total"] {
  width: 15%; 
}

.orders-container [class*="box-payment"] { 
  width: 15%; 
}

.orders-container [class*="box-state"] { 
  width: 15%; 
}

.accountAdmin .orders-container [class*="box-state"] {
  text-align: right; 
}

.accountAdmin .orders-container .heading-box-state span {
  padding-right: 10px; 
}

.orders-container [class*="box-invoice"] { 
  text-align: right; 
  width: 25%; 
}

.orders-container .orders-item {
  margin-bottom: 1px; 
  cursor: pointer; 
}

.account-iscritti .orders-container .heading-box-order span {
	padding-left: 8px;
}
.account-iscritti .orders-container .orders-item {
  margin-bottom: 1px;
  cursor: pointer;
  padding: 10px 0px 10px 0px;
}
.account-iscritti .float-box-order.box-n-cliente {
  padding-left: 8px;
}
.account-iscritti .float-box-order.box-utente {
  margin-left: -8px;
}
.account-iscritti .float-box-order.box-rag-soc {
  margin-left: 15px;
}
.account-iscritti .heading-box-order.titolo-rag-soc {
  margin-left: 7px;
}


.orders-container .orders-item:nth-child(2n+1) { 
  background-color: #eee; 
}

.orders-container .orders-item:nth-child(2n+2) { 
  background-color: #ddd; 
}

.orders-container .orders-item:hover,
.orders-container .orders-item.rigaSelected {
  background-color: #ecbfc1; 
}

.orders-container .orders-item a { 
  display: block; 
  padding: 10px 10px 10px 0; 
  color: #6e6e6e; 
}

.orders-container .float-box-order a { 
  padding: 10px 0 10px 20px;
  font-weight: bold;
  color: #000;
  min-height: 25px; 
}

.orders-container  .float-box-date a,
.orders-container .float-box-payment a {
  font-size: 10px; 
  min-height: 25px; 
}

.orders-container .float-box-total {
  font-size: 12px; 
  font-weight: bold; 
  min-height: 25px; 
}

.orders-container .float-box-invoice { 
  padding: 10px 0;
}






.orders-container .name {
  font-size: 11px; 
  font-weight: bold; 
  color: #000; 
}

.orders-container .name:hover {
  color: #bb1027; 
}

.orders-container .amount-input {
  width: 40px;
  height: 23px;
  border: 1px solid #aaaaaa;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  float: left;
  line-height: 23px;
  padding: 0 2px;
}

.orders-container .float-box-amount img { 
  position: relative; 
  top: 3px; 
  margin-left: 5px; 
}

.orders-container .discount {
  color: #74B5FD;
  font-weight: bold; 
}

.orders-container .old-price {
  text-decoration: line-through; 
}

.orders-container .price {
  color: #bb1027; 
  font-weight: bold; 
}


/* Main --- LOGIN */

#divPersoPass { display: none }

#loginLeft,
#loginRight {
  width: 49.25%;
  float: left; 
}

#loginLeft {
  margin-right: 1.5%; 
}

.boxLogin {
  padding: 20px;
}

#loginLeft .boxLogin ,
#loginRight .boxLogin  {
  min-height: 200px; 
}


#loginLeft .boxLogin {
  background: #dbe8f4;
}

#loginRight .boxLogin {
  background: #eeeeee;
  position: relative;
  color: #6e6e6e;
}

#login label,
#frm_lostpsw label { 
  float: left; 
  width: 100%;
  font-weight: bold;
  font-size: 11px;
}

.boxLogin .forgotPwd { 
  display: block; 
  float: none; 
  margin-bottom: 20px; 
  text-align: right; 
  margin-top: 5px; 
}

#raggruppaTipoUtente {
  margin: 30px 0;
}

#selezioneTipoUtente label {
  display: block;
  font-weight: bold;
  width: 140px;
  float: right;
  cursor: pointer;
}

#selezioneTipoUtente label input {
    float: left;
    height: 18px;
    outline: none;
    cursor: pointer;
}

#selezioneTipoUtente label span { 
    line-height: 18px;
    margin-left: 10px;
    float: left;
}


/* Main --- REGISTRAZIONE */

#captchaContent {
  padding: 20px;
  background: #DBE8F4;
  margin-top: 1px;
}

.captcha-container {
  text-align: center; 
  background-color: #fff; 
  margin-top: 3px; 
}


/* Main --- RUBRICHE */

.elencoRubricheBox {
    float: left;
    width: 92%;
    padding: 30px 4%;
    background-color: rgb(234, 234, 234);
    margin-bottom: 10px;
    position: relative;
}

.elencoRubricheBox:nth-child(even) { background-color: rgb(244, 244, 244) }

.elencoRubricheBox .thumb {
    float: left;
    width: 42%;
    overflow: hidden;
}

.elencoRubricheBox .thumb img { 
  width: 100%; 
}

.elencoRubricheBox .text {
    float: left;
    width: 56.5%;
    margin-left: 1.5%; 
    position: relative;
    overflow: hidden;
}

.elencoRubricheBox .ellipsis { height: 173px }

.elencoRubricheBox h1 {
    margin-bottom: 5px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.elencoRubricheBox h1 a {
    display: block;
    font-size: 18px;
    color: #20ACE0;
}

.elencoRubricheBox h1 a:hover { color: #bb1027 }

.elencoRubricheBox p {
    font-size: 11px;
    color: #6e6e6e;
    margin-bottom: 10px;
    line-height: 1em;
    position: relative;
}

.vaiDettaglioArticolo {
    position: absolute;
    bottom: 12px;
    right: 30px;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}

.vaiDettaglioArticolo:hover { color: #bb1027 }

.rubriche-accordion { 
  margin: 0 0 10px 0 
}

.rubriche-accordion .opener {
    padding: 10px;
    background-color: #e6e6e2;
    font-size: 10px;
    color: #6e6e6e;
    cursor: pointer;
    margin-bottom: 1px;
}

.rubriche-accordion .opener:hover,
.rubriche-accordion .attivo {
    background: url(../images/struttura/ico_expandList.gif) right center no-repeat #3e3e34;
    color: #fff;
}

.rubriche-accordion .yearContainer {
    list-style: none;
    display: none;
}

.rubriche-accordion .yearContainer a {
    display: block;
    padding: 10px;
    margin-bottom: 1px;
    background-color: #9e9e9e;
    color: #fff;
    font-size: 10px;
}

.rubriche-accordion .yearContainer a:hover,
.rubriche-accordion .yearContainer a.attivo { 
  background-color: #d94c4c; 
}

.rubriche .corpoTesto { 
  padding: 10px 
}

.rubriche .tornaElenco {
    padding: 12px;
    background-color: #f4f4f4;
}

.rubriche .tornaElenco a {
    color: #000;
    font-weight: bold;
    font-size: .9em;
}

.rubriche .tornaElenco a:hover { color: #bb1027 }

.rubriche .corpoTesto h1 {
    font-size: 1.6em;
    margin-bottom: 1.6em;
}

.rubriche .corpoTesto h2 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 1.1em;
}

.rubriche .corpoTesto p,
.rubriche .corpoTesto table,
.rubriche .corpoTesto ul {
    color: #6E6E6E;
    line-height: 1.6em;
    margin-bottom: 1.6em;
}

.rubriche .corpoTesto ul { margin-left: 16px }

.rubriche .intestazione,
.rubriche #colNav,
.rubriche #copertinaHistory,
.rubriche #history,
.rubriche #filtri,
.rubriche #copertinaTop10,
.rubriche #top10 {
  display: none; /* da sovrascrivere nella personalizzazioni se si attiva */
}

.rubriche .intestazione-rubriche {
  display: block; 
}


/* Main --- Wishlist */

.wishlist-container .heading {
  background-color: #373737; 
  font-size: 10px; 
  color: #cfcfcf; 
  font-weight: bold; 
  padding: 10px 20px; 
}

.wishlist-container [class*="heading-box"],
.wishlist-container [class*="float-box-"] {
  float: left; 
}

.wishlist-container [class*="box-product"] {
  width: 55%; 
}

.wishlist-container [class*="box-availability"] {
  width: 10%; 
}

.wishlist-container [class*="box-price"] {
  width: 10%; 
}

.wishlist-container [class*="box-buttons"] {
  width: 25%; 
}

.wishlist-container .wishlist-item {
  background-color: #eee;
  padding: 20px 20px 0 20px; 
  margin-bottom: 1px; 
}

.wishlist-container .name {
  font-size: 11px; 
  font-weight: bold; 
  color: #000; 
}

.wishlist-container .name:hover {
  color: #bb1027; 
}

.wishlist-container .old-price {
  text-decoration: line-through; 
}

.wishlist-container .price {
  color: #bb1027; 
  font-weight: bold; 
}

.wishlist-container .button,
.wishlist-container .buttonNonDispo {
  float: right; 
  margin: 0 10px 10px 0;
}


/* Main --- HELP */

#corpoHelp {
  width: 80%; 
  float:left; 
}

.ricercaHelp {
    padding: 5px 10px;
    background: #dbe8f4;
    text-align: right;
    /*margin-bottom: 20px;*/;
}

.ricercaHelp input {
    width: 155px;
    height: 21px;
    padding: 2px 5px;
    line-height: 21px;
    background-color: #fff;
    font-size: 10px;
    color: #6e6e6e;
    float: right;
    border: 0;
}

.ricercaHelp input.inputhover,
.ricercaHelp input.inputselected { :  }

.ricercaHelp a {
    width: 16px;
    height: 25px;
    background: url(../images/help/ico_cerca.png) center center no-repeat;
    display: block;
    float: right;
    text-indent: -9000px;
    margin: 0 0 0 10px;
}

.ricercaHelp .anima {
    float: right;
    width: 165px;
}

.ricercaHelp .anima span {
}

.ricercaHelp .anima span.inputhover { }

#testiHelp {
  padding-top: 10px; 
}

#testiHelp h1 {
    font-size: 12px;
    color: #007eff;
}

#testiHelp h2 {
    font-size: 18px;
    color: #000000;
}

#testiHelp h3 {
    font-size: 12px;
    color: #000000;
    margin-top: 15px;
}

#testiHelp h3 span { color: #BB0000 }

#testiHelp p {
    padding: 15px 0;
    color: #6e6e6e;
    line-height: 18px;
    border-bottom: 1px solid #d2d2d2;
}

#testiHelp p span {
    font-weight: bold;
    color: #000;
}

#testiHelp ul {
    list-style: outside;
    margin-left: 14px;
    padding: 15px 0;
    color: #6e6e6e;
}


/* Main --- PRIVACY */

.privacy_legal h2{margin-bottom:10px; color:#007EFF;}
.privacy_legal h5{margin-bottom:5px; font-size:11px; color:#616161;}
.privacy_legal p{margin-bottom:20px; color:#6E6E6E;}


/* ColSx */

#colSx{ 
  width:20%; 
  float:left; 
  margin-bottom: -10px; 
}

#colNav {
  margin-bottom: 10px; 
}

ul.liv01 {
    list-style: none;
    font-size: 10px;
}

ul.liv02 { list-style: none }

ul.liv03 {
    list-style: none;
    background: #FFF;
}

ul.liv01 li { line-height: 24px }

ul.liv01 li a {
    line-height: 12px;
    color: #6e6e6e;
    display: block;
    padding: 10px 20px 10px 10px;
    border-bottom: 1px solid #d3d3d3;
    background-color: #e6e6e2;
    overflow: hidden; 
}

ul.liv01 li a:hover,
ul.liv01 li a.attivo {
    color: #FFF;
    background: url(../images/struttura/ico_expandList.gif) right center no-repeat #3e3e34;
}

ul.liv02 li a {
    background: #9e9e9e;
    color: #ffffff;
    padding: 10px 20px 10px 10px;
    overflow: hidden; 
}

ul.liv02 li a:hover,
ul.liv02 li a.attivo { background: url(../images/struttura/ico_expandList.gif) right center #d94c4c no-repeat }

ul.liv03 li.ultimo a,
ul.liv03 li.ultimo a:hover { padding-left: 11px }

ul.liv03 li a {
    background: #f6f6f6;
    color: #6e6e6e;
    padding: 10px 20px 10px 10px;
    overflow: hidden; 
}

ul.liv03 li a:hover,
ul.liv03 li a.attivo {
    background: #f6f6f6;
    color: #000;
    padding: 10px 20px 10px 10px;
    border-bottom: 1px solid #6e6e6e;
}


ul#filtri {
  list-style: none;
  margin-bottom: 10px;
}

ul#filtri li {
  height: 30px;
  margin-bottom: 1px;
}

ul#filtri li a {
  height: 30px;
  display: block;
  line-height: 30px;
  padding-left: 30px;
  color: #6e6e6e;
  font-weight: bold;
  background: #e6e6e2;
}

ul#filtri li a:hover,
ul#filtri li a.attivo {
  background-color: #d2d2d2
}

ul#filtri li a.filtro01 {
  background-image: url(../images/struttura/ico_filtro01.png);
  background-repeat: no-repeat;
  background-position: 7px 9px;
}

ul#filtri li a.filtro02 {
  background-image: url(../images/struttura/ico_filtro02.png);
  background-repeat: no-repeat;
  background-position: 7px 9px;
}

ul#filtri li a.filtro03 {
  background-image: url(../images/struttura/ico_filtro03.png);
  background-repeat: no-repeat;
  background-position: 7px 9px;
}

ul#filtri li a.filtro04 {
  background-image: url(../images/struttura/ico_filtro04.png);
  background-repeat: no-repeat;
  background-position: 7px 7px;
}

ul#filtri li a.filtro05 {
  background-image: url(../images/struttura/ico_filtro05.png);
  background-repeat: no-repeat;
  background-position: 7px 7px;
}


.banner {
  margin: 10px
}

.banner div {
  margin-bottom: 10px
}

#copertinaTop10,
#copertinaHistory {
  padding: 10px;
  background-color: #f6f6f6;
}

#copertinaTop10 img,
#colSx #copertinaHistory img {
  width: 100%
}

#colSx #marchiSuggeriti {
  margin: 10px 10px 0 10px
}

#colSx #marchiSuggeriti img {
  margin-bottom: 10px;
  max-width: 140px;
}


ul#top10,
ul#history {
  font-size: 10px;
  list-style: outside none;
  padding: 0 10px 10px 10px;
  background-color: #f6f6f6; 
  margin-bottom: 10px; 
}

ul#top10 li,
ul#history li {
  color: #6e6e6e;
  margin-bottom: 15px;
}

ul#top10 li.expandList {
  border-bottom: 1px solid #d2d2d2;
  padding: 5px 0;
  text-align: right;
}

ul#top10 li a span,
#colSx ul#history li a span {
  color: #ac001a;
  margin-right: 8px;
}

ul#top10 li a,
#colSx ul#history li a {
  color: #000;
  display: block;
}

ul#top10 li a:hover,
#colSx ul#history li a:hover {
  color: #AC001A
}

ul#top10 li.expandList a {
  color: #9e9e9e
}

ul#top10 li.expandList a:hover {
  color: #AC001A;
  text-decoration: none;
}


#helpMenu {
  list-style: none;
  font-size: 10px; 
  margin-bottom: 10px; 
}

#helpMenu li {
  height: 30px;
  margin-bottom: 1px;
}

#helpMenu li a {
  height: 30px;
  display: block;
  line-height: 30px;
  padding-left: 30px;
  color: #6e6e6e;
  font-weight: bold;
  background-color: #e6e6e2;
  background-repeat: no-repeat;
  background-position: 7px 9px;
}

#helpMenu li a:hover,
#helpMenu li a.attivo {
  background-color: #d2d2d2
}

#helpMenu li a.help01 {
  background-image: url(../images/help/ico_faq01.png)
}

#helpMenu li a.help02 {
  background-image: url(../images/help/ico_faq02.png)
}

#helpMenu li a.help03 {
  background-image: url(../images/help/ico_faq03.png)
}

#helpMenu li a.help04 {
  background-image: url(../images/help/ico_faq04.png)
}

#helpMenu li a.help05 {
  background-image: url(../images/help/ico_faq05.png)
}

#helpMenu li a.help06 {
  background-image: url(../images/help/ico_faq06.png)
}

#helpMenu li a.help07 {
  background-image: url(../images/help/ico_faq07.png)
}

#helpMenu li a.help08 {
  background-image: url(../images/help/ico_faq08.png)
}

#helpMenu li a.help09 {
  background-image: url(../images/help/ico_faq09.png)
}


#colSx #helpMenu .account01 {
  background-image: url(../images/account/ico_profilo.png);
  background-position: 7px 9px;
  background-repeat: no-repeat;
}

#colSx #helpMenu .account02 {
  background-image: url(../images/account/ico_ordini.png);
  background-position: 7px 9px;
  background-repeat: no-repeat;
}

#colSx #helpMenu .account03 {
  background-image: url(../images/account/ico_admin.png);
  background-position: 7px 9px;
  background-repeat: no-repeat;
}

#colSx #helpMenu .account04 {
  background-image: url(../images/account/ico_elementi_mancanti.png);
  background-position: 7px 9px;
  background-repeat: no-repeat;
}

#colSx .fastLinks li a {
  background-image: url(../images/account/ico_fast.png);
  background-position: 7px 9px;
  background-repeat: no-repeat;
}


/* BOTTOM */

#bottom {
    width: 930px;
    height: 200px;
    padding: 20px 30px 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -495px;
    background-color: #393939;
    font-size: 10px;
    color: white;
    margin-top: 10px;
    border-top: 10px solid white;
    overflow: hidden;
    text-align: left;
}

#bottom h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #e6e6e2;
    margin-bottom: 13px;
}

#bottom p { border-bottom: 1px dotted #757575 }

#bottom .box01,
#bottom .box02,
#bottom .box03,
#bottom .box04 {
    float: left;
    width: 20%;
    margin-right: 5%;
    margin-bottom: 20px; 
}

#bottom .box04 { margin-right: 0; }

#bottom .box04 ul { list-style: none }

#bottom .box04 ul li {
    float: left;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
}

#frm_recapiti, #frm_provenienza, #frm_provincia, .select_provincia {
    border: 1px solid #74a6d4;
    display: block;
    margin: 3px 0 9px;
    padding: 5px 2%;
    width: 100%;
}

#bottom #credits { 
  text-align: right; 
  padding: 10px 0;
}

#bottom #credits p {
    border-bottom: none;
    color: #9e9e9e;
}

#bottom #bottomContent p a {
    font-weight: bold;
    color: white;
    padding: 7px 7px;
    display: block;
    margin: 1px 0;
}

#bottom #bottomContent p a:hover { background: #757575 }

#bottom #bottomContent #credits p a {
    text-decoration: none;
    color: white;
    display: inline;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

#bottom #bottomContent #credits p a:hover {
    background: none;
    color: #9e9e9e;
}


/* Layout lista prodottti a griglia */

.product-grid-item { 
  float: left;
  width: 25%;
}

.product-grid-item .content { 
  border: 1px solid #d2d2d2; 
  padding: 6px; 
  margin: 0 1px 1px 0; 
  position: relative;
}

.product-grid-item .new-ribbon { 
  position: absolute; 
  top: 1px; 
  right: 1px; 
  background-color: #bb1027; 
  color: #fff; 
  font: 11px; 
  padding: 4px; 
  font-weight: bold; 
}

.product-grid-item .image { 
  display: block; 
  text-align: center;
  background-position: center center;
  background-size: 100% auto; 
  background-repeat: no-repeat; 
  padding-bottom: 100%;
  height: 1px;
  margin-bottom: 10px; 
} 

.product-grid-item .image img { 
  width: 100%;
} 

.product-grid-item .infos-box {
  min-height: 85px; 
} 

.product-grid-item .name {
  font-size: 11px; 
  margin-bottom: 6px; 
}

.product-grid-item .new-lable {
  color: #bb1027; 
}

.product-grid-item .name a {
  color: #000; 
}

.product-grid-item .name a:hover {
  color: #bb1027; 
}

.product-grid-item .old-price {
  font-size: 11px;
  color: #6e6e6e;
  text-decoration: line-through;
}

.product-grid-item .discount {
  font-size: 11px;
  color: #1dafdd; 
  font-weight: bold;
}

.product-grid-item .price {
  font-size: 11px;
  color: #bb1027;
  font-weight: bold;
}


/* Layout lista prodottti a lista */

.product-list-item .content { 
  border: 1px solid #d2d2d2; 
  margin-bottom: 1px;
  padding: 10px; 
  position: relative;
}

.product-list-item .new-ribbon { 
  position: absolute; 
  top: 1px; 
  right: 1px; 
  background-color: #bb1027; 
  color: #fff; 
  font: 11px; 
  padding: 4px; 
  font-weight: bold; 
}

.product-list-item .image { 
  display: block; 
  float: left; 
  width: 18.5%; 
  margin-right: 1.5%; 
} 

.product-list-item .image img { 
  width: 100%; 
} 

.product-list-item .infos-box { 
  float: left; 
  width: 80%; 
} 

.product-list-item .row {
  padding: 10px 0; 
}

.product-list-item [class*="float-box"] {
  float: left; 
  width: 33%;
}

.product-list-item .availability-box,
.product-list-item .price-box,
.product-list-item .buttons-box { 
  display: table-cell; 
  vertical-align: middle; 
  height: 85px;
}

.product-list-item .availability-box { 
  font-size: 10px; 
  font-weight: normal; 
}

.product-list-item .availability-box img { 
  position: relative; 
  top: 8px; 
}


.product-list-item .price-box {
}

.product-list-item .buttons-box { 
  float: right; 
}

.product-list-item .product-code a:hover {
  color: #bb1027; 
}

.product-list-item .name {
  font-size: 11px; 
  margin-bottom: 6px; 
}

.product-list-item .new-lable {
  color: #bb1027; 
}

.product-list-item .name a {
  color: #000; 
}

.product-list-item .name a:hover {
  color: #bb1027; 
}

.product-list-item .old-price {
  font-size: 11px;
  color: #6e6e6e;
  text-decoration: line-through;
}

.product-list-item .discount {
  font-size: 11px;
  color: #1dafdd; 
  font-weight: bold;
}

.product-list-item .price {
  font-size: 11px;
  color: #bb1027;
  font-weight: bold;
}


/* Paginazione articoli */

.nav-multipag {
  background-color: #e6e6e2; 
  padding: 10px 20px 0 20px; 
  font-size: 10px;
  font-family: Tahoma, Geneva, sans-serif;
  color: #626262;
  font-weight: bold;
  margin-bottom: 1px;
}

.nav-multipag .buttons-row {
  text-transform: uppercase;
  float: left; 
  margin-bottom: 10px; 
  margin-right: 10px; 
}

.nav-multipag .navBtn {
  width: 50px;
  height: 25px; 
  line-height: 25px;
  float: left; 
  text-align: center;
  background: url(../images/struttura/nav_button.png) top left no-repeat;
  display: block;
  color:#aaa;
}

.nav-multipag .navBtn a { 
  display: block; 
  width: 50px;
  height: 25px; 
  line-height: 25px;
  color:#626262;
}

.nav-multipag .navBtn:hover a {
  color:#BB1027;
}

.nav-multipag .numerazioni {
    float: left;
    padding: 0 15px; 
    text-align: center;
    display: block;
    line-height: 25px;
}

.nav-multipag .goto-row {
  float: left; 
  margin-bottom: 10px; 
  margin-right: 10px; 
}

.nav-multipag .label {
  float: left;
  margin-right: 10px; 
  line-height: 23px; 
}

.nav-multipag input {
    width: 23px;
    padding: 5px;
    font-size: 11px;
    color: #626262;
    float: left;
    margin-top: 1px;
    margin-right: 6px;
    border: 0;
    border-radius: 4px;
}

.nav-multipag .goto-button { 
  width:16px; 
  height:15px; 
  padding: 5px; 
  background:url(../images/struttura/vai_precisa.png) top left no-repeat; 
  float:left;
}

.nav-multipag .num-record {
  float: right; 
  margin-bottom: 10px; 
}

.nav-multipag .select-container {
  float: left; 
  width: 50px;
  height: 24px;
  overflow: hidden;
  background: url(../images/struttura/select_red_arrow.gif) 33px center no-repeat #fff;
}

.nav-multipag .select-container select {
  background: transparent;
  border: 0 none;
  min-width: 80px;
  font-size: 11px;
  font-weight: normal;
  color: #6e6e6e;
  padding: 4px;
  cursor: pointer;
  -webkit-appearance: none;
}

.nav-multipag .select-container-orders {
  float: left; 
  width: 140px;
  height: 24px;
  overflow: hidden;
  background: url(../images/struttura/select_red_arrow.gif) 122px center no-repeat #fff;
}

.nav-multipag .select-container-orders select {
  background: transparent;
  border: 0 none;
  min-width: 180px;
  font-size: 11px;
  font-weight: normal;
  color: #6e6e6e;
  padding: 4px;
  cursor: pointer;
  -webkit-appearance: none;
}


/* Tabelle */

.tabHome tr td { background: white }

.tabCategoria tr td {
    background: white;
    padding: 10px;
}

.tabCategoriaInterno tr td { padding: 0 }

.tabCategoriaInterno tr td.prezzoHome h1,
.tabCategoriaInterno tr td.prezzoHome h2,
.tabCategoriaInterno tr td.prezzoHome h3 { line-height: 18px }

.tabCategoriaInterno tr td.prezzoHome h1 {
    color: #000;
    font-size: 11px;
}

.tabCategoriaInterno tr td.prezzoHome h2 { text-decoration: none }

.prezzoHome h4 {
    color: #bb1027;
    font-size: 11px;
}

.tabCategoriaInline{font-size:10px; color:#6e6e6e;}
.tabCategoriaInline tr.inverti td{background:#eeeeee;}
.tabCategoriaInline tr.focusOn td{background:#ecbfc1;}
.tabCategoriaInline tr td{height:30px; background:white; border-bottom:1px solid #d2d2d2;}
.tabCategoriaInline tr td.primo{padding-left:20px; font-weight:bold;}
.tabCategoriaInline tr td h1{font-size:12px; color:#bb1027;}
.tabCategoriaInline tr td h1 span{font-size:9px;}

.tabElencoArticoli{background:#d2d2d2; margin-top:1px;}
.tabElencoArticoli tr td{background:white;}
.tabElencoArticoli tr td table tr td .prezzoHome{padding:0;}
.tabElencoArticoli tr td table tr td .prezzoHome h1{font-weight:bold;}
.tabElencoArticoli tr td table tr td .prezzoHome h1, .tabElencoArticoli tr td table tr td .prezzoHome h2, .tabElencoArticoli tr td table tr td .prezzoHome h3{padding-bottom:0;}
.tabElencoArticoli .dettHome .acquistaHome{margin-top:0;}

.dettHome{position:relative; padding:10px;}
.dettHome img{margin-bottom:10px; max-width: 141px;}
.zoom{width:30px; height:30px; position:absolute; top:1px; left:1px; background:#d2d2d2; /*margin-top:-30px;*/}
.dettArt{position:relative;}

.prezzoHome{padding:0 10px;}
.prezzoHome h1{font-size:11px; color:#1dafdd;}
.prezzoHome h2{font-size:11px; color:#6e6e6e; font-weight:normal; text-decoration:line-through;}
.prezzoHome h3{font-size:11px; color:#bb1027; font-weight:bold;}

.dettArtIn{padding:10px;}
.dettArtIn h1{font-size:10px; color:#007eff; text-align:left;}
.dettArtIn h2{font-size:18px; color:#000000; text-align:left; padding-bottom:20px; border-bottom:1px solid #d2d2d2; margin-bottom:10px;}
.dettArtIn p{text-align:left; font-size:10px; color:#6e6e6e; line-height:14px;}
.dettArtIn p.descrizione{line-height:12px;}
.dettArtIn p span img{padding-right:5px; text-align:left; display:inline;}

.prezzoArticoli{padding:0 10px;}
.prezzoArticoli h1{font-size:11px; color:#1dafdd; font-weight:bold !important;}
.prezzoArticoli h2{font-size:11px; color:#6e6e6e; font-weight:normal; text-decoration:line-through;}
.prezzoArticoli h3{font-size:24px; color:#bb1027; font-weight:bold; line-height:20px;}
.prezzoArticoli h3 span{font-size:14px;}
.prezzoArticoli h4{font-size:11px; color:#bb1027;}

.tableDettArticolo{margin:10px 0;}
.tableDettArticolo img{border:1px solid #d2d2d2;}
.tableDettArticolo p{color:#6e6e6e; padding-bottom:14px;}

.tableOrdini tr td{font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#6e6e6e; border-bottom:1px solid #d2d2d2;}
.tableOrdini tr td a{color:#6e6e6e; display:block; padding:10px 0 10px 20px;}
/*.tableOrdini tr.primo td{border-top:1px solid #d2d2d2;}*/
.tableOrdini tr.intestazione td{font-weight:bold; color:#cfcfcf; background:#373737; border-bottom:1px solid white; padding:10px 0 10px 20px;}
.tableOrdini tr.intestazione td a{color:#cfcfcf;}
.tableOrdini tr td.nOrdine{font-size:11px; font-weight:bold; color:black;}
.tableOrdini tr td.nOrdine a{color:black;}
.tableOrdini tr td.nOrdine a:hover{color:#bd0c27;}
.tableOrdini tr td.tdTotale{font-size:12px; font-weight:bold;}
.tableOrdini tr.rigaSelected, .tableOrdini tr:hover, .tableOrdini tr.inverti:hover{background:#ecbfc1 !important;}
.tableOrdini tr.rigaSelected td.nOrdine a{color:#bd0c27;}
.tableOrdini tr.inverti{background:#eeeeee;}

.input{color:#6E6E6E !important; font-size:11px;}
.inputselected{color:#6E6E6E !important; font-weight:bold; background:#f2f7fb !important;}


/* INTESTAZIONI */

.intestazione{height:33px; border:1px solid #d5d5d5;}
.intestazioneMain{display:block; height:32px; margin-bottom:1px;}
.intestazioneMain p{display:block; height:30px; padding-left:18px; line-height:30px; font-size:10px; font-weight:bold;}
.intestazione01{border:1px solid #5c96cd;}
.intestazione02{border:1px solid #d3d3d3;}
.intestazione03{border:1px solid #8895a1; margin-top:1px;}
.intestazione04{border:1px solid #aa61c7;}
.intestazione05{border:1px solid #8895a1;}
.intestazione06{border:1px solid #8895a1; float: left; width: 172px;}
.intestazione01 p{height:30px; border:1px solid #8bb4db; background:url(../images/struttura/bg_main_intestazione.gif) top left repeat-x; color:white; }
.intestazione02 p{height:30px; border:1px solid #ffffff; background:url(../images/struttura/bg_main_intestazione02.gif) top left repeat-x; color:#6e6e6e;}
.intestazione03 p{height:30px; border:1px solid #aab3bc; background:url(../images/struttura/bg_main_intestazione03.gif) top left repeat-x; color:white;}
.intestazione03 p span{margin-left:95px;}
.intestazione04 p{height:30px; border:1px solid #c38fd7; background:url(../images/struttura/bg_main_intestazione04.gif) top left repeat-x; color:white;}
.intestazione05 p{height:30px; border:1px solid #aab3bc; background:url(../images/struttura/bg_main_intestazione03.gif) top left repeat-x; color:white;}
.intestazione06 p{height:30px; border:1px solid #aab3bc; background:url(../images/struttura/bg_main_intestazione03.gif) top left repeat-x; color:white;}
.intestazione p{height:31px; padding-left:10px; display:block; border:1px solid #fff; background:url(../images/struttura/bg_intestazione.gif) top left repeat-x; text-transform:uppercase; font-size:10px; font-weight:bold; color:#6e6e6e; line-height:31px;}


/* MESSAGGI E NOTIFICHE */

.ui-notify {
  border-width: 1px; 
  border-style: solid; 
  position: relative;
  margin-bottom: 10px; 
}

.ui-notify [class*="icon-"] {
  position: absolute;
  top: 10px; 
  left: 10px; 
  font-size: 48px; 
  color: #fff; 
  opacity: .5;
}

.ui-notify .text { 
  padding: 10px 20px 10px 70px; 
  min-height: 50px; 
  line-height: 1.4em; 
  font-size: 16px; 
  font-weight: bold; 
  border-width: 1px; 
  border-style: solid; 
  color: #fff; 
}

.ui-notify .text span { 
  color: #6e6e6e; 
  color: rgba(0,0,0,.4);
}

.ui-notify a {
  color: #fff; 
  text-decoration: underline;
}

.ui-notify a:hover {
  color: #000; 
  text-decoration: none;
}


.ui-alert {
  border-color: #ffaa01; 
}

.ui-alert .text {
  border-color: #ffc85a; 
  background-color: #febc37; 
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #FDB118),
    color-stop(1, #FFC85A)
  );
  background-image: -o-linear-gradient(bottom, #FDB118 0%, #FFC85A 100%);
  background-image: -moz-linear-gradient(bottom, #FDB118 0%, #FFC85A 100%);
  background-image: -webkit-linear-gradient(bottom, #FDB118 0%, #FFC85A 100%);
  background-image: -ms-linear-gradient(bottom, #FDB118 0%, #FFC85A 100%);
  background-image: linear-gradient(to bottom, #FDB118 0%, #FFC85A 100%);
}

.ui-info {
  border-color: #084074; 
}

.ui-info .text {
  border-color: #639acf; 
  background-color: #376dc0; 
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #083cb0),
    color-stop(1, #639acf)
  );
  background-image: -o-linear-gradient(bottom, #083cb0 0%, #639acf 100%);
  background-image: -moz-linear-gradient(bottom, #083cb0 0%, #639acf 100%);
  background-image: -webkit-linear-gradient(bottom, #083cb0 0%, #639acf 100%);
  background-image: -ms-linear-gradient(bottom, #083cb0 0%, #639acf 100%);
  background-image: linear-gradient(to bottom, #083cb0 0%, #639acf 100%);
}

.ui-success {
  border-color: #1aa228; 
}

.ui-success .text {
  border-color: #82ec7b; 
  background-color: #4bc54f; 
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #1aa228),
    color-stop(1, #82ec7b)
  );
  background-image: -o-linear-gradient(bottom, #1aa228 0%, #82ec7b 100%);
  background-image: -moz-linear-gradient(bottom, #1aa228 0%, #82ec7b 100%);
  background-image: -webkit-linear-gradient(bottom, #1aa228 0%, #82ec7b 100%);
  background-image: -ms-linear-gradient(bottom, #1aa228 0%, #82ec7b 100%);
  background-image: linear-gradient(to bottom, #1aa228 0%, #82ec7b 100%);
}

.stringConferma{border:1px solid #1ba228; height:98px; margin-bottom:10px; background:url(../images/struttura/bg_stringConferma.gif) top left repeat-x;}
.stringConferma p{border:1px solid #82ec7b; height:66px; background:url(../images/struttura/bg_stringmessaggio_conferma.jpg) top left no-repeat; font-size:18px; line-height:22px; color:white; font-weight:bold; padding:30px 15px 0 220px;}
.stringConferma p span{color:#0f7709;}
.stringConferma p a{color:#FFF; text-decoration:underline;}
.stringConferma p a:hover{text-decoration:none;}


/* FORM */

label.anima { position: relative }

label.anima span {
    left: 2%;
    position: absolute;
    display: none;
    color: #aaa;
    font-size: 11px;
    font-weight: bold;
    cursor: text;
    border: none;
    margin-bottom: 6px; 
}

label.animaCerca { position: relative }

label.animaCerca span {
    left: 0;
    position: absolute;
    display: none;
    color: #6E6E6E;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 3px 3px 3px 4px;
    width: 258px;
    cursor: text;
    border: none;
}

.formatFormVerifica { color: #6E6E6E }

.formatFormVerifica p { margin: 5px 0 10px }

.formatFormVerifica a {
    color: #74A6D4;
    float: right;
    font-weight: bold;
    text-decoration: underline;
}

.formatFormVerifica a:hover {
    color: #74B5FD;
    text-decoration: none;
}

.formatFormVerifica a.leggiRegolamento {
    float: none;
    color: #fff;
}

.formatFormVerifica label input {
    width: 96%;
    padding: 6px 2%;
    display: block;
    margin: 3px 0 9px 0;
    border: 1px solid #74A6D4;
}

.formCont .boxLogin {
    background: #dbe8f4;
    padding: 20px;
}

.formCont .contCampi {
    background: #eeeeee;
    padding: 20px;
}

.formCont label {
    display: block;
    font-weight: bold;
    font-size: 11px;
    width: 49.25%;
}

.formCont label input.errore {
    background: #ecbfc1;
    border: 1px solid #bd0c27 !important;
    color: #bd0c27;
}

.formCont label.floatLabel { float: left }

.formCont label.floatLabelDx {
    float: right;
}

.formCont label input {
    width: 96%;
    padding: 6px 2%;
    border: 1px solid #74a6d4;
    margin: 3px 0 9px 0;
    font-size: 11px;
    font-weight: bold;
    color: #6e6e6e;
    float: left; 
}

.formCont .contCampi textarea { border: 1px solid #d2d4cb }

.formCont .contCampi textarea.account {
    width: 96%;
    height: 116px;
    padding: 6px 2%;
    color: #6E6E6E;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: Verdana, Geneva, sans-serif;
}

.formCont .fasciaCheck {
    background: #74a6d4;
    padding: 18px 20px;
    border-top: 1px solid white;
    color: white;
    font-weight: bold;
}

.formCont .fasciaCheck label {
    width: 100%;
}

.formCont .fasciaCheck input {
    width: 16px;
    border: 1px solid #74A6D4;
    margin: 0 10px 0 0 !important;
    padding: 0;
    float: left;
}

.formCont .usaStessiDati span {
    background: #FFFFFF;
    display: block;
    height: 15px;
    padding: 4px 0;
    margin-top: 3px;
    border: 1px solid #74A6D4;
}

.formCont .usaStessiDati span input {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    border-color: #74A6D4 !important;
}

.formCont .termcondLink {
  float: none; 
}

.compPwd {
    width: 98%;
    height: 27px;
    line-height: 27px; 
    padding: 0 1%;
    color: #FFF;
    font-weight: bold;
    display: block;
    margin: 3px 0 9px 0;
}

.red { background: #d94c4c }

.yellow { background: #ffb123 }

.green { background: #59d94c }

.recapitoHead {
    margin-top: 1px;
    display: block;
    background: #373737;
}

.recapitoDisabilitato { color: #aca899 }

.recapitoDisabilitato select { border-color: #aca899 !important }

.loaderRecapitiRiepilogo {
    float: left;
    margin-left: 30px;
    width: 290px;
    line-height: 25px;
    margin-top: 16px;
    height: 25px;
    display: block;
    background: url(../images/carrello/loader_riepilogo.gif) no-repeat center center;
}

.fasciaBreak {
    padding: 10px 20px;
    margin: 1px 0; 
    line-height: 29px; 
}

.fasciaBreak .fasciaBreak-lable {
    float: left;
    font-weight: bold;
    margin-right: 10px; 
    width: 48%; 
}

.fasciaBreak input {
    width: 44%;
    height: 15px;
    float: right;
    padding: 6px 2%;
    color: #6E6E6E;
    font-size: 11px;
    font-weight: bold;
}

.fasciaBreak .checkboxFascia {
    border: none !important;
    float: left !important;
    width: 16px !important;
    padding: 0;
    line-height: 48px;
    margin-top: 8px !important;
    margin-right: 10px; 
}

.fasciaBreak .checkboxFascia span {
    float: left;
    margin-left: 10px;
}

.breakBg01 {
    background: #9e9e9e;
    color: #FFF;
}

.breakBg01 input { border: 1px solid #aaaaaa !important }

.breakBg02 { background: #74a6d4 }

.breakBg02 input { border: 1px solid #0085ff !important }

.recapitoDefault {
    width: 100%;
    display: inline;
    display: block;
    height: 30px;
    line-height: 15px;
    margin-bottom: 10px; 
}

.recapitoDefault input {
    float: left;
    margin: 0 5px 0 0 !important;
    width: 16px !important;
    border: 0 !important;
}

.couponErrato {
    background: #c72031;
    color: #FFF !important;
}

.couponCorretto {
    background: #abdf04;
    color: #3f5300 !important;
}


/* BUTTONS */

a.button {
    width: 121px;
    height: 25px;
    line-height: 25px !important;
    padding: 0px 10px;
    float: left;
    background: url(../images/struttura/button.png) top left no-repeat;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #626262;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
}

a.button span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 7px;
}

a.button:hover {
    text-decoration: none !important;
    color: #BB1027 !important;
}

a.buttonEmpty,
a.buttonEmptyAttivo {
    width: 141px;
    height: 25px;
    line-height: 25px !important;
    padding: 0;
    float: left;
    display: block;
    background: url(../images/struttura/buttonVuoto.png) top left no-repeat;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #626262;
    position: relative;
    text-transform: uppercase;
    text-align: center;
}

#divPersoPass a.button { float: right }

.vaiCarrello {
    width: 116px !important;
    background: url(../images/struttura/button_colSx.png) top left no-repeat  !important;
    float: right !important;
    text-align: left;
}

.vaiCarrello span { 
  background: url(../images/icone_buttons/carrello_veloce.png) top left no-repeat 
}

.addWishlist span { 
  background: url(../images/icone_buttons/wishlist.png) top left no-repeat  !important 
}

.nelWishlist span { 
  background: url(../images/icone_buttons/aggiunto_wishlist.png) top left no-repeat  !important 
}

.submitAskInfo span {
  background: url(../images/icone_buttons/mail.png) top left no-repeat  !important 
}

.iscBottom {
    margin-top: 10px;
}

.iscBottom span { 
  background: url(../images/icone_buttons/newsletter.png) top left no-repeat 
}

.acquistaHome { margin: 10px 0 0 }

.confronta { 
  display: none !important; /* da sovrascrivere nella personalizzazioni se si attiva */ 
  margin: 0; 
}

.confronta span { 
  background: url(../images/icone_buttons/confronta.png) top left no-repeat;
}

.buttonEmpty .confronta { text-align: center !important }

.confronta:hover { color: #BB1027 }

.acquistaHome span { background: url(../images/icone_buttons/addCarrello.png) top left no-repeat }

.logIn { 
  float: right !important; 
}

.logIn span { background: url(../images/icone_buttons/login.png) top left no-repeat }

.vaiProfilo {
    text-decoration: none !important;
    float: right !important;
}

.vaiProfilo span { background: url(../images/icone_buttons/login.png) top left no-repeat }

.reg { float: right !important }

.newReg { float: right !important }

.newReg span,
.reg span { background: url(../images/icone_buttons/registrazione_ok.png) top left no-repeat }

.salvaMod { 
  float: right !important; 
  margin-left: 10px; 
  margin-bottom: 10px; 
}

.salvaMod span { background: url(../images/icone_buttons/salva_modifiche.png) top left no-repeat }

.nuovoRecapito {
    float: right !important;
}

.nuovoRecapito span { background: url(../images/icone_buttons/nuovo_recapito.png) top left no-repeat }

.iniziaShopping {
    margin-bottom: 10px;
    float: right !important;
    margin-left: 10px;
}

.iniziaShopping span { background: url(../images/icone_buttons/inizia_shopping.png) top left no-repeat }

.elimina span { background: url(../images/icone_buttons/elimina.png) top left no-repeat }

.eliminaRecapito { float: right !important; }

.eliminaRecapito span { background: url(../images/icone_buttons/elimina_recapito.png) top left no-repeat }

.aCarrello span { background: url(../images/icone_buttons/aCarrello.png) center center no-repeat  !important }

.nelCarrello span { background: url(../images/icone_buttons/aCarrello.png) center center no-repeat  !important }

.eliminaCoupon {
  float: right !important;
  margin-left: 10px !important; 
}

.checkCoupon, .buttonReload {
  text-align: left !important;
  float: right !important;
  margin-left: 10px !important; 
}

.checkCoupon span, .buttonReload span {
  background: url(../images/icone_buttons/convalida_coupon.png) center center no-repeat  !important;
  text-align: left !important;
}

.linkConfermaOrdine {
  float: right !important;
}

.resetAvanzata {
  text-align: left !important;
  float: left !important;
}

.resetAvanzata span {
  background: url(../images/icone_buttons/convalida_coupon.png) center center no-repeat  !important;
  text-align: left !important;
}

.cercaAvanzata {
  float: right !important;
  margin: 0 0 0 20px;
}

.cercaAvanzata span { background: url(../images/icone_buttons/cerca.png) top left no-repeat }

.confermaOrdine { 
  float: right !important;
  margin-bottom: 10px; 
}

.confermaOrdine span { background: url(../images/icone_buttons/aCarrello.png) center center no-repeat  !important }

.nonDispo { margin-top: 10px }

.nonDispo span { background: url(../images/icone_buttons/richiedi_info.png) center center no-repeat  !important }

.caricamento span { background: url(../images/struttura/loader_caricamento.gif) center center no-repeat  !important }

.closeRicerca span { background: url(../images/icone_buttons/close.png) center center no-repeat  !important }

.immaginehd {
    margin-top: 10px;
    text-align: left !important;
    padding: 0 10px !important;
    width: 121px !important;
}

.immaginehd:hover { color: #BB1027 }

.immaginehd span {
    background: url(../images/icone_buttons/immaginehd.png) center center no-repeat  !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 7px;
}

.salvato span { background: url(../images/icone_buttons/aCarrello.png) center center no-repeat  !important }

.archivia,
.attiva,
.pagamento {
    float: right !important;
    margin-left: 10px !important;
}

.archivia span { background: url(../images/icone_buttons/archivia.png) center center no-repeat  !important }

.pagamento span { background: url(../images/icone_buttons/pagamento.png) center center no-repeat  !important }

.soluzioni {
    margin: 10px 0 20px 79px;
    padding: 0 10px !important;
    width: 121px !important;
    text-align: center;
}

.soluzioni:hover { color: #BB1027 }

.soluzioni span {
    background: url(../images/icone_buttons/lightbulb.png) center center no-repeat  !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 7px;
}

.richFattura { 
  float: right !important; 
  text-align: left !important; 
  padding: 0 10px !important;
  margin-right: 20px; 
}

.richFattura span {
    background: url(../images/icone_buttons/richFattura.png) center center no-repeat  !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 7px;
}

.cercaNelSito span,
.vaiCarrello span,
.vaiwishlist span,
.wishlist span,
.iscBottom span,
.acquistaHome span,
.logIn span,
.newReg span,
.reg span,
.salvaMod span,
.nuovoRecapito span,
.iniziaShopping span,
.elimina span,
.caricamento span,
.aCarrello span,
.nelCarrello span,
.checkCoupon span,
.confermaOrdine span,
.buttonReload span{ cursor: pointer }

.buttonNonDispo {
    width: 121px;
    height: 25px;
    line-height: 25px !important;
    padding: 0px 10px;
    float: left;
    display: block;
    background: url(../images/struttura/buttonDispNo.png) center center no-repeat;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 10px;
    text-align: center;
}

.rigaNonOrdinabile .buttonNonDispo {
    margin-top: 0;
    background-image: url(../images/struttura/buttonDispNoCarrello.png);
}


/* LINK */

.vediTutti p a{color:#000;}
.vediTutti p a:hover{color:#BB1027;}

#corpoHelp #testiHelp p strong span.stringaCercata{color:#000;}
#corpoHelp #testiHelp p a:hover{text-decoration:underline;}

.ADVordineMinimo{color:#C72031; display:block; padding-bottom:10px; font-weight:bold; font-size:20px;}

.tabCategoriaInterno tr td.prezzoHome h3 a{color:#BB1027; font-size:10px;}
.tabCategoriaInterno tr td.prezzoHome h3 a:hover{text-decoration:underline;}

.tabCategoriaInline tr.focusOn td.primo a{color:#bd0c27 !important; display:block;}
.tabCategoriaInline tr td.primo a{color:#000; display:block;}
.tabCategoriaInline tr.focusOn td.primo a:hover, .tabCategoriaInline tr td.primo a:hover{text-decoration:underline;}

.recapitoHead a{display:block; padding:18px 20px 19px; color:white; font-weight:bold; float:none;}
.recapitoHead a.apri{background:url(../images/account/arrow_down.png) right center no-repeat; text-decoration:none;}
.recapitoHead a.chiudi{background:url(../images/account/arrow_up.png) right center no-repeat;}


.tableDettArticolo p a{color:#bb1027; font-weight:bold;}
.tableDettArticolo p a:hover{text-decoration:underline;}

#rotator .paging a{width:26px; height:26px; line-height:26px; background:#8f8f8f; display:block; float:left; margin-right:1px; color:#d5d5d5; text-align:center; font-weight:bold; font-size:14px;}
#rotator .paging a:hover, #rotator .paging a.attivo{background:#3e3e34;}


.dettHome h1 a, .dettArt h1 a{color:#007eff;}
.dettHome h2 a, .dettArt h2 a{color:#000000;}
.dettHome h1 a:hover, .dettArt h1 a:hover, .dettHome h2 a:hover, .dettArt h2 a:hover{color:#BB1027;}

.media tr.fasciaArticolo td h1 a:hover, .tabCarrello tr.fasciaArticolo td p a:hover{color:#BB1027;}
.tabwishlist tr.fasciaArticolo td p a:hover,  .tabwishlist tr.fasciaArticolo td h1 a:hover{color:#BB1027;}



/* BREADCRUMBS */

.breadcrumbs-bottom {
  position: absolute;
  bottom: 232px;
  left: 21.1%;
  width: 79%;
}

.breadcrumbs-top { 
  margin-bottom: 10px;
}

.breadcrumbs {
  line-height: 1.4em; 
  font-size: 10px;
  font-weight: bold;
  color: #3e3e34;
  text-align: left;
  background-color: #e6e6e2; 
  padding: 5px;
}

.breadcrumbs p {
  border-bottom: none !important
}

.breadcrumbs p span {
  font-size: 11px;
  color: #AC0000;
  text-transform: lowercase;
  text-decoration: underline;
}

.breadcrumbs a {
  color: #3e3e34;
  text-decoration: underline;
}

.breadcrumbs a:hover {
  text-decoration: none;
  color: #BB1027;
}

.breadcrumbs .descBread {
  background: #A4A4A4;
  color: #FFF !important;
  padding: 2px 4px;
  text-decoration: none !important;
  margin: 0 3px;
  line-height: 18px;
}


/* VARIE */

.vediTutti {
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  display: block;
  text-align: right;
  margin-top: 1px;
}

.vediTutti p.mainBorder {
  border-top: 5px solid #70a3d3
}

.vediTutti p.secondaryBorder {
  border-top: 5px solid #a4a4a4
}

.vediTutti p.thirdBorder {
  border-top: 5px solid #9ba6b0
}

.boxBBuy {
  background: #dbe8f4;
  padding: 20px;
  font-size: 11px;
  color: #6E6E6E;
}

.boxBBuy p {
  padding-bottom: 10px
}

.boxBBuy span {
  color: #BB1027;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
}

.boxBBuy p.datiBanca {
  width: 50%;
  padding: 10px 0;
  margin-bottom: 10px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #C4C4C4;
}

.boxBBuy p.prezzoBonifico {
  padding-bottom: 20px;
  color: #BB1027;
}

#cardbuy h1 {
  color: #3e3e34;
  margin: 30px 0 10px 0;
  font-size: 24px;
  line-height: 18px;
}

#cardbuy h2 {
  color: #8c8c80;
  font-size: 18px;
  line-height: 18px;
}

#cardbuy #logo { 
  position: static; 
  padding: 20px;
  margin-bottom: 10px;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */

.rating { 
  float: left; 
  margin-top: 10px; 
  width: 140px;
}

.ratignText {
    float: left;
    margin-right: 5px;
}

.star-rating-control { float: left }

.rating input.star {
    background: url(../images/struttura/rating_star.gif) no-repeat;
    background-position: 0 0;
}

.rating input.star:hover,
.rating input.star.attivo {
    background: url(../images/struttura/rating_star.gif) no-repeat;
    background-position: 0 -12px;
}

div.rating-cancel,
div.star-rating {
    float: left;
    width: 17px;
    height: 12px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}

div.rating-cancel,
div.rating-cancel a { background: url(../images/struttura/rating_star.gif) no-repeat 0 -16px }

div.star-rating,
div.star-rating a { background: url(../images/struttura/rating_star.gif) no-repeat 0 0px }

div.rating-cancel a,
div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0px;
    border: 0;
}

div.star-rating-on a { background-position: 0 -12px!important }

div.star-rating-hover a { background-position: 0 -24px }

/* Read Only CSS */

div.star-rating-readonly a { cursor: default !important }

/* Partial Star CSS */

div.star-rating {
    background: transparent!important;
    overflow: hidden!important;
}

/* END jQuery.Rating Plugin CSS */


/* CC RECEIPT */

.reportErr{font-size:13px; color:#FFF; font-weight:bold; display:block; background:#C0172B; padding:5px; margin-bottom:3px;}
.textReport{margin-bottom:20px; color:#6E6E6E; font-weight:bold;}


/* CC ERROR */

.bottoneGenerale{padding:15px 20px; background:#E5E5E5;}
.bottoneGenerale p{line-height:24px;}
.bottoneGenerale p span{float:left; color:#626262;}
.bottoneGenerale p a{float:right; padding:0; width:141px; text-align:center;}


/* POP UP MESSAGE */

#mostraMessaggio, #mostraMessaggioPage{/*border:20px solid #787878;*/ background-color:#868687; z-index:100; display:none; width:600px; height:450px; position:absolute; top:0; left:0; font-size:10px; line-height:14px; color:#838383; text-align:left;}
#mostraMessaggio span, #mostraMessaggioPage span{display:block; /*padding:16px 20px 20px 20px;*/}
#mostraMessaggio span.bianco, #mostraMessaggioPage span.bianco, #mostraMessaggio .tableCal span{padding:0;	/* fix span padding */}
#mostraMessaggio .chiudiDivMessaggio{display:none;}
#mostraMessaggioPage{display:block; position:absolute; top:50%; left:50%; /*margin-left:-100px;*/}
#velinaMessaggio{position:absolute; top:0; left:0; width:100%; height:100%; /*background:#000; opacity:0.85;*/}


/* CLEAR 
/* http://nicolasgallagher.com/micro-clearfix-hack/ */

.clr { /* OLD */
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* == Media queries starts here ===== */

@media only screen and (max-width : 1024px){

  #container {
    width: 98%; 
  }

  #content {
    padding-bottom: 0; 
  }

  .breadcrumbs-bottom {
    position: relative;
    bottom: 4px; 
  }

  #bottom {
    width: 94%; 
    padding: 15px 2% 0;
    position: relative; 
    height: auto; 
    left: auto; 
    bottom: auto; 
    margin: 0 auto; 
  }

  #bottom .box01,
  #bottom .box02,
  #bottom .box03,
  #bottom .box04 {
      float: left;
      width: 45%;
      margin-right: 5%;
  }

  #bottom .box03 {
    clear: left; 
  }
  
}

@media all and (max-width: 922px) {
.fckHome {
    margin: 6px;
}
}

@media all and (max-width: 793px) {
.fckHome {
    margin: 5px;
}
}

@media only screen and (max-width : 767px){

  #testata {
    padding-top: 50px; 
  }

  #logo {
    top: 10px; 
  }

  .testata-login-link, 
  .testata-logout-link, 
  .testata-account-link, 
  #wishlistHome, 
  #carrelloVeloce,
  .mobile-menu-toggle {
    top: 10px; 
  }

  .testata-account-link {
    right: 140px; 
  }

  .testata-not-logged .testata-login-link {
    right: 72px; 
  }

  .testata-logout-link {
    right: 105px; 
  }

  #carrelloVeloce {
    right: 38px; 
  }

  #wishlistHome {
    right: 74px;
  }

  .header-cart-amount { 
    display: none; 
  }

  #cerca { 
    position: static; 
    margin-top: 10px; 
  }

  #cerca .cercaNelSito { 
    right: 7px; 
  }

  #menu { 
    position: static; 
    margin-top: 10px; 
  }

  .mobile-menu-toggle {
    display: block; 
    position: absolute; 
    right: 0; 
    font-size: 24px;
    padding: 6px; 
    color: #74B5FD; 
  }

  .mobile-menu-toggle:hover,
  .mobile-menu-toggle.opened { 
    background-color: #e6e6e2
  }

  .help .mobile-menu-toggle {
    display: none; 
  }

  #nav-menu {
    display: none; 
    position: static;
    height: auto; 
  }

  #nav-menu > ul {
    padding: 10px; 
  }

  #nav-menu > ul > li {
    float: none; 
    border-right: 0;
  }

  #nav-menu > ul > li > a {
    display: block; 
    height: auto; 
    padding: 10px; 
    border-bottom: 1px solid #ccc;
  }

  #nav-menu .dropdown {
    position: relative; 
    top: auto; 
    padding: 5px;
  }

  #nav-menu .dropdown a {
    background-color: #e6e6e2; 
    padding: 5px;
  }

  #nav-menu .dropdown a:hover {
    background-color: #ccc; 
  }

  #content {
    padding-bottom: 0; 
  }

  #colSx {
    display: none; 
  }

  .help #colSx,
  .accountContainer #colSx {
    display: block; 
    width: 100%; 
  }

  .accountContainer #colSx .no-mobile-content {
    display: none; 
  }

  #main { 
    width: 100%; 
  }

  #corpoHelp {
    width: 100%; 
  }

  .main-inner {
    margin-left: 0; 
  }

  .product-list-item .float-box-availability {
    display: none;
  }

  .confronta {
    display: none !important; 
  }


  .product-detail [class*="float-box"] { 
    width: 100%; 
    margin-bottom: 20px; 
  }

  .product-detail .button,
  .product-detail .buttonNonDispo {
    margin: 0 10px 10px 0;
  }

  .product-detail .buttons-container a,
  .product-detail .buttons-container div,
  .product-detail .rating {
    float: left; 
  }

  .wishlist-container [class*="box-product"] {
    width: 45%; 
  }

  .wishlist-container [class*="box-buttons"] {
    width: 35%; 
  }

  .breadcrumbs-bottom {
    left: 0; 
    width: 100%; 
  }
  
  #colSx {
    width: 100%;
}

}


@media only screen and (max-width : 479px){ 

  #testata {
    padding-top: 90px; 
  }

  .testata-login-link, 
  .testata-logout-link, 
  .testata-account-link, 
  #wishlistHome, 
  #carrelloVeloce,
  .mobile-menu-toggle {
    top: 52px; 
  }


  .product-detail-image {
    width: 100%; 
    margin-bottom: 20px;
  }

  .product-detail .infos-box {
    width: 100%; 
  }

  .product-detail .row {
    margin-left: 0; 
  }

  .tabArticoli tr td .navBtn {
    float: none;
  }

  .tabArticoli tr td .numerazioni {
    float: none; 
    text-align: left; 
    padding: 0 2px; 
  }

  .product-grid-item { 
    width: 100%;
  }

  .product-list-item .image { 
    float: none; 
    width: 100%;
  }

  .product-list-item .infos-box {
    float: none; 
    width: 100%;
  }

  .product-list-item [class*="float-box"] { 
    float: none; 
    width: 100%; 
  }

  .product-list-item .availability-box, 
  .product-list-item .buttons-box { 
    float: none; 
    height: auto; 
  }

  .nav-multipag .num-record {
    float: none; 
    clear: both; 
  }


  .product-detail .new-ribbon {
    display: none;
  }

  .product-image-gallery-content .image-container {
    width: 50%; 
  }

  .product-image-gallery.with-brand { 
    width: 100%; 
  }

  .product-brand {
    width: 100%; 
    margin-left: 0;
  }

  .dettArticoloSocialContainer .facebookCol,
  .dettArticoloSocialContainer .twitterCol,
  .dettArticoloSocialContainer .shareFriendsCol { 
    float: none; 
    width: 100%; 
    margin-bottom: 5px; 
    margin-right: 0; 
    border: 0;
  }

  .cart-container .heading-box-amount,
  .cart-container .heading-box-discount,
  .cart-container .heading-box-price {
    display: none;
  }

  .cart-container .float-box-product,
  .cart-container .float-box-amount { 
    width: 100%;
    margin-bottom: 10px; 
  }

  .cart-container .float-box-discount {
    display: none; 
  }

  .cart-container .float-box-price {
    width: 100%; 
    margin-bottom: 10px;  
    text-align: left;  
  }

  .cart-container .coupon-row-validate .button {
    margin-bottom: 10px; 
  }


  .orders-container .heading-box-order {
    width: 100%; 
  }

  .orders-container .heading-box-date,
  .orders-container .heading-box-total,
  .orders-container .heading-box-payment,
  .orders-container .heading-box-state,
  .orders-container .heading-box-invoice,
  .orders-container .heading-box-user {
    display: none;
  }

  .orders-container .float-box-order,
  .orders-container .float-box-date,
  .orders-container .float-box-total,
  .orders-container .float-box-payment,
  .orders-container .float-box-state,
  .orders-container .float-box-invoice {
    width: 100%;
  }

  .accountAdmin .orders-container [class*="box-state"] {
    text-align: left; 
  }

  .orders-container .orders-item a {
    padding: 5px 0 0 20px;
    min-height: 0;
  }

  .orders-container .float-box-order a {
    padding-top: 10px; 
  }

  .orders-container-admin .float-box-state a {
    padding-bottom: 10px; 
  }

  .richFattura {
    float: left !important; 
    margin-left: 20px; 
  }

  .wishlist-container .heading-box-availability,
  .wishlist-container .heading-box-price,
  .wishlist-container .heading-box-burrons {
    display: none;
  }

  .wishlist-container .float-box-product,
  .wishlist-container .float-box-buttons { 
    width: 100%;
    margin-bottom: 10px; 
  }

  .wishlist-container .float-box-price {
    width: 90%; 
    margin-bottom: 10px;   
  }

  .wishlist-container .button,
  .wishlist-container .buttonNonDispo {
    float: left; 
  }

  .elencoRubricheBox .thumb ,
  .elencoRubricheBox .text { 
    width: 100%; 
    margin-left: 0; 
    margin-bottom: 10px; 
  }

  #loginLeft, 
  #loginRight {
    width: 100%; 
    margin-right: 0; 
  }

  .formCont label {
    width: 100%; 
  }

  .formCont label.floatLabelDx {
    float: left; 
  }

  .formCont .fasciaCheck label {
    line-height: 1.6em; 
  }

  .formCont .fasciaCheck label input {
    margin-top: 3px !important; 
  }

  .fasciaBreak .fasciaBreak-lable {
      margin-right: 0; 
      width: 96%; 
  }

  .fasciaBreak input { 
    width: 96%
  }

  .confermaOrdine { 
    float: left !important; 
    margin-right: 10px; 
  }

  #bottom .box01,
  #bottom .box02,
  #bottom .box03,
  #bottom .box04 { 
    width: 100%; 
    margin-right: 0; 
  }

}


@media only screen and (min-width: 480px) and (max-width : 767px){

  .product-grid-item { 
    width: 50%;
  }

  .product-grid-item:nth-child(2n+1) {
    clear: left; 
  }

  .product-list-item [class*="float-box"] {
    width: 50%;
  }

}


@media only screen and (min-width: 768px) and (max-width : 1024px){ 

  .product-grid-item { 
    width: 33.333%;
  }

  .product-grid-item:nth-child(3n+1) {
    clear: left; 
  }

}


@media only screen and (min-width: 1025px){ 

  .product-grid-item:nth-child(4n+1) {
    clear: left; 
  }

}

@media all and (max-width: 940px) {
.fckHome {height: 265px;}
}
@media all and (max-width: 840px) {
.fckHome {height: 250px;}
}
@media all and (max-width: 767px) {
.fckHome {height: 270px;width: 46.6%;}
}
@media all and (max-width: 744px) {
.fckHome {height: 270px;width: 46%;}
}
@media all and (max-width: 630px) {
.fckHome {
    height: auto;
    margin: 0px;
    padding: 10px;
    display: block;
    width: 96.7%;
    margin-bottom: 10px;
}
.fckHome .testo-fck-editor {
    height: auto;
    overflow: inherit;
	margin-bottom: 10px;
}
.fckHome img {
    width: 100%;
}
}
@media all and (max-width: 530px) {
.fckHome {
    width: 96%;
}
}
@media all and (max-width: 430px) {
.fckHome {
    width: 95%;
}
}
@media all and (max-width: 380px) {
.fckHome {
    width: 94%;
}
}
@media all and (max-width: 310px) {
.fckHome {
    width: 93%;
}
}
@media all and (max-width: 280px) {
.fckHome {
    width: 92%;
}
}


.ch2-settings-actions p a{
  display:none!important;
}