
/*******************************************************************
 Formattazioni generiche
 *******************************************************************/

BODY {
	/* customize below */
	font-family: Verdana, Arial, Helvetica, San Serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: Black;
	margin: 0; 
	margin-right: auto;
	margin-left: auto;
	padding: 0; 
	text-align: center;
}

A {
	/* customize below */
	text-decoration: none;
	color:black;
}

A:hover {
	/* customize below */
	text-decoration: underline;
	color:black;
}

A.highlited {
	/* customize below */
	text-decoration: underline;
	color:black;
}

A.highlited:hover {
	/* customize below */
	text-decoration: none;
	color:black;
}

LI {
	margin: 0px;
	padding: 0px;
}

.validatorError {
	color: red;
	font-weight: bold;
	font-size:10px;
	padding: 2px;
}

.pageTitle {
	/* customize below */
	font-family: arial, helvetica;
	font-size: 20pt;
	letter-spacing: -1px;
	color: #04275b;
}

.pageIntroText, .pageText {

}

.pageBlockTitle {
	font-size: 13pt;
	font-family: arial, helvetica;
	color: #04275b;
}


.formFieldLabel {
	font-weight: normal;
	font-size: 8pt;
}

.formFieldValue {
	font-weight: normal;
	font-size: 8pt;
}

.formRequiredFieldLabel {
	font-size: 8pt;
}

.formField {
	width: 99%;
	font-size: 8pt;
}

.requiredFieldLegend {
	font-size: 7pt;
}


DIV.legalText {
	overflow: auto;
	overflow-y: scroll;
	padding: 3px;
	width: 70%;
	height: 100px;
	/* customize below */
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, San Serif;
	text-align: justify;
	border: 1px silver solid;
} 

.choiceBox {
	/* customize below */
	xborder: 1px solid Black;
	padding: 5px;
}

.choiceBoxTitle {
	/* customize below */
	font-size: 13pt;
	font-family: arial, helvetica;
	color: #04275b;
}

#pnlSmallHeader, #pnlFooterNavLinks {
	width: 100%;
	height: 25px;
	/* customize below */
	line-height:30px;
	height:35px;
	background: url("images/skin/pnlSmallHeaderBg.jpg") repeat-x top left;
	margin-bottom:10px;
}

.pnlSmallHeaderFixedPane {
	/* customize below */
	width: 970px;
}

#pnlSmallHeader {
	/* customize below */
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	line-height: 30px;
	background: url(/images/skin/pnlSmallHeaderBg.jpg) repeat-x top left;
}

#pnlSmallHeaderShopname {
	/* customize below */
	width: 170px;
	height: 22px;
	float: left;
	padding: 0px;
	padding-left: 10px;
	font-weight: bold;
}

#pnlSmallHeaderBreadcrumbs {
	/* customize below */   
	height: 22px;
	padding: 0px;
	float: left;
	text-align: left;
}

#pnlSiteHeader {
	/* customize below */
	width: 100%;
	min-width: 940px;
	height: 117px;
	background: url(/images/skin/shopHeaderBg.jpg) no-repeat top center;
	text-align: center;
}


#pnlSiteHeader {
	width: 100%;
	/* customize below */
	min-width: 940px;
	height: 117px;
	background: url(images/skin/shopHeaderBg.jpg) no-repeat top center;
	text-align: center;
}

#pnlSiteHeaderLogo {
	/* customize below */
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	align: center;
}

.headerLogoLinkPane {
	/* customize below */
}

.headerLogoLink {
	/* customize below */
	width: 600px;
	height: 117px;
}

#pnlSiteHeader #pnlSiteHeaderBanners {
	/* customize below */	
}

#pnlCategories {
	padding: 0px;
	/* customize below */
	background: url("images/skin/categoriesBg.jpg") repeat-x bottom;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
	align: center;
	height: 147px;
}

#pnlSearchBar {
	padding: 2px;
	/* customize below */
	background-color: none;
}

#pnlFixedContentPane {
	width: 1024px;
	text-align: left;
	align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

#pnlLeftPane {
	width: 170px;
	float: left;
	padding: 5px;
	/* customize below */
	background-color: none;
}

#pnlContentPane {
	margin-top: 10px;
	padding: 0px;
	/* customize below */
	background-color: none;	
	width: 640px;
	float: left;
}

#pnlRightPane {
	width: 190px;
	padding: 5px;
	/* customize below */	
	float: left;
}

#pnlFooter {
	xmargin-top: 25px;
	width: 100%;
	/* customize below */	
	text-align:center;
	font-size:9px;
	xpadding-top: 10px;
	xmargin-left: 10px;
	xmargin-right: 10px;
	background: White;
	clear: both;
}

.btnFutureProducts {
	/* customize below */	
	width: 186px;
	height: 69px;
	margin: 2px;
	margin-bottom: 5px;
}

.btnSpecialPrices {
	/* customize below */	
	width: 186px;
	height: 69px;
	margin: 2px;
	margin-bottom: 5px;
}

.btnOfficialSize {
	/* customize below */	
	width: 186px;
	height: 108px;
	margin: 2px;
	margin-bottom: 5px;
}

.btnSubmit {
	/* customize below */	
	display: block;
	width: 175px;
	height: 46px;
	margin: 2px;
	margin-bottom: 5px;
	background: url("/images/skin/bntSubmit.jpg") no-repeat top left;
	line-height: 64px;
	text-align: center;
	text-indent: -32px;
}

.btnSubmit:hover {
	background: url("/images/skin/bntSubmitOver.jpg") no-repeat top left;
}

.tableHeader {
	padding: 5px 5px 8px 8px;
	margin: 0px;
	/* customize below */
	background: url("/images/skin/titleHeaderBg.jpg") repeat-x top #04275b;
	color: White;
	font-weight: bold;
}

.tableFooter {
	padding: 5px 5px 8px 8px;
	margin: 0px;
	/* customize below */
	background-color: #f2faff;
	font-weight: bold;
}

.popupFooter {
	/* customize below */
	background-color: #e1e1e1;
	padding: 10px;
}

/*******************************************************************
 Banner
 *******************************************************************/

.adLeft {
	/* customize below */
	margin: 2px;
	margin-bottom: 5px;
}
 

/*******************************************************************
 Elenco classificazioni
 *******************************************************************/

#pnlCategoriesTabStrip {
	/* customize below */
    position: relative;
    float: left;
    width: 99%;
    min-width:640px;
    top: -32px;                /* solo Safari e FIREFOX */
    _top: -21px;                /* solo IE5, IE6 e FIREFOX */
    margin-left: 40%;
    font-size: 93%;
    text-align: center;
}

*:first-child+html #pnlCategoriesTabStrip	/* solo IE 7.0 ma non FIREFOX */ {
    top: -21px!important;
}


#pnlCategoriesTabStrip UL {
	/* customize below */
	margin-right: auto;
	margin-left: auto;
	list-style: none;
	text-align: center;
	align: center;
}

SPAN.classListItem LI {
	/* customize below */
	float: left;
	display: block;
	background: url("/images/skin/pnlCategoriesTabRightBg.gif") no-repeat right top;
	margin: 0;
	padding: 0;
}

SPAN.classListItem A {
	/* customize below */
	display: block;
	background: url("/images/skin/pnlCategoriesTabLeftBg.gif") no-repeat left top;
	padding: 5px 15px 4px;
}
		
SPAN.classListActiveItem LI {
	/* customize below */
	float: left;
	background: url("/images/skin/pnlCategoriesActiveTabRightBg.gif") no-repeat right top;
	margin: 0;
	padding: 0;
}
		
SPAN.classListActiveItem A {
	/* customize below */
	color: white;
	display: block;
	background: url("/images/skin/pnlCategoriesActiveTabLeftBg.gif") no-repeat left top;
	padding: 5px 15px 4px;
}


/*******************************************************************
 Breadcrumbs classificazione (header)
 *******************************************************************/

/* area principale */
 
 DIV.classHeaderBCPanel {
	/* customize below */
	padding:0px;
	height:22px;
	width: 500px;
	line-height:22px;
}

/* elemento dell'elenco */
 
.classHeaderBCItem A {
	/* customize below */
	margin: 0px 2px 0px 2px;
	color: Black; 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
	font-weight: bold; 
	font-style: normal; 
	letter-spacing: normal;
}

/* separatore */

SPAN.classHeaderBCSeparator {
	/* customize below */
	margin: 0px 2px 0px 2px;
	color: Black; 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8px;
	font-weight: bold; 
	font-style: normal; 
	letter-spacing: -2px;
}




/*******************************************************************
 Albero classificazione 
 *******************************************************************/

 /* area principale dell'albero */
 
DIV.classTreePanel {
	margin: 2px;
	padding: 0px;
	/* customize below */	
	border: 1px solid #04275b
}

 /* area dell'albero contenente la classificazione (e relativi livelli) attiva */
 
xxxDIV.classTreeActivePanel {
	margin-bottom:5px;
	padding:0px;
	padding-bottom:10px;
	/* customize below */
	background: fefefe ;
	border: 0px solid #04275b;
}

 /* area contenente il nome di una classificazione */
 
xxxP.xxxclassTreeLabel {
	padding: 5px;
	margin: 0px;
	/* customize below */	
	margin-top: 3px;
	background: black url("/images/skin/classTreeLabelBg.jpg") repeat-x top;
	line-height: 18px;
}

 /* area contenente il nome di una classificazione attiva */
 
P.classTreeActiveLabel {
	padding: 5px 5px 8px 8px;
	margin: 0px;
	/* customize below */
	background: url("/images/skin/categoriesBg.jpg") repeat-x bottom #04275b;
}

/* link associato al nome di una classificazione */

xxxP.xxxclassTreeLabel xxxA {
	/* customize below */	
	color: #04275b;
}

 /* link associato al nome di una classificazione attiva */
P.classTreeActiveLabel A {
	/* customize below */	
	color: white;
	font-weight:bold;
}

/* area contenente i livelli selezionati di una classificazione attiva */

DIV.classTreeActiveLevelsPanel {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	/* customize below */	
	background: #e5f5fc;
	xmargin-top:2px;
	xborder-bottom: 2px solid #adadad;
	xborder-top: 2px solid #adadad;
	border-bottom: 1px solid #04275b;
	xborder-top: 2px solid #04275b;
}

 /* area contenente un ramo di livello 0 non attivo */
 
P.classTreeLevel0 {
	margin: 2px;
	padding: 0px 5px 3px 5px;
	/* customize below */	
	border-left:1px solid c6c6c6;
	border-bottom:1px solid c6c6c6;
}

 /* area contenente un ramo selezionato di livello 0 di una classificazione attiva */
 
P.classTreeActiveLevel0 {
	margin: 0px 0px 0px 0px;
	padding: 2px 7px 5px 5px;
	/* customize below */	
	border-left:1px solid c6c6c6;
	border-bottom:1px solid c6c6c6;
	xbackground: fafafa;
	xbackground: red;
	font-weight:bold;
}

 /* area contenente un ramo di livello 1 */
 
P.classTreeLevel1 {
	margin: 0px 0px 0px 0px;
	padding: 2px 7px 5px 20px;
	/* customize below */	
}

 /* area contenente un ramo selezionato di livello 1 di una classificazione attiva */
 
P.classTreeActiveLevel1 {
	margin: 0px 0px 0px 0px;
	padding: 2px 7px 5px 20px;
	/* customize below */	
	font-weight:bold;
}

 /* area contenente un ramo di livello 2 */
 
P.classTreeLevel2 {
	margin: 0px 0px 0px 0px;
	padding: 2px 7px 5px 35px;	
	/* customize below */	
}

 /* area contenente un ramo selezionato di livello 2 di una classificazione attiva */
 
P.classTreeActiveLevel2 {
	margin: 0px 0px 0px 0px;
	padding: 2px 7px 5px 35px;
	/* customize below */	
	font-weight:bold;
}

 /* area contenente un ramo di livello 3 */
 
P.classTreeLevel3 {
	margin: 0px 0px 0px 0px;
	padding: 2px 7px 5px 45px;
	/* customize below */	
}

 /* area contenente un ramo selezionato di livello 3 di una classificazione attiva */
 
P.classTreeActiveLevel3 {
	margin: 0px 0px 0px 0px;
	padding: 2px 7px 5px 45px;
	/* customize below */	
	font-weight:bold;
}

 /* link associato al nome di un livello di classificazione */
 
P A.classTreeLevelLink {
	/* customize below 	*/
	color: #000000; 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
 
	font-style: normal; 
	letter-spacing: normal;
}


/*******************************************************************
 Elenco prodotti
 *******************************************************************/

/* area principale dell'elenco */
 
TABLE.prdListPanel {
	/* customize below */	
	background-color: White;
	width: 100%;
}

TD.prdListHeaderPanel {
	/* customize below */	
	background: #04275b;
	padding:5px;
}

.prdListHeaderPrdCountLabel {
	/* customize below */	
	background-color: none;
}

.prdListHeaderPrdCount {
	/* customize below */	
}

.prdListItemPane {
	/* customize below */	
	text-align: center;
	align: center;
}

.prdListItemContentPane {
	/* customize below */	
	width: 260px;
	height: 100%;
	margin: 2px;
}

.xxxprdListRow {
	/* customize below */	

}

.xxxprdListAltRow {
	/* customize below */	

}

.prdListItemPanel {
	/* customize below */	
	padding:5px;
	border: 1px solid silver;
}

.prdListName {
	/* customize below */
	font-family: arial;
	letter-spacing: -1px;
	font-size: 20px;
	line-height: 18px;
	color: #04275d;
}


.prdListPromotionsPane {
	/* customize below */
	text-align: center;
	align: center;
	vertical-align: top;
}

.prdListSpecialOfferPane {
	/* customize below */
}

.prdListSpecialOfferBanner {
	/* customize below */
	margin-bottom: 5px;
}

.prdListFreebiePane {
	/* customize below */
	width: 110px;
	text-align: center;
	align: center;
}


/*******************************************************************
 Breadcrumbs classificazione prodotti
 *******************************************************************/

/* area principale */
 
 DIV.prdListBCPanel {
	/* customize below */
	padding:0px;
	height:22px;
	width: 500px;
	line-height:22px;
}

/* elemento dell'elenco */
 
.prdListBCItem A {
	/* customize below */
	margin: 0px 2px 0px 2px;
	color: #000000; 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 12px;
	font-weight: bold; 
	font-style: normal; 
	letter-spacing: normal;
}

/* separatore */

SPAN.prdListBCSeparator {
	/* customize below */
	margin: 0px 2px 0px 2px;
	color: Gray; 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px;
	font-weight: bold; 
	font-style: normal; 
	letter-spacing: -2px;
}

 

/*******************************************************************
 Elementi prodotto
 *******************************************************************/

 .prdPane {
	/* customize below */
 	width: 100%;
	border: 1px solid silver;
 }
 
.prdNamePane {
	/* customize below */
	padding-bottom: 13px;
}

.prdName {
	/* customize below */
	font-family: arial, helvetica;
	font-size: 20pt;
	letter-spacing: -1px;
	color: #04275b;
	line-height: 18px;
}
 
.prdImagePane {
	/* customize below */
	width: 140px;
	text-align: center;
	align: center;
	vertical-align: top;
}
 
IMG.prdImageSmall {
	/* customize below */
	width: 140px;
	height: 140px;
}
 
IMG.prdImageBig {
	/* customize below */	
	width: 250px;
	height: 250px;
}

.prdPromotionsPane {
	/* customize below */
	text-align: center;
	align: center;
	vertical-align: top;
}

.prdSpecialOfferPane {
	/* customize below */
}

.prdSpecialOfferBanner {
	/* customize below */
	margin-right: 32px;
	margin-bottom: 16px;
	float: left;
}

.prdFreebiePane {
	/* customize below */
	width: 110px;
	text-align: center;
	align: center;
}

.prdBtnZoom {
	display: block;
	width: 100px;
	height: 24px;
	font-family: verdana;
	font-size:11px;
	color:black;
	line-height: 24px;
	background: url(/images/skin/prdBtnZoom.jpg) no-repeat top left;
}

.prdBtnZoom:hover {
	background: url(/images/skin/prdBtnZoomOver.jpg)  no-repeat top left;
}

.btnProductDetails {
	display: inline-block;
	float: right;
	height: 34px;
	width: 37px;
}

#prdPricesPane {
	/* customize below */	
	clear: left;	
}

SPAN.prdPriceLabels {
	/* customize below */	
}
 
SPAN.prdPrice {
	/* customize below */	
	font-weight: bold;
	color: red;
}

SPAN.prdFullPrice {
	/* customize below */	
	text-decoration: line-through;
}

A.prdAddToCart {
	/* customize below */	
	
}

SPAN.prdAddedToCart {
	/* customize below */	
	display: block;
	height: 32px;
	background: url("/images/skin/titleHeaderBg.jpg") repeat-x top #04275b;
	color: white;
	font-weight: bold;
	font-size: 15px;
	text-indent: 7px;
	line-height: 28px;
}

DIV.prdFuturePrdDescription {
	/* customize below */	
	width: 70%;
	text-align: justify;	
}

SPAN.prdFreebieDescription {
	/* customize below */	
	font-size: 8pt;
}

SPAN.prdFreebieValue {
	/* customize below */	
	text-decoration: line-through;
	font-size: 8pt;
}

A.prdDetailCommands {
	/* customize below */	
	color: white;
	text-decoration: none;	
}

.prdFutureProductsPane {
	/* customize below */	
}

/*******************************************************************
 Pager prodotti
 *******************************************************************/

DIV.prdPagerPanel {
	/* customize below */	
	margin: 20px 5px 10px 5px;
	text-align: center;
}

SPAN.prdPagerCurrentPage {
	/* customize below */	
	margin: 5px;	
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
	color: #04275b;
	border: 2px #04275b solid;
}

A.prdPagerPreviousPage {
	/* customize below */	
	margin: 10px;
	color: #04275b;
	font-weight: bold;
	letter-spacing: -2px;
	font-size: 12px;
}

A.prdPagerNextPage {
	/* customize below */	
	margin: 5px;
	color: #04275b;
	font-weight: bold;
	letter-spacing: -2px;
	font-size: 12px;
}

A.prdPagerPage {
	/* customize below */	
	margin: 3px;	
	font-size: 10px;
}

SPAN.prdPagerEllipses {
	/* customize below */	
	margin: 5px;
	letter-spacing: +4px;
}

SPAN.prdPagerPageLabel {
	/* customize below */	
	margin: 3px;	
}

SPAN.prdPagerItemsRange {
	display: block;
	/* customize below */	
	font-weight: bold;
	padding: 5px;
	font-size: 10px;
}

 
/*******************************************************************
 Dettagli prodotto
 *******************************************************************/

INPUT.prdDetailQty {
	width: 50px;
} 
 
 
/*******************************************************************
 Box utente
 *******************************************************************/

DIV.userBoxPanel {
	margin: 2px;
	margin-bottom: 5px;
	padding: 0px;
	/* customize below */	
	border: 1px solid #04275b
}
 
DIV.userBoxLoginPanel {
	padding: 0px;
}
 
DIV.userBoxLoggedPanel {
	padding: 0px;
}

DIV.userBoxTitlePanel {
	clear: both;
	padding: 5px 5px 8px 8px;
	margin: 0px;
	/* customize below */
	background: url("/images/skin/titleHeaderBg.jpg") repeat-x top #04275b;
	color: White;
	font-weight: bold;
}

.userBoxFieldLabel {
	font-weight: bold;
	font-size: 8pt;
}

.userBoxField {
	width: 96%;
	font-size: 8pt;
	border: 1px solid silver;
} 

.btnLogin {
	/* customize below */	
	display: block;
	width: 160px;
	height: 42px;
	margin: 2px;
	margin-bottom: 5px;
	background: url("/images/skin/btnLogin.jpg") no-repeat top left;
	line-height: 60px;
	text-align: center;
	xtext-indent: -32px;
}

.btnLogin:hover {
	/* customize below */	
	background: url("/images/skin/btnLoginOver.jpg") no-repeat top left;
}

.lnkRetrivePassword {
	/* customize below */	
	text-decoration: underline;
	font-size: 11px;
}
 
/*******************************************************************
 Box carrello
 *******************************************************************/

DIV.cartBoxPanel {
	margin: 2px;
	margin-bottom: 5px;
	padding: 0px;
	/* customize below */	
	border: 1px solid #04275b
}

DIV.cartBoxTitlePanel {
	clear: both;
	padding: 5px 5px 8px 8px;
	margin: 0px;
	/* customize below */
	background: url("/images/skin/titleHeaderBg.jpg") repeat-x top #04275b;
	color: White;
	font-weight: bold;
}

UL.cartBoxItemsPanel {
	padding: 0px;
	margin: 2px;
	margin-left: 20px;
	margin-right: 5px;
}

.cartBoxItem {
	margin: 0px;
	margin-bottom: 2px;
	display: block;
}


DIV.cartBoxEmptyCartPanel {
	padding: 5px;
	padding-top: 20px;
	padding-bottom: 20px;	
	display: block;
}

DIV.cartBoxActionPanel {
	padding: 5px;
}

DIV.cartBoxShowCartPane {
	align: center;
	text-align: center;
}


/*******************************************************************
 Carrello
 *******************************************************************/

.cartHeader {
	padding: 5px 5px 8px 8px;
	margin: 0px;
	/* customize below */
	background: url("/images/skin/titleHeaderBg.jpg") repeat-x top #04275b;
	color: White;
	font-weight: bold;
}

.cartFooter {
	padding: 5px 5px 8px 8px;
	margin: 0px;
	/* customize below */
	background-color: #f2faff;
	font-weight: bold;
}

.cartTextField {
	vertical-align: top;
	text-align: left;
	padding-top: 20px;
}

.cartQuantityField {
	vertical-align: top;
	text-align: center;
	padding-top: 20px;
}

.cartPricesField {
	vertical-align: top;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
}

.cartCommandsField {
	vertical-align: top;
	text-align: left;
	padding-top: 20px;
}

.cartCommandsField A {
	text-decoration: underline;
}


/*******************************************************************
 Creazione ordine
 *******************************************************************/

 .optionGiftWrappingContainer {
	width: 100%;
	/* customize below */
	background: url(/images/skin/orderOptionGiftWrapping.jpg) no-repeat; 	
 }
 
.optionGiftWrappingPane {
	margin: 20px 10px 10px 20px;
	width: 460px;
	/* customize below */
	height: 114px;			/* SAFARI FIREFOX */
	_height: 138px;			/* IE5 IE6 IE7 */
}
