/*---------HOME header--------- */
#homeBackground {clear: both; height:75px; background-color: #003399; border-bottom: 1px solid #DDDDDD; background-repeat: no-repeat; text-align : left;}


/*---------GLOBAL header--------- */
#globalHeader {margin-bottom: 8px;}
#globalBackground {height: 65px; border-bottom: 1px solid #DDDDDD; background-repeat: no-repeat; text-align: left;}
#globalBackgroundPrint {display: none;}
.menuTopYell {float: right; height: 16px; padding: 0px 10px 0px 10px; background-color: #FFCC66; border-left: 1px solid #ffffff;}


/*---------Global header on DEPARTMENT web site--------- */
#localHeader {margin-top : 1px; margin-bottom : 6px;}
#localBackground{height : 76px; border-bottom : 1px solid #DDDDDD; background-repeat : no-repeat;}
#localMenu {height: 24px; padding: 6px 0px 0px 0px;}
.localTextSize {float: right; font-size: 1.3em; font-weight: bold; padding: 3px 3px 0px 0px;}

/*---------DEPARTMENT header-------- THE IMAGE must be part of the page*/
#departmentHeader {height: 50px; background-color: #003399; background-repeat : no-repeat; margin-bottom : 0px;}
#departmentHeaderLineWhite {height : 1px; border-left : 150px solid #003399;}
#departmentHeaderLine {height : 8px; border-left : 150px solid #003399;}

/*---------Common elements to GLOBAL and DEPARTMENT header--------- */
#localClick {float: left;}
#headerSearch {float: right; padding: 15px 10px 0px 0px;}
#headerSearchDept {float: right; padding: 0px 10px 4px 0px;}

/*---------DEPARTEMENTS: language selectors, additional menu on top---------*/
#supplementMenu1 {clear: both; padding: 2px 0px 3px 0px;}
#addMenu1 { }
#language1 {float: right;}


/*---------Common elements to GLOBAL and DEPARTMENT: bread crumb, last update and footer ---------*/
#breadCrumb {margin-left: 165px; margin-bottom: 3px;}
#breadCrumbNoMenu {margin-left: 15px; margin-bottom: 3px;}

#date {float: left;}
#lastUpdate {text-align: right; margin-left: 150px; margin-bottom: 30px;}
#lastUpdateNoMenu {text-align: right; margin-bottom: 30px;}
#footerDepartment {text-align : center;}

/*--------- Main grid structure: with menu without menu ---------*/
#bodyContainer {width: 100%; background-image: url(bgdleft.gif); background-repeat: repeat-y; float: left;}
#bodyContainer1 {width: 100%; background-image : url(bgdright1.gif); background-position: right; background-repeat: repeat-y; float: left;}
#bodyContainerNoMenu {width: 100%; background-image : url(bgdleft_dept.gif); background-repeat : repeat-y; float: left;}

#mainGridLeft {width: 150px; float: left;}
#mainGridRight {margin-left: 165px; margin-right: 5px;}
#mainGridRightNoMenu {margin-left: 2%; margin-right: 1%;}

#borderBottom {height: 15px; margin-left: 150px; clear: both; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999;}
#borderBottomNoMenu {height : 15px; clear: both; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-left : 1px solid #999999;}


/*---------Secondary grid strucure: 1 center column --------*/
#centerColumn {margin-right: 2%; margin-left: 2%; background-color: #ffffff; width:auto;}
#oneColumn {margin-right: 0px; margin-left: 0px; background-color: #ffffff; width: 99%;}

.margin { border-left : 10px solid #ffffff;/*used to leave a withe left margin in case of floatingBox*/ }
.floatingBox {float: right; background-color: #ffffff;width:165px;}
#leftContainer {padding-right: 10px; padding-top : 15px;}/*It contains feature boxses on the left side of the page*/
 .containerEnd {clear:both; height : 1px;}

/*---------Secondary grid strucure: 2 columns, 3 columns ---------*/

.twoColsLeftFixed {margin-right: 160px; border: 0px solid #000000;}
.twoColsRightFixed {width : 160px; float:right;border: 0px solid #000000;}

.twoColsLeft60 {width : 99%; border: 0px solid #000000;}
.twoColsRight40 {width : 40%;float:right; border: 0px solid #000000;}

.bgdLine60 {background-image : url(bordogrigio.gif);background-repeat : repeat-y; background-position : 60%;}
.bgdLine50 {background-image : url(bordogrigio.gif);background-repeat : repeat-y; background-position : 50%;}
.bgdLine25 {background-image : url(bordogrigio.gif);background-repeat : repeat-y; background-position : 73%;}
.bgdLineFixed {	background-image : url(bordogrigioFixed.gif);	background-repeat : repeat-y;	background-position : right;}

.threeCols {width:100%; background-image : url(bordogrigio.gif);background-repeat : repeat-y;background-position : 35%;}
.threeCols1 {width:100%; background-image : url(bordogrigio.gif);background-repeat : repeat-y;background-position : 68%;}
.threeColsLeft {width: 100%; max-width : 33%;	border: 0px solid #000000;}
.threeColsRight {width : 33%; float:right;border: 0px solid #000000;}

.boxTitleRight {margin-left:10px;}
.boxTitleLeft {float:left; width:50%; padding-left:10px;}
.boxRight1 {margin: 0px 0px 10px 6%;}/*Box right with no right margin*/

.maxWidth60 {max-width : 60%;}


/*----------------Style for navigation components------------*/

.mainMenuLeft {border-top: 3px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F9EFBE; padding: 6px 6px 10px 6px;}
.sectionMenu {border-top: 3px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom : 15px; padding : 6px 6px 2px 6px;}
.sectionMenuPull {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom : 15px; text-align: right; padding: 0px 0px 2px 0px;}
.featureSingle {border: 1px solid #cccccc; background-color: #F0F0EB; margin-bottom: 15px; padding: 6px 6px 6px 6px;}
.featureMultiple {border: 1px solid #CCCCCC; background-color: #FFFFFF; margin-bottom: 15px; padding: 6px 6px 6px 6px;}
.relatedLinks {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB;  margin-bottom: 15px; padding: 6px 6px 0px 6px;}
.grayBox {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom: 15px; padding: 4px 6px 4px 6px;}
.quickLinks {border-top: 3px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom: 15px; padding: 6px 6px 2px 6px;}
.newsBox {border-top: 3px solid #CCCCCC;  background-color: #FFFFFF; margin-bottom: 15px; padding: 0px;}
.formBox {border: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom: 15px; padding: 6px;}
.searchEngine {border-top: 3px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #F0F0EB; padding: 5px 5px 10px 5px;}
.sectionTab {border-bottom: 3px solid #CCCCCC; border-top: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom: 15px; width: 100%; padding: 0px 2px 2px 2px;}
.furtherInfo {}
.text { margin-bottom : 0px;}
.list { margin-bottom : 15px;}
.contentHtm { margin-bottom : 0px;}
.topImage { margin-bottom : 15px;}

.sectionMenuPullDown {border-top: 1px solid #CCCCCC; background-color: #F0F0EB; text-align: right; padding: 0px 0px 2px 0px; width: 99%;}

.filterBox {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom : 15px; text-align: left; padding: 0px 0px 4px 6px;}

#pagination {margin: 15px 0px 0px 0px; border-top: 1px solid #CCCCCC;} 
#result {float: right; font-weight: bold;}
#numbers { }


/*--------- Border top colors ---------*/
.borderBlue	{border-top-color: #6699FF;}
.borderRed {border-top-color:  #C80000;}
.borderOrange {border-top-color: #FF9900;}


/*----------------Standard font face and dimension for P and H selectors-------------*/
.featureSingle p, .featureSingle ul.noIndent { margin-bottom: 1px; }
.formBox p, .searchEngine p { margin: 0 0 4px 0;}

h1 { margin: 0px 0px 0px 0px;  font-size : 1.5em; line-height: 1.3em; font-weight: bold; padding-bottom: 3px;}
h2 {margin: 6px 0px 6px 0px; font-size : 1.20em; line-height: 1.30em; font-weight: bold; border-bottom: 1px solid #cccccc; padding-bottom : 2px;}
.h2Small {margin: 0px 0px 6px 0px; font-size: 1.0em; line-height: 1.20em; font-weight: bold;  border-bottom: 1px solid #cccccc; padding: 1px 0 2px 0;}
h3 { margin: 0px 0px 0px 0px;  font-size : 1.0em;  line-height: 1.20em;  font-weight: bold;}
h4 { margin: 0px 0px 0px 0px;  font-size : 1.0em;  line-height: 1.20em;  font-weight: bold;}
.text h2 {background-color: #F0F0EB; color:#555555; /*font-size : 1.10em; line-height: 1.20em;*/}
.text h2Small {background-color: #F0F0EB; color:#555555;}
.contentHtm h2 {background-color: #F0F0EB; color:#555555;}
.contentHtm h2Small {background-color: #F0F0EB; color:#555555;}
.furtherInfo h2 {background-color: #F0F0EB; color:#555555;}

.noLine {margin: 1.8em 0px 0px 0px; font-size: 1.20em; line-height: 1.30em; font-weight: bold;  border-bottom: none; padding-bottom: 2px;} /*to take off the bottom line for h2*/

.pageTitle {border-top: solid 1px #999999; margin-bottom: 1.6em;}
.pageTitleLine {border-top: solid 1px #999999; border-bottom: solid 1px #999999; margin-bottom: 1.6em; width: 99%;}

/*----------------Classes giving different size to the standard font-------------*/
.detail { font-size : 1.20em; line-height: 1.30em;  font-weight: bold; padding-top: 3px;} /*to give a smaller dimension in case of long title on detail pages*/
.little  { font-size: 0.90em;} /*used as class for <p> to give a smaller dimension to footnotes*/
.linkLarger a {font-family : Arial, Helvetica, Geneva, sans-serif; font-size: 1.2em; line-height: 1.3em;}

/*----------------Classes to color font-------------*/
.gray {color: #555555;}
.red {color: #993300;}
.brown {color: #993300;}

/*----------------Selectors for hierarchical list (OL) and unordered list (UL)-------------*/
.hierarchicalList ol.indent {margin-left:  20px; margin-bottom : 0px;}
ol.spaceTop li {margin-top : 1.6em;} 
ol.arhr li, ul.arhr li  {margin-top : 0px; /*margin-right :4px;*/ padding: 0px 0px 0px 10px; background : url(arrowhr.gif) no-repeat;}
ol.arhr  {padding-top: 3px;} /*Spacing for the first element of the list*/

/*----------------selctors to specify different type of unordered list (UL) and title for grouping-------------*/
ul.indent, ol.indent {margin-left: 20px; margin-bottom:  1.6em;}
ul.noIndent  {margin-left: 0px; margin-bottom:  1.6em;}
ul.space li  {margin-bottom: 1em;}
ul.noSpaceLine li  {margin-bottom: 4px; padding-bottom : 4px; border-bottom: 1px solid #cccccc;}
ul.noSpaceLineLight li  {margin-bottom: 5px; padding-bottom : 5px; border-bottom: 1px solid #E8E8E8;}
ul.floatImage li  {overflow:hidden; width:100%;}
.floatImage {overflow:hidden; width:100%;}
ul.chkbox  {margin-top: 3px ; margin-left : 15px;}

.sectionMenu ul, .quickLinks ul, .relatedLinks ul, .newsBox ul {margin-bottom:  1.2em;}

.titleBulletList {padding-bottom: 2px; margin-bottom: 3px;}
.titleList {font-size : 1.20em; line-height: 1.30em; font-weight: bold;  padding-bottom: 2px; margin-bottom: 6px; border-bottom: 1px solid #cccccc; }
.titleListNo {font-size : 1.20em; line-height: 1.30em; font-weight: bold;  padding-bottom: 2px; margin-bottom : 3px;}
.titleListSmall {font-size : 1.0em; line-height: 1.30em; font-weight: bold;  padding-bottom: 2px; margin-bottom : 6px; border-bottom: 1px solid #cccccc;}
.titleListSmallNo {font-size : 1.0em; line-height: 1.30em; font-weight: bold; padding-bottom: 2px; margin-bottom : 0px;}


/*----------------Classes to design horizontal lines to be used within <p> <ul> <ol>-------------*/
.lineMenuLeft {border-bottom: 1px solid #bbbbbb; padding-bottom: 4px; margin-bottom: 3px;}
.lineBottom {border-bottom: 1px solid #cccccc;	margin-bottom : 6px; padding-bottom : 3px;}
.lineBottomGray {border-bottom: 3px solid #cccccc; padding-bottom: 3px;}
.lineTopGray {border-top: 3px solid #cccccc; margin-bottom: 8px; padding-top: 2px; margin-top: 3px;}
.lineTopGray1 {border-top: 3px solid #cccccc; margin-bottom: 4px; padding-top: 2px; margin-top: 3px;}



/*---------- Special selectors for detail pages using the dynamic converter within the <div class ="text"> ----------------*/
.text ul /*.contentHtm ul*/ {margin-bottom : 1.3em;}
.text ul li/*, .contentHtm ul li*/ {list-style : square; list-style-position : outside; margin-left : 15px;}
.text p.line {border-top: 1px solid #cccccc; padding-top : 2px; margin-bottom: 5px; margin-top: 1em;}
.text p.footnote {	font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 0.9em;line-height: 1.3em;}
.floatingBox ul li  {list-style-type : none; margin-left : 0px;}
.text td p {margin:  0px 0px 0px 0px;}
/*.text th p {margin:  0px 0px 0px 0px;} */
.grayTitle {background-color: #DDDDDD; margin-bottom: 0px; padding: 1px 2px 1px 2px; font-weight : bold;}
.grayTitle1  {background-color: #DDDDDD; margin-bottom: 6px; padding: 1px 2px 1px 2px; font-weight : bold;} 
.grayBox1 {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F0F0EB; margin-bottom: 15px; padding: 4px 6px 8px 6px;}

.grid1 {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-bottom: 15px; width:100%;  font-size : 1.0em; line-height: 1.3em}
.grid1 tr th {padding: 2px 6px 2px 6px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: left; vertical-align: top; font-weight: normal; background-color: #F0F0EB;}
.grid1 tr td {padding: 2px 6px 4px 6px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}


/*---------- Special selectors for detail pages using the dynamic converter within the <div class ="textList"> ----------------*/
.textList ul {margin-bottom : 2em;}
.textList li {margin-bottom : 1em; padding: 0px 0px 0px 10px; background : url(arrowhr.gif) no-repeat;}
.textList p.titleListSmall {background-color: #F0F0EB; color: #993300;}


/*----------------selectors for composing bullet list in the TEXT area (valid also for LIST area)-------------*/
ul.disc li  {list-style: disc; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.nu li  {list-style : decimal; list-style-position : inside; margin-bottom:  0.4em; margin-left: 0px;}


/*----------------Style for table used to layout lists or data------------*/
blockquote {margin: 0px 0px 0px 0px; width:100%;}

.grid {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-bottom: 15px; width:100%;  font-size : 1.0em; line-height: 1.3em;}
.grid tr th {padding: 2px 6px 2px 6px;  border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: left; vertical-align: top; font-weight: normal;}
.grid tr td {padding: 2px 6px 4px 6px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}

.alternateRows {border-bottom: 1px solid #cccccc; margin-bottom: 15px;  width:100%; font-size : 1.0em; line-height: 1.3em;}
.alternateRows tr th {padding: 1px 6px 1px 6px; border-left: 1px solid #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align : left; vertical-align: top;}
.alternateRows tr td {padding: 3px 6px 3px 6px; border-left: 1px solid #ffffff; vertical-align: top;}

.horizontalLine {border-bottom: 1px solid #cccccc; margin-bottom: 15px; font-size : 1.0em; line-height: 1.3em;}
.horizontalLine tr th {padding: 1px 6px 1px 3px; border-top: 1px solid #cccccc; text-align : left; vertical-align: top;}
.horizontalLine tr td {padding: 3px 8px 5px 3px; border-top: 1px solid #cccccc; vertical-align: top;}

.horizontalLineLight {border-bottom: 1px solid #E8E8E8; margin-bottom: 15px; font-size : 1.0em; line-height: 1.3em;}
.horizontalLineLight tr th {padding: 1px 6px 1px 0px; border-top: 1px solid #E8E8E8; text-align : left; vertical-align: top;}
.horizontalLineLight tr td {padding: 3px 8px 5px 0px; border-top: 1px solid #E8E8E8; vertical-align: top;}

.invisible {margin-bottom: 15px;  width:100%; font-size: 1.0em; line-height: 1.3em;}
.invisible tr th {padding: 1px 6px 1px 6px; text-align: left; vertical-align: top;}
.invisible tr td {padding: 1px 6px 1px 6px; vertical-align: top;}

.invisibleList {margin-bottom: 15px;  width:100%; font-size: 1.0em; line-height: 1.3em;}
.invisibleList tr th {padding: 1px 6px 1px 6px; text-align: left; vertical-align: top;}
.invisibleList tr td {padding: 0px 2px 0px 2px; vertical-align: top;  /*border: 1px solid #E8E8E8;*/}

.box {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; margin-bottom: 15px; width:100%;  font-size : 1.0em; line-height: 1.3em;}
.box tr th {padding: 2px 6px 2px 6px;  border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: left; vertical-align: top; font-weight: normal;  background-color: #DDDDDD}
.box tr td {padding: 2px 6px 4px 6px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}

/*----------------Classes for form fields-------------*/
select.productSearchThemeSelect {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;  font-size: 8pt; margin : 3px 0px 0px 0px; width : 300px; height : 70px;}
select {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;  font-size: 8pt; margin : 3px 0px 0px 0px}
textarea {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;  font-size: 8pt;}
input.buttflex {background-color: #F5F5F5; color: #000000;  font-weight: bold; font-size: 11px;}


/*----------------Links formattimg-------------*/
A.blueu:link, A.blueu:visited, A.blueu:active {color: #0033cc; text-decoration: none; border-bottom: dashed #999999 1px}
A.blueu:hover {color: #993300; text-decoration: underline; border-bottom: none;}

A.yellow:link, A.yellow:visited {color: #FFCF63; text-decoration: none;  font-weight: bold; border-bottom: none;}
A.yellow:active {color: #F9EFBE; text-decoration: none; font-weight: bold;}
A.yellow:hover {color: #F9EFBE; text-decoration: underline; font-weight: bold;}

A.red:link, A.red:visited, A.red:active {color: #993300; text-decoration: none;  border-bottom: none;}
A.red:hover {color: #993300; text-decoration: underline;}

#breadCrumb A:link, #breadCrumb A:visited, #breadCrumb A:active {color: #0033cc; text-decoration: none; border-bottom: none;}
#breadCrumb A:hover {color: #993300; text-decoration: underline;}

.floatingBox A:link, .floatingBox A:active {color: #0033cc;	text-decoration: none; border-bottom : none;}
.floatingBox A:visited {color: #993300;	text-decoration: none; border-bottom : none;}
.floatingBox A:hover {color: #993300; text-decoration: underline;}

.boxRight1 A:link, .boxRight1  A:active {color: #0033cc; text-decoration: none;  border-bottom: none;}
.boxRight1 A:visited {color: #993300; text-decoration: none; border-bottom: none;}
.boxRight1 A:hover {color: #993300; text-decoration: underline; }

.featureSingle A:link, .featureSingle A:active {color: #0033cc;	text-decoration: none;	border-bottom: dashed #999999 1px;}
.featureSingle A:visited {color: #993300; text-decoration: none; border-bottom: dashed #999999 1px;}
.featureSingle A:hover {color: #993300;	text-decoration: underline; border-bottom: none;}

.under A:link, .under A:active {color: #0033cc;	text-decoration: none; border-bottom: dashed #999999 1px;}
.under A:visited {color: #993300; text-decoration: none; border-bottom: dashed #999999 1px;}
.under A:hover {color: #993300;text-decoration: underline; border-bottom: none;}

.noUnder A:link, .noUnder A:active {color: #0033cc; text-decoration: none; border-bottom: none;}
.noUnder A:visited {color: #993300;	text-decoration: none; border-bottom: none;}
.noUnder A:hover {color: #993300; text-decoration: underline;}

/*----------------Background colors to be used in table, tr and td but also p, ol ul-------------*/
.bgBlack {background-color: #000000;}
.bgGrayDa {background-color: #666666;}
.bgGrayMe {background-color: #999999;}
.bgGrayLi {background-color: #DDDDDD;}
.bgGrayXli {background-color: #F5F5F5;}
.bgWhite {background-color: #FFFFFF;}
.bgGold {background-color: #FFCC66;}
.bgRed {background-color:  #C80000;}
.bgBlue {background-color: #6699FF;}
.grayLightBorder {border: 1px solid #E8E8E8;}