/* Copyright (c) 2006 FL - Fabio Lombardo. */

body {
	font-family: verdana, sans-serif;
	background-color: #f5f5f5;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

html>body, html>body td, html>body th, html>body input, html>body select, html>body textarea { font-size: small; }

th { text-align: left; }

li { line-height: 140%; }

a:link {
	text-decoration: none;
	color: #990000;
}
a:hover {
	color: #FF0000;
}
a:visited { 
	text-decoration: none;
	color: #990000; 
}


/* Headers */
h1 { color: #666; font-family: arial; font-size: 160%; margin: 0 0 0.5em 0; padding: 0; }
h2 { color: #666; font-family: arial; font-weight: normal; font-size: 140%; border-bottom: 1px solid #ccc; margin: 0 0 0.5em 0; padding: 0; clear: both; }
h3 { color: #666; font-family: arial; font-weight: bold; font-size: 100%; margin: 1 0 0.2em 0; border-bottom: 1px solid #999; }


/* Content */
#bodyContent { text-align: left; width: 720px; margin: 0 auto; }
#content { padding-left: 1em; }


/* Search */
.searchCount { font-weight: bold; margin-bottom: 0.5em; }

/* elimina il padding dalle immagini */
div.mainImage div { padding: 0 !important; }

/* Header */
#header {
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	text-align: left;
	text-shadow:#CCCCCC;	
}
#header a:link  { text-decoration: none; color: #999999; }
#header a:hover { text-decoration: none; color: #990000; }
#header a:visited { text-decoration: none; color: #999999; }
#header span { margin-left: 1em; }
#headerNavigation { padding: 0.5em; text-align: left; vertical-align: middle; }
#headerNavigation ul li { display: inline; margin: 1; padding: 1 1em; }
.headerbgk
	{	
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
	}
a.header:link { text-decoration: none; color: #990000; }
a.header:hover {
	text-decoration: none;
	color: #CC0000;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: ridge;
	border-left-style: none;
	border-bottom-color: #CC0000;
	padding-bottom: 2px;
}
a.header:visited { text-decoration: none; color: #990000; }


/* Languages */
#languages { padding: 0.5em; font-size: 85%; }
#languages ul { margin: 0; padding: 0; list-style: none; }
#languages ul li { display: inline; margin: 0px; padding-top: 0; padding-right: 1px; padding-bottom: 0; padding-left: 1px; }
#languages img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* searchBox */
#searchBox {margin-top: 3px; padding: 5px; }
#searchBox input {
	font-size:80%;
	border-style : solid;
	border-width : 1px;
	border-color : #999999;
	width: 90px;
	height: 13px;
}

#searchbutton  input {
	background-image:url(images/sfbut.jpg);
	background-color:#ffffff;
	border-width : thin;
	border-height : thin;
	color :#444444;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #666666;
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	font-size: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
 }


/* Login */

#tblLogin {
	border: 0;
	width: 220px;
	height:200px
}

.titLogin {
	width: 220px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	background-image: url(images/sftitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.listalogin {
	width: 220px;
	list-style: none;
	font-size: 11px;
	background-image: url(images/sfdepartments.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;

}

.LoginEmail, .LoginPassword {
	width: 120px;
	border: 1px solid #c2c2c2;
	padding: 3px;
	font-size: 10px;
	margin-top: 2px;
	margin-right: 5px;
	background-image: url(images/sfform.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}
.registrazione {
	text-align: center;
}
.registrazione p {
	margin: 10px;
}
.registrazione p a {
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
.registrazione p a:hover {
	text-decoration: underline;
}
.recuperaPW {
	color: #727171;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #333;
}
.registrati {
	color: #c00;
	font-weight: bold;
}


#login {
	border: 1px solid #dcdcdc;
	margin-top: 1em;
	padding: 2px;
	width: 220px;
}

/* Departments */

#tblDepartments {
	border: 0;
	width: 220px;
	height:250px;
}

.titDepartments{
	width: 220px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	background-image: url(images/sftitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.lineaDepartments {
	height: 1px;
	width: 200px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #666666;
	color:#666666
}
.listaDepartments {
	width: 220px;
	list-style: none;
	font-size: 11px;
	background-image: url(images/sfdepartments.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.listaDepartments li {
	padding: 0px;
	height: 25px;
}
.listaDepartments a {
	text-decoration: none;
	display: block;
}
.listaDepartments a:hover {
	background-color: #e8e8e8 
}

.Departments {
	width: 200px;
	height: 25px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7c7c7c;
}
.Departments a {
	width: 200px;
	height: 25px;
	display: block;
	color: #333;	
}

/* subDepartments */
.path h1 { margin-top: 0; padding-top: 5px; }
#subDepartments { padding: 0.5em; white-space: nowrap; }
#subDepartments a { text-decoration: none; }
#subDepartments a:visited { list-style: none; }


/* Products */
.hometext { border: 1px solid #ffffff; margin: 5px; padding:5px; width: 620px; }
.products .product { border: 1px solid #ddd; margin: 5px; padding:5px; width: 310px; }
.products th { background: #f1f2f6; border: 1px solid #eee; border-bottom: 1px solid #330000; color: #333; font-weight: normal; }
.products td {  }

.productName {  }
.productProducer { font-size: small; font-weight: normal; }
.productImage { float: left; padding: 0 2em 1em 0; }
.productPrice { color: #ff0000; font-weight: bold; }
.productPriceList { color: #cc0000; text-decoration: line-through; }
.productChart { text-align: left; }
.productChart h2 { margin: 0.5em 0 0.5em 0; }
.productChart th { background: #f1f2f6; border: 1px solid #eee; color: #333; font-weight: normal; }
.productChart td { border-bottom: 1px solid #eee; }
.paging { }


/* Cart */
#cart { }
#cart th { background: #fafafa; border: 1px solid #eee; border-bottom: 2px solid #330000; color: #333; font-weight: normal; }
#cart td { border-bottom: 1px solid #eee; }
#cart #totalRow {  }
#cart td#totalLabel { font-weight: bold; }
#cart td#total { font-weight: bold; }
#cart td#totalTax { font-size: 120%; font-weight: bold; }
#cart #delivery { margin: 1em 0 1em 0; }
#cartEmptyBox { padding: 2em; margin-right: 15em; }


/* Order */
.orders th { background: #f1f2f6; border: 1px solid #eee; color: #333; font-weight: normal; }
.orders td { border-bottom: 1px solid #eee; }
.orderCart { }
.orderCart th { background: #f1f2f6; border: 1px solid #eee; color: #333; font-weight: normal; }
.orderCart td { border-bottom: 1px solid #eee; }
.orderCart #totalRow { background: #ffc; }
.orderCart td#totalLabel { font-weight: bold; }
.orderCart td#total { font-weight: bold; }
.orderCart #delivery { margin: 1em 0 1em 0; }
.orderDetail {}


/* Checkout */
#checkoutStages { font-size: 120%; text-align: center; color: #666666; }
#checkoutStage { color: #ee3300; font-weight: bold; }
#checkoutForm { width: 95%; }
#checkoutButtons { text-align: center; margin-top: 1em; margin-bottom: 5em; padding-top: 1em; border-top: 1px solid #ccc; }

#note { text-align: center; }


/* Footer */
#footer { background: #ffffff; font-family: Arial, Helvetica, sans-serif; color: #000000; }
#footer ul { padding: 0; margin: 0; }
#footer li { padding-right: 1em; display: block; float: left;  }
#copyright { text-align: center; color: #330000; margin-top: 2em; }
#copyright > img { margin-top :0.5em; }


/* Closed */
#closed { padding: 5em; text-align: center; }


/* Forms */
form { padding: 0; margin: 0; display: inline; }
.required { vertical-align: top; color: red; }
.message { color: red; font-weight: bold; text-align: center; background: #ffffd5; border-top: 1px solid #f5f6be; border-right: 2px solid #f5f6be; border-bottom: 2px solid #f5f6be; border-left: 1px solid #f5f6be; padding: 1em; margin-top: 1em; margin-bottom: 1em; }
.messageInfo { color: #333333; font-weight: bold; text-align: center; padding: 1em; margin-top: 1em; margin-bottom: 1em; }
.fieldError { background: #ffffff; }
.error { color: red; display: block; }
.errorSummary { color: red; font-weight: bold; text-align: center; padding: 1em; margin-top: 1em;  margin-bottom: 1em;}
.but {
	background-image:url(images/sfbut.jpg);
	background-color:#ffffff;
	border-width : thin;
	border-height : thin;
	color :#444444;
	margin: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #666666;
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 9px;
}
.Inputcontatti {
	width: 350px;
	border: 1px solid #c2c2c2;
	padding: 3px;
	font-size: 10px;
	margin-top: 2px;
	margin-right: 5px;
	background-image: url(images/sfcontactform.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
}