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

/*  BASE
---------------------------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: center; /*** IE/Win (not IE/MAC) alignment of page ***/
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color:#333333;
  /*background-image: url(/i/bgBodyTop.jpg);*/
  background-repeat: repeat-x;
  /*color: #000066;*/
  width: 900px;
  margin-left: auto; 
  margin-right: auto; 
   
}

table tr td,table tr td input,table tr td select, table tr th {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 120%;
}

table tr td input
{
	padding-left : 5px;
}

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

a { 
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


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

.fl {
  float: left;
}

.fr {
  float: right;
}

.clr {
  clear: both;
  height: 0;
  width : 100%;
}

.tal {  /* ALIGN THE TEXT TO THE LEFT*/
  text-align: left;
}

.tar {  /* ALIGN THE TEXT TO THE RIGHT*/
  text-align: right;
}  

.dn {  /* DISPLAY NONE */
  display: none;
}

.whiteBrd {
  border-bottom: solid 1px #FFFFFF;
}

.b {
  font-weight: bold;
}

.ce {  /* CURRENT ELEMENT for the left menu*/
}

.pt20 {  /* PADDING TOP 20 PIXELS */
  padding-top: 20px !important; 
}

.pl15 {  /* PADDING LEFT 15 PIXELS (PL15) */
  padding-left: 15px;
}  

.ml15 {  /* MARGIN LEFT 15 PIXELS (ML15)  */
  margin-left: 15px;
}

.mr7px {  /* MARGIN RIGHT 7 PIXELS (MR7PX) */
  margin-right: 7px; 
}

.mr15 { /* MARGIN RIGHT 15 PIXELS (ML15)  */
  margin-right: 15px;
}

h1 {
  font: 16px Verdana, Arial, sans-serif;
  color: #000000;
}

h2 {
  font: 14px/150% Verdana, Arial, sans-serif;
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

h3 {
  font: 13px/140% Verdana, Arial, sans-serif;
  color: #000000;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

.greyBg {  /* GREY BACKGROUND FOR THE CARS */
  background-color: #F2F2F2;
}

.greyBg2 {
  background-color: #E2E2E2;
}
.colorBlack {
  color: #000000 !important;
}

.gb6p {  /* GREY BORDER 2 PIXELS */
  border: solid 6px #CCCCCC;
}

.gb2px {  /* GREY BORDER 2 PIXELS */
  border: solid 2px #CCCCCC;
}

.rb2px {  /* RED BORDER 2 PIXELS */
  border: solid 2px #FF0000;
}

.rb1px {  /* RED BORDER 1 PIXEL */
  border: solid 1px #FF0000;
}

.greyshBorder {  /* GREY BORDER FOR THE INPUTS */
  border: solid 1px #BDC6CE;
}

.contactDetails {
  width: 140px;
  height: 20px;   
  margin-top: 2px;
  margin-bottom: 3px;
}

.pb10 { /* PADDING BOTTOM 10 PIXELS */
  padding-bottom: 10px;
}

.ch
{
	cursor : hand;
	cursor : pointer;
}

/*  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 & CENTER
---------------------------------------------------------------*/

#main {
  margin-top: 20px;
  width: 900px;
}

#headerBanner { width: 900px; padding-bottom: 10px; color: #FFF; text-align: left; }
#headerBannerMic { w/idth: 570px; height:90px; color: #FFF; text-align: left;height:0px;padding-left:40px;p/adding-right:40px;margin-top:14px;*margin-bottom:-2px; }
#headerBannerMic img {width: 574px; height:90px;}
#pageHeader {
  width: 900px; 
  height: 51px; 
  border-bottom: solid 1px #FFFFFF; 
}

#nameAndLogo { 
  width: 250px; 
  height: 100%; 
  background-color: #CCCCCC; 
  border-right: solid 1px #FFFFFF;
  overflow: show;  
}

#signSitePic {
  /*
  margin-left: 20px; 
  margin-top: 34px; 
  margin-bottom: 10px; */
  position: relative;
  top: 14px; 
  left: 98px;
}

/* THE NAVIGATION MENU*/
.headerNavigation {
  margin: 0px; 
  padding: 0px; 
  width: 649px; 
  height: 100%;
  background-color: black; 
  list-style-type: none;    
}

.headerNavigationMenu {
  margin-left: 40px; 
}

.headerNavigationMenu li {
  display: inline; 
  margin: 0px; 
  padding: 0px; 
  height: 51px !important; 
}

.navigationOption {
  height: 51px !important;
  _height:49px;
  width: auto;   
  text-transform: uppercase;
  margin-right: 3px;  
}

.navigationOption a {
  padding: 0px; 
  margin: 0px;   
  /*padding-top: 25px; */
  margin-right: 20px; 
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px !important;   
/*  border-top: solid 4px #000000;*/
  display: block;   
  text-decoration: none !important;
}




/* SITE NAVIGATION */
#menuItem1 {
  height: 51px;
  width: 81px;
  background-image: url(/i/btnAuto.gif);
  background-repeat: no-repeat;
}

#menuItem1:hover {
  height: 51px;
  width: 81px;
  background-position: -81px 0px;
}

#menuItem1.sel, #menuItem1.sel:hover {
  height: 51px;
  width: 81px;
  background-position: -81px 0px;
}

#menuItem2 {
  height: 51px;
  width: 87px;
  background-image: url(/i/btnReparator.jpg);
  background-repeat: no-repeat;
}

#menuItem2:hover {
  height: 51px;
  width: 87px;
  background-position: -87px 0px;
}

#menuItem2.sel, #menuItem2.sel:hover {
  height: 51px;
  width: 87px;
  background-position: -174px 0px;
}

#menuItem3 {
  height: 51px;
  width: 64px;
  background-image: url(/i/btnLeasing.gif);
  background-repeat: no-repeat;
}

#menuItem3:hover {
  height: 51px;
  width: 64px;
  background-position: -64px 0px;
}  

#menuItem3.sel, #menuItem3.sel:hover {
  height: 51px;
  width: 64px;
  background-position: -128px 0px;
}

#menuItem4 {
  height: 51px;
  width: 45px;
  background-image: url(/i/btnPiese.gif);
  background-repeat: no-repeat;
}

#menuItem4:hover {
  height: 51px;
  width: 45px;
  background-position: -45px 0px;
}

#menuItem4.sel, #menuItem4.sel:hover {
  height: 51px;
  width: 45px;
  background-position: -90px 0px;
}


#menuItem5 {
  height: 51px;
  width: 62px;
  background-image: url(/i/btnServicii.gif);
  background-repeat: no-repeat;
}

#menuItem5:hover {
  height: 51px;
  width: 62px;
  background-position: -62px 0px;
}

#menuItem5.sel, #menuItem5.sel:hover {
  height: 51px;
  width: 62px;
  background-position: -124px 0px;
}

#menuItem6 {
  height: 51px;
  width: 92px;
  background-image: url(/i/btnPromotii.gif);
  background-repeat: no-repeat;
}

#menuItem6:hover {
  height: 51px;
  width: 92px;
  background-position: -92px 0px;
}

#menuItem6.sel, #menuItem6.sel:hover {
  height: 51px;
  width: 92px;
  background-position: -184px 0px;
}
/***************/

/* HOME NAVIGATION */
#homeHeader #menuItem1Home {
  height: 51px;
  width: 89px;
  background-image: url(/i/btnParcHome.gif);  
  background-repeat: no-repeat;
}

#homeHeader #menuItem1Home:hover {
  height: 51px;
  width: 89px;
  background-position: -89px 0px;
}

#homeHeader #menuItem2Home {
  height: 51px;
  width: 87px;
  background-image: url(/i/reparatorHome.jpg);
  background-repeat: no-repeat;
}

#homeHeader #menuItem2Home:hover {
  height: 51px;
  width: 87px;
  background-position: -87px 0px;
}

#homeHeader #menuItem3Home {
  height: 51px;
  width: 71px;
  background-image: url(/i/btnLeasingHome.gif);
  background-repeat: no-repeat;
}

#homeHeader #menuItem3Home:hover {
  height: 51px;
  width: 71px;
  background-position: -71px 0px;
}  

#homeHeader #menuItem4Home {
  height: 51px;
  width: 49px;
  background-image: url(/i/btnPieseHome.gif);
  background-repeat: no-repeat;
}

#homeHeader #menuItem4Home:hover {
  height: 51px;
  width: 49px;
  background-position: -49px 0px;
}

#homeHeader #menuItem5Home {
  height: 51px;
  width: 68px;
  background-image: url(/i/btnServiciiHome.gif);
  background-repeat: no-repeat;
}

#homeHeader #menuItem5Home:hover {
  height: 51px;
  width: 68px;
  background-position: -68px 0px; 
}

#homeHeader #menuItem6Home {
  height: 51px;
  width: 103px;
  background-image: url(/i/btnPromotiiHome.gif);
  background-repeat: no-repeat;
}

#homeHeader #menuItem6Home:hover {
  height: 51px;
  width: 103px;
  background-position: -103px 0px;
}
/**************/

/* DROP DOWN MENU */
.chromestyle{/*
width: 99%;
font-weight: bold;*/
padding-right: 10px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{/*
border: 1px solid #BBB;
width: 100%;*/
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*//*
padding: 4px 0;*/
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
position:relative;
z-index:9;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;/*
padding: 4px 7px;*/
margin: 0;
text-decoration: none;/*
border-right: 1px solid #DADADA;*/
}

.chromestyle ul li a:hover{/*
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*//*
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 0px solid #FFFFFF; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 220px;
visibility: hidden;/*
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 0px solid #FFFFFF; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal !important;
color: #000000;
font-size: 12px;
background-color: #DFDFDF;
}

*html .dropmenudiv { /*IE only hack*/
  width: 220px;
}

*html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
/*background-color: #F0F0F0;*/
text-decoration: underline;
background-color: #BEBEBE;
color: #FF0000;
}
/* END DROP DOWN MENU */

#pageNavigationAndBanner {
  height: 198px; 
  width: 900px;   
}

#leftNavigation { 
  width: 250px; 
  height: 100%; 
  background-color: #DFDFDF; 
  border-right: solid 1px #FFFFFF;
}

#nameSitePic {
  padding-top: 20px;
  padding-left: 0px; 
}

#menuLeftSide {
  width: 250px;
}

.leftMenu {
  list-style-type: none;
  font-size: 14px;
  color: #333333;  
  margin-right: 20px;
  text-align: right !important; 
  padding-top: 40px; 
}

.leftMenu li {
  margin-bottom: 6px;
  text-align: right !important;
}

.leftMenu li a {
  font-size: 16px;
  color: #333333; 
  text-decoration: none !important; 
  padding-right: 20px;  
  background-image: url(/i/iconGreySquare.gif);
  background-position: right;  
  background-repeat: no-repeat;
  text-align: right !important;
  font-size: 14px;
}

.leftMenu li a:hover {
  color: #FF0000;
  padding-right: 20px;
  background-image: url(/i/iconRedSquare.gif);
  background-position: right;
  background-repeat: no-repeat;
  text-decoration: underline !important; 
}

.leftMenuSelected {
  font-weight: bold !important;
  background-image: url(/i/iconRedSquare.gif) !important;
  background-position: right;
  background-repeat: no-repeat;
}

#pageFooter { 
  width: 900px; 
  height: 120px; 
  background-color: #D60010; 
  color: #FFFFFF; 
  font-size: 10px; 
  border-top: solid 1px #999999;
  padding:0;
  margin:0;
}

#service {float:left; padding: 15px 0px 0px 15px; }
.footerInfo { 
  width: 200px;
  height: 90px;
  padding-top: 13px;  
  text-align: left;
}

#firstFooterInfo {
  padding-left: 20px;  _m/argin-left:-50px; float: left; padding-top: 13px;
}

.footerInfo p {
  margin-bottom: 2px;
}

#secondFooterInfo {
  padding-left: 20px; float: left; padding-top: 13px;
}

#thirdFooterInfo {
  float: left;
  padding-left: 20px; 
  padding-top: 15px;
}

#pageCopyright {
  padding-top: 8px; 
  width: 900px;
  height: 37px;
  background-color: #333333;
  font-size: 10px;
  color: #FFFFFF;
}

#copyRg {
  padding-left: 1px;
}

#designInfo {
  padding-right: 1px;
}

#designInfo a {
  color: #999999;
}  


/* Site pages */
/*---------------------------------------------------------*/
#sectionNameDiv {
  height: 52px; 
  width: 900px; 
}

#sectionName {
  width: 250px;
  height: 100%;
  background-color: #BEBEBE;
}

#sectionName h1 {
  color: #333333;
  font: 22px "Lucida Sans Unicode", Verdana, Arial;
  padding: 0px;
  padding-left: 15px; 
  padding-top: 25px;
}

#sectionNameFiller {
  width: 650px;
  height: 100%;
  background-color: #CCCCCC;
}

#textIntro {
  margin-left: -5px;
}

#animation {
  position: relative;
  top: 0px;
  left: 0px;/*
  z-index: 100;*/
}

#dropmenu1 {
  background-color:#DFDFDF;
  padding:5px;
}
#slideshow p.caption {
 position:absolute;
 bottom:15px;
 right:15px;
 background:#000000;
 
 filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
font-size:20px;
color:#FFFFFF;
line-height:25px;
padding:5px 5px 5px 20px;
width:410px;
 margin:0;
 }