@charset 'utf-8';

/**
 * @summary main stylesheet
 * @scope Bosch PT Product Special: CSB
 * @author ?
 * @editor cni
 */


body { font-size: 14px; line-height: 18px; overflow-y: scroll; }

img { vertical-align: middle; }


/* Country Selection ---------- */

#serviceNav ul li { line-height:normal; }
h2.ctryHeadline { border-bottom: 1px solid #c3c3c4; font-size: 14px; font-weight: 700; margin: 17px 0 5px; padding: 0 0 7px; }
.countrySel { padding: 5px; }
.countrySel ul { float: left; width: 238px; }
.contentRightstart { background: url('fallback/keyvisual-overlay.png'); background: none rgba(74, 95, 95, .75); float: right; height: 100%; width: 310px; }
.contentRightstart h2.keyHead { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: 700; color: #fff; line-height: normal; margin-bottom: 10px; padding: 16px 15px 0; }
.contentRightstart p { color: #fff; font-family: Arial,sans-serif; font-size: 14px; line-height: 20px; padding: 4px 15px 0; }
body#start .stageContainer { background: url('../images/key-visual_start.jpg') no-repeat; display: block; }


/* cni's better button ---------- */

.better-button {
  background: url('cni-better-button-body.png') repeat-x;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 7px;
  max-height: 22px;
  padding: 2px 0;
  position: relative;
}

.better-button:hover { background-position: left -22px; }

.contentRight .better-button { margin-left: 22px; }

.better-button:before,
.better-button:after {
  background: url('cni-better-button-edge.png') no-repeat;
  content: '';
  height: 22px;
  position: absolute;
  top: 0;
  width: 7px;
}

.better-button:before { background-position: left top; left: -7px; }

.better-button:after { background-position: right top; right: -7px; }

.better-button:hover:before { background-position: left bottom; }

.better-button:hover:after { background-position: right bottom; }



/* Content ---------- */

sub {color:#F00;}
h3 {padding:5px 0px;font-weight:bold;font-size:14px;}
p.subline {font-size:16px;padding-bottom: 22px !important;}
.fltL {float:left;}
.txtRght {text-align:right;}
.fsize12 {font-size:12px}
.hidden {display:none;}

.stage.start {background-image:url('../images/key-visual_home.jpg'); background-repeat:no-repeat; height:320px;}
.stage.start .teasertxt {padding-top:13px; z-index:200; position:absolute;padding-left:18px; line-height:1.18;}
.stage.start .teasertxt .headline {font-size:22px;font-weight:bold;font-family:verdana;}
.stage.start .teasertxt .subline {font-weight:bold; line-height:2.52;}
.stage .contentRight {
  background: url('../images/teaser_expert-programm.jpg') no-repeat #f1f1f1;
  height: 100%;
  min-height: 320px;
  width:310px;
}

.contentRight .redLbl { font-size: 32px; margin: 10px 0 0; padding: 19px 15px; }

.contentRight h2 {
  color:#404245;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  padding-top: 75px;
}



.floatBox { height: auto; margin: 0 0 0 10px; position: relative; }
.floatBox:first-child { margin-left: 0; }
a.floatBox { font-weight: 700; }
.floatBox.pdf { border-bottom: 1px solid #c3c3c4; padding: 0 0 2px; }
.floatBox.pdf img { float: left; padding: 0 20px 0 10px; }
.floatBox .video {border-bottom:1px solid #c3c3c4; height:auto; padding-top:10px;}
.floatBox .video img {padding:0 10px 10px 0px; float:left;}

.fbText {
  color: #fff;
  font-size: 15px;
  left: 10px;
  position: absolute;
  right: 10px;
  text-align: left;
  top: 82px;
  z-index: 200;
}

#mainContent { padding-bottom: 0; }

#mainContent h1 {padding-bottom:5px;}
#mainContent p {padding-bottom:10px;}



/* Navigation ---------- */

#mainNav ul { float: none; width: auto; }

#mainNav ul li.noSub:first-child a {
  background: url('icon_home.png') no-repeat;
  border-right: 1px solid #003b6a;
  height: 30px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  width: 38px;
}

#mainNav ul li.noSub:first-child.active a,
#mainNav ul li.noSub:first-child a:hover {
  background-position: left bottom;
}

#leftNav ul li { min-height: 26px; }
#leftNav ul li a { background: url('arrow_leftNavSecLevel.gif') no-repeat 5px 9px transparent; padding: 5px 5px 5px 15px; }
#leftNav ul li a:hover { background-color: #f1f1f1; border-radius: 8px; }
#leftNav ul li a.active { background-color: #e1e1e2; border-radius: 8px; }



/* Divs unterhalb der Navi ---------- */

#leftNav .pdf {position:relative; background-color:#808285;margin-top:20px; height:50px;}
#leftNav .pdf img {position:absolute; z-index:200; top:-10px; margin-left:20px;}
#leftNav .pdf .text, #leftNav .video .text {margin-left:70px; font-size:12px; padding-top:10px;}
#leftNav .pdf .text a {color:#fff; background-image:url('arrow_white_right.png'); background-position:0px 4px; background-repeat:no-repeat;padding-left:10px; margin-left:10px; display:block;}
#leftNav .video {background-color:#4a5f5f;margin-top:20px; height:50px; color:#fff; position:relative;}
#leftNav .video img {position:absolute; z-index:200; top:-10px; margin-left:10px;}
#leftNav .video .text a {color:#fff; background-image:url('arrow_white_right.png'); background-position:0px 4px; background-repeat:no-repeat;padding-left:10px;font-size:12px; margin-left:10px; display:block;}



/* Product Boxen ---------- */

.productBox { border-bottom: 1px solid #c3c3c4; margin: 12px 0 0; padding: 0 0 12px; }
body#technology .techDivTxt + .productBox { border-top: 1px solid #c3c3c4; padding-top: 12px; }
.productBox .proImg { float: left; margin: 0 10px 0 0; }
.productBox .stuffImg { float: left; }
.productBox .boxContent { float: left; width: 355px; margin: 0 15px 0 0; }
.productBox .boxContent p {padding-top:10px; padding-bottom:15px !important;}
.productBox .boxContent a {background-image:url('arrow_ac-grey_right.png'); background-repeat:no-repeat; background-position: 1px 5px; padding-left:10px; color:#4a5f5f; font-weight:bold;}

.productBox .icons { margin: 8px 0 0; }
.productBox .icons.extra { margin-top: 0; }
.productBox .icons li { float:left; margin:0 0 0 10px; }
.productBox .icons li:first-child { margin-left: 0; }
.productBox .icons li a {
  background: none transparent;
  cursor: pointer;
  display: block;
  filter: alpha(opacity=70);
  opacity: .7;
  padding: 0;
}
.productBox .icons li a:hover { filter: alpha(opacity=100); opacity: 1; }

.productBox .top-precision-logo { margin: 0 0 6px; vertical-align: top; }



/* Table Border ---------- */

table td.darkborder {border:1px solid #4e4f50;height:10px;}
table td.lightborder {border:1px solid #eeeeee;height:10px;padding-top:5px;}
table td.bordertop {border-bottom:none;}
table td.borderbottom {border-top:none;}
table td.borderright {border-left:none;}
table td.borderleft {border-right:none;}
table td.bordernone {border:none;}



/* Table allgemein ---------- */

table td a {
  background: url('arrow_ac-grey_right.png') no-repeat 1px 5px;
  color: #4a5f5f;
  font-weight: 700;
  padding: 0 0 0 10px;
}

table td.head { padding: 5px; }

.stars {
  background: url('stars.png') no-repeat;
  margin: 0 10px;
  text-align: right;
  vertical-align: top;
}

.stars.best { padding-left: 97px; }

.stars.expert { padding-left: 80px; }

.stars.standart { padding-left:60px; }



/* Table Schnitt ---------- */

table#schnitt { width: 734px; }

table#schnitt td.head { background-color: #bbbbbd; }

table#schnitt tr.empty { height: 25px; }

table#schnitt td { width: 183px; }

table#schnitt td.lightborder { padding-left: 10px; }

table#schnitt td.first { width: 10px; }

table#schnitt tr td.txt { font-size: 11px; padding-top: 10px; }



/* Table Material ---------- */

table#material { margin-top: 20px; }

table#material th { background-color: #c9c9ca; border: 1px solid #d9d9d9; padding: 5px; vertical-align: top; }

table#material td { border: 1px solid #d9d9d9; vertical-align: middle; }

table#material td a { background: none; display: inline-block; padding: 0; }

table#material td.first { padding: 5px; width: 77px; }

table#material td.link { cursor: pointer; padding: 0 10px; }

table#material td.link:hover { background-color: #eee; }



/* Technology ---------- */

.techDivTxt { width: 480px; }



/* Product Highlights: pulsierende Buttons ---------- */

.product-highlights { left: 0; position: absolute; top: 0; }

.pulsate {
  background: url('glow-sequence-sprite.png') no-repeat -3960px center;
  height: 82px;
  position: absolute;
  width: 83px; /* Einzelbild-Breite + 1px Abstand im Sprite (Mindestabstand bei http://de.spritegen.website-performance.org/) */
}

body#expert-programm #highlight-wood-1 { left: 271px; top: 273px; }
body#expert-programm #highlight-wood-2 { left: 270px; top: 114px; }
body#expert-programm #highlight-wood-3 { left: 522px; top: 261px; }
body#expert-programm #highlight-wood-4 { left: 423px; top: 166px; }
body#expert-programm #highlight-wood-5 { left: 133px; top: 150px; }
body#expert-programm #highlight-wood-6 { left: 134px; top: 255px; }
body#expert-programm #highlight-wood-7 { left: 561px; top: 197px; }

body#expert-programm #highlight-laminated-panel-1 { left: 271px; top: 273px; }
body#expert-programm #highlight-laminated-panel-2 { left: 315px; top: 74px; }
body#expert-programm #highlight-laminated-panel-3 { left: 482px; top: 261px; }
body#expert-programm #highlight-laminated-panel-4 { left: 433px; top: 146px; }
body#expert-programm #highlight-laminated-panel-5 { left: 92px; top: 178px; }

body#expert-programm #highlight-multi-material-1 { left: 281px; top: 273px; }
body#expert-programm #highlight-multi-material-2 { left: 252px; top: 114px; }
body#expert-programm #highlight-multi-material-3 { left: 482px; top: 261px; }
body#expert-programm #highlight-multi-material-4 { left: 413px; top: 146px; }
body#expert-programm #highlight-multi-material-5 { left: 128px; top: 131px; }
body#expert-programm #highlight-multi-material-6 { left: 124px; top: 265px; }

body#expert-programm #highlight-steel-1 { left: 281px; top: 273px; }
body#expert-programm #highlight-steel-2 { left: 531px; top: 204px; }
body#expert-programm #highlight-steel-3 { left: 462px; top: 151px; }
body#expert-programm #highlight-steel-4 { left: 323px; top: 129px; }
body#expert-programm #highlight-steel-5 { left: 125px; top: 130px; }
body#expert-programm #highlight-steel-6 { left: 124px; top: 235px; }

body#best-programm #highlight-1 { left: 433px; top: 284px; }
body#best-programm #highlight-2 { left: 180px; top: 166px; }
body#best-programm #highlight-3 { left: 90px; top: 242px; }
body#best-programm #highlight-4 { left: 443px; top: 194px; }
body#best-programm #highlight-5 { left: 429px; top: 117px; }
body#best-programm #highlight-6 { left: 536px; top: 260px; }
body#best-programm #highlight-7 { left: 279px; top: 107px; }
body#best-programm #highlight-8 { left: 205px; top: 264px; }



/* Buttons ---------- */

span.btn,
a.btn {
  cursor: pointer;
  display: inline-block;
  outline: 0;
  text-decoration: none;
}


.glow-button,
.glow-button span {
  border-radius: 50%;
}

.glow-button {
  height: 24px;
  padding: 3px;
  text-indent: -999em;
  width: 24px;
}

.glow-button span {
  background: url('ui-sprite.png') no-repeat 0 -34px;
  display: block;
  height: 100%;
}

.pulsate .glow-button {
  display: block;
  left: 26px;
  position: relative;
  top: 26px;
}



/* Fancybox ---------- */

.fancybox-inline-content {
  border-top: 40px solid #5f6e6e;
  font-size: 12px;
  padding: 10px;
  width: 680px;
}

.fancybox-inline-content p { font-size: 11px; }

#fbExpert .fbborder, #fbBest .fbborder {margin-bottom:15px;}

#fbExpert .headline, #fbBest .headline {height:auto; width:680px; font-size:14px; font-weight:bold;padding:10px 0px;margin-bottom:10px;}

#fbExpert hr {border-top:1px solid #a6a6a6; border-left:1px solid #a6a6a6; border-right:1px solid #fff; border-bottom:1px solid #fff;}



/* jQuery Tools Tooltip ---------- */

.tooltip {
  background-color: #4a5f5f;
  box-shadow: 0 0 5px rgba(0, 0, 0, .45);
  color: #fff;
  display: none;
  font-size: 15px;
  line-height: 1.25;
  position: absolute;
  width: 282px;
  z-index: 500;
}

.tooltip:after {
  background: url('tooltip-tail.png') no-repeat;
  bottom: -15px;
  content: '';
  height: 15px;
  left: 50%;
  margin: 0 0 0 -7.5px;
  position: absolute;
  width: 15px;
}

.tooltip .inner { padding: 9px 10px; }

.tip-l { left: 10px !important; }

.tip-l:after { margin-left: -117.5px; }

.tip-r { left: -210px !important; }

.tip-r:after { margin-left: 102.5px; }

.tooltip h3 { font-size: 14px; font-weight: 700; line-height: 1.143; margin: 0; }

.tooltip p { margin: 0; padding: 0 !important; font-size: 12px; }

.tooltip a { background: url('ui-sprite.png') no-repeat 0 -238px; color: inherit; padding: 0 0 0 10px; }


.icons .tooltip {
  background: none #f1f1f2;
  border: 1px solid #999;
  box-shadow: none;
  color: #000;
  padding: 0;
  width: auto;
}

.icons .tooltip:after { display: none; }

.icons .tooltip .inner { font-size: 12px; padding: 5px; }



/* CSB-Filter
--------------------------------------------------------------------------------------- */

.display-table { display: table; height: 100%; width: 100%; }

.display-table-cell { display: table-cell; text-align: center; vertical-align: middle; }

.display-table-cell img { vertical-align: middle; }


.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



#nav_csb-filter { background-color: #f1f1f1; margin: 15px 0 20px; padding: .714em 10px; }

body#search #nav_csb-filter { margin: 15px 0 0; }

.nav, .nav ul { list-style: none; margin: 0; padding: 0; }

.nav a { text-decoration: none; }



#nav_csb-filter h3 { margin: -.429em 0 0; padding: .429em 0; }



#submit-search {
  background: none #a5a6a7; /* Fallback */
  /* IE9 */
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzNjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNWE2YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #c3c3c4, #a5a6a7);
  background: -ms-linear-gradient(top, #c3c3c4, #a5a6a7);
  background: -webkit-linear-gradient(top, #c3c3c4, #a5a6a7);
  background: linear-gradient(#c3c3c4, #a5a6a7);
  border-radius: 5px;
  color: inherit;
  cursor: pointer;
  float: left;
  font-size: 1.071em; /* = 15px */
  margin: 0 0 0 10px;
  min-height: 40px;
  line-height: 2.667em; /* = 40px */
  text-align: center;
  width: 48px;
}

html.lte8 #submit-search { background: none #a5a6a7; /* Fallback */ }

#submit-search:hover {
  /* IE9 */
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #c6c6c7, #a9aaab);
  background: -ms-linear-gradient(top, #c6c6c7, #a9aaab);
  background: -webkit-linear-gradient(top, #c6c6c7, #a9aaab);
  background: linear-gradient(#c6c6c7, #a9aaab);
}

#submit-search:active { position: relative; top: 1px; }

#submit-search:not([href]) {
  /* IE9 */
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzNjNCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E1YTZhNyIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==');
  background: -moz-linear-gradient(top, rgba(195, 195, 196, .4), rgba(165, 166, 167, .4));
  background: -ms-linear-gradient(top, rgba(195, 195, 196, .4), rgba(165, 166, 167, .4));
  background: -webkit-linear-gradient(top, rgba(195, 195, 196, .4), rgba(165, 166, 167, .4));
  background: linear-gradient(rgba(195, 195, 196, .4), rgba(165, 166, 167, .4));
  color: rgba(0, 0, 0, .4);
}



#nav_csb-filter .csb-filter {
  background-color: #4a5f5f;
  border-radius: 5px;
  color: #fff;
  float: left;
  font-size: .857em; /* = 12px */
  line-height: 2; /* = 24px */
  min-height: 40px;
  position: relative;
  width: 294px;
}

#nav_csb-filter .csb-filter + .csb-filter { margin: 0 0 0 10px; }

#nav_csb-filter .csb-filter a {
  color: inherit;
  cursor: pointer;
  display: block;
  padding: 0 10px;
}

#nav_csb-filter .csb-filter .toggle {
  background: url('nav-arrow-white-down.png') no-repeat 271px center; /* Fallback */
  /* IE9 */
  background: url('nav-arrow-white-down.png') no-repeat 271px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkOWQ5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: url('nav-arrow-white-down.png') no-repeat 271px center, -moz-linear-gradient(top, #8d9d9d, #2c4040);
  background: url('nav-arrow-white-down.png') no-repeat 271px center, -ms-linear-gradient(top, #8d9d9d, #2c4040);
  background: url('nav-arrow-white-down.png') no-repeat 271px center, -webkit-linear-gradient(top, #8d9d9d, #2c4040);
  background: url('nav-arrow-white-down.png') no-repeat 271px center, linear-gradient(#8d9d9d, #2c4040);
  border-radius: 5px;
  font-size: 1.25em; /* = 15px */
  font-weight: 700;
  height: 2.667em;
  line-height: 2.667; /* = 40px */
  padding: 0 33px 0 10px;
}

#nav_csb-filter .csb-filter .toggle:hover {
  /* IE9 */
  background: url('nav-arrow-white-down.png') no-repeat 271px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwOWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: url('nav-arrow-white-down.png') no-repeat 271px center, -moz-linear-gradient(top, #909f9f, #354848);
  background: url('nav-arrow-white-down.png') no-repeat 271px center, -ms-linear-gradient(top, #909f9f, #354848);
  background: url('nav-arrow-white-down.png') no-repeat 271px center, -webkit-linear-gradient(top, #909f9f, #354848);
  background: url('nav-arrow-white-down.png') no-repeat 271px center, linear-gradient(#909f9f, #354848);
}

#nav_csb-filter .csb-filter .toggle.active {
  background: url('nav-arrow-white-down.png') no-repeat 271px center #4a5f5f;
  border-radius: 5px 5px 0 0;
}

#nav_csb-filter .csb-filter .toggle.disabled {
  background: none #8d9d9d; /* Fallback */
  /* IE9 */
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0YmViZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Yjg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #b4bebe, #7b8787);
  background: -ms-linear-gradient(top, #b4bebe, #7b8787);
  background: -webkit-linear-gradient(top, #b4bebe, #7b8787);
  background: linear-gradient(#b4bebe, #7b8787);
  color: #eaeaea;
  font-style: italic;
  font-weight: 400;
}

html.lte8 #nav_csb-filter .csb-filter .toggle.disabled { background: none #8d9d9d; /* Fallback */ }

#nav_csb-filter .csb-categories {
  background-color: #4a5f5f;
  background-clip: padding-box;
  border-bottom: 30px solid transparent;
  display: none;
  position: absolute;
  top: 3.333em;
  width: 100%;
  z-index: 300;
}

html.lte8 #nav_csb-filter .csb-categories,
html.ff3 #nav_csb-filter .csb-categories {
  border-bottom: none;
}

html.lte8 #nav_csb-filter .csb-categories:after,
html.ff3 #nav_csb-filter .csb-categories:after {
  bottom: -30px;
  content: '';
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}

#nav_csb-filter .csb-categories > li:first-child { margin: .5em 0 0; }

#nav_csb-filter .csb-categories ul { margin: 0 0 .5em; }

#csb-filter-2.csb-categories > li:last-child,
#csb-filter-3.csb-categories > li:last-child {
  margin: 0 0 .5em;
}

#nav_csb-filter .csb-categories a:hover,
#nav_csb-filter .csb-categories a.active {
  background-color: #2c4040;
}

#nav_csb-filter .csb-categories .level-1 { cursor: default; font-weight: 700;}

#nav_csb-filter .csb-categories .level-1:hover { background-color: transparent; }

#nav_csb-filter .csb-categories .level-2 { padding: 0 10px 0 20px; }



.loading { background: url('ajax-loader.gif') no-repeat center top; min-height: 24px; }

.result-item { border-bottom: 1px solid #c3c3c4; min-height: 80px; padding: .5em 0; }

.result-item:first-child { border-top: 1px solid #c3c3c4; }

.result-item .item-image { float: left; margin: 0 10px 0 0; width: 112px; }

.result-item .item-description { padding: 0 0 0 122px; }

.result-item .item-url,
.back-link {
  background: url('nav-arrow-blue-right.png') no-repeat left center;
  color: #215f8b;
  display: inline-block;
  font-size: .857em;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 0 0 10px;
}

.back-link:first-child { margin: 15px 0 0; }



.text-link { display: inline-block; font-size: 12px; line-height: 1.5; }

.show-highlights { margin: 0 0 10px 27px; position: relative; }

.show-highlights:before {
  background: url('icon_show-highlights.png') no-repeat;
  content: '';
  height: 22px;
  left: -27px;
  position: absolute;
  top: -2px;
  width: 22px;
}

.fancybox-figure { border-top: 40px solid #5f6e6e; padding: 10px; width: 734px; }

.highlights-figure { margin: 0 0 13px; position: relative; }

.fancybox-figure .highlights-figure { margin-bottom: 0; }

.highlights-figure .txtRight, .highlights-figure .txtLeft {
  font-size: 20px;
  font-weight: 700;
  left: 20px;
  line-height: 1.25;
  position: absolute;
  top: 30px;
  width: 325px;
}

.highlights-figure .txtRight { left: auto; right: 20px; text-align: right; }
