/* --------------------------------------------------------------
    Default CSS styles for all common browsers
---------------------------------------------------------------*/

/*  BASE
---------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: left; /*** IE/Win (not IE/MAC) alignment of page ***/
  font-family: Verdana, Arial, sans-serif;
  font-size: 62.5%;
  background-color:#FFFFFF;
  line-height: 140%;
  background-color: #E2E2E2;
  background-image: url(/i/background.jpg);
  background-repeat: repeat-x;
  background-position: top;
  min-width:760px; /*** This is needed for moz. Otherwise,
  						the header and footer will slide off the left side of the page
						if the screen width is narrower than the design.
						Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
  text-align: center; /*** IE/Win (not IE/MAC) alignment of page ***/  
}

h1, h2, h3, h4, h5, h6, form, img, a, p, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
}

h1 {
  font-family: "Arial Narrow", Arial, Verdana, sans-serif;
  font-size: 2em;
  font-weight: normal;
  color: #007C57;
  margin-bottom: 15px;
}

h2 {
  font-family: "Arial Narrow", Arial, Verdana, sans-serif;
  font-size: 1.6em;
  font-weight: normal;
  color: #007C57;
  line-height: 140%;
  margin-bottom: 12px;
}


h4 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #666666;
  line-height: 120%;
  margin-bottom: 5px;
}

h4 a{color: #666666;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

/* #GENERIC CLASSES
---------------------------------------------------------------*/

.fl {
  float: left;
}

.fr {
  float: right;
}

.clr {
  clear: both;
  height: 0;
}

.b {
  font-weight: bold;
}

.al {
  text-align: left;
}

.ar {
  text-align: right;
}

.input {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  height: 14px;
  border: 1px solid #138663;
}

.dN {
  display: none;
}

.dB {
  display: block;
}

.quoteBox {
	background-color : #F0F7F5;
	padding : 14px;
	border : 1px solid #007C57;
	margin-top : 10px;
	margin-bottom : 10px;
	text-align:left;
	display:block;
}
.quote{
	background-color : #F0F7F5;
	padding : 14px;
	border : 1px solid #007C57;
	margin-top : 10px;
	margin-bottom : 10px;
	text-align:left;
	background-image : url(/i/icon_quote.gif);
	background-repeat : no-repeat;
	background-position : 14px 14px;
	padding-left : 75px;
	display:block;
}

/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails
{
    font-family: Verdana;
	font-size: 1.4em;
	padding-top: 0.4em;
	}
	
#keyboardMsg {
     display: none;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton 
{
    position: relative;
    top:1px;
    right: 3px;
}

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(/i/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(/i/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/overlay.png", sizingMethod="scale");
	}




/*  HACKS 
---------------------------------------------------------------*/

/* The clearfix class must be put on the parent that contains floating divs.
  The effect is that the height will be the height of the highest div */
  
.clearfix:after 
{
    content: ".";      
    display: block;      
    height: 0;      
    clear: both;      
    visibility: hidden; 
}  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display:block;}
/* End hide from IE-mac */

/*-------------------------------------------------------------*/

#page {
  width: 960px;
  margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  text-align:left; /*** IE Win re-alignment of page if page is centered ***/
  position:relative; /*** Needed for IE, othewise header and footer aren't contained directly above and below the body ***/
  border: 1px solid #BFBFBF;  
  border-top: 0;
  margin-bottom: 30px;
}

/* HEADER
---------------------------------------------------------------*/

#header {
  font-size: 1.2em;
  background-color: #FFFFFF;
  /*background-image: url(/i/logo.jpg);
  background-position: left;
  background-repeat: no-repeat;*/
  height: 59px;
  text-align: right;
  /*cursor:hand;
  cursor:pointer;*/
}


#headerWrapper {
  padding: 13px;
}

.headerLeft {
   text-align:left;
   width:200px;
   float:left;
}

.headerRight {
    width:760px;
    float:right;
}

.headerRightWrapper {
    padding:20px;
}

#header ul.navigation {
  list-style-type: none;
}

#header ul.navigation li {
  float: left;
}

#header div.navigation a, #header div.navigation {
  font-family: "Arial Narrow", Arial, Verdana, sans-serif;
  font-size: 1em;
  color: #666666;
}

#header .txSearch {
  width: 86px;
  position: relative;
  top: -4px;
  font-family: Arial, Verdana, sans-serif;
  font-size:12px;
}

#header .btnSearch {
  width: 18px;
  height: 16px;
  background-image: url(/i/buttonSearch.gif);
  background-repeat: no-repeat;
  border: 0;
  color: #118562;
  cursor: pointer;
}

#header .accesibil {
  padding-bottom:4px;
  padding-left:15px;
  padding-right:5px;
}

#header a.accesabilitat {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #666666;/*
  margin-top: -10px;*/
  display:inline-block;
  margin-bottom:10px;
  text-decoration: underline;
}

/* END HEADER 
---------------------------------------------------------------*/


#mainContent {
  background-color: #F3F3F3;
}

#mainContent tr td {
  vertical-align: top;
}

#menu, #sidebar {
  width: 200px;
}


/* MENU (LEFT)
---------------------------------------------------------------*/
#menu {
  background-color: #F3F3F3;
}

#menu ul.menu {
  list-style-type: none;
}

#menu ul.menu li {
  padding-bottom: 11px;
}

#menu ul.menu li a.menuItem, #menu ul.menu li a:hover{
  display: block;
  font-family: "Arial Narrow", Arial, Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 110%;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #007C57;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 13px;
  padding-right: 13px;
}

#menu ul.submenu {
  list-style-type: none;
}

#menu ul.submenu li{
  width: 100%;
  border-top: 1px solid #D3D3D3;
  background-color: #F3F3F3;
  padding: 0;
  margin: 0;
}

#menu ul.submenu li a.subMenuItem, #menu ul.submenu a.subMenuItem:hover{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em !important;
  font-weight: normal !important;
  line-height: 100%;
  display: block;
  padding: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 2.5em;
  padding-right: .5em;
  background-color: #F3F3F3;
  background-image: url(/i/bullet_menu.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  color: #000000;
}

#menu ul.submenu ul.submenu li a.subMenuItem1, #menu ul.submenu ul.submenu a.subMenuItem1:hover{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em !important;
  font-weight: normal !important;
  line-height: 100%;
  display: block;
  padding: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 4em;
  padding-right: .5em;
  background-color: #F3F3F3;
  background-image: url(/i/bullet_menu.gif);
  background-repeat: no-repeat;
  background-position: 18px 6px;
  color: #000000;
}

#menu ul.submenu ul.submenu a.subMenuItem1:hover, #menu ul.submenu ul.submenu li.selected a.subMenuItem1 {
  background-color: #E2E2E2;
  background-image: url(/i/bullet_menuActive.gif);
  background-repeat: no-repeat;
  background-position: 18px 6px;
  font-weight: bold !important;
}

#menu ul.submenu a.subMenuItem:hover, #menu ul.submenu li.selected a.subMenuItem {
  background-color: #E2E2E2;
  background-image: url(/i/bullet_menuActive.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  font-weight: bold !important;

}

/* END MENU
---------------------------------------------------------------*/


/* CONTENT 
---------------------------------------------------------------*/
#content {
  background-color: #FFFFFF;
  font-size: 1.1em;
  color: #000000;
  padding-bottom: 40px;
}

#content2 {
  background-color: #FFFFFF;
  font-size: 1.1em;
  color: #000000;
}

#content .img_content {
  height: 180px;
}

#content .breadcrumbs {
  background-color: #F3F3F3;
  height: 32px;
}

#content .breadcrumbsInner {
  padding-top: 10px;
  padding-left: 17px;
  padding-right: 17px;
}

#content .breadcrumbsInner a{
  color: #000000;
}


#content .content {
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
}

#content .content div.intro 
{
  padding-bottom: 20px;
}

#content a.hlight {
  color: #007C57;
  text-decoration: underline;
}

#content a.hlight:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #007C57;
}

#content a.atitle {
  font-family: "Arial Narrow", Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #007C57;
  line-height: 140%;
  margin-bottom: 12px;  
}

#content p {
  margin-bottom: 15px;
}


#content2 .content {
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
}

#content2 .content div.intro 
{
  padding-bottom: 20px;
}

#content2 a.hlight {
  color: #007C57;
  text-decoration: underline;
}

#content2 a.hlight:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #007C57;
}

#content2 a.atitle {
  font-family: "Arial Narrow", Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #007C57;
  line-height: 140%;
  margin-bottom: 12px;  
}

#content2 p {
  margin-bottom: 15px;
}


/* SIDEBAR
---------------------------------------------------------------*/

#sidebar {
  background-color: #F3F3F3;
  width: 200px;
}

#sidebar .links {
  width: 200px;
  /*height: 180px;*/
  background-image: url(/i/background_Links.jpg);
  background-repeat: no-repeat;
  background-color: #007C57;
}

#sidebar .linksInner {
  padding: 17px;
}

#sidebar .links h2 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.6em;
  margin-bottom: 8px;
  color: #FFFFFF;
}

#sidebar .links ul {
  list-style-type: none;
  /*list-style-image: url(/i/links_bullet.gif);
  list-style-position: inside;*/
}

#sidebar .links ul li {
  background-image: url(/i/links_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 15px;
}
#sidebar .links ul li a {
  font-size: 1.1em;
  line-height: 150%;
  color: #FFFFFF;
}

#sidebar .sidebarTitle {
  height: 32px;
  background-color: #E2E2E2;
}

#sidebar .sidebarTitleInner {
  padding-top: 10px;
  padding-left: 8px;
  padding-right: 8px;
}

#sidebar h3{
  font-size: 1.1em;
  color: #333333;  
}

#sidebar .sidebarContent {
 text-align: center;
 background-color: #F3F3F3;
 padding-left: 16px;
 padding-right: 10px;
 padding-top: 10px;
}

#sidebar .sidebarContent a {
  display: block;
  width:168px;
  border: 1px solid #D3D3D3;
  margin-bottom: 8px;
}

#sidebar .sidebarContent img {
  border: 4px solid #E2E2E2;
}

#sidebar .sidebarItem p {
  font-size: 1.1em;
  line-height: 160%;
  color: #666666;
  padding-bottom: 12px;
}

/* END SIDEBAR
---------------------------------------------------------------*/


/* FOOTER
---------------------------------------------------------------*/
#footer {
  width: 100%;
  height: 45px;
  background-image: url(/i/background_footer.gif);
  color: #FFFFFF;
  font-size: 1.1em;
}

#footer div a {
  color: #ffffff;
  text-decoration: underline;
}

#footerInfo {/*
  width: 500px;*/
  padding-top: 6px;
  padding-left: 15px;
  line-height: 140%;
}

/* footer flag */
#colaboration {  
  height: 35px !important;
  margin-right: 10px !important;/*
  width: 300px; */
  padding-top: 4px;
  text-align: right !important;  
}

#colaboration span {
  display: block;
  position: relative;
  left: -60px;
  top: 10px;
}

#flag {  
  display: block;
  position: relative;
  height: 35px;
  width: 52px;  
  top: -13px;
  left: 10px;
}

img[id=flag] {
  left: 0px !important;
}

html>/**/body #flag {
  left: 88px !important;
}



/* END FOOTER
---------------------------------------------------------------*/

/* Text introductiv ... */
.dvContent
{
	padding-top : 10px;
	padding-bottom : 10px;
}

/* ACCESIBILITAT.ASPX */

.accesibility li {
  padding-bottom: 2px;
}

.accesibility a {
	color: #000000;
}

/* STILURI TEMPLATE FCK */

.productSpecsTable tr td a {
  color:#000000;
  text-decoration:underline;
}

.productSpecsTable tr td {
  border-bottom:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  padding-left:3px;
  padding-right:3px;
}

.productSpecsTable td.last {
  border-right:1px solid #CCCCCC;
}

.productSpecsTable td.firstRow {
  background-color:#F5F5F5;
  font-weight: bold;
  padding-left:3px;
  border-top:1px solid #CCCCCC;
}

.butoaneHome {
  text-align:right;
  padding-top:7px;
}

.contextual {
text-align:center;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
}

.contextual img {
  border:4px solid #E2E2E2;
}

div.content a  {
	text-decoration:underline;
	color:#000000;
}