/*---- Basic formating ----*/

*
{
	margin:0px;
	padding:0px;
}
body 
{
	background-image:url(../Elementi/body.jpg);
	background-repeat:repeat;
	font-family:Verdana;
	font-size:11px;
	color:#333333;
}
h1
{
	font-size:14px;
	font-weight:bold;
	color:#003399;
	margin:5px 0px 5px 0px;
}	
h2
{
	font-size:12px;
	font-weight:bold;
	color:#003399;
	margin:5px 0px 5px 0px;
}
input, select, textarea
{
	font-size:11px;
	font-family:Verdana;
	color:#333333;
	margin-right:5px;
	vertical-align:middle;
	padding:2px;
}
a
{
	color:#003399;
	text-decoration:underline;
}
a:hover
{
	color:#333333;
	text-decoration:underline;
}

/*---- Main div positioning ----*/

#Main
{
	width:800px;
	margin:auto;
	height:auto;
}
#MainBox
{
	width:780px;
	background-color:#FFFFFF;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
	background-image:url(../Elementi/content.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	padding:0px 10px 20px 10px;
	float:left;
	clear:both;
}

/*---- Navigation bar ----*/

#NavBar 
{
	height:40px;
	background-image:url(../Elementi/navigation.gif);
	background-repeat:repeat-x;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
}
#NavBar ul
{
	list-style-type:none;
}
#NavBar ul li
{
	display: block;
	float:left;
	background-image:url(../Elementi/navigation.gif);
	background-repeat:repeat-x;
}
#NavBar ul li a
{
	color:#003399;
	width:110px;
	height:40px;
	line-height:38px;
	border-right:dotted 1px #CCCCCC;
	text-decoration: none;
	display: block;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}
#NavBar ul li a:hover
{
	color:#333333;
	background-image:url(../Elementi/navigation_hover.gif);
	background-repeat:repeat-x;
	cursor:pointer;
}
#NavLine
{
	height:5px;
	font-size:1px;
	width:780px;
	background-image:url(../Elementi/navline.jpg);
	background-repeat:repeat-x;
	float:left;
}

/*---- Logo and banner ----*/

#Banner
{
	background-image:url(../Elementi/banner.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:250px;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
}

/*---- Control box for user controls ----*/

#ControlBox
{
	background-color:#FFFFFF;
	float:left;
	width:778px;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-image:url(../Elementi/content_back.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:30px;
}

/*---- Footer ----*/

.Valid
{
	float:right;
	margin:10px 0px 10px 5px;
}

/*---- Inside user controls ----*/

.Sidebar
{
	float:left;
	width:200px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:30px;
}
.GraySidebar
{
	background-color:#F0F0F0;
	padding:10px;
}
.Content, .ContentFTB
{
	width:555px;
	float:right;
	padding:10px;
}
.ContentFTB input, textarea
{
	margin-bottom:5px;
	margin-top:2px;
}
.OneColContent
{
	width:758px;
	padding:10px;
}
.Sidebar input, select
{
	margin-bottom:5px;
	margin-top:2px;
}
.SmallSidebar
{
	background-color:#EFF5D3;
	padding:10px;
	border-top:dotted 1px #CCCCCC;
	border-bottom:dotted 1px #CCCCCC;
}
.ControlCat
{
	background-color:#FFFFFF;
	padding:10px;
	height:20px;
	border-bottom:dotted 1px #CCCCCC;
}

.SmallSidebar img, .ControlCat img
{
	float:left;
	margin-right:5px;
}
.SidebarSearch, .SidebarStats, .SidebarCP, .SidebarUsers, .SidebarMarketing, .SidebarView, .SidebarFilter
{
	background-color:#CCCCCC;
	background-position:right center;
	background-repeat:no-repeat;
	padding:5px 10px 5px 10px;
	font-weight:bold;
}
.SidebarSearch
{
	background-image:url(../Elementi/cat_search.png);
}
.SidebarStats
{
	background-image:url(../Elementi/cat_stats.png);
}
.SidebarCP
{
	background-image:url(../Elementi/cat_cp.png);
}
.SidebarUsers
{
	background-image:url(../Elementi/cat_users.png);
}
.SidebarMarketing
{
	background-image:url(../Elementi/cat_marketing.png);
}
.SidebarView
{
	background-image:url(../Elementi/cat_view.png);
}
.SidebarFilter
{
	background-image:url(../Elementi/cat_filter.png);
}
.About
{
	border:solid 1px #CCCCCC;
	padding:10px 10px 30px 10px;
	background-image:url(../Elementi/info.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
}
.Message
{
	width:538px;
	border:solid 1px #CCCCCC;
	background-color:#EFF5D3;
	padding:5px;
	margin:10px 0px 10px 0px;
}

/*---- Grids and lists ----*/

#Products
{
	float:left;
	width:auto;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	margin-bottom:10px;
}
.Product
{
	width:127px;
	height:150px;
	float:left;
	margin:0;
	padding:5px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.Product a, .Product a:hover
{
	color:#333333;
	text-decoration:none;
}
.Product a img
{
	border:solid 1px #CCCCCC;
}
.Product:hover
{
	background-color:#F9F9F9;
}
.Price
{
	font-size:12px;
	font-weight:bold;
	color:#003399;
}
.Product a:hover img
{
	border:solid 1px #EFF5D3 !important;
	text-decoration:none;
}
#Paging
{
	width:550px;
	float:left;
}
#Paging img, #Paging input
{
	vertical-align:middle;
	text-align:center;
}
.ProductGrid
{
	border:solid 1px #CCCCCC !important;
	border-collapse:collapse;
	margin-bottom:10px;
}
.ProductGrid th
{
	height:30px;
	background-color:#EFF5D3;
}
.ProductGrid td, .ProductGrid th
{
	padding:5px;
	border:solid 1px #CCCCCC !important;
	border-bottom:dotted 1px #CCCCCC !important;
	border-collapse:collapse;
	height:auto;
}
.LeftColumn
{
	text-align:left !important;
}
.EmptyRow td
{
	height:30px;
	width:550px;
	border:solid 1px #CCCCCC !important;
	background-color:#EFF5D3;
	padding:5px;
}
.AltRow
{
	background-color:#F9F9F9;
}
.DataTable
{
	border:solid 1px #CCCCCC !important;
	border-collapse:collapse;
	margin:10px 0px 10px 0px;
	width:550px;
}
.DataTable td
{
	border:solid 1px #CCCCCC !important;
	border-collapse:collapse;
	padding:5px;
}
.FirstCol
{
	text-align:left;
	background-color:#F9F9F9;
	vertical-align:top;
}
#ControlBox ul li
{
	list-style-position:inside;
	list-style-type:square;
	margin-left:10px;
}
.ValidationSum
{
	margin:5px 0px 5px 0px;
}
.PictureThumb
{
	width:auto;
	float:left;
	margin:0;
	padding:5px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.PictureThumb img
{
	border:solid 1px #CCCCCC;
	cursor:pointer;
}
.Preview
{
	border:solid 1px #CCCCCC;
	width:auto;
	float:left;
	padding:5px;
}
.AdminPanel div
{
	background-color:#EFF5D3;
}

/*---- Rotators ----*/

.Banner
{
	padding:2px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	float:right;
	width:auto;
	margin-top:20px;
	margin-right:5px;
}
.LeftAd
{
	width:200px;
	padding:0px;
}
.RightAd
{
	width:180px;
	padding:2px;
	border:solid 1px #CCCCCC;
	margin-top:32px;
	background-color:#FFFFFF;
}
.Marketing
{
	width:12px;
	height:100%;
	background-color:#000000;
	float:left;
}

/* Preview from thumb */

.PreviewPopup
{
	z-index:101;
	position:absolute; 
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
	padding:10px;
}
.PreviewPopup img
{
	border:solid 1px #CCCCCC;
}

.GaleryProduct
{
	width:100px;
	height:100px;
	float:left;
	margin:0;
	padding:5px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.GalleryButton
{
	cursor:pointer;
	float:left;
	margin:0px !important;
}
.GaleryProduct img
{
	border:solid 1px #CCCCCC !important;
}