/* stili per il layout fluido */

html, body {
	margin: 0; padding: 0
}
body {
	font-family: arial, sans-serif; font-size: 76%; background-color: #d1d1e1;
}

#container {
	width: 1003px; background-color: white;
}

/* stili generici su header e foot */

p {
	font: 12px arial, sans-serif; color: black; padding: 0px 5px;
}
h1, h2 {
	margin: 0; padding: 0
}
h1 {
	padding-left: 10px; font: bold 2.3em/80px arial, sans-serif
}
h3	{
	font: bold 16px arial, sans-serif; color: black; text-align: center; padding: 0px 0px;
}
h4	{
	display: inline; font: normal 11px arial, sans-serif; color: white; text-align: right; padding: 0px 0px;
}

label {
	font: 12px arial, sans-serif; color: black; padding: 1px 5px;
}
input {
	padding: 0px; font: 12px arial, sans-serif; color: black;
}
textarea {
	margin: 2px 5px; font: 12px arial, sans-serif; color: black;
}
option, select {
	padding: 0px; margin: 0px 5px; font: 11px arial, sans-serif; color: black;
}
a {
	color: black; font-weight: bold; text-decoration: none
}
a:link {
	COLOR: black
}
a:visited {
	COLOR: black
}
a:hover {
	COLOR: black; TEXT-DECORATION: underline
}
a:active {
	COLOR: red; TEXT-DECORATION: none
}

.bar {
	BACKGROUND: #d1d1e1 url('../images/gradient_tcat.gif') repeat-x; color: white; letter-spacing: 3px; text-align: center; margin: 0px; font: bold 12px arial, sans-serif; padding: 10px 0px;
}
.bar2 {
	BACKGROUND: #d1d1e1 url('../images/gradient_thead.gif') repeat-x; color: white; letter-spacing: 1px; text-align: left; padding: 5px; margin: 0px 0px; font: normal 12px arial, sans-serif;
}
.bar3 {
	BACKGROUND: #d1d1e1 url('../images/gradient_yellow.gif') repeat-x; color: black; letter-spacing: 1px; text-align: CENTER; padding: 5px; margin: 0px 0px; font: normal 12px arial, sans-serif;
}
.bar4 {
	BACKGROUND: #d1d1e1 url('../images/gradient_red.gif') repeat-x; color: black; letter-spacing: 1px; text-align: CENTER; padding: 5px; margin: 0px 0px; font: normal 12px arial, sans-serif;
}
ul {
	text-align: left; font: 12px arial, sans-serif; color: black; margin: 0px; padding: 0px 5px; list-style-type: circle;
}
li {
	margin: 0px 0px 0px 50px; padding: 0px
}
table {
	margin: 10px 0px 0px; background-color: #d1d1e1; width: 100%;
}
tr.bkg {
	background-color: white;
}
tr.bkg1 {
	background-color: #d1d1e1;
}
#logo {
	padding: 5px; margin: 0px 0px; width: 600px;
}
.bkg1 {
	background-color: #d1d1e1;
}
.bkg2 {
	background-color: silver;
}


.home {
	background: url('../images/house.png') transparent no-repeat 2px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px;
}
.back {
	background: url('../images/action_back.gif') transparent no-repeat 2px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px;
}
.forward {
	background: url('../images/action_forward.gif') transparent no-repeat 100% 2px; padding-right: 20px; padding-top: 2px; padding-bottom: 2px;
}
.go {
	background: url('../images/action_go.gif') transparent no-repeat 100%; padding-right: 20px;  padding-top: 2px; padding-bottom: 2px;
}
.arrow {
	background: url('../images/arrow_right.gif') no-repeat 2px 2px; padding-left: 20px
}
.print {
	background: url('../images/ico_print.gif') transparent no-repeat 2px; padding-left: 20px;
}
.video {
	background: url('../images/film.png') transparent no-repeat 2px; padding-left: 20px;
}
.email {
	background: url('../images/email.png') transparent no-repeat 2px; padding-left: 20px;
}
.coins {
	background: url('../images/money.png') transparent no-repeat 2px; padding-left: 20px;
}
.usershow {
	background: url('../images/group.png') transparent no-repeat 2px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px;
}
.userdel {
	background: url('../images/group_delete.png') transparent no-repeat 2px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px;
}
.usermod {
	background: url('../images/group_edit.png') transparent no-repeat 2px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px;
}
.comment {
	background: url('../images/comments.png') transparent no-repeat 99% 1px; padding-right: 20px; padding-top: 2px; padding-bottom: 2px;
}
.link {
	background: url('../images/link.png') transparent no-repeat 2px; padding-left: 20px;
}

/* stili specifici per il layout */

#header {
	BACKGROUND: #fff url('../images/gradient_tcat.gif') repeat-x;
}
#header p {
	font: bold 13px arial,sans-serif; text-decoration: none; color: white; text-align: center; letter-spacing: 5px; margin: 0px 0px; padding: 5px;
}
#header h2 {
	font: 13px arial,sans-serif; text-decoration: none; color: white; text-align: center! important; letter-spacing: 0px; margin: 0px 0px; padding: 5px;
}

/* stili per la barra di navigazione */


#header ul {
	text-align: center; margin: 3px 0px; padding: 0px; list-style-type: none
}
#header li {
	display: inline; margin: 0px 5px; padding: 2px
}
#header a {
	background: #ffff40 url('../images/gradient_yellow.gif') repeat-x; color: black; text-decoration: none; border: 2px outset white;; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:comic sans ms, arial, sans-serif; padding-left:18px; padding-right:18px; padding-top:0px; padding-bottom:0px
}
#header a:hover {
	border: 2px inset; color: red; text-decoration: none
}
#header a.activelink {
	border: 2px inset; color: red; text-decoration: none
}
/*----------------------------------------------------*/

#content {
	margin: 11px 170px; padding: 0px; border-width: 0 1px; border: none;
}

#folder {
	background: #ffff40 url('../images/gradient_yellow.gif') repeat-x; margin: 5px 0px; border: 1px dashed #0b198c; width: 100%
}
#folder p {
	font: 12px arial, sans-serif; color: black; padding: 4px 5px;
}
#infobox {
	background-color: #d1d1e1; margin: 10px; padding: 2px; border: white 3px solid;
}
#infobox h2 {
	font: bold 18px arial, sans-serif; text-align: center; color: red; padding: 20px;
}
#infobox .details {
	display: inline; font: normal 12px arial, sans-serif; text-align: left; color: black; line-height: 20px; padding: 10px; margin: 15px 5px; background-color: silver; border: #0b198c 1px solid; width: 300px;
}

#page {
	background-color: #d1d1e1; margin: 5px 0px; border: #0b198c 1px solid; width: 100%;
}
#page input {
	margin: 2px 5px;
}
#sez1 {
	background-color: white; padding: 0px; margin: 5px; border: #f00 1px dotted; width: 100%;
}
#sez2 {
	background-color: white; padding: 5px; margin: 5px; border: #f00 1px dotted; width: 100%;
}

#littleBox {
	background-color: #d1d1e1; font: normal 10px arial, sans-serif; margin: 10px 3px; border: #0b198c 1px solid; width= 154px;
}
#littleBox h2 {
	font: bold 11px arial, sans-serif; color: black; padding: 1px 5px; background-color: #ffff40;
}
#littleBox p {
	font: 10px; margin: 0px; padding: 6px 2px;
}
.littleBox span {
	CLEAR: both; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}

#sheetBox .title {
	MARGIN: 0px; padding: 0px;
}
#sheetBox .title h1 {
	display: inline; font: bold 20px; MARGIN: 5px; COLOR: black;
}
#sheetBox .title h2 {
	display: inline; font: bold 15px; MARGIN: 5px; COLOR: black;
}
#sheetBox .imagesBox {
	padding: 0px 0px 5px 0px; float: left; margin: 0px 20px 10px 5px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center; font-size: 11px;
}
#sheetBox .imagesBox IMG {
	DISPLAY: block; MARGIN: 0px 5px 5px 5px; width: 350px;
}
#sheetBox .detailsBox {
	display: bolck; padding: 5px 5px; font: normal 12px; BACKGROUND: white; border: #0b198c 1px solid; MARGIN: 0px 0px 10px; WIDTH: 250px; FLOAT: left; LINE-HEIGHT: 20px;
}
#sheetBox .detailsBox p {
	display: inline! important; font: normal 12px; padding-left: 20px; margin: 0px;
}
#sheetBox .detailsBox H1 {
	display: inline; font: bold 18px; COLOR: red
}
#sheetBox .detailsBox H3 {
	display: inline; font: bold 13px;
}
#sheetBox .detailsBox form {
	PADDING: 2px 4px; BACKGROUND: #d1d1e1; MARGIN: 5px 0px; TEXT-ALIGN: center; border: #0b198c 1px solid;
}
#sheetBox .detailsBox input {
	font: 11px; color: red; PADDING: 0px 2px;
}
#sheetBox .detailsBox label {
	display: inline; font: 15px; color: red;
}
#sheetBox .descriptionBox {
	clear: both; border: #0b198c 1px solid; MARGIN: 0px 2px 10px; padding: 0px;
}
#sheetBox .descriptionBox p {
	font: normal 12px; padding: 10px;
}
#sheetBox .serviceBox {
	padding: 0px; font: normal 10px; BACKGROUND: white; border: #0b198c 1px solid; MARGIN: 0px 0px 10px 0px; WIDTH: 247px;
}

#sheetBox .serviceBox h2 {
	font: bold 11px arial, sans-serif; color: black; background: #ffff40 url('../images/gradient_yellow.gif') repeat-x; margin: 2px 2px 5px 2px; padding: 2px 2px 2px 5px; width: 100%
}
#sheetBox .serviceBox a {
	font: normal 10px arial, sans-serif; LINE-HEIGHT: 20px; margin: 5px 8px;
}
#sheetBox .serviceBox a:hover {
	COLOR: black; TEXT-DECORATION: underline
}
.bigBox {
	BACKGROUND: white; BORDER-BOTTOM: 1px solid;
}
.bigbox img {
	DISPLAY: block; MARGIN: 5px 10px 5px 20px; width: 150px;
}
.bigBox h2 {
	FLOAT: left; PADDING: 10px; FONT-SIZE: 12px;
}
.bigBox H1 {
	PADDING-RIGHT: 15px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: #ccc url('../images/ico_cube_1.gif') no-repeat 99% 6px; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px
}
.bigbox ul {
	list-style-type: none;
}
.bigBox li {
	CLEAR: both; WIDTH: 100%;
}
.bigBox li img {
	FLOAT: left; MARGIN: 0px 10px 0px 0px;
}
.bigBox li h2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.bigBox h3 {
	DISPLAY: inline; FONT-SIZE: 12px; COLOR: #990000
}
.bigBox form {
	CLEAR: both; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.bigBox input {
	font: 10px arial, sans-serif; color: black;
}
.bigBox label {
	font: 11px; width: 50%;
}
.bigBox span {
	CLEAR: both; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
.bigBox p {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}

#resultbox {
	MARGIN: 10px; padding: 5px; font-size: 12px; background-color: #d1d1e1; border-top: #0b198c 1px solid; border-bottom: #0b198c 1px solid;
}
#resultbox .imagebox {
	float: left; margin-right: 5px;
}
#resultbox .imagebox img {
	display: block; padding: 5px; width: 150px; margin-bottom: 2px;
}
#resultbox form {
	CLEAR: both; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 5px 0px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#resultbox .details {
	padding: 5px; background-color: silver; border: #0b198c 1px solid; width: 400px;
}
#resultbox .details h3 {
	display: inline; font-size: 18px; COLOR: #990000; padding: 2px;
}
#resultbox .details a {
	font: bold 16px arial, sans-serif; text-decoration: underline;
}
#resultbox .details a:hover {
	text-decoration: none;
}

#catbox {
	display: inline; margin: 10px; padding: 3px 2px; text-align: center; border: white 1px solid; width: 130px; background-color: silver;
}
#catbox img {
	display: block; padding: 0px; max-height: 120px; width: 120px; margin: 2px;
}
#catbox a {
	font: bold 15px; color: blue; margin: 0px;
}
#catbox h3 {
	font: normal 10px; color: black; margin: 0px;
}

#buyedpage {
	font: normal 11px; margin: 10px; padding: 1px; border: white 1px solid; background-image: url('../images/shipping/shipping.gif'); background-attachment: scroll;
}
#buyedpage hr {
	width: 99%; color: #7A7A7A;
}
#buyedpage .title {
	font: normal 12px; background: #ffff40 url('../images/gradient_yellow.gif') repeat-x; width: 100%; padding: 6px;
}
#buyedpage table {
	width: 450px; margin: 10px; font: normal 11px; border: #7A7A7A 2px solid;
}
#buyedpage tr {
	padding: 5px;
}
#buyedpage .image {
	width: 150px; text-align: center; padding: 10px;
}
#buyedpage .desc {
	width: 300px; text-align: left; padding: 10px; font: normal 10px; border-bottom: #7A7A7A 2px solid;
}
#buyedpage .desc h2 {
	font: bold 12px; color: #c00; display: inline;
}
#paypage {
	font: normal 11px; margin: 10px; padding: 1px; border: white 1px solid; text-align: center;
}
#paypage hr {
	width: 99%; color: #7A7A7A;
}
#paypage .title {
	font: normal 12px; background: #ffff40 url('../images/gradient_yellow.gif') repeat-x; width: 100%; padding: 6px;
}
#paypage table {
	width: 500px; margin: 10px; font: normal 11px; border: #7A7A7A 2px solid;
}
#paypage tr {
	padding: 5px;
}
#paypage .image {
	width: 150px; text-align: center; padding: 10px;
}
#paypage .desc {
	width: 350px; text-align: left; padding: 10px; font: normal 10px; border: 0px solid; border-bottom: #7A7A7A 1px solid; border-left: #7A7A7A 1px solid:
}
#paypage .desc h2 {
	font: bold 12px; color: #c00; display: inline;
}
#paypage .desc fieldset {
	background-color: white;
}
/* ----------------------------------------- */

#footer {
	clear: both; color: white; text-align: center; BACKGROUND: #36C url('../images/gradient_tcat.gif') repeat-x;; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial, sans-serif; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}
#footer a {
	color: white; font-weight: bold; text-decoration: underline
}

#coldx {
	background-color: white; float: right; width: 160px; \width:170px; \width:160px; padding: 10px 3px
}

#numberbox {
	padding: 0px; margin: 5px; border: 1px solid; border-color: #0b198c; width: 154px
}
#numberbox h2 {
	font: bold 12px arial, sans-serif; color: black; padding: 0px 5px; background-color: #ffff40;
}
#numberbox p {
	font: normal 11px arial, sans-serif; padding: 5px; margin: 0px;
}

/* Stili per Login box */

#loginbox {
	font-size: 90%; padding: 0px; margin: 10px 5px; border: 1px solid; border-color: #0b198c; width: 154px
}
#loginbox h2 {
	font: bold 11px arial, sans-serif; color: black; padding: 0px 5px; background-color: #ffff40;
}
#loginbox p {
	background-color: #d1d1e1; padding: 1px 0px;
}
#loginbox center {
	background-color: white; padding: 1px 0px; font: normal 11px arial, sans-serif; color: black;
}
#loginbox a {
	color: black; font: normal 11px arial, sans-serif; padding: 0px 4px; text-decoration: none
}
#loginbox a:hover {
	color: #ffff66; font: normal 11px arial, sans-serif; text-decoration: underline
}
#loginbox form {
	padding: 4px; margin: 0px 0px 5px
}
#loginbox input {
	display: block; float: left; width: 45%; font: 11px arial, sans-serif; color: black;
}
#loginbox label {
	clear: both; display: block; font: normal 11px; float: left; width: 50%; line-height: 18px
}
/* --------------------------------------*/

/* Stili per buyed box */

#buyedbox {
	font-size: 90%; padding: 0px; margin: 10px 5px; border: 1px solid; border-color: #0b198c; width: 154px
}
#buyedbox h2 {
	font: bold 12px arial, sans-serif; color: black; padding: 0px 5px; background-color: #ffff40; margin-bottom: 10px;
}
#buyedbox h3 {
	font: normal 10px arial, sans-serif; color: black; text-align: center; padding: 3px 5px; margin: 0px;
}
#buyedbox a {
	color: #c00; font: normal 11px arial, sans-serif; padding: 0px 4px; text-decoration: none
}
#buyedbox a:active {
	color: #00f; font: normal 12px arial, sans-serif; text-decoration: underline; padding: 0px;
}
#buyedbox p {
	background-color: #d1d1e1; text-align: center; padding: 10px; margin: 0px;
}
/* --------------------------------------*/

.butt1 {
	display: inline! important; width: auto! important; font: bold 10px arial, sans-serif; text-decoration: none; padding: 0px; cursor: pointer
}
.butt2 {
	display: inline! important; width: auto! important; font: normal 12px arial, sans-serif; text-decoration: none; padding: 0px; cursor: pointer
}
.personal_butt {
	BACKGROUND: #ffff40 url('../images/gradient_yellow.gif') repeat-x; align: middle; width: auto! important; text-decoration: none; padding: 0px; cursor: pointer; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:arial, sans-serif
}


/* stili per la sezione extra */

#colsx {
	background-color: white; float: left; width: 160px; \width:170px; \width:160px; padding: 10px 3px
}
#search {
	font-size: 90%; margin: 3px 3px 10px 3px; border: #0b198c 1px solid; width= 154px;
}
#search h2 {
	font: bold 11px arial, sans-serif; color: black; padding: 0px 5px; background-color: #ffff40
}
#search form {
	margin: 3px
}
#search input {
	padding: 0px; margin: 0px; display: inline! important; width: 60%;
}

#category {
	background-color: #d1d1e1; font: normal 11px arial, sans-serif; margin: 10px 3px; border: #0b198c 1px solid; width= 154px;
}
#category h2 {
	font: bold 12px arial, sans-serif; color: black; padding: 0px 5px; margin: 0px 0px 5px 0px; background-color: #ffff40
}
#category ul {
	padding: 2px; margin: 2px 0px 2px 18px; font: normal 11px arial, sans-serif;
}
#category li {
	padding: 0px; margin: 0px 0px;
}
#foldheader {
	cursor:pointer; cursor:hand ; font-weight:bold ; list-style-image: url('images/collapsd.gif');
}
#foldinglist {
	list-style-image:url('images/bullet_orange.png');
}

/* ----------------- Bottoni ------------------ */

#persbutt {
	font: bold 11px sans-serif, arial; margin: 1px 3px; border: #0b198c 1px solid; width= 154px; background: #ffff40 url('../images/gradient_yellow.gif') repeat x; padding: 2px 0px 2px 10px; cursor:pointer; cursor: hand;
}
#persbutt:hover {
	border: 0px solid; text-decoration: none; margin: 2px 3px;
}
#persbutt.activelink {
	border: #0b198c 1px solid; text-decoration: none; margin: 1px 3px; background: url('../images/yellow.gif') #ffff40 no-repeat 98%;
}
#pagebutt {
	font: bold 11px sans-serif, arial; margin: 5px; border: #0b198c 1px solid; background: #ffff40 url('../images/gradient_yellow.gif') repeat x; padding: 2px 20px; cursor: pointer; cursor: hand;
}
#pagebutt:hover {
	border: 0px solid; text-decoration: none; margin: 6px;
}
#pagebutt.activelink {
	border: 0px solid; text-decoration: none; margin: 6px;
}
#pagebutt img {
	 margin: 0px 2px;
}
#delbutt {
	font: bold 11px sans-serif, arial; margin: 5px; border: #0b198c 1px solid; background: #ffff40 url('../images/gradient_yellow.gif') repeat x; padding: 2px 18px; cursor: pointer; cursor: hand;
}
#delbutt:hover {
	text-decoration: none; background: url('../images/cancel.png') #ffff40 no-repeat 99%;
}
#delbutt.activelink {
	text-decoration: none; background: url('../images/cancel.png') #ffff40 no-repeat 99%;
}
#confirmbutt {
	font: bold 11px sans-serif, arial; border: #0b198c 1px solid; background: #ffff40 url('../images/gradient_yellow.gif') repeat x; padding: 2px 18px; cursor: pointer; cursor: hand;
}
#confirmbutt:hover {
	text-decoration: none; background: url('../images/tick.png') #ffff40 no-repeat 99%;
}
#confirmbutt.activelink {
	text-decoration: none; background: url('../images/tick.png') #ffff40 no-repeat 99%;
}
#buybutt {
	font: bold 11px sans-serif, arial; border: #0b198c 1px solid; background: #ffff40 url('../images/gradient_yellow.gif') repeat x; padding: 2px 18px; cursor: pointer; cursor: hand;
}
#buybutt:hover {
	text-decoration: none; background: url('../images/carrello.gif') #ffff40 no-repeat 99% 100%;
}
#buybutt.activelink {
	text-decoration: none; background: url('../images/carrello.gif') #ffff40 no-repeat 99% 100%;
}