/* PAGINA Generici ================================================================================ */

html
{
    overflow-y:scroll;
}

body
{
	text-align:center;
	padding:0px;
	margin:0px 0px 15px 0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color:#333333;
	background-position:top;
	background-repeat:repeat-x;
}

.Body
{
	width:976px;
	margin:0px auto 0px auto;
	text-align:left;
}

.Container
{
    position:relative !important;
    position:inherit;
    z-index:50;
	background-color:#FFFFFF;
	border:1px solid #BBBBBB;
	border-bottom-width:0px;
	-webkit-box-shadow:0px 5px 10px #BBBBBB;
	-moz-box-shadow:0px 5px 10px #BBBBBB ;
	box-shadow:0px 5px 10px #BBBBBB;
}

.LeftColoumn
{
	float:left;
	width:175px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}

.Content
{
	width:750px;
	margin:15px 0px 0px 204px;
	padding-bottom:5px;
	text-align:left;
	min-height:500px;
	height:auto !important; /* IE 6 */
	height:500px; /* IE 6 */
}

.ClearContent
{
	clear:both;
	height:15px;
}

.SingolPannel
{
	margin:85px auto 0 auto;
	background-color:#FFFFFF;
	border:solid 1px #BBBBBB;
	padding:5px;
	min-height:300px; 
	height:auto !important; /* IE 6 */
	height:300px; /* IE 6 */
}

/* ELEMENTI Generali ============================================================================== */

img
{
	border-width:0px;
}

strong, b
{
	font-weight:bold;
}

a
{
    text-decoration:none;
}

a:HOVER
{
	text-decoration:underline;
}

hr
{
	border:0px;
	height:1px;
}

h6
{
	font-size:13px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

h4
{
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}

/* CONTROLLI Comuni (utilizzando classi) ========================================================== */

.DropDownList
{
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:1px;
	padding:0px;
	border-style:solid;
	border-width:1px;
}

.RadioButton
{
	text-align: left;
	margin: 1px 1px 1px 10px;
}

.CheckBox
{
    display:inline-block;
    padding-top:1px;
    height:16px;
}

.CheckBox input
{
    float:left;
    margin:0px 5px 0px 0px;
    padding:0px;
    height:16px;
}

.CheckBox label
{
    line-height:16px;
}

.TextBox
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background-color:#FFFFFF;
	border-style: solid;
	border-width:1px;
	width:165px;
	margin:1px 1px 1px 10px;
	padding:1px;
}

.TextBoxReadOnly
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background-color:White;
	border:1px solid #BBBBBB;
	width:165px;
	margin:1px 1px 1px 10px;
	padding:1px;
}

.Button
{
	border:1px solid #666666;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:1px 1px 1px 0px;
}

.Button:HOVER
{
	background-color:#BBBBBB;
	color:#333333;
	cursor:pointer;
}

/* CLASSI di vario utilizzo ======================================================================= */

.Evidenziatore:Hover
{
	text-decoration:none;
	cursor:pointer;
}

.BordoColorato
{
    border-style:solid;
    border-width:1px;
}

.NewProduct, .Discount
{
	color:#FA6301;
	font-weight:bold;
}

.OriginalPrice
{
	text-decoration:line-through;
}

.InfoText
{
	font-size:10px;
	color:#BBBBBB;
}

.GrayBackground
{
	background-color:#F6F6F6;
}

.Shadow
{
    -webkit-box-shadow:0px 0px 5px #999999;
    -moz-box-shadow:0px 0px 5px #999999;
    box-shadow:0px 0px 5px #999999;
}

.Thumbnail
{
    display:inline-block;
    margin:0px;
    border:solid 1px #CCCCCC;
    padding:2px;
    vertical-align:middle;
    background-color:#FFFFFF;
    -webkit-box-shadow:2px 2px 4px #BBBBBB;
    -moz-box-shadow:2px 2px 4px #BBBBBB;
    box-shadow:2px 2px 4px #BBBBBB;
}

/* Classi per le Radio Button con immagini e pallino nascosto ===================================== */

.HiddenRadioList input
{
	display:none;
}

.HiddenRadioList label span
{
	cursor:pointer;
	display:inline-block;
	padding:2px;
}

.HiddenRadioList label span.Quadro16
{
	width:18px;
	height:18px;
}
.HiddenRadioList label span.Quadro24
{
	width:26px;
	height:26px;
}
.HiddenRadioList label span.Rettangolare85x24
{
	width:87px;
	height:26px;
}

.HiddenRadioList label span span
{
	display:inline-block;
	padding:0px;
	border: solid 1px #333333;
}

.HiddenRadioList label span.Quadro16 span
{
	width:16px;
	height:16px;
}
.HiddenRadioList label span.Quadro24 span
{
	width:24px;
	height:24px;
}
.HiddenRadioList label span.Rettangolare85x24 span
{
	width:85px;
	height:24px;
}

.HiddenRadioList label.selected span
{
	border: solid 2px #333333;
	padding: 0px;
}

.HiddenRadioList label.selected span span
{
	border: solid 1px #FFFFFF;
	padding: 0px;
}

/* Classi per le TextBox dei prodotti con OPZIONI ================================================= */

.HiddenTextBox input
{
    background-color:Transparent;
    text-align:center;
    border:1px dotted #CCCCCC;
    margin:0px 0px -1px 0px;
    padding:0px;
}
.HiddenTextBox span
{
	vertical-align:bottom;
	font-size:9px;
	display:inline-block;
	background-color:#FFFFFF;
	padding:2px 0px;
	width:20px;
	text-align:center;
	border:1px solid #333333;
}
.HiddenTextBox .testo1
{
	font-size:20pt;
}
.HiddenTextBox .testo2
{
	font-size:40pt;
}
.HiddenTextBox .testo3
{
	font-size:60pt;
}
.HiddenTextBox .testo4
{
	font-size:80pt;
}

/* Classi per le Radio Button simili a bottoni ==================================================== */

.RadioButtonButton span
{
    display:inline-block;
    padding:0px 4px 1px 4px;
    border:1px solid #999999;
    font-weight:bold;
    cursor:pointer;
}

.RadioButtonButton input
{
    display:inline-block;
    height:13px;
    width:13px;
    margin:0px;
    padding:0px;
    float:left;
}

.RadioButtonButton label
{
    margin-left:2px;
}

/* Classi per le NUVOLE =========================================================================== */

.NuvolaTag a
{
	color:#333333;
	text-align:justify;
	margin:0px 7px;
}

.NuvolaTag a:hover
{
	text-decoration:none;
}

.NuvolaTag1
{
	font-size:11px;
}
.NuvolaTag2
{
	font-size:16px;
}
.NuvolaTag3
{
	font-size:21px;
}

/* Classi per il Push Button fatto con gli span =================================================== */

.SpanButton, .SpanButton.Disabled:hover
{
    display:inline-block;
    position:relative;
	border:1px solid #BBBBBB;
	background-image:url(/Images/Common/Sfondi_PushButton.png);
	background-repeat:repeat-x;
	background-position:0% -0px;
	margin:0px;
	padding:0px;
	text-align:center;
}

.SpanButton a, .SpanButton a:Hover
{
    display:inline-block;
    line-height:21px;
    height:21px;
    vertical-align:middle;
	cursor:pointer;
	color:#333333;
	padding:0px 7px;
	font-weight:bold;
	text-decoration:none;
}

.SpanButton.Disabled a, .SpanButton.Disabled a:Hover
{
    color:#999999;
    cursor:default;
}

.SpanButton.Disabled img
{
    opacity:0.5;
}

.SpanButton img.Right
{
    margin:3px 0px 0px 7px;
    vertical-align:top;
}

.SpanButton img.Left
{
    margin:3px 7px 0px 0px;
    vertical-align:top;
}

/* Pannellino ===================================================================================== */

.Box
{
	position:relative;
	width:100%;
}

.Box_tl
{
    background:url(/Images/Box/tl.png) no-repeat top left !important;
	background:url(/Images/Box/tl.gif) no-repeat top left;
	top:0px;
	left:0px;
	position:absolute;
	height:10px;
	width:10px;
}

.Box_tr
{
    background:url(/Images/Box/tr.png) no-repeat top right !important;
	background:url(/Images/Box/tr.gif) no-repeat top right;
	top:0px;
	right:0px;
	position:absolute;
	height:10px;
	width:10px;
}

.Box_bl
{
    background:url(/Images/Box/bl.png) no-repeat bottom left !important;
	background:url(/Images/Box/bl.gif) no-repeat bottom left;
	bottom:0px !important;
	bottom:-1px;
	left:0px;
	position:absolute;
	height:10px;
	width:10px;
}

.Box_br
{
    background:url(/Images/Box/br.png) no-repeat bottom right !important;
	background:url(/Images/Box/br.gif) no-repeat bottom right;
	bottom:0px !important;
	bottom:-1px;
	right:0px;
	position:absolute;
	height:10px;
	width:10px;
}

/* Pannellino Contornato ========================================================================== */

.Rounded
{
	position:relative;
	border:1px solid #BBBBBB;
	width:auto !important;
	width:100%;
}

.Rounded_tl
{
    background:url(/Images/Rounded/tl.png) no-repeat top left !important;
	background:url(/Images/Rounded/tl.gif) no-repeat top left;
	top:-1px;
	left:-1px;
	position:absolute;
	height:5px;
	width:5px;
}

.Rounded_tr
{
    background:url(/Images/Rounded/tr.png) no-repeat top right !important;
	background:url(/Images/Rounded/tr.gif) no-repeat top right;
	top:-1px;
	right:-1px !important;
	right:-2px;
	position:absolute;
	height:5px;
	width:5px;
}

.Rounded_bl
{
    background:url(/Images/Rounded/bl.png) no-repeat bottom left !important;
	background:url(/Images/Rounded/bl.gif) no-repeat bottom left;
	bottom:-1px;
	left:-1px;
	position:absolute;
	height:5px;
	width:5px;
}

.Rounded_br
{
    background:url(/Images/Rounded/br.png) no-repeat bottom right !important;
	background:url(/Images/Rounded/br.gif) no-repeat bottom right;
	bottom:-1px;
	right:-1px;
	position:absolute;
	height:5px;
	width:5px;
}

/* Classi per la Procedura PASSO-PASSO (tipica della Buy.aspx) ==================================== */

.BuyProsegui
{
	text-align:right;
	padding-right:20px;
	clear:right;
	margin-top:10px;
}

.BuyRisultato
{
	padding:4px;
	border-bottom:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	color:#333333;
	text-decoration:none;
	cursor:pointer;
	background-image:url(/Images/Common/16x16MonoIcons/leftturnarrow.png);
	background-repeat:no-repeat;
	background-position:right 21px; /* Immagini di sfondo nascosta */
}

.BuyRisultato:hover
{
    background-position:right center;
}

.BuyRisultatoImage
{
	vertical-align:middle;
	float:left;
	margin-right:4px;
}

.BuyVisualizza
{
	margin-top:10px;
}

.BuyContent
{
	min-height:250px;
	margin-right:11px;
}

.BullettedList
{
	margin-top:5px;
	margin-bottom:0px;
}

/* Classi per la lista riordinabile (usata nella Special.aspx) ==================================== */

.bloccoBase /* Blocco che identifica il segnaposto delle varie pagine */
{
    position:relative;
    float:left;
    width:136px;
    height:170px;
    margin:0px 8px 8px 0px;
    padding:0px;
    text-align:center;
    border:dashed 1px #CCCCCC;
}

.bloccoCopertina /* Blocco che identifica il segnaposto della eventuale copertina */
{
    position:relative;
    float:left;
    width:136px;
    height:170px;
    margin:0px 8px 8px 0px;
    padding:0px;
    text-align:center;
    border-style:dashed;
    border-width:1px;
}

.bloccoTitolo
{
    position:relative;
    top:3px;
}

.bloccoTitolo.Errore
{
    font-weight:bold;
    color:red;
}

.bloccoSimulaBordi
{
    position:absolute;
    top:30px;
    left:0px;
    display:inline-block;
    border-style:solid;
    border-color:#FFFFFF;
    z-index:5;
    filter:alpha(opacity=80);
    opacity:0.80;
}

.bloccoSimulaPagina
{
    position:absolute;
    display:inline-block;
    margin:1px;
    padding:1px;
    border:1px solid #999999;
    z-index:5;
    -webkit-box-shadow:2px 2px 4px #BBBBBB;
    -moz-box-shadow:2px 2px 4px #BBBBBB;
}

.bloccoSimulaPagina.Errore
{
    margin:0px;
    border:2px solid red;
}

.bloccoImmagine /* Blocco che contiene l'immagine che è possibile spostare */
{
    position:relative;
    float:left;
    width:136px;
    height:170px;
    margin:0px 8px 8px 0px;
    padding:0px;
    border:1px solid Transparent;
    text-align:center;
}

.bloccoInformazioni
{
    color:#BBBBBB;
    text-align:center;
    position:absolute;
    top:3px;
    left:0px;
    display:inline-block;
    width:130px;
    padding:0px 2px;
    overflow:hidden;
    white-space:nowrap;
    cursor:default;
}

.bloccoContenitoreImmagine /* Blocco che contiene l'immagine e ne cancella l'overflow */
{
    display:inline-block;
    width:136px;
    height:122px;
    position:absolute;
    top:30px;
    left:0px;
    overflow:hidden;
}

.ImmaginePagina /* Prorpietà dell'immagine */
{
    position:absolute;
    margin:0px;
}

.bloccoOperazioni /* Blocco con all'interno i bottone operazione sulle immagini */
{
    text-align:center;
    display:inline-block;
    width:136px;
    position:absolute;
    bottom:0px;
    right:0px;
}

/* Classi per la lista dei Formati-Prodotti (usata in Images.aspx e Special.aspx) ================= */

.ListCategories div, .ListMacrocategories div
{
    background-color:transparent;
    margin-bottom:5px;
    padding:3px;
    border-right-width:0px;
}
.ListCategories div:hover
{
    background-color:#FFFFFF;
    margin-left:1px;
    cursor:pointer;
    position:relative;
    right:1px;
}
.ListMacrocategories div:hover
{
    background-color:#EEEEEE;
    margin-left:1px;
    cursor:pointer;
    position:relative;
    right:1px;
}

.ListMacrocategories div.BordoColorato, .ListMacrocategories div:hover.BordoColorato
{
    background-color:#EEEEEE;
    padding:2px;
    cursor:default;
    position:static;
    margin-left:0px;
}
.ListCategories div.BordoColorato, .ListCategories div:hover.BordoColorato
{
    background-color:#FFFFFF;
    padding:2px;
    cursor:default;
    position:static;
    margin-left:0px;
}


.ListProducts div
{
    padding:3px 3px 3px 2px;
    cursor:pointer;
    margin-top:5px;
}
.ListProducts div:hover
{
    text-decoration:underline;
}

.ListProducts div.SelectedBackground
{
    border:1px solid #CCCCCC;
    padding:2px 2px 2px 1px;
    cursor:default;
    text-decoration:none;
}

/* Classi dell'USER PANNEL ======================================================================== */

.TopMenu
{
	text-align:center;
}

.UserName
{
	margin-top:10px;
	text-align:center;
}

.Cart
{
	margin-top:15px;
	text-align:center;
}

/* Classi per il MENU (più HEADER) ================================================================ */

div.base
{
	height:48px;
	margin-top:30px;
}

/* Livello 1 */

div.navbar
{
	position:relative;
	width:976px;
	height:25px;
	border-bottom:1px solid #BBBBBB;
}

div.navbar ul.top
{
	list-style:none none outside;
	margin:0px;
	padding:0px;
}

div.navbar ul.top li
{
	float:left;
	padding:2px 0px 0px 0px;
	height:25px;
	font-size:13px;
	border:0px solid transparent;
	cursor:pointer;
	width:auto !important;
	width:150px; /* Larghezza su IE6 */
	text-align:center;
	margin-right:2px;
	margin-left:0px;
}

div.navbar ul.top li.selected
{
	padding:0px;
}

div.navbar ul.top li.logo
{
	padding:0px;
}

div.navbar ul.top li.flags
{
	width:auto;
	padding:6px 5px 0px 5px;
}

div.navbar ul.top li.flags a
{
    position:relative;
    display:inline-block;
    width:20px;
    height:15px;
    margin-left:-2px;
    text-decoration:none;
}

div.navbar ul.top li.flags a span
{
    background-color:#333333;
    color:#FFFFFF;
    padding:2px 4px 3px 4px;
    position:absolute;
    bottom:25px;
    right:-4px;
    display:none;
    white-space:nowrap;
}

div.navbar ul.top li.flags a span img
{
    position:absolute;
    right:8px;
    bottom:-6px;
}

div.navbar ul.top li.flags a img.flag
{
    padding:1px;
	border:1px solid transparent;
}

div.navbar ul.top li.flags a.actual img.flag
{
	border-color:#BBBBBB;
	background-color:#FFFFFF;
}

div.navbar ul.top li.flags a:hover img.flag
{
	border-color:#333333;
	background-color:#FFFFFF;
}

div.navbar ul.top li.lrt
{
	float:right;
	margin-left:2px;
	margin-right:0px;
}

div.navbar ul.top li div.contenuto
{
	border-right:1px solid #BBBBBB; 
	border-left:1px solid #BBBBBB;
	height:19px;
	padding:0px 10px;
	background-color:#FFFFFF;
}

div.navbar ul.top li.selected div.contenuto
{
	height:19px;
	padding:2px 10px 0px 10px;
}

div.navbar ul.top li div.rtop div.r1
{
	height:1px;
	margin:0px 4px;
	display:block;
	overflow:hidden;
	background:#BBBBBB;
	border-right:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	padding:0px 6px;
}

div.navbar ul.top li div.rtop div.r2
{
	height:1px;
	margin:0px 2px;
	display:block;
	overflow:hidden;
	border-right:2px solid #BBBBBB;
	border-left:2px solid #BBBBBB;
	padding:0px 7px;
	background-color:#FFFFFF;
}
div.navbar ul.top li div.rtop div.r3
{
	height:2px;
	margin:0px 1px;
	display:block;
	overflow:hidden;
	border-right:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	padding:0px 9px;
	background-color:#FFFFFF;
}

/* Livello 2 */

div.navbar ul.top li div.sub
{
	position:absolute;
	top:26px;
	left:0px;
	width:974px;
	height:22px;
	line-height:22px;
	text-align:center;
	font-size:12px;
	margin:0px;
	padding:0px;
	border-left:1px solid #BBBBBB;	
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	z-index:10;
}

div.navbar ul.top li.selected div.sub
{
	z-index:50;
	-webkit-box-shadow:0px 5px 10px #BBBBBB;
	-moz-box-shadow:0px 5px 10px #BBBBBB ;
	box-shadow:0px 5px 10px #BBBBBB;
}

/* Classi per il FOOTER delle pagine ============================================================== */

.Footer
{
	font-size:10px;
	color:#666666;
	background-color:#F6F6F6;
	padding:0px 10px;
	width:auto !important;
	width:954px;
	border:1px solid #BBBBBB;
	border-bottom-width:0px;
	position:relative;
	z-index:50;
	-webkit-box-shadow:0px 5px 10px #BBBBBB;
	-moz-box-shadow:0px 5px 10px #BBBBBB ;
	box-shadow:0px 5px 10px #BBBBBB;
}

#Pagamenti
{
	padding:5px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #E0E0E0;
}

.immaginipagamenti
{
	vertical-align:middle;
}

#Riferimenti
{
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

.FooterRounded
{
    width:auto !important;
	width:976px;
}

.FooterRounded div
{
	overflow:hidden;
	border-right:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	position:relative;
	z-index:50;
}

.FooterRounded div.FR1
{
    background:#F6F6F6;
    margin:0px 1px;
    height:2px;
}

.FooterRounded div.FR2
{
    background:#F6F6F6;
    margin:0px 2px;
    height:1px;
    border-width:2px;
}

.FooterRounded div.FR3
{
    background:#BBBBBB;
    margin:0px 4px;
    height:1px;
}

/* Classi per il lettore di FEED nelle pagine ===================================================== */

.FeedReader
{
	width:100%;
}

.FeedReader a
{
	font-size:12px;
}

.FeedReader a:Hover
{
	font-size:12px;
}

.FeedReader #Date
{
	font-family:Tahoma;
	font-size:x-small;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color:#666666;
	margin-bottom:10px;
}

.FeedReader #Contenuto
{
	margin-bottom:10px;
}