﻿/*reset end general rules*/
*{margin:0;padding:0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: normal;font-family: Arial,Verdana,Helvetica,Sans-Serif;text-align: left;vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table{border-collapse: collapse;border-spacing:0;}
ol, ul {list-style:none;}
html{overflow:-moz-scrollbars-vertical;}
html,body{width:100%;}
em{ font-style:normal;}
a{color:#0057FF; font-size:11px; text-decoration:none;}                 
a:hover{ text-decoration:underline;}
a:active, a:focus{outline:none;}
/*end reset end general rules*/

/*main layout elements*/
#btheader{position:relative;}
#btheader h1{color:#0000FF;font-size:40px;height:44px;position:relative;text-transform:lowercase;top:16px;width:231px;}
#btheader h1 a{color:#000066;display:block;font-weight:lighter;height:100%;text-decoration:none;width:100%;}
#btheader h1 span {background:transparent url(../images/logo.png) no-repeat scroll left top;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;}

#bttopmenu{position:absolute; top:0px; right:0px; height:auto; height:35px; padding:0px 20px 0px 0px; background:#8798B3 url(../images/barra_top.png) right top no-repeat;}
#bttopmenu li.btfirst{background: url(../images/barra_top.png) left top no-repeat; height:35px; position:relative; padding-left:22px; border-left:0px; }
#bttopmenu li{ float:left;margin:0px 12px 0px -12px;text-align:center;height:23px;padding:0px 8px; line-height:22px; vertical-align:middle; border-left:1px solid #FFF;}
#bttopmenu li a{color:#FFF; text-decoration:none; font-size:12px;}
#bttopmenu li a:hover{ text-decoration:underline;}
#bttopmenu li.btlast{ margin-right:0px; padding-right:0px; }
#bttmcartlnk{ background: url(../images/carrello.png) right center no-repeat; padding-right:18px;}

#basemenu{ clear:both; text-align:right;font-size:12px;color:#0078BC;}
#basemenu li{display:inline;margin-right:5px; padding-left:5px; text-align:center; border-left:1px solid #333;}
#basemenu li.first{border:0px;}
#basemenu li a{text-decoration:none;color:#0078BC;}
#basemenu li a:hover{text-decoration:underline;}
#autharea{ text-align:right;margin:10px 0px; font-size:12px; color:#333;}
#welcome{color:#2C67A9;}
span.bracket{color:#DC4645;}
#lnklogin{display:inline-block; height:34px; vertical-align:middle;color:#FFF; text-decoration:none; padding-right:25px;background:#0062A5 url(../images/buttons/login.gif) right top no-repeat;}
#lnklogin span{ font-size:12px; display:inline-block;height:34px; line-height:32px; vertical-align:middle; padding-left:15px;background: url(../images/buttons/login.gif) left top no-repeat;}
#lnklogin:hover{ background-position:right -42px;}
#lnklogin:hover span{background-position:left -42px;}

#langmenu{ position:relative; padding-right:25px; background: url(../images/icons/frecce_lingua.png) right top no-repeat; cursor:pointer;}
#langlist{ display:none; position:absolute; top:12px; right:0px; border:1px solid #CCC; padding:10px 0px; background-color:#FFF; z-index:100;} 
#langlist li{ display:block; border:0px; text-align:left;margin-bottom:1px; padding-left:10px;}
#langlist li a{ display:block; padding:0px 10px;}
#langlist li a:hover{color:#2369C5; text-decoration:underline;}
#langmenu:hover{ background-position:right bottom;}
#langmenu:hover #langlist{ display:block; }

#btmain{max-width:1200px; min-width:980px; margin:auto; width:99%;}        
#btsearchframe{ font-size:11px;}
#btsearchtab{ position:relative; overflow:auto; z-index:1; top:1px;}
/** tabs */
#btsearchtab li{ background:#0062A5 url(../images/tabs.png) left top no-repeat;float:left;margin-right:5px; text-align:center;}
#btsearchtab li:hover{background-position:left -42px;}
#btsearchtab li#btlicategories{background-position:left -84px;}
#btsearchtab li#btlicategories:hover{background-position:left -126px;}
#btsearchtab li#btlifindoffers{background-position:left -168px;}
#btsearchtab li#btlifindoffers:hover{background-position:left -210px;}
#btsearchtab li#btlifindgroups{background-position:left -252px;}
#btsearchtab li#btlifindgroups:hover{background-position:left -294px;}
#btsearchtab li#btliblucult{background-position:left -337px;}
#btsearchtab li#btliblucult:hover{background-position:left -379px;}
/*fine tabs*/

#btsearchtab li a.twoline{ line-height:1; padding-top:5px;height:32px;}
#btsearchtab li a{vertical-align:middle; line-height:37px;height:37px; position:relative;display:block;color:#FFF;z-index:3; text-align:center; padding:0px 20px 0px 20px;font-size:12px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#btsearchtab li a:focus{ outline:none;}
#btsearchtab li span{ position:absolute; width:5px; height:37px; right:-2px; top:0px; z-index:-1;background: url(../images/tabs/bordo_tabs.png) right top no-repeat;}
#btsearchtab li#btmaskoverlay{position:absolute;top:0px; left:0px;z-index:2;width:100%;height:37px;background: url(../images/maschera.png) left top no-repeat; }
#btsearchbar{height:38px;background-color:#0062A5;background-position:right top;background-repeat:no-repeat;padding-right:10px; position:relative;z-index:1; overflow:hidden;}
#btsearchbar fieldset{ height:24px;background: url(../images/maschera.png) left bottom no-repeat; width:100%; padding:10px;padding-right:20%;}
#btsearchbar fieldset input,#btsearchbar fieldset select{vertical-align:middle;margin-right:5px;color:#4B5368;}
#keywords{width:300px; border:0px; background:#FFF url(../images/bg_form.gif) left bottom repeat-x; padding:1px 5px;color:#2369C5; font-weight:bold; font-size:12px;}
#btsearchform{ height:40px; background-position:left top; background-repeat:no-repeat; background-color:Transparent; width:990px; overflow:visible;}
#btsearchbtn{ background:transparent url(../images/icons/cerca.png) 5px top no-repeat; color:#FFF; font-weight:bold; padding-left:30px; padding-bottom:10px; cursor:pointer; text-transform:uppercase; vertical-align:top;}
#btsearchbtn:hover{ background-position:5px -80px;}


div.bttopfind,div.bttopfind #btsearchform{background-image: url(../images/fasce/f_cerca.png);}
div.bttopfindoffers,div.bttopfindoffers #btsearchform{background-image: url(../images/fasce/f_offerte.png);}
div.bttopgroups,div.bttopgroups #btsearchform{background-image: url(../images/fasce/f_gruppi.png);}
div.bttopcategiries,div.bttopcategiries #btsearchform{background-image: url(../images/fasce/f_espandi_categorie.png);}
div.bttopblucult,div.bttopblucult #btsearchform{background-image: url(../images/fasce/blucult_fascia.png);}

#btcategorie{margin:0px 0.5%;position:relative;background: url(../images/sf_dx.gif) left top repeat-y;}
#btcategorie_shadow{background: url(../images/sf_dx.gif) right top repeat-y;}
span#btcat_ftshadow{position:absolute;bottom:0px; left:0px; background: url(../images/sf_bt.gif) left 7px repeat-x;width:100%;height:15px;}
span#btcat_bsxcorner{position:absolute; bottom:0px; left:0px; width:15px; height:15px;background: url(../images/sx.gif) -4px 3px no-repeat;}
span#btcat_bdxcorner{position:absolute; bottom:0px; right:0px; width:15px; height:15px;background: url(../images/dx.gif) 4px 3px no-repeat;}
#btcategorie h2{margin:2px 7px;padding:10px 2%; background:url(../images/sf.png) left top repeat-x; font-size:18px;color:#2B2F3C;}
#btcategorie ul{position:relative;overflow:auto;margin:2px 7px;padding:0px 2% 10px 2%;}
#btcategorie li{width:33%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; margin-bottom:2px; }
#btcategorie li a{position:relative;display:block;overflow:hidden; text-overflow:ellipsis;height:13px;line-height:13px;padding:1px 25px;background: url(../images/icons/freccia_link.png) left top no-repeat; font-size:11px; font-weight:bold;color:#5A637B; text-decoration:none;}
#btcategorie li a:hover{ text-decoration:underline; color:#2369C5; background-position:left -20px;}
#btlevledescription{ position:absolute;bottom:0px; left:0px; padding:20px 2%; width:96%;}
#btlevledescription h2{ margin:8px auto;font-size:18px;color:#2B2F3C;}
#btlevledescription p{ text-align:justify; color:#2E333F; font-size:11px;}

#btfooter{ padding:10px 0px;border-top:5px solid #CCC; clear:both; }
#btfooter ul{margin:0px auto auto;position:relative;text-align:center;}
ul.textmenu li{ display:inline; border-right:1px solid #888; font-size:12px; padding-right:5px;margin-right:5px;}
ul.textmenu li.last{border:0px;}
ul.textmenu li a{ text-decoration:none; font-size:12px;color:#888;}
ul.textmenu li a:hover{ text-decoration:underline;color:#0078BC;}
#btfooter p{ text-align:center; font-size:11px; margin-top:5px;}
/*end main layout elements*/

/* Modal style */    
.modal{position:absolute;/* top:50%; left:50% */;z-index:1000;background-color:#FFF; border:1px solid #B3B3B3;-webkit-box-shadow:5px 5px 5px #AAA;-moz-box-shadow:3px 3px 5px #AAA; width:600px; height:450px; padding-bottom:30px; }
.modal h2{height:38px;background-position: right top;top:-1px;background-repeat:no-repeat; position:relative; right:-1px; padding-right:10px; cursor:move;}
.modal h2 span{display:block;position:relative;left:-2px; height:38px;background-position:left top; background-repeat:no-repeat; padding-left:10px;font-size:16px;line-height:38px; vertical-align:middle; font-weight:bold; color:#FFF;cursor:move;}
.modalbody{padding:5px;}

.modaldetails h2,.modaldetails h2 span{ background-image: url(/Content/images/fasce/div_green.png);   }
.modalblucult h2,.modalblucult h2 span{ background-image: url(/Content/images/fasce/blucult_fascia.png);}
.modaldefault h2,.modaldefault h2 span{ background-image: url(/Content/images/fasce/f_cerca.png);}
.modaloffers h2,.modaloffers h2 span{ background-image: url(/Content/images/fasce/f_offerte.png);}
.modalgroups h2,.modalgroups h2 span{ background-image: url(/Content/images/fasce/f_gruppi.png);}
.modalcategories h2,.modalcategories h2 span{ background-image: url(/Content/images/fasce/f_espandi_catgorie.png);}    
#overlay{display:none;height:100%;width:99%;left:0;top:0;position:fixed;z-index:900; background: url(/content/images/blank.gif) top left no-repeat;}
.modal .btnbar{ position:absolute; bottom:0px; right:0px;}

a.modalclose{position:absolute;top:10px; right:10px;color:#FFF;}
.modalsource{display:none;}
/*end modal*/

/*regole per creare l'ombra per i browser che non supportano la rule box-shadow*/
span.shadow{ position:absolute;width:8px; top:10px; right:-8px;bottom:0px;background: url(/Content/images/modal-shadow-y.png) top left repeat-y;}    
span.bt{height:8px;left:7px;right:8px;top:auto; bottom:-8px; width:98%; background: url(/Content/images/modal-shadow-x.png) top left repeat-x;}
span.tpdx{width:8px; height:8px; top:8px; background:none; }
span.btdx{width:8px; height:8px;left:8px; top:auto; left:auto; right:-8px;bottom:-8px;background:none;}    
/* end modal style */

/** paging */
 div.paging{float:right;margin-right:10px;color:#4B5368; height:23px; line-height:23px; vertical-align:middle; font-size:11px; }
 div.paging a{color:#BD3639;margin:0px 2px;color:#4B5368;}
 div.paging a.prev,div.paging a.next{ font-weight:bold; color: #0077B9; }
 div.paging em{ font-weight:bold; font-style:normal; }
 div.paging span{margin-right:10px;}
/* fine paging*/

/*links*/
a.favorite{ background-image: url(/Content/images/icons/preferiti.png);background-repeat:no-repeat;}
a.suggest{background-image: url(/Content/images/icons/segnala.png);background-repeat:no-repeat;}
/*end links*/

/*forms*/
label{color:#4B5368; font-size:11px; }
label.checkbox{cursor:pointer; display:inline-block; height:15px; padding-left:20px; background: url(/Content/images/icons/checkbox.png) left bottom no-repeat;}                  
label.checked{ background-position:left top;margin:0px;}
/*end forms*/

/*buttons*/
span.xbtn{ height:22px;display:inline-block;vertical-align:middle;border:0 none;margin:0;padding:0;text-align:center;cursor:pointer; padding-right:8px; background: url(/Content/images/buttons/pulsanti.png) right top no-repeat;  }
span.xbtn input{height:22px;font-weight:bold;font-size:12px;padding:0px 10px 0px 20px; cursor:pointer;background: url(/Content/images/buttons/pulsanti.png) left top no-repeat;color:#FFF;}

span.annulla{background-position:right 0px;}
span.annulla input{background-position:left 0px;}         
span.annulla:hover{background-position:right -30px;}
span.annulla input:hover{background-position:left -30px;}         

span.next{background-position:right -60px;}
span.next input{background-position:left -60px;}         
span.next:hover{background-position:right -90px;}
span.next input:hover{background-position:left -90px;}         

span.send{background-position:right -120px;}
span.send input{background-position:left -120px;}         
span.send:hover{background-position:right -150px;}
span.send input:hover{background-position:left -150px;}         

span.save{background-position:right -179px;}
span.save input{background-position:left -179px;}         
span.save:hover{background-position:right -209px;}
span.save input:hover{background-position:left -209px;}         

span.search{background-position:right -244px;}
span.search input{background-position:left -244px;}         
span.search:hover{background-position:right -270px;}
span.search input:hover{background-position:left -270px;}         

/*end buttons*/

/*varius elements*/

img.flag{width:18px; height:12px; vertical-align:middle;}
div.alliner{clear:both;}         
div.actions a{height:20px; line-height:20px; vertical-align:middle;}
div.btnbar{text-align:right; padding:10px; padding-bottom:0px; margin-bottom:0px;}

/*end varius elements*/

