body {
	height: 100%; margin: 0; padding: 0; background: #252e37; text-align: center;
	background: #708ac7 url('../img/cartuse-compatibile-originale/bg.jpg') repeat-x top; font: 11px Arial, "Trebuchet MS", Tahoma; color: #000;
}
body:after { display: block; clear: both; line-height: 0; height: 0; color: #fff; }

img { border: 0; }

/* remove outline */
a, a:hover, a:active, a:focus { outline: 0 none; }
input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] { border: 1px dotted transparent; } 

/* layout full screen size */
.layoutie6sucks {
	position: relative; clear: both; width: 100%; margin: 0; padding: 0; min-height: 54px; height: auto !important; height: 54px;
	margin: 0; padding: 0; border-bottom: 3px solid #fff41f; background: #fffbb2; z-index: 1;
}

	/* IE 6 sucks */
	.ie6sucks { width: 840px; margin: 0 auto; font-size: 12px; text-align: left; }
	.ie6sucks div { float: right; margin: 3px 0 3px 10px; }
	.ie6sucks img { margin-right: 3px; vertical-align: middle; }
	.ie6sucks p { margin-top: 2px; }

/* layout content */
.layout-content { position: relative; clear: both; width: 840px; margin: 0 auto; padding: 0; text-align: left; z-index: 1; }
.layout-content:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .layout-content { display: block; }
* html .layout-content { height: 1%; }

	/* header */
	#header { position: relative; clear: both; height: 130px; margin: 5px 0 0; padding: 0; }
		
		/* cartridges */
		#hdcartridges { position: absolute; top: -5px; left: 0; }
		
		/* logo */
		#hdlogo { position: absolute; top: -5px; right: 0; }
		
	
	/* transparency */
	#transparency-info { position: relative; clear: both; margin: 0 0 10px; padding: 5px 0; background: #fff; z-index: 3; }
		
		#contact-info { position: relative; clear: both; margin: 0; padding: 5px; text-align: right; font-size: 12px; z-index: 4; }
		#contact-info div { display: inline; margin-left: 2px; padding-right: 5px; border-right: 1px solid #a5c7ff; }
		#contact-info div.norm { border-right: none; }
	
	/* content */
	#content {
		position: relative; clear: both; height: 100%; margin: 0; padding: 10px;
		background: #000 url('../img/cartuse-compatibile-originale/bg2.jpg') repeat-y top; z-index: 2;
	}
		
		/* transparency */
		#transparency-content { position: relative; clear: both; height: 100%; min-height: 100%; margin: 0; padding: 0; background: #fff; z-index: 3; overflow: auto; }
		* html #transparency-content { overflow: visible; }
		
		/* middle */
		#middle { position: relative; clear: both; height: 100%; min-height: 100%; margin: 0; padding: 5px; font-size: 11px; z-index: 4; }
		* html #middle { padding: 5px 5px 0; }
		#middle p { line-height: 20px; }
		#middle p big strong { font-size: 13px; color: #0e60cb; }
		#middle p a { text-decoration: underline; color: #0e60cb; }
		#middle p a:hover { text-decoration: none; color: #304c71; }
		#middle ul { margin: 10px 0 0; padding: 0; list-style: none; }
		#middle ul li { line-height: 28px; margin: 0; padding-left: 18px; background: url('../img/arrows/checked-item.gif') no-repeat 0 4px; font-size: 12px; }
		#middle ul li.friend { display: inline; line-height: 15px; margin: 0 0 2px; padding-left: 0; background: none; }
		#middle ul li.friend img { border: 1px solid #e2e9f3; }
			
			/* box */
			.box { position: relative; clear: both; margin: 5px 0; }
			.box h2 { margin: 5px 0; padding: 0; font-size: 13px; }
			
			/* left */
			#left { display: inline; position: relative; clear: both; float: left; width: 495px; margin: 0; padding: 0; }
			
			/* right */
			#right { display: inline; position: relative; float: left; width: 310px; margin: 0 0 0 5px; padding: 0; font-size: 12px; }
	
	/* footer */
	#footer { position: relative; clear: both; height: 65px; margin: 5px 0 0; padding: 5px 5px 0; background: #fff; }
	* html #footer { margin: 20px 0 0; }
		
		/* footer left */
		#ftr-left { position: relative; float: left; width: 350px; margin: 0; padding: 0; }
		#ftr-left div { float: left; margin-top: 10px; font-weight: bold; font-size: 15px; color: #b1d3d2; }
		#ftr-left img { float: left; margin-right: 5px; vertical-align: middle; }
		
		/* footer right */
		#ftr-right { position: relative; float: right; width: 450px; line-height: 18px; margin: 0; padding: 5px 0 0; text-align: right; font-size: 12px; }
		#ftr-right strong big { font-size: 15px; }
		
		/* validation */
		#validation { display: inline; position: absolute; top: 12px; left: 385px; margin: 0; padding: 0; }
		#validation a { margin: 0; padding: 2px; text-decoration: none; }
		#validation a:hover {  }
		#validation a.html { background: #00b712; font-size: 10px; color: #fff; }
		#validation a.html:hover { background: #00ff15; color: #000; }
		#validation a.css { background: #00ff15; font-size: 10px; color: #000; }
		#validation a.css:hover { background: #00b712; color: #fff; }
	
	/* copyright */
	#copyright { position: relative; clear: both; margin: 5px 0 5px; padding: 0; color: #dbf7ff; }
	
	/* web design author */
	#creator { position: relative; clear: both; height: 16px; margin: 10px 0; padding: 0; color: #000; }
	#creator a { margin-left: 2px; text-decoration: none; font-weight: bold; font-size: 10px; color: #fff; }
	#creator a:hover { text-decoration: underline; color: #b8e7fa; }
	#creator em { font-style: normal; font-weight: bold; color: #8ded10; }
	#creator strong { color: #000; }
	
	/* partners */
	.partners { position: relative; clear: both; margin: 0; padding: 0; color: #eee; }
	.partners a { border: none; text-decoration: none; font-size: 11px; color: #fff; }
	.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }
	
/* clearfix */
/**/
.clearfix:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

/* >>> form in page <<< */
form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
form br { clear: both; }

input, textarea { display: block; }

/* label */
label { position: relative; clear: both; float: left; width: 135px; margin: 0; padding: 0 10px 3px 0; text-align: left; font-weight: bold; color: #000; }
label span { color: #c10000; }

/* input */
input {
	float: left; height: 24px; margin: 0 5px 5px 0; padding: 3px 0 0 3px;
	border-style: solid; border-width: 1px 2px 2px 1px; border-color: #d3d9ff #ddd #ddd #d3d9ff; background: #d3e1ea; font-size: 11px;
}
input[type="file"] { height: 20px; }
input[type="hidden"] { display: none; }
input[type="radio"] { border: 0; background: none; }

	/* input properties */
	/* hidden */
	input.hidden { display: none; }
	/* filebrowser */
	input.filebrowser { height: 20px; }

/* textarea */
textarea {
	float: left; margin: 0 5px 5px 0; padding: 5px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #d3d9ff #ddd #ddd #d3d9ff;
	background: #d3e1ea; font: 11px "Trebuchet", Tahoma;
}

/* image calendar */
img.calendar { margin-left: 2px; padding: 0; border: 0; }

/* antispam operation */
.codeop { display: block; float: left; margin: 0; }
.codeop img { margin-bottom: 5px; vertical-align: middle; cursor: pointer; }
.codeop span { margin-left: 5px; font-size: 10px; color: orange; }

/* error */
.frmerror {
	clear: both; display: block; line-height: 18px; padding: 2px 0 0 16px;
	background: url('../img/icons/icon-form-error.gif') no-repeat 0 4px; color: #ff1418;
}

/* site messages */
.success, .error, .warning { display: block; clear: both; min-height: 25px; height: auto !important; height: 25px; margin: 5px 0; padding: 5px; font-size: 11px; }
.success, .error, .warning big { font-weight: bold; font-size: 12px; }
.success { border: 1px solid #87d30e; background: #e7ffb2; color: #3d9711; }
.warning { border: 1px solid #f2cf6f; background: #fff1b8; color: #d87b0e; }
.error { border: 1px solid #c07e7e; background: #ffe3e4; color: #df0510; }