@charset "utf-8";
/* CSS Document */

#horizontalBox{
	/*width:986px;*/
	width:100%;
	position:relative;
	left: 20px;
	}
	

#concertina {
  padding:0; 
  margin:auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:104.5%;
  height:165px; 
  font-size:13px;
  position:absolute;
  font-family:arial, verdana, sans-serif; 
}
  
  
#concertina table {border-collapse:collapse; padding:0; position:absolute; left:-1px; top:-1px; margin:0; border:}
#concertina li.top {
  float:left; /*width:21.3%;*/ width:210px; margin:0px 2px; height:162px; background:url(../images/horizontal_box_right.jpg) right top no-repeat; position:relative; }
#concertina li.one {background:url(../images/horizontal_managed_imaging.jpg) right top no-repeat;}
#concertina li.two {background:url(../images/horizontal_environment.jpg) right top no-repeat;}
#concertina li.three {background:url(../images/horizontal_document_manager.jpg) right top no-repeat;}
#concertina li.four {background:url(../images/horizontal_supplies.jpg) right top no-repeat;}


#concertina li.one a{background:url(../images/horizontal_box_left.gif) left top no-repeat;}
#concertina li.two a{background:url(../images/horizontal_box_left.gif) left top no-repeat;}
#concertina li.three a{background:url(../images/horizontal_box_left.gif) left top no-repeat;}
#concertina li.four a{background:url(../images/horizontal_box_left.gif) left top no-repeat;}



#concertina li.one div ul li a{ background:none;}
#concertina li.two div ul li a{ background:none;}
#concertina li.three div ul li a{ background:none;}
#concertina li.four div ul li a{ background:none;}

#concertina li.top a.main {
  display:block; 
  height:162px;
  width:100%;
  overflow:hidden;
  float:left;
  font-family:arial, verdana, sans-serif; 
  text-decoration:none;

  }

#concertina li div {position:absolute; left:-9999px; width:180px; height:162px; padding:15px 0px; padding-left:18px; top:40px; }

*html #concertina li div {position:absolute; left:-9999px; width:150px; height:162px;  padding:15px 0px; padding-left:0px; top:40px;}



#concertina li a.main:hover {visibility:visible; width:210px; height:165px; position:relative; background:url(../images/horizontal_box_hover.jpg) left top no-repeat;}


#concertina li.top:hover {position:relative; width:210px; height:162px; background:url(../images/horizontal_box_hover.jpg) left top no-repeat;}
#concertina li:hover > a.main {width:210px; height:162px; background:url(../images/horizontal_box_hover.jpg) left top no-repeat;}


#concertina div {color:#737373;  font-size:.87em;   line-height:1.5em;}

*html #concertina div {color:#737373;  font-size:1em;   line-height:1.5em;}

#concertina h3.title{position:absolute; color:#003c82; width:180px; padding:5px 10px;}

#concertina li div.titleIE7{ position:absolute!important; top:-10px; z-index:1000; left:-15px!important; top:0px!important; margin-left:0px!important; }
#concertina li div.titleIE7 h3.title{position:absolute!important; color:#003c82; width:180px; padding:5px 10px; }

#concertina div ul {padding:0px 0px 0px 9px; list-style:square; margin:0;}
#concertina div ul li {padding:0; margin:0;}
#concertina div h3 {margin:0; padding:10px 0; color:#003c82; font-weight:bold}
#concertina div a {text-decoration:none; color:#003c82;}
#concertina div p {font-size:12px;}
#concertina div a:hover {text-decoration:none; border:0;}
#concertina div ul a {text-decoration:none; color:#003c82;}
#concertina div ul a:hover {text-decoration:none; color:#0072f7;}
#concertina div img.left {float:left;}
#concertina div p.clear {clear:both;}

#concertina :hover div {left:0;}


*html #concertina div ul li a{font-size:11px; position:relative; left:-15px}
*html #concertina div {width:185px!important;}




/*----------------CONCERTINA 2--------------------*/



#concertina2 {
  padding:0; 
  margin:auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:350px;
  height:165px; 
  position:absolute;
  font-family:arial, verdana, sans-serif; 
}
  
  
#concertina2 table {border-collapse:collapse; padding:0; position:absolute; left:-1px; top:-1px; margin:0;}
#concertina2 li.top {
  float:left; /*width:21.3%;*/ width:283px; margin:0px 2px; height:162px; background:url(../images/horizontal_box_right.jpg) right top no-repeat; position:relative;
  }
#concertina2 li.one {background:url(../images/horizontal_managed_imaging.jpg) right top no-repeat;}
#concertina2 li.two {background:url(../images/horizontal_environment.jpg) right top no-repeat;}
#concertina2 li.three {background:url(../images/horizontal_document_manager.jpg) right top no-repeat;}
#concertina2 li.four {background:url(../images/horizontal_supplies.jpg) right top no-repeat;}


#concertina2 li.one a{background:url(../images/horizontal_box_left.jpg) left top no-repeat;}
#concertina2 li.two a{background:url(../images/horizontal_box_left.jpg) left top no-repeat;}
#concertina2 li.three a{background:url(../images/horizontal_box_left.jpg) left top no-repeat;}
#concertina2 li.four a{background:url(../images/horizontal_box_left.jpg) left top no-repeat;}



#concertina2 li.one div ul li a{ background:none;}
#concertina2 li.two div ul li a{ background:none;}
#concertina2 li.three div ul li a{ background:none;}
#concertina2 li.four div ul li a{ background:none;}

#concertina2 li.top a.main {
  display:block; 
  height:162px;
  width:100%;
  overflow:hidden;
  float:left;
  font-family:arial, verdana, sans-serif; 
  font-size:12px;
  text-decoration:none;
  }

#concertina2 li div {position:absolute; left:-9999px; width:235px; height:162px; margin-left:28px; padding:15px 0px; top:40px;}

*html #concertina li div {position:absolute; left:-9999px; width:235px; height:162px; margin-left:28px; padding:15px 0px; top:40px;}



#concertina2 li a.main:hover {visibility:visible; width:282px; height:165px; position:relative; background:url(../images/horizontal_box_hover.jpg) left top no-repeat;}
#concertina2 li.top:hover {position:relative; width:282px; height:162px; background:url(../images/horizontal_box_hover.jpg) left top no-repeat;}
#concertina2 li:hover > a.main {width:282px; height:162px; background:url(../images/horizontal_box_hover.jpg) left top no-repeat;}


#concertina2 div {color:#737373;  font-size:.87em;   line-height:1.5em;}

*html #concertina2 div {color:#737373;  font-size:1em;   line-height:1.5em;}

#concertina2 h3.title{position:absolute; color:#003c82; width:180px; padding:5px 10px; }
#concertina2 div ul {padding:0px; list-style:square;}
#concertina2 div ul li {padding:0px; margin:0;}
#concertina2 div h3 {margin:0; padding:10px 0; color:#003c82; font-weight:bold}
#concertina2 div a {text-decoration:none; color:#003c82;}
#concertina2 div p {font-size:12px;}
#concertina2 div a:hover {text-decoration:none; border:0;}
#concertina2 div ul a {text-decoration:none; color:#003c82;}
#concertina2 div ul a:hover {text-decoration:none; color:#0072f7;}
#concertina2 div img.left {float:left;}
#concertina2 div p.clear {clear:both;}

#concertina2 :hover div {left:0;}