/*****************************************************************
  Generic Style Sheet file for CDCPOINT (generic pages)

  Copyright (C) 2010 CDC S.p.A. All Rights Reserved. 

  Developed by Francesco Donnarumma

  http://www.donnarumma.biz/

  WARNING: This software program is protected by copyright law 
  and international treaties. Unauthorized reproduction or
  distribution of this program, or any portion of it, may result
  in severe civil and criminal penalties, and will be prosecuted
  to the maximum extent possible under the law.

*****************************************************************/

/* -- Eric Meyer's Reset Styles ----------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
/*	vertical-align: baseline; */
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

/* -- General page layout ----------------- */

html {
	height: 100%;
} 

body {
	margin:0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #333333;
	text-align: center;
}

div, span, p, table {
	color: #333333;
}

/* -- Hyperlinks and buttons -------------- */

a {
	color: #333333;
	text-decoration: none;
}

a:link {				/* unvisited links */
	color: #333333;
	text-decoration: none;
}

a:visited {				/* visited links   */		
	color: #333333;
	text-decoration: none;
}

a:hover {				/* user hovers     */
	color: #333333;
	text-decoration: underline;
}

a:active {				/* activated links */
	color: #333333;
	text-decoration: underline;
}

a.btn_catalogo {
	display: block;
	width: 318px;
	height: 33px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	background-image: url('../imgs/commons/btn_catalogo.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a.btn_catalogo:hover {
	background-image: url('../imgs/commons/btn_catalogo.gif');
	background-repeat: no-repeat;
	background-position: 0px -33px;
	line-height: 32px;
}

a.filter_header {
	display: block;
	padding: 2px 5px;
	height: 20px;
	background-color:#B8B8B8;
	color:#fff;
	font-size: 12pt;
	line-height: 20px;
	background-image: url('../imgs/commons/btn_filter_enable.gif');
	background-repeat: no-repeat;
	background-position: center right;
}

a.filter_header:hover {
	text-decoration: none;
}

a.filter {
	display: block;
	padding: 2px 5px;
}

a.filter:hover {
	background-color: #686f71;
	color: #ffffff;
	text-decoration: none;
}

/* -- Form elements ----------------------- */

form {
	margin: 0px;
}

select {
	font-size: 8pt;
}


input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.form_login {
	background-image: url('../imgs/commons/bg_form_login.gif');
	background-repeat: no-repeat;
	background-position: center top;
	width: 318px;
	height: 63px;
}

/* -- List elements ----------------------- */

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.
 
This rule will be processed only by 
Internet Explorer because only IE believes 
that there's a level above HTML: */
 
* html ul li
{
	position: relative;
}

/* -- Custom text ------------------------- */

.txt7 {
	font-size: 7pt;
}

.txt8 {
	font-size: 8pt;
}

.txt9 {
	font-size: 9pt;
}

.txt10 {
	font-size: 10pt;
}

.txt11 {
	font-size: 11pt;
}

.txt12 {
	font-size: 12pt;
}

.txt13 {
	font-size: 13pt;
}

.txt14 {
	font-size: 14pt;
}

.txt15 {
	font-size: 15pt;
}

.txt16 {
	font-size: 16pt;
}

.txt17 {
	font-size: 17pt;
}

.txt18 {
	font-size: 18pt;
}

.txt19 {
	font-size: 19pt;
}

.txt20 {
	font-size: 20pt;
}

.txtLeftMargin
{
    text-align:left;
    margin-left:22px;
}
/* -- Horizontal rule --------------------- */

hr {
	height: 3px;
	border: none;
	border-bottom: 3px solid #000033;
	margin: 5px 0px;
	padding: 0;
	clear: both;
}

/* -- Blockquotes ------------------------- */

blockquote {

}

/* -- Headers ----------------------------- */

h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0px;
}

h1 {
	font-size: 18pt;
}

h2 {
	font-size: 15pt;
}

h3 {
	font-size: 13pt;
}

h4 {
	font-size: 11pt;
}

/* -- Page containers ------------------ */

#container{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#header {
	text-align:left;
}

#header div.top {
	height: 90px;
	padding-top: 5px;
}

#header div.bottom div.cart {
	height: 25px;
	background-image: url('../imgs/commons/icon_cart_header.gif');
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 10px;
}

* div.bottom {
	background-color: #6b7275;
	background-image: url('../imgs/commons/bg_header.gif');
	background-repeat: repeat-y;
	background-position: center top;
	height: 35px;
	padding: 5px 20px;
}

#content {
	width: 955px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	color: #000000;
	clear: both;
	text-align: left;
}

#contentP {
	width: 800px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	color: #000000;
	clear: both;
	text-align: left;
}

#column-left { 
	width: 210px;
	float: left; 
	text-align: left;
}


#column-right { 
	width: 720px;
	float: right; 
	text-align: left;
}

#footer {
	text-align:left;
}

#footer div.table {
	background-image: url('../imgs/commons/bg_footer.png');
	background-repeat: repeat-x;
	background-position: left top;
	height: 88px;
	padding-top: 10px;
}

#footer div.table div.tbl_row div.tbl_left {
	text-align: center;
	line-height: 11px;
	width: 159px;
}

#footer div.table div.tbl_row div.tbl_left a {
	color: #000000;
	font-size: 10px;
	padding: 5px;
}

#footer div.table center  {
	color: #ffffff;
	font-size: 15px;
	height: 30px;
}

#footer div.content div.tbl_row div.tbl_left {
	color: #000000;
	font-size: 9px;
	text-align: left;
	width: 150px;
	padding-right: 9px;
}

#footer div.content div.tbl_row div.tbl_left a {
	color: #000000;
}

/* -- Menu elements ----------------------- */

div#menu, div#menu ul, div#menu li
{
	padding:0;
	margin:0;
	z-index:500;
}

div#menu ul {
	list-style: none;
}

div#menu ul li {
	position: relative;
	width: 198px;
	line-height: 20px;
	padding: 0px 5px;
	border: 1px solid #AFAFAF;
	background-color: #CBCBCB;
	cursor: pointer;
}

div#menu ul li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
}

// Warning: IE6 and before doesn't support :hover in CSS (except for anchors)
// You must use the script to make hovers work in IE
div#menu ul li:hover {
	background-color: #AFAFAF;
}

div#menu ul li:hover ul {
	visibility: visible;
}

div#menu ul ul {
	position: absolute;
	top : 0px;
	left: 209px;
	width: 746px;
	visibility: hidden;
}

div#menu ul ul li {
	position: absolute;
	padding: 0px;
	border: none;
	background-color: none;
	cursor: default;
}

div#menu ul ul ul {
	left: 0px;
	background-color: none;
}

div#menu ul ul ul li {
	position: relative;
	left: -1px;
	top: -1px;
	width: 185px;
	border: 1px solid #AFAFAF;
	background-color:#F5F5F5;
}

div#menu ul ul ul li a {
	display: block;
	width: 185px;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

/* Set the horizontal positions of the columns */
div#menu ul ul ul li.column1 { margin-left: 0px; }
div#menu ul ul ul li.column2 { margin-left: 186px; }
div#menu ul ul ul li.column3 { margin-left: 372px; }
div#menu ul ul ul li.column4 { margin-left: 558px; }

/* Bring the first item of each column back up to the level of item 1 */
div#menu ul ul ul li.reset   { margin-top: -110px; }

/* -- Misc style classes ------------------ */

.tbl_row {
	width: auto;
	clear: both;
}

.tbl_left {
	width: 50%;
	float: left;
}

.tbl_left20 {
	width: 20%;
	float: left;
}

.tbl_right {
	width: 50%;
	float: right; 
}

.tbl_grid {
	width: auto;
	clear: both;
	border: 2px solid #cdcdcd;
}

div.header_blue div {
	background-color:#000033;
	color:#fff;
	font-size: 12pt;
}

div.header_gray div {
	background-color:#B8B8B8;
	color:#fff;
	font-size: 12pt;
}

.tbl_grid div.column {
	width: 25%;
	float: left;
}

.tbl_grid div.row {
	border-bottom: 2px solid #cdcdcd;
}

.spacer {
	width: 0px; 
	font-size: 1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
}

.gray {
	color: #333333 !important;
}

.blue {
	color: #000033 !important;
}

.red { 
	color: #cc0000 !important;
}

.uppercase {
	text-transform: uppercase;
}

/* -- Filter elements ----------------------- */

.visible {
    position: absolute;
    visibility: visible;
}

.invisible {
    position: relative;
    visibility: hidden;
    display: none;
}

.filterbox {
    width: 200px !important;
    border: 1px solid #AFAFAF;
	background-color: #FFFFFF;
}

/*MCN*/

.productImage {
    margin-top: 6px;
    width: 200px;
    height: 150px;
}

.watermark {
    color: #000;
}

.white {
	color:#fff !important;
}


.bgwhite {
	background-color:#fff;
}

.black {
	color:#000;
}

.disabled
{
color:#B8B8B8;    
}

.headerblue {
	background-color:#000033;
	color:#fff;
	font-size: 14pt;
	padding: 12px;
}

.headerblueP {
	background-color:#000033;
	color:#fff;
	font-size: 14pt;
	padding: 12px;
	height : 30px;
}

.txtright {
	text-align:right !important;
}

.txtcenter {
	text-align:center !important;
}
.txtbold {
	font-weight:bold;	
}

.height1 {
	height: 1px;
}
.height23{
	height:23px;
}

.height90{
	height:90px;
}

.height120 {
	height: 120px;
}

.tblstyle1
{
	width:10%;
	margin-left:283px;
}

.imgstyle1{
	width:74px; 
	height:59px;
}

.tblstyle2
{
	width:auto;
	padding-top:20px;
}

.tblstyle3
{
	width:45%;
	text-align:center;
}

.lineheight15 {
	line-height: 15px;
}

.lineheight20 {
	line-height: 20px;
}

.lineheight25 {
	line-height: 25px;
}

.lineheight30 {
	line-height: 30px;
}

.with100 {
	width:100px;
}

.with100_1{
	width:100%;
}

.imgstyle2{
	width:318px;
	height:33px;
	border:0px;	
}

.marUp5
{
    margin-top:-5px;
}

.marTop45
{
	margin-top:45px;
}

.height30{
	height:30px;
}

.with20
{
	width:20%;
}

.imagestyle3
{
	width:136px;
	height:72px;
	margin-left:20px;
	border:0;
}

.width50
{
	width:50px;
}

.widtthauto {
	width:auto;
}

.imgstyle4
{
	width:272px;
	height:83px;
	border:0px;
}

.width30 {
	width:32%;
}

.width35 {
	width:35%;
}

.width70 {
	width:70%;
}

.width25
{
	width:23%;
}

.top15
{
	padding-top:15px;
}

.top5
{
	padding-top:5px;
}

.width18
{
	width:19%;
}

.width120
{
	width:120px;
}

.imgstyle5{
width:720px;
height:260px;
	
}

.width45
{
	width:45%;
}

.b_right
{
	border-right: thin solid #CDCDCD;
}

.b_bottom
{
	border-bottom: thin solid #CDCDCD;
}

.whidth52
{
	width:52%;
}

.width33
{
	width:33%;
}

.banner
{
	width:220px;
	height:260px;
}

.top20
{
	margin-top:20px;
}

.column100{
	width: 100%;
	float: left;
}

.width40 
{
	width:40% !important;
}

.width210
{
	width:210px;
}

.width15
{
	width:15% !important;
}

.imgstyle6
{
	width:90px;
	height:35px;
}

.banner210
{
	width:210px;
	height:210px;
}

.column10{
	width: 10%;
	float: left;
}

.column40{
	width: 40%;
	float: left;
}

.column15{
	width: 15%;
	float: left;
}

.pad0 {
	padding: 0px !important;
}

.pad3 {
	padding: 3px !important;
}

.pad5 {
	padding: 5px !important;
}

.pad10 {
	padding: 10px !important;
}

.pad15 {
	padding: 15px !important;
}

.pad20 {
	padding: 20px !important;
}

.pad5right {
	padding-right: 5px;
}
.pad20right {
	padding-right: 20px;
}
.bggray {
	background-color: #cccccc;
}

.width5 {
	width: 5% !important;
}

.width6 {
	width: 6% !important;
}

.width7 {
	width: 7% !important;
}

.width8 {
	width: 8% !important;
}

.width9 {
	width: 9% !important;
}

.width10 {
	width: 10% !important;
}

.width11 {
	width: 11% !important;
}

.width12 {
	width: 12% !important;
}

.width13 {
	width: 13% !important;
}

.width14 {
	width: 14% !important;
}

.width15 {
	width: 15% !important;
}

.width16 {
	width: 16% !important;
}

.width17 {
	width: 17% !important;
}

/*
.width18 {
	width: 18% !important;
}
*/

.width19 {
	width: 19% !important;
}

.width65 {
	width: 65% !important;
}

.width100 {
	width: 100px !important;
}

.width150 {
	width: 150px !important;
}

.width200 {
	width: 250px !important;
}

.width200px {
	width: 200px !important;
}

.width5pc {
	width: 5% !important;
}

.width10pc {
	width: 10% !important;
}

.width15pc {
	width: 15% !important;
}

.width20pc {
	width: 20% !important;
}

.width25pc {
	width: 25% !important;
}

.width30pc {
	width: 30% !important;
}

.width35pc {
	width: 35% !important;
}

.width40pc {
	width: 40% !important;
}

.width45pc {
	width: 45% !important;
}

.width49pc {
	width: 49% !important;
}

.width50pc {
	width: 50% !important;
}

.width55pc {
	width: 55% !important;
}

.width60pc {
	width: 60% !important;
}

.width70pc {
	width: 70% !important;
}

.width80pc {
	width: 80% !important;
}

.width90pc {
	width: 90% !important;
}

.width95pc {
	width: 95% !important;
}

.width99pc {
	width: 99% !important;
}

.width100pc {
	width: 100% !important;
}

.height1 {
	height: 1px;
}

.height15 {
	height: 15px;
}

.height20 {
	height: 20px;
}

.height23{
	height:23px;
}

.height25 {
	height: 20px;
}

.height30 {
	height:30px;
}

.height90 {
	height:90px;
}

.height120 {
	height: 120px;
}

.height150 {
	height: 150px;
}

.height170 {
	height: 170px;
}

.underlinegray {
	border-bottom: 1px solid #ccc;
}

.underlineblu {
	border-bottom: 1px solid #000033;
}

.underlinerightbottom {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.allborders {
	border: 1px solid #ccc;
}

.bg_amount {
	background-image: url('../imgs/commons/bg_amount.gif');
	background-repeat: no-repeat;
	background-position: 565px;
	height: 28px;
}

.right10
{
	margin-right: 10px;
}

.overflow {
	overflow: auto;
}

.textareabig
{
    width:100%;
    font-style: italic; 
    height: 125px;
    border:0px;  
}

.textareasmall
{
    width:322px;
    font-style: italic;
    height: 125px; 
    border:0px;     
}

.btnUpload
{
	background-image: url('../imgs/commons/icon_upload.gif'); 
	width:52px;
	height:17px;
	border:0px;   
}

.imgstyle7
{
	width:13px;
	height:13px;
}

.minheigt10
{
    min-height:10px;
}

.maxheight22
{
  max-height:30px;  
}

.maxheight35
{
  max-height:40px;  
}

/*PRINTpRODUCTS*/

.print_highlight_hide 
{
    font-size:12px;
    text-align: left;
    width:100%;   
    
}

.print_highlight_hide .Info
{
     font-weight:600;
     background-color: #cccccc;
}

.print_highlight_hide .FInfo_Header
{
   background-color: #cccccc;
}

.print_highlight_hide  .FInfo
{
    background-color: #cccccc;
}

.print_hide 
{
    color: Gray;    
}

.inputText
{
 border: none;
 text-align: right;
 color: #cc0000;
 font-weight: bold;
 font-size: 9pt;    
 }

.search
{
width: 730px; 
}

.search ul
{
float:left;
margin:0;
padding:0;
width:730px;

/*
border-style: solid;
border-width: 1px;
border-color: #B8B8B8;
*/
border: 1px solid #cdcdcd;
}

.titleUL
{
background-color:#B8B8B8;
min-height:20px;
color:White; 
border-right-style:solid;
border-right-color:White; 
font-size: 12pt;
padding:5px;
}

.search ul li
{
list-style:none;
padding:7px 10px;
}