/* main styles overrides */
#menu-spacer { height: 20px; }
#footer { padding-top: 20px; }

/* slideshow styles */
#slideshow { position: relative; border: solid 1px #999999; height: 360px; z-index: 10; }
#slideshow.blue { border: solid 1px #0069af; }
#slides-wrapper { position: relative; width: 100%; height: 360px; overflow: hidden; }
#slides-container { /* width: 400%; */ position: relative; }
#slides-container div.slide { position: relative; /*width: 25%; float: left;*/ width: 100%; height: 360px; }
#slideshow ins { background-image: url(/images/slideshow-corners.png); z-index: 100; }
#slideshow ins.tl { top: -1px; left: -1px; }
#slideshow ins.tr { top: -1px; right: -1px; }
#slideshow ins.bl { bottom: -1px; left: -1px; }
#slideshow ins.br { bottom: -1px; right: -1px; }
* html #slideshow ins { background-image: url(/images/slideshow-corners.gif); }
* html #slideshow ins.br,
* html #slideshow ins.tr { right: expression( (this.parentNode.offsetWidth % 2) ? -1 : -2 ); }
#slides-wipe { position: absolute; background-color: white; width: 0px; height: 0px; z-index: 100; left: 50%; top: 50%; }
#slideshow-tabs { position: relative; font-size: 8pt; z-index: 100; }
#slideshow-tabs table { position: relative; width: 40%; margin: 0 auto; table-layout: fixed; }
#slideshow-tabs table td { text-align: center; border: solid 1px #999999; border-top: none; }
* html #slideshow-tabs table td { position: relative; }
#slideshow-tabs table td.selected { background-color: #71ab36; border-color: #71ab36; }
#slideshow-tabs table td.selected a,
#slideshow-tabs table td.selected a span,
#slideshow-tabs table td.selected a:hover { color: white !important; border-bottom: none; cursor: default; }
#slideshow-tabs table td.selected s { display: block; }
#slideshow-tabs a { position: relative; width: 100%; display: block; color: #000000; text-decoration: none; outline: none; padding: 0.5em 0 0.6em 0; }
#slideshow-tabs a span { border-bottom: dashed 1px; cursor: pointer; }
#slideshow-tabs table td a:hover { color: #71ab36 !important; color: #0069af !important; }
#slideshow-tabs table td s { position: absolute; top: -10px; width: 100%; left: 0; height: 10px; background: url(/images/slideshow-menu-arrow.png) no-repeat 50%; display: none; }
* html #slideshow-tabs table td s { behavior: url(/css/iepngfix.htc); width: 20px; left: 50%; margin-left: -10px; }
#slideshow-tabs ins { position: absolute; width: 10px; height: 10px; background: url(/images/slideshow-corners.gif) no-repeat; bottom: -1px; }
* html #slideshow-tabs ins { bottom: -6px; }
#slideshow-tabs ins.l { left: -1px; }
#slideshow-tabs ins.r { right: -1px; }
#slideshow-tabs td ins.l { background-position: 0 -50px; }
#slideshow-tabs td ins.r { background-position: -10px -50px; }
#slideshow-tabs td.selected ins.l { background-position: 0 -70px; }
#slideshow-tabs td.selected ins.r { background-position: -10px -70px; }

/* juniper slide styles */
#juniper { background: url(/images/juniper/cabels.gif) repeat-x 0 190px; background-color: #0069af; color: #ffffff; }
#juniper a { color: #ffffff; }
#juniper a:hover { color: #ee7c00 !important; }
#juniper a.logo_juniper { position: absolute; background: url(/images/juniper/juniper-logo.gif) no-repeat; width: 173px; height: 40px; left: 65%; top: 55px; text-decoration: none; }
#juniper a.logo_brocade { position: absolute; background: url(/images/brocade-logo.png) no-repeat; width: 118px; height: 46px; left: 84%; top: 51px; text-decoration: none; }
#juniper .links { position: absolute; width: 320px; height: 325px; background: url(/images/juniper/products.png) no-repeat #0069af 0 0; font-size: 8pt; left: 2%; }
#juniper .links a { position: absolute; }
#juniper .links a.link1 { bottom: 42px; left: 24px; }
#juniper .links a.link2 { bottom: 0; left: 106px; }
#juniper .links a.link3 { bottom: 42px; left: 232px; }
#juniper .title { position: absolute; font-size: 23pt; left: 80px; top: 40px; padding-top: 0.5em; line-height: 1.4; width: 50%; }
#juniper .products { position: absolute; background: url(/images/juniper/products2.png) no-repeat; width: 561px; height: 115px; top: 190px }
/*#juniper .title { position: absolute; font-size: 23pt; left: 38%; top: 33%; line-height: 1.4; width: 50%; }*/
#juniper .title p { margin: 0; }
#juniper .button { position: absolute; top: 248px; left: 76%; font-size: 8pt; line-height: normal; z-index: 10; background-color: #0069af; }
#juniper .button a { position: relative; display: block; text-decoration: none; padding: 0.6em 30px; padding-right: 45px; border: solid 2px white; white-space: nowrap; }
* html #juniper .button a { position: absolute; }
#juniper .button a:hover { color: #ff9900 !important; border-color: #ff9900; }
#juniper .button s { position: absolute; display: block; width: 12px; height: 100%; top: 0.05em; /*//top: 0;*/ right: 20px; background: url(/images/juniper/button-arrow.gif) no-repeat 0 50%; }
* html #juniper .button s { height: auto; top: 50%; margin-top: -0.6em; }
#juniper .button a:hover s { background-position: -12px 50%; }
#juniper .button ins { background-image: url(/images/juniper/button-corners.gif); }
#juniper .button ins { width: 15px; height: 15px; }
#juniper .button ins.tl { top: -2px; left: -2px; background-position: 0 0; }
#juniper .button ins.tr { top: -2px; right: -2px; background-position: -15px 0; }
#juniper .button ins.bl { bottom: -2px; left: -2px; background-position: 0 -15px; }
#juniper .button ins.br { bottom: -2px; right: -2px; background-position: -15px -15px; }
#juniper .button a:hover ins.tl { background-position: 0 -30px; }
#juniper .button a:hover ins.tr { background-position: -15px -30px; }
#juniper .button a:hover ins.bl { background-position: 0 -45px; }
#juniper .button a:hover ins.br { background-position: -15px -45px; }

/* benefits styles */
#benefits { background-color: white; }
#benefits .main_title { position: absolute; width: 100%; height: 360px; background: url(/images/benefits/hands.png) no-repeat right 76px; }
#benefits .main_title span { position: absolute; display: block; font-size: 36pt; font-weight: bold; line-height: normal; top: 116px; left: 48%; }
#benefits.selected .main_title { display: none; }
#benefits .body { position: absolute; width: 100%; height: 360px; }
#benefits .body li { position: absolute; /* display: none; */ left: 48%; top: 22%; top: 100%; padding: 0 0 30px 8px; background-repeat: no-repeat; }
#benefits .body li p.title { padding: 0.5em 0 0 105px; width: 12em; min-height: 90px; font-size: 18pt; font-weight: bold; line-height: normal; margin-bottom: 0; }
* html #benefits .body li p.title { height: 90px; }
#benefits .body li p { font-size: 12pt; padding-right: 60px; }
#benefits .body li.selected { display: block; }
#benefits .body li.support { background-image: url(/images/benefits/benefit-support.png); }
#benefits .body li.delivery { background-image: url(/images/benefits/benefit-delivery.png); }
#benefits .body li.specialists { background-image: url(/images/benefits/benefit-specialists.png); }
#benefits .body li.laboratory { background-image: url(/images/benefits/benefit-laboratory.png); }
#benefits .body li.reservation { background-image: url(/images/benefits/benefit-reservation.png); }
#benefits .body li.guarantee { background-image: url(/images/benefits/benefit-guarantee.png); }
#benefits .body li.specialists p.title { width: 14em; }
#benefits .body li.guarantee p.title { padding-top: 1.1em; }
#benefits a.close { position: absolute; width: 20px; height: 20px; background: url(/images/i-close-rounded.gif) no-repeat; z-index: 20; top: 22%; right: 40px; display: none; outline: none; }
#benefits a.close:hover { background-position: -20px 0; }
#benefits .navigation { position: absolute; width: 55%; font-size: 8pt; line-height: 1.4; z-index: 10; }
#benefits .navigation li { position: absolute; }
#benefits .navigation li a { position: relative; display: block; margin-left: 26px; text-decoration: none; color: #000000; outline: none; }
#benefits .navigation li a span { border-bottom: dotted 1px; background-color: #fff; }
#benefits .navigation li.selected a span { border-bottom-style: solid; border-bottom-color: white; }
#benefits .navigation li ins { position: absolute; display: block; width: 20px; height: 20px; left: -26px; top: 1px; background: url(/images/benefits/bullets.gif) no-repeat 0 0; }

#benefits .navigation li.reservation { top: 70px; margin-left: -10px; width: 10em; }
#benefits .navigation li.reservation ins { background-position: 0 0; }
#benefits .navigation li.reservation.selected ins { background-position: -40px 0; }
#benefits .navigation li.reservation.selected a,
#benefits .navigation li.reservation a:hover { color: #808080 !important; }

#benefits .navigation li.support { top: 190px; margin-left: 47px; width: 15em; }
#benefits .navigation li.support ins { background-position: 0 -20px; }
#benefits .navigation li.support.selected ins { background-position: -40px -20px; }
#benefits .navigation li.support.selected a,
#benefits .navigation li.support a:hover { color: #0069af !important; }

#benefits .navigation li.guarantee { top: 286px; margin-left: -5px; width: 10em; }
#benefits .navigation li.guarantee ins { background-position: 0 -40px; top: -3px; }
#benefits .navigation li.guarantee.selected ins { background-position: -40px -40px; }
#benefits .navigation li.guarantee.selected a,
#benefits .navigation li.guarantee a:hover { color: #71ab36 !important; }

#benefits .navigation li.specialists { top: 110px; margin-left: 11px; width: 18em; }
#benefits .navigation li.specialists ins { background-position: 0 -60px; }
#benefits .navigation li.specialists.selected ins { background-position: -40px -60px; }
#benefits .navigation li.specialists.selected a,
#benefits .navigation li.specialists a:hover { color: #ee7c00 !important; }

#benefits .navigation li.laboratory { top: 235px; margin-left: -9px; width: 15em; }
#benefits .navigation li.laboratory ins { background-position: 0 -80px; }
#benefits .navigation li.laboratory.selected ins { background-position: -40px -80px; }
#benefits .navigation li.laboratory.selected a,
#benefits .navigation li.laboratory a:hover { color: #e10015 !important; }

#benefits .navigation li.delivery { top: 40px; margin-left: -3px; width: 12em; }
#benefits .navigation li.delivery ins { background-position: 0 -20px; }
#benefits .navigation li.delivery.selected ins { background-position: -40px -20px; }
#benefits .navigation li.delivery.selected a,
#benefits .navigation li.delivery a:hover { color: #0069af !important; }

#benefits .lines { position: absolute; width: 55%; height: 100%; line-height: 0; z-index: 1; }
#benefits .lines li { position: absolute; height: 100%; background: url(/images/benefits/lines.gif) no-repeat; }
#benefits .lines li.line1 { width: 54px; background-position: 0 0; }
#benefits .lines li.line2 { width: 97px; background-position: -54px 0; }
#benefits .lines li.line3 { width: 12px; background-position: -151px 0; }
#benefits .lines li.line4 { width: 41px; background-position: -163px 0; }
#benefits .lines li.line5 { width: 23px; background-position: -204px 0; }
#benefits .lines li.line6 { width: 19px; background-position: -227px 0; }

#benefits .navigation li.reservation,
#benefits .lines li.line1 { left: 5%; }

#benefits .navigation li.support,
#benefits .lines li.line2 { left: 10%; }

#benefits .navigation li.guarantee,
#benefits .lines li.line3 { left: 28%; }

#benefits .navigation li.specialists,
#benefits .lines li.line4 { left: 35%; }

#benefits .navigation li.laboratory,
#benefits .lines li.line5 { left: 53%; }

#benefits .navigation li.delivery,
#benefits .lines li.line6 { left: 63%; }

/* homepage banners */
div#banners { clear: both; margin-top: 40px; font-size: 8pt; }
div#banners table { width: 100%; }
div#banners table td { border-right: solid 1px #c4c4c4; border-left: solid 1px #c4c4c4; vertical-align: middle; padding: 0 24px; }
div#banners table td div.banner { display: inline; padding-left: 20px; }
div#banners table td div.banner img { display: block; margin-right: 20px; float: left; }
div#banners table td div.banner span { display: block; padding-top: 10px; overflow: hidden; }
div#banners.short { width: 76%; }
div#banners.short div { padding-right: 40px; }