@font-face {
  font-family: 'creoro_icons';
  src: url('font/creoro_icons.eot?6789915');
  src: url('font/creoro_icons.eot?6789915#iefix') format('embedded-opentype'),
       url('font/creoro_icons.woff?6789915') format('woff'),
       url('font/creoro_icons.ttf?6789915') format('truetype'),
       url('font/creoro_icons.svg?6789915#creoro_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'creoro_icons';
    src: url('../font/creoro_icons.svg?6789915#creoro_icons') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "creoro_icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  font-weight:thin;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-left-open:before { content: '\3c'; } /* '<' */
.icon-right-open:before { content: '\3e'; } /* '>' */

div#refence-slider-outer {
	float:left;
	width:910px;
	height:77px;
	overflow:hidden;
}
ul#refence-slider {
	list-style-type:none;
	padding:0px;
	margin:0px;
	width:100000px;
}
#middle ul#refence-slider li {
	width:150px;
	height:75px;
	position:relative;
	float:left;
	padding-left:8px;
	padding-right:8px;
	margin-left:8px;
	margin-right:8px;
	margin-top:1px;
	margin-bottom:1px;
	background:none;
	text-align:center;
}
#middle ul#refence-slider li.hover {
	border:1px solid #ded9d7;
	margin-left:7px;
	margin-right:7px;
	margin-top:0px;
	margin-bottom:0px;
}
ul#refence-slider:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul#refence-slider li > img {

}
ul#refence-slider li div.overlay {
	width:150px;
	height:75px;
	background:#fff;
	padding-left:8px;
	padding-right:8px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
}
ul#refence-slider li div.overlay img {
	opacity:0.5;
}

#refence-slider-btn-left {
	height:31px;
	width:15px;
	background:url(images/arrow_left.png);
	overflow:hidden;
	line-height:1000px;
	cursor:pointer;
	float:left;
	margin-top: 22px;
}
#refence-slider-btn-right {
	height:31px;
	width:15px;
	background:url(images/arrow_right.png);
	overflow:hidden;
	line-height:1000px;
	cursor:pointer;
	float:left;
	margin-top: 22px;
}

.tx-mbreference-pi1:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#middle .tx-mbreference-pi3, #middle .tx-mbreference-pi4 {
	margin-top:20px;
}

.tx-mbreference-pi3 div#slider-outer, .tx-mbreference-pi4 div#slider-outer {
	height:550px;
	width:621px;
	overflow:hidden;
}

#middle .tx-mbreference-pi3 ul, #middle .tx-mbreference-pi4 ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:550px;
	width:10000px;
}
#middle .tx-mbreference-pi3 ul li, #middle .tx-mbreference-pi4 ul li {
	height:550px;
	width:631px;
	padding:0px;
	margin:0px;
	background-color:#fff;
	background-image:none;
	float:left;
}
#middle .tx-mbreference-pi3 ul li div.box, #middle .tx-mbreference-pi4 ul li div.box {
	height:128px;
	width:148px;
	overflow:hidden;
	float:left;
	margin:0px 7px 7px 0px;
	background-color:#f6f6f6;
	position:relative;
	overflow:hidden;
	border:1px solid #c6c7c8;
}
#middle .tx-mbreference-pi4 ul li div.box { background-color:#fff; position:relative;}
#middle .tx-mbreference-pi4 ul li div.box img { margin-top:26px; }
#middle .tx-mbreference-pi3 ul li div.box.empty { border-color:#f6f6f6; }
#middle .tx-mbreference-pi4 ul li div.box.empty { border-color:#f6f6f6;background-color:#f6f6f6; }
#middle .tx-mbreference-pi4 ul li div.box div.overlay {
	height:128px;
	width:148px;
	background:#fff;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
#middle .tx-mbreference-pi4 ul li div.box div.overlay img {
	opacity:0.5;
}

#slider-btn-left {
	background: none repeat scroll 0 0 #E7E7E7;
    height: 85px;
    margin-top: -550px;
    position: absolute;
    width: 150px;
	font-size:45px;
	cursor:pointer;
	text-align:center;
	padding-top:45px;
	color:#c7c6c6;
}
#slider-btn-right {
	background: none repeat scroll 0 0 #E7E7E7;
    height: 85px;
    margin-left: 472px;
    margin-top: -139px;
    position: absolute;
    width: 150px;
	font-size:45px;
	cursor:pointer;
	text-align:center;
	padding-top:45px;
	color:#c7c6c6;
}
#slider-btn-left:hover span, #slider-btn-right:hover span {
	color:#c1d197;
}
#middle .tx-mbreference-pi3 .categoryOverlay {
	height:130px;
	width:150px;
	background-color:rgba(255,255,255,0.8);
	margin-top:-133px;
	position:absolute;
}
#middle .tx-mbreference-pi3 .categoryOverlay .categoryOverlayInner {
	height:130px;
	width:150px;
	position:relative;
}
#middle .tx-mbreference-pi3 .categoryOverlay .categoryOverlayInner2 {
	position:absolute;
	bottom:2px;
}
#middle .tx-mbreference-pi3 .categoryOverlay span {
	display:block;
	padding:2px 4px;
	text-transform:uppercase;
	color:#87888a;
}

.tx-mbreference-pi3 blockquote { margin:0px; padding:0px; }
.tx-mbreference-pi3 blockquote p { text-align:left; font-size:13px; font-family:"Helvetica",Tahoma,Arial; color:#848587;}
.tx-mbreference-pi3 blockquote p.align-justify {text-align:justify;}
.tx-mbreference-pi3 blockquote p:before {
  height: 18px;
  margin-right: 5px;
}
.tx-mbreference-pi3 blockquote p:after {
  margin-left: 5px;
  margin-top: 7px;
}

.reference-left {
	width:470px;
	min-height:100px;
	margin-right:30px;
	float:left;
}
.reference-right {
	width:440px;
	min-height:100px;
	float:left;
}
.reference-right label {
	position:absolute;
	font-weight:bold;
	min-height:19px;
}
.reference-right div.ref-content-box-inner {
	margin-left:80px;
	min-height:19px;
}
.reference-right div.ref-content-box-inner p { margin:0px; padding:0px; }
.ref-categories {
	border-top:1px solid #d9dadb;
	border-bottom:1px solid #d9dadb;
	padding:9px 0px;
}
.ref-customer-box {
	border-bottom:1px solid #d9dadb;
	padding:18px 0px;
}
.ref-info-box {
	padding:18px 0px;
}
.ref-images {
	height:355px;
	width:471px;
	overflow:hidden;
}
.ref-images-inner {
	height:353px;
	width:10000px;
}
.ref-images-inner a {
	display:block;
	height:355px;
	width:470px;
	overflow:hidden;
	float:left;
}
.ref-images-inner a img {
	border:1px solid #c6c7c8;
}
.ref-numeric-box{ margin:13px 0; }
.ref-numeric {
	display:inline-block;
	height:12px;
	width:13px;
	background:url(images/o_off.png) no-repeat;
	cursor:pointer;
	margin-right:4px;
}
.ref-numeric.on {
	background:url(images/o_on.png) no-repeat;
}