/* blocchi */
*{ padding: 0px; margin: 0px; border: 0px;}
body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000000;
}
#container {
  position: relative;
  width: 960px;
  height: 620px;
  margin: 0 auto;
  margin-top: 5px;
  /*border: 1px solid black;*/
  text-align: left;}


#header{
  height: 100px;}
  
  #header #menu-lang{
    position: absolute; left: 220px; top: 10px; width: 200px; height: 70px; display: block;}
    
    #header #menu-lang a{display: block; margin: 4px; font-size: 10px; color: white; text-decoration: none;}
    #header #menu-lang a:hover{text-decoration: underline;}

  #header #register{
    position: absolute; right: 0px; top: 20px; width: 228px; height: 30px; display: block; color: white; }
		
		#header #register a{ color: white; }
		#header #register a:hover{ text-decoration: underline; }
      
  #header #logo{
    width: 200px;
    height: 60px;
    /*padding: 0px 20px;*/
    float: left;}
  
    #header #logo a{
      display: block;
      width: 140px;
      
      height: 76px;
      padding: 12px 35px;}
    
    
        #header #logo a h1{
            display: block; width: 100%; height: 100%;
            text-indent: -9999px;
            background: url("../images/logo.png") no-repeat;
        }
  
  #header #menu{
    width: 750px;
    height: 100px;
    float: right;}
  
    #header #menu ul{
      width: 100%;
      height: 20px;
      margin-top: 80px;
      list-style: none;}

      #header #menu ul li{
        float: left;
        width: 125px;
        height: 20px;
        }

      #header #menu ul li.fly-3{ width: 90px;}
        #header #menu ul li.fly-3 .sub_menu{
          display: none;
          position: absolute; top: 100px; left: 210px;
          width: 90px; height: 60px;
          -moz-border-radius: 0 0 5px 5px ;
          -webkit-border-radius: 0 5px 0 5px; 
          background: #8D857C;  z-index: 99999999; }
          
          #header #menu ul li.fly-3 .sub_menu a{ color: white; height: 20px; width: 90px;}
          #header #menu ul li.fly-3 .sub_menu a:hover{text-decoration: underline;}      
      
      
      #header #menu ul li.collezione-uomo, #header #menu ul li.man-collection{ width: 130px; height: 20px;}
        #header #menu ul li.collezione-uomo .sub_menu, #header #menu ul li.man-collection .sub_menu{
          display: none;
          position: absolute; top: 100px; left: 300px;
          width: 130px; height: 60px;
          -moz-border-radius: 0 0 5px 5px ;
          -webkit-border-radius: 0 5px 0 5px; 
          background: #8D857C;  z-index: 99999999; }
          
          #header #menu ul li.collezione-uomo .sub_menu a, #header #menu ul li.man-collection .sub_menu a{ color: white; height: 20px; width: 130px;}
          #header #menu ul li.collezione-uomo .sub_menu a:hover, #header #menu ul li.man-collection .sub_menu a:hover{text-decoration: underline;}
      
      #header #menu ul li.collezione-donna, #header #menu ul li.woman-collection{ width: 150px; height: 20px; /*position: relative;*/}
        #header #menu ul li.collezione-donna .sub_menu, #header #menu ul li.woman-collection .sub_menu{
          display: none;
          position: absolute; top: 100px; left: 430px;
          width: 150px; height: 40px;
          -moz-border-radius: 0 0 5px 5px ;
          -webkit-border-radius: 0 5px 0 5px; 
          background: #8D857C; z-index: 99999999; }
      
          #header #menu ul li.collezione-donna .sub_menu a, #header #menu ul li.woman-collection .sub_menu a{ color: white; height: 20px; width: 150px;}
          #header #menu ul li.collezione-donna .sub_menu a:hover, #header #menu ul li.woman-collection .sub_menu a:hover{text-decoration: underline;}


      #header #menu ul li.special-offer{ width: 115px; height: 20px; /*position: relative;*/}
        #header #menu ul li.special-offer .sub_menu{
          display: none;
          position: absolute; top: 100px; left: 580px;
          width: 115px; height: 60px;
          -moz-border-radius: 0 0 5px 5px ;
          -webkit-border-radius: 0 5px 0 5px; 
          background: #8D857C; z-index: 99999999; }
      
          #header #menu ul li.special-offer .sub_menu a{ color: white; height: 20px; width: 110px;}
          #header #menu ul li.special-offer .sub_menu a:hover{text-decoration: underline;}

		  
      #header #menu ul li.info, #header #menu ul li.contatti{ width: 115px; height: 20px; /*position: relative;*/}
        #header #menu ul li.info .sub_menu, #header #menu ul li.contatti .sub_menu{
          display: none;
          position: absolute; top: 100px; left: 845px;
          width: 115px; height: 40px;
          -moz-border-radius: 0 0 5px 5px ;
          -webkit-border-radius: 0 5px 0 5px; 
          background: #8D857C; z-index: 99999999; }
      
          #header #menu ul li.info .sub_menu a, #header #menu ul li.contatti .sub_menu a{ color: white; height: 20px; width: 110px;}
          #header #menu ul li.info .sub_menu a:hover, #header #menu ul li.contatti .sub_menu a:hover{text-decoration: underline;}

      #header #menu ul li.laboratorio{ width: 140px;}
      #header #menu ul li.store-locator{ width: 125px;}
      #header #menu ul li.contatti{ width: 110px;}

      #header #menu ul li.fly-3{ width: 90px;}
      /*#header #menu ul li.man-collection{ width: 130px;}
      #header #menu ul li.woman-collection{ width: 150px;}*/
      #header #menu ul li.workroom{ width: 140px;}
      #header #menu ul li.store-locator{ width: 125px;}      
      #header #menu ul li.contact{ width: 110px;}

        
        #header #menu ul li a{
          width: 100%;
          height: 100%;
          display: block;
          text-align: center;
          font-size: 11px;
          line-height: 20px;
          /*font-weight: bold;*/
          color: #fff;}
        #header #menu ul li a.selected{
          background: #8D857C;
          color: #fff; }
        
        #header #menu ul li a:hover{
          /*background: #8D857C;*/
          color: white; }

#submenu{
  height: 20px;
  padding-top: 5px;
  /*background: #fff;*/}

#submenu.uno {}
#submenu.due { margin-left: 210px; width: 740px;}
#submenu.quattro {
  background: white;
  width: 750px; height: 20px;
  padding: 11px 0 10px 0;}  

  #submenu ul{
    width: 100%;
    height: 20px;
    list-style: none;}

    #submenu ul li{
      float: left;
      width: 108px;
      height: 20px;}
      
      #submenu ul li a{
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        line-height: 20px;
        color: #8D857C;}
      
      #submenu ul li a:hover{ color: #002C5A;}
      #submenu ul li a.selected{ color: #002C5A;}
  
#content {
  position:relative;
  width: 960px;
  height: 500px; /* MOD 475*/
  overflow: hidden;}

#mainSx{
  float: left;
  width: 210px;
  height: 500px;
  overflow:hidden;
  background: #fff;}
   
#mainCnt{
  /*position:relative;*/
  margin-left: 210px;
  overflow:hidden;
  width: 750px;
  height: 100%;
  /*background: #ccc;*/} 
          
  #mainCnt .block-weatherly{
    width: 350px;
    height: 150px;
    padding-left: 25px;}
  
    #mainCnt .block-weatherly img{ float: left; }
  
    #mainCnt .block-weatherly h3{
      float: left;
      width: 200px;
      height: 20px;
      padding: 0px 10px;
      color: #8f8785;
      font-size: 20px;
      font-weight: normal;
      text-align: left;}

    #mainCnt .block-weatherly p{
      float: left;
      width: 200px;
      height: 50px;
      padding: 10px;
      font-size: 11px; }

a{outline: none;}

#mainSlideContent {
  position:relative;
  overflow:hidden;
  width: 750px;
  height: 450px;}

  #mainSlideContent #slideContainer{
    width: 100%;
    height: 750px;}  

    #mainSlideContent #slideContainer ul{list-style-type:none;}
        
      #mainSlideContent  #slideContainer ul .slide{
        float: left;
        height:450px;
        width:750px;}
      
      #mainSlideContent  #slideContainer ul .slide h3{ color: #8D857C; padding: 200px 0px; text-align: center; font-size: 30px; }          


#mainSlideContent2 {
  position:relative;
  overflow:hidden;
  width: 750px;
  height: 400px;}

  #mainSlideContent2 #slideContainer2{
    width: 750px;
    height: 100%;}  

    #mainSlideContent2 #slideContainer2 ul{list-style-type:none;}
        
      #mainSlideContent2  #slideContainer2 ul .slide{
        height:400px;
        width:750px;}


#mainSlideContentProdottiDonna {
  position:relative;
  overflow:hidden;
  margin: 0px auto;
  width: 960px;
  height: 400px;}

  #mainSlideContentProdottiDonna  .prod-descr {width: 210px; height: 400px; float: left; text-align: right; position:relative;}
    
    #mainSlideContentProdottiDonna  .prod-descr h3{color: #002C5A; padding: 20px 20px 0px 10px;
                                              text-align: right; font-size: 24px; font-family: Arial, Helvetica, sans-serif;}
    #mainSlideContentProdottiDonna  .prod-descr #scopri{ position: absolute; bottom: 20px; right: 20px; color: red; font-size: 11px; text-decoration: underline;}
    #mainSlideContentProdottiDonna  .prod-descr .carrello { position: absolute; bottom: 50px; right: 20px; border: 0px; }                                                  
    
    #mainSlideContentProdottiDonna  .prod-descr ul{padding: 0px 20px 0px 10px;}
      #mainSlideContentProdottiDonna  .prod-descr li{ clear:both; padding: 5px 0px; list-style-type:none; list-style-position: outside;
                                                 text-align: right; font-size: 11px; }
    
  #mainSlideContentProdottiDonna  #prod-img {width: 750px; height: 400px; float: left; position: relative;}
    #mainSlideContentProdottiDonna  #prod-img .prod-foto {width: 375px; height: 400px; float: left; display: none; background: white}
    #mainSlideContentProdottiDonna  #prod-img .prod-zoom {width: 355px; height: 380px; padding: 10px; float: right; display: none; background: white; overflow: none;}

#mainSlideContentProdotti {
  position:relative;
  overflow:hidden;
  margin: 0px auto;
  width: 960px;
  height: 345px;}

  #mainSlideContentProdotti #slideContainer{   
    height: 960px;}  

    #mainSlideContentProdotti #slideContainer ul{list-style-type:none;}
        
      #mainSlideContentProdotti  #slideContainer ul .slide{
        float: left;
        height:345px;
        width:960px;}        
       
      #inline-content div {}
        #inline-content div p {padding: 30px 20px;}


      #mainSlideContentProdotti  p{
        text-align: right; font-size: 12px;
      }
           
      #mainSlideContentProdotti  .prod-descr { width: 200px; height: 325px; float: left; text-align: right; position: relative;}
        
        #mainSlideContentProdotti  .prod-descr h1,
        #mainSx h1, #mainSx h2,
        .prod-descr h1, .prod-descr h2{color: #002C5A; padding: 10px 0px 0px 10px; 
                                                  text-align: right; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
        #mainSlideContentProdotti  .prod-descr h1 span, #mainSx h1 span{ display:block; text-align: left; text-indent: -9999px; font-size: 8px;}
				
        #mainSlideContentProdotti  .prod-descr h3{color: #002C5A; padding: 20px 0px 0px 10px;
                                                  text-align: right; font-size: 24px; font-family: Arial, Helvetica, sans-serif;}
        #mainSlideContentProdotti  .prod-descr ul{padding: 0px 0px 0px 10px;}
          #mainSlideContentProdotti  .prod-descr li{ clear:both; padding: 10px 0px; list-style-type:none; list-style-position: outside;
                                                     text-align: right; font-size: 11px; }
        
      #mainSlideContentProdotti  .prod-img {width: 550px; height: 345px; float: left; text-align: center;}
      #mainSlideContentProdotti  .prod-img div {margin: 0px auto;}
      
      .prod-history {width: 210px; height: 345px; float: right; position: relative;}
        .prod-history a.img {display: block; width: 100%; padding-top: 83px; height:17px; text-align: center; color: white; } 
        #mainSlideContentProdotti .prod-history a p, .prod-history a p {font-size: 11px; color: black; padding: 20px 20px 0px 0px; text-align: justify;}
        
        .prod-history .addthis_button { position: absolute; bottom: 20px; right: 10px; border: 0px; }
				.prod-history .carrello { position: absolute; bottom: 0px; left: 0px; border: 0px; }

      

#mainSlideContentStoria {
  position:relative;
  overflow:hidden;
  margin-left: 210px;
  width: 750px;
  height: 350px;}

  #mainSlideContentStoria #slideContainer{
    width: 750px;
    height: 100%;}  

    #mainSlideContentStoria #slideContainer ul{list-style-type:none;}
        
      #mainSlideContentStoria  #slideContainer ul .slide{
        float: left;
        height:350px;
        width:750px;}

#mainSlideContentLavorazioni {
  position:relative;
  overflow:hidden;
  width: 750px;
  height: 380px;}

  #mainSlideContentLavorazioni #slideContainer{
    width: 750px;
    height: 100%;}  

    #mainSlideContentLavorazioni #slideContainer ul{list-style-type:none;}
        
      #mainSlideContentLavorazioni  #slideContainer ul .slide{
        float: left;
        height:300px;
        width:630px;
        padding: 10px 70px;}
      
        #mainSlideContentLavorazioni  #slideContainer ul .slide p{  
          padding: 0px; text-align:left; line-height: 18px; font-size: 13px; text-align: justify;}
        
        #mainSlideContentLavorazioni  #slideContainer ul .slide ul{  
          padding: 0px 0 0 15px;
          list-style: circle;}
       
          #mainSlideContentLavorazioni  #slideContainer ul .slide li{  
            text-align:left; line-height: 18px; font-size: 13px;}


              
.menusezioni {
  position: relative;
  padding: 0px;
  margin: 10px auto;
  height: 25px;
  /*width: 660px;*/
  overflow: hidden;
}
  .menusezioni li {
      float: left;
      list-style: none;
      width: 220px;
  }
      .menusezioni li.back {
          /*background: url("../images/cursor.gif") no-repeat right -55px;*/
          background: #aaa;
          margin-top: 19px;
          height: 3px;
          width: 9px; 
          z-index: 8;
          position: absolute;
      }
          .menusezioni li.back .left {
              /*background: url("../images/cursor.gif") no-repeat top left;*/
              background: #aaa;
              margin-top: 19px;
              height: 3px;
              margin-right: 9px; /* 7px is the width of the rounded shape */
          }
      .menusezioni li a {
          width: 220px;
          /*text-indent: -9999px;*/
          color: #888;
          font-size: 12px;
          line-height: 22px;
          text-align: center;
          outline: none;
          z-index: 10;
          display: block;
          float: left;
          height: 25px;
          position: relative;
          overflow: hidden;
          outline: none;

      }
      /*#menusezioni li a.softly { background:url(../images/.png) center no-repeat }
      #menusezioni li a.wool-cotton { background:url(../images/.png) center no-repeat}
      #menusezioni li a.altro { background:url(../images/.png) center no-repeat}*/
      
          .menusezioni li a:hover, .menusezioni li a:active, .menusezioni li a:visited {
              border: none;
          }
  
#footer{
  height: 20px;
  width: 750px;
  float: right;}
  
  #footer #menu{
    width: 750px;
    height: 20px;
    float: right;}
  
    #footer #menu ul{
      width: 100%;
      height: 100%;
      list-style: none;}

      #footer #menu ul li{
        float: left;
        width: 120px;
        height: 20px;}
        
        #footer #menu ul li a{
          outline: none;

          width: 100%;
          height: 100%;
          display: block;
          text-align: center;
          font-size: 9px;
          line-height: 20px;
          color: #8D857C;}
        
        #footer #menu ul li a:hover{
          color: #fff;}  
  
.clrFlt{ clear: both;}

#splash { background: white; position: absolute; top: 100px; left: 0px; width: 960px; height: 500px; cursor: pointer; text-indent: -9999}
#splash-small { background: white; position: absolute; top: 100px; left: 0px; width: 960px; height: 400px; cursor: pointer; text-indent: -9999}
#splash span { text-indent: -9999}

a.interlink { color: #002C5A; font-size: inherit; font-weight: bold; text-decoration: none;}
a.interlink:hover { text-decoration: underline; }
  
/* tipografia */
h1, h2, h3, h4, h5, h6, p, a, li{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: none;
  text-decoration: none;
  color: #000000;
  }
  
/*h1{ color: #AAA; padding: 200px 0px; text-align: center; font-size: 30px; }*/
h3{ color: #AAA; padding: 200px 0px; text-align: center; font-size: 30px; }         

#mainSlideContentProdotti .prod-img p{
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

/* colori */
.bianco{ background: #FFFFFF;}
.blu{ background: #002C5A;}
.grigio{ background: #8D857C;}
.marrone{ background: #41291B;}

.font-bianco{ color: #FFFFFF;}
.font-blu{ color: #002C5A;}
.font-grigio{ color: #8D857C;}
.font-marrone{ color: #41291B;}
.font-rosso{ color: #f03023;}



/* OVVERRIDE PLUGIN */
/* Easy Slider */
#slider li{ width: 960px; height: 500px; }
#prevBtn, #slider1prev{ top: 200px; left: 0px; width: 20px; height: 40px; background:url(../images/arrow2-sx.png); text-indent: -9999px;}  
#nextBtn, #slider1next{ top: 200px; left: 940px; width: 20px; height: 40px; background:url(../images/arrow2-dx.png); text-indent: -9999px;}

/* Scroller Div */
#scroller{
  width:920px;
  height: 80px;
  padding: 0px 20px;
  background: url(../images/bg-scroller.png) top left no-repeat;
  background-position: 0px -30px;
  position: relative;}
  
#scroller2{
  width:920px;
  height: 130px;
  background: url(../images/bg-scroller.png) top left no-repeat;
  padding: 0px 20px;
  position: relative;}

#scroller3{
  margin: 0px auto;
  height: 40px;
  padding: 10px 20px;
  position: relative;}
  
div.scrollingHotSpotLeft, div.scrollingHotSpotRight { width: 50px; min-width: 50px; }
   
  /* Visible left hotspot */
  /*div.scrollingHotSpotLeftVisible{ background-image: url(../images/arrow2-sx.png); background-repeat: no-repeat; width: 20px; height: 160px; background-position: 0px 0px; opacity: 1; filter: alpha(opacity = 100);  -moz-opacity: 1; z-index: 50}*/
  /* Invisible right hotspot */
  /*div.scrollingHotSpotRightVisible{background-image: url(../images/arrow2-dx.png); background-repeat: no-repeat; width: 20px; height: 160px; background-position: 0px 0px; opacity: 1; filter: alpha(opacity = 100);  -moz-opacity: 1; z-index: 51}*/
 #scroller .box {
    float:left;
    height: 70px;
    padding: 0px;
    padding-top: 5px;}
    
 #scroller2 .box{
    float:left;
    height: 115px;
    padding: 0px;
    padding-top: 5px; }
 
 #scroller3 .box {
    float:left;
    height: 60px;
    padding: 0px;
    border: 0px;
    margin: 0px 10px;
    padding-top: 10px; }    
  
  #scroller2 .barr{ width: 93px; padding-top: 0px; }
  #scroller2 .camogli{ width: 116px;}
  #scroller2 .camogli2{width: 114px;}
  #scroller2 .fastnet{width: 125px;}
  #scroller2 .joshua{width: 110px;}
  #scroller2 .lipton{width: 113px;}
  #scroller2 .montgomery{ width: 112px;}
  #scroller2 .ostar{width: 116px;}
  #scroller2 .pilar{width: 137px;}
  #scroller2 .scolup{ width: 91px;}
  #scroller2 .tamata{width: 113px;}
  #scroller2 .tamata-cardigan{width: 130px;}
  #scroller2 .weatherly{width: 119px;}

    
    #scroller .box div{ margin: 0px 30px; width: 120px; height: 70px;}
    #scroller .box div a {display: block; padding: 0px; width: 100%; height: 100%; font-size: 50px; color: #8D857C; text-align: center; font-weight: normal;} 
    #scroller .box div a.selected{ color: #002C5A;}
  
    #scroller2 .box a {display: block; padding: 0px; width: 100%; height: 100%; font-size: 10px; color: #888; text-align: center; font-weight: bold;} 
    #scroller2 .box a.selected{ color: #002C5A;}
    #scroller2 .box a img{ display: block;}
  
    #scroller3 .box a {font-size: 15px; font-weight: bold; color: #8D857C; padding: 0px; margin: 0px; border: 0px;} 
    #scroller3 .box a.selected{ color: #002C5A;}
   
 
.add-kart {
  width:175px;
}

.add-kart-mini {
  width:100px;
}
.sprite {
	background-image:url(../images/form_button.png);
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:25px;
	overflow:hidden;
	padding-bottom:5px;
	padding-left:5px;
	text-align:center;
}
.sprite_end {
	background-image:url(../images/form_button.png);
	background-position:-290px -22px;
	float:left;
	height:22px;
	width:15px;
}
input, select, button {
  vertical-align:middle;
}

/* share this */
.addthis_toolbox .hover_effect
{
  position: absolute;
  bottom: 10px; left: 10px;
  width: 120px;
  height: 15px;
  padding: 3px 0px 10px 5px;

}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}
.prod-descr h1,
.prod-descr h2{ padding-right: 20px; padding-bottom: 10px;}
.prod-descr h1.title { padding: 0px;}

#player-controller {
  position: absolute; top: 10px; left:10px; width: 120px; height: 16px; background: redxxx;z-index: 999999; }