@font-face {font-family: 'HelveticaNeuelight';src: url('../fonts/helveticaneue-lightcond-webfont.eot');src: url('../fonts/helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue-lightcond-webfont.woff') format('woff'), url('../fonts/helveticaneue-lightcond-webfont.ttf') format('truetype'), url('../fonts/helveticaneue-lightcond-webfont.svg#HelveticaNeuelight') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'HelveticaNeuebold';src: url('../fonts/helveticaneue-boldcond-webfont.eot');src: url('../fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue-boldcond-webfont.woff') format('woff'), url('../fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'), url('../fonts/helveticaneue-boldcond-webfont.svg#HelveticaNeuebold') format('svg');font-weight: normal;font-style: normal;}

html {height: 100%}

body {margin: 0; color: #000; font: 12px/15px "Helvetica neue", Helvetica, Arial, sans-serif; min-width: 960px; background: #3a3a3b; position: relative}

img {border-style: none}

a {text-decoration: none; color: #000}

a:hover {text-decoration: none}

input, textarea, select {font: 100% Helvetica, Arial, sans-serif; vertical-align: middle; color: #000}

form, fieldset {margin: 0; padding: 0; border-style: none}

#wrapper {width: 100%; position: relative; z-index: 2}

#wrapper:after {clear: both; display: block; content: ""}

#bg-box {position: fixed; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%}

#bg {position: absolute; top: 0; left: 0}

#header {height: 170px; width: 100%; background: #fff url(../images/bg-header.gif) repeat-x 0 100%}

.header-holder {overflow: hidden; padding: 20px 48px 0 23px; width: 889px; margin: 0 auto; background: url(../images/transparent.gif)}

.logo {margin: 0 35px 0 0; float: left}

/*.logo a {display: block; width: 80px; height: 80px; text-indent: -9999px; overflow: hidden}*/

.slogan {float: left; color: #30afe3; font: 30px/33px HelveticaNeuelight, Arial; margin: 24px 0 0}

.slogan span {font-family: HelveticaNeuebold}

.addnavandflag { /*float:right;*/ text-align: right; margin:82px 0; }
*+html  .addnavandflag {float:right;}
*+html   .logo{margin: 0 0 -82px 0;}
.addnav {list-style: none; margin: 0; padding: 0; float: right }

.addnav li {float: left; background: url(../images/bg-addnav.gif) no-repeat 0 2px; padding: 0 0 0 10px; margin: 0 0 0 9px; font-family: HelveticaNeuebold}

.addnav li:first-child {background: none}

.addnav a {color: #30afe3}

.panel {width: 936px; padding: 0 24px 0 0; position: absolute; top: -49px; left: 0; z-index: 2001;}

.search-form {float: right; background: url(../images/bg-search.gif) no-repeat; width: 200px; height: 28px; padding: 0 7px 0; margin: 10px 0 0}

.search-form .text {margin: 0; padding: 5px 0 6px; float: right; border: 0; background: none; width: 200px; height: 19px; color: #fff; outline: none; font: 16px HelveticaNeuebold}

.search-form .submit {margin: 0; padding: 0; display: none}

#nav {float: left; /*width:630px;*/ list-style: none; margin: 0; padding: 0}

#nav li {float: left; font: 16px/19px HelveticaNeuebold}

#nav a {float: left; color: #fff; padding: 13px 26px 15px 23px}

#nav a:hover, #nav .active a {background: url(../images/bg-nav-h.gif) repeat-x; text-decoration: none}

#main {margin: 0 auto; width: 960px; position: relative; background: #fff}

.main-holder {width: 100%; background: url(../images/transparent.gif)}

#main:after, .main-holder:after {content: ""; display: block; clear: both}

#main h1 {font: bold 24px/28px HelveticaNeuelight; margin: 0; color: #30afe3;}
#main h2 {font: 20px/24px HelveticaNeuelight; margin: 0; color: #30afe3;}
#main h3 {font: 16px/20px HelveticaNeuelight; margin: 0; color: #000;}

#main h1 strong {text-transform: uppercase; font-family: HelveticaNeuebold; font-weight: normal;}

#main h2 strong,#main h3 strong{font-family: HelveticaNeuebold; font-weight: normal;}

.section {overflow: hidden; width: 100%; background: #fff url(../images/bg-section.gif) repeat-x 0 100%; margin: 0 0 20px}

.slideshow {float: left; width: 684px; height: 338px; position: relative}

.slideshow-holder {list-style: none; margin: 0; padding: 0; position: relative; width: 684px; height: 295px; z-index: 10}

.slideshow-holder > li {position: absolute; top: 0; left: 0; width: 684px; height: 295px}

.slideshow-holder li.active {z-index: 1}

.slideshow-holder img {display: block}

.slideshow-holder .info {position: absolute; font-size: 12px; line-height: 14px}

#main .slideshow-holder h2 {margin: 0 0 12px; font-size: 36px; line-height: 34px}

#main .slideshow-holder .slide1 h2 {color: #fff}

#main .slideshow-holder .slide2 h2 {color: #000}

#main .slideshow-holder .slide3 h2 {color: #fff;}

.slide1 a, .slide3 a {color: #fff}

.slide1 .more, .slide2 .more, .slide3 .more {font: 16px/16px HelveticaNeuebold}

.slideshow-holder p {margin: 0 0 12px}

.slide1 .info {width: 461px; top: 100px; left: 224px; color: #fff}

.slide2 .info {width: 300px; top: 87px; left: 49px}

.slide3 .info {width: 258px; top: 42px; left: 52px; color: #fff;}

.slide3 .info p {margin-right: 20px}

.slideshow-holder ul {list-style: none; margin: 0; padding: 0}

.slideshow-holder ul li {padding: 0 0 12px; font: 16px/17px HelveticaNeuebold}

.switcher {list-style: none; margin: 0 -1px 0 0; padding: 0; width: 685px; background: url(../images/bg-switcher.gif) repeat-x}

.switcher:after {content: ""; display: block; clear: both}

.switcher li {float: left; width: 137px; padding: 0 2px 0 0; background: url(../images/bg-switcher-li.gif) no-repeat 100% 0; text-align: center; color: #30afe3; font: 16px/17px HelveticaNeuebold}

.switcher li:first-child {width: 129px; padding: 12px 0}

.switcher li:first-child strong {text-transform: uppercase}

.switcher li a {display: block; padding: 12px 0; position: relative; z-index: 11; width: 100%}

.switcher li a:hover {text-decoration: none; background: url(../images/bg-switcher-h.jpg) repeat-x}

.switcher li.active a {background: url(../images/bg-switcher-a.png) no-repeat 50% 0; padding-top: 24px; margin: -12px 0 0}

.select-block {float: right; width: 276px}

.select-block .title {padding: 69px 119px 12px 38px;}

.select-form {padding: 0 0 0 38px}

.select-form .row {overflow: hidden; width: 100%; padding: 0 0 24px}

.select-form select {float: left; width: 137px; margin: 0 6px 0 0; padding: 0}

.select-form .button {float: left; background: url(../images/bg-button.gif) no-repeat; width: 26px; height: 20px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; border: 0; cursor: pointer}

.boxes {overflow: hidden; width: 937px; padding: 0 0 15px 23px}

.box-large {float: left}

.box {float: left; padding: 0 23px 0 0}

#main .box h2, #main .box-large h2 {margin: 2px 22px 13px; font: 18px/18px HelveticaNeuelight;}

.box .visual, .box-large .visual { width: 100%;margin-bottom: 2px;}

.box .visual:after, .box-large .visual:after {content: ""; display: block; clear: both}

.box .visual-holder, .box-large .visual-holder{float: left; margin: 0 0 -43px; height: 231px}

.box .visual-holdersmall{float: left; height: 70px}
.box .visual-holdersmall img, .box .visual-holdersmallbottom img { margin-top: 2px;}
.box .visual-holdersmallbottom{float: left; height: 70px}
.box .visual-outersmalltop { height: 117px; }

.box img, .box-large img {display: block}

.box .visual img, .box-large .visual img { margin-bottom: 9px;overflow: hidden;}

.box .info, .box-large .info {padding: 0 0 0 22px; width: 255px; position: relative}
.box-large .info { width: 555px; }

.box .info-narrow, .box-large .info-narrow {padding: 0 0 0 22px; width: 160px; position: relative}
.box-large .info-narrow { width: 435px; }

.box p, .box-large p {margin: 0}

.box a, .box-large a {color: #30afe3}
.box a:hover, .box-large a:hover {background: #dff3fb}

.box a.readmore, .box-large a.readmore, #summaries .readmore, .news a.readmore{line-height: 15px; color: #30afe3; background: url(../images/bg-readmore.png) no-repeat 0 0; margin: 0; padding: 0 10px 0 25px}
.box a.readmore:hover, .box-large a.readmore:hover, #twocolumns #content #summaries .readmore:hover, .news a.readmore:hover {background: #dff3fb url(../images/bg-readmore.png) no-repeat 0 0;}

.container {overflow: hidden; width: 937px; padding: 0 0 34px 23px; background: #f5f5f5 url(../images/bg-container.gif) repeat-x}

.container a:hover {background-color: #dff3fb}

.item-list {float: left; background: url(../images/bg-item-list.gif) no-repeat; padding: 17px 10px 0 23px; width: 268px; min-height: 150px; font-size: 12px; line-height: 17px} /*.news-list {width:301px;}*/


#main .news-list h2 {margin: 0 0 3px; font: 18px/18px HelveticaNeuelight;}

.item-list ul {list-style: none; margin: 0; padding: 0}

.item-list li {padding: 0 0 4px}

.item-list p {margin: 0}

.news-list a {line-height: 15px; color: #30afe3; background: url(../images/bg-readmore.png) no-repeat 0 0; margin: 0; padding: 0 10px 0 25px}
.news-list a:hover {background: #dff3fb url(../images/bg-readmore.png) no-repeat 0 0;}

.news-list .news {padding: 0 0 14px}

#twocolumns {float: right; width: 776px}

#twocolumns a:hover {background-color: #dff3fb}

#twocolumns #content .block table a:hover { background-color: transparent; }

.photo {padding: 0; position: relative}

.photo img {display: block}

.photo .info {position: absolute; top: 124px; left: 202px; color: #fff; font: 36px/37px HelveticaNeuelight; padding: 0 0 1px}

.photo .info p {margin: 0}

.photo .info strong {font-family: HelveticaNeuebold}

.twocolumns-holder {/*overflow: hidden;*/ width: 775px}

.photo .info2 {position: absolute; top: 22px; left: 468px; width: 284px; background: url(../images/bg-info2-t.png) no-repeat; padding: 5px 0 0; height: 5px; font-size: 11px; line-height: 15px}

.photo .info-holder {background: url(../images/bg-info2-b.png) no-repeat 0 100%; width: 284px; padding: 0 0 5px}

.photo .info-frame {background: #fff; padding: 9px 25px 0 14px; height: 173px; overflow: hidden; position: relative}

#main .photo .info2 h2 {margin: 0 0 15px}

#main .photo .info2 h2 strong {display: block}

.photo .info2 p {margin: 0}

.twocolumns-holder #content {float: left; width: 552px; padding: 6px 0 26px 21px; z-index: 2000; position: relative; background: url(../images/bg-content.gif) no-repeat}

#content {padding: 6px 0 26px 21px; z-index: 2000; position: relative; background: url(../images/bg-content.gif) no-repeat}

#content a, #contentWideNew a {color: #30afe3}

#content ul, #contentWideNew ul {padding: 0 0 0 40px; margin:12px 0;}

#content .product-block .product-block-holder li ul li a {color: #000}

#content .producthouseflash {    margin-left: -20px; }

.breadcrumbs {margin: 0 0 0 -4px; padding: 0 0 28px; list-style: none; width: 100%; overflow: hidden}

.breadcrumbs li {float: left; background: url(../images/bg-breadcrumbs.gif) no-repeat 0 4px; padding: 0 15px 0 8px; margin: 0 0 0 -4px; font-size: 10px; white-space:nowrap; }

.breadcrumbs a{color: #8abfdf}

/*#content h1 {font-size: 24px; line-height: 1.2em;}*/

.block {padding: 0 0 22px; line-height: 19px}

.block .title {overflow: hidden; width: 550px; padding: 0 0 13px}
#contentWideNew{
	padding: 6px 0 26px 21px;
	background: url(../images/bg-content.gif) no-repeat;
}
.blockWideNew{
  padding: 0 20px 22px 0px;
}
.blockWideNew .title {
	overflow: hidden; 
	width: 100%!important; 
	padding: 0 0 13px;
}
.blockWideNew > img{
	width:100%!important;
}
.blockWideNew .top-link{
	padding-top:20px;
	position:static;
	width:inherit;
}
.block .print {float: right; background: url(../images/bg-print.gif) no-repeat 0 3px; padding: 0 0 0 16px; color: #8abfdf}

.block p {margin: 0 6px 12px 0}

.gallery-block {padding: 0 0 25px; margin: 0 0 18px; font-size: 11px; line-height: 13px; background: url(../images/bg-gallery-block.gif) no-repeat 13px 100%; position: relative; z-index: 500}

.gallery-block h3 {color: #2bace3; font-size: 18px; line-height: 19px; font-weight: normal; margin: 0 0 9px}

.gallery-block p {margin: 0}

.visual-list {list-style: none; margin: 0; padding: 0 0 10px; overflow: hidden; width: 100%}

.visual-list li {float: left; width: 114px; height: 61px; padding: 0 4px 4px 1px; position: relative}

.visual-list li a {position: absolute; top: 0; left: 1px; width: 112px; height: 33px; overflow: hidden; padding: 28px 1px 0; font-size: 39px; line-height: 40px; color: #fff; z-index: 500}

.visual-list li a:hover{opacity: 0.5}

.visual-list img {display: block}

.promo {overflow: hidden; width: 280px; font-size: 18px; line-height: 18px; color: #2bace3; padding: 0 0 10px 1px}

.promo .ico {float: left; margin: 0 12px 0 0}

.promo .ico img {display: block}

.promo .info {overflow: hidden; height: 1%; padding: 28px 0 0}

.promo p {margin: 0 0 -5px}

.promo a {font-size: 12px; line-height: 12px; color: #2bace3}

.top-link {padding: 0 0 11px; text-align: right; position: absolute; left: 0; border: 0; width: 573px}

.top-link a {color: #a0c4db}

.product-block {padding: 41px 0 100px; width: 100%}

.product-block:after {content: ""; display: block; clear: both}

.product-block-holder {float: left; margin: 0 0 0 -21px; position: relative; background: url(../images/bg-product-list.jpg) repeat-x; list-style: none; padding: 0 0 100px}

.product-block-holder > li {float: left; width: 155px; padding: 18px 12px 0 22px}

.product-block h3 {margin: 0 0 12px; color: #30afe3; font: 18px/20px HelveticaNeuebold}

.product-block-holder ul {list-style: none; margin: 0; padding: 0}

.product-block li li {background: url(../images/arrow2.gif) no-repeat 0 3px; padding: 0 0 11px 7px; font-size: 11px; line-height: 15px}

.product-block ul ul ul {padding: 0 0 2px 12px}

.product-block li li li {background: none; padding: 0}

.aside {float: right; width: 132px; padding: 54px 32px 0 20px; background: url(../images/bg-aside.gif) no-repeat}

.spot .rotatingcontent .spotcontent p {padding: 0px; font: 15px/15px HelveticaNeuelight}
.promo-block {padding: 0px; font: 11px/15px HelveticaNeuelight}
.promo-block strong {font-family: HelveticaNeuebold; width: 100%; font-weight: normal; }

.promo-block p,.spot .rotatingcontent .spotcontent p {margin: 0 0 5px; width: 100%; font: 11px Arial;}

.promo-block .ico {margin: 0 0 12px}

.promo-block .ico2 {margin: 0 0 -25px}

.promo-block .ico img {display: block}

.promo-block a,.spot .rotatingcontent .spotcontent p.spotlink a {color: #2eade3; letter-spacing: 0; font: 11px/14px Arial, Helvetica, sans-serif}
.promo-block a {color: #2eade3; letter-spacing: 0; font: 11px/14px Arial, Helvetica, sans-serif}
.spot .promo-block span { font: 11px/14px Arial, Helvetica, sans-serif}
.spot .promo-block h4 { font: bold 15px/17px HelveticaNeuelight, Arial; }

.spot .rotatingcontent img {margin: 0 0 8px 0}

/*--------------------------------------------------------------------------------------------------------------------*/
#sidebar {float: left; width: 184px; padding: 18px 0 0}
#sidebar h2 {padding: 0 23px 7px 34px; font: 18px/18px HelveticaNeuebold; background: url(../images/arrow.gif) no-repeat 23px 4px}

#sidebar ul {list-style: none; margin: 0; padding: 0}
#sidebar li ul {padding-top: 1px}

#sidebar ul a:hover {background: #dff3fb; text-decoration: none}
#sidebar li.active > a, #sidebar li.active > a:hover {background: #dff3fb;}

#sidebar li {padding: 0 0 1px; font-family: HelveticaNeuebold;}
#sidebar li a {display: block; padding: 5px 10px 6px 23px;}

#sidebar li li a {font-size: 11px;  font-family: HelveticaNeuebold; padding-left: 40px;}
#sidebar li li a:hover {background: #E6E6E6;}

#sidebar li li li a {font: normal 11px HelveticaNeuelight; padding-left:60px;}
#sidebar li li li a:hover { background: #EBEBEB; }

#sidebar li li li li a {padding-left: 80px;}
#sidebar li li li li a:hover { background: #F0F0F0; }

#sidebar li li li li li a {padding-left: 100px;}
/*--------------------------------------------------------------------------------------------------------------------*/

#footer {width: 913px; padding: 10px 24px 10px 23px; margin: 0 auto; overflow: hidden; color: #fff; line-height: 20px}

#footer a {color: #fff}

.copy {float: right; font-size: 11px;padding: 1px 0 0;}

.copy a {padding: 0 0 0 25px; float: left;margin: 0 2px 0 0; background: url("/Design/images/bg-copy-a.gif") no-repeat;}

.copy p {margin: 0; float: left}

#footer address {font-style: normal; padding: 0}

#footer address span {background: url(../images/bg-address.gif) no-repeat 0 2px; padding: 0 0 0 9px; margin: 0 0 0 7px}

#footer address span:first-child {background: none; margin-left: 0; padding-left: 0}

.lightbox {background: url(../images/bg-lightbox-t.png) no-repeat; width: 701px; padding: 11px 0 0; z-index: 110; position: absolute; top: -9999px}

.lightbox-holder {background: url(../images/bg-lightbox-b.png) no-repeat 0 100%; padding: 0 0 11px}

.lightbox-frame {background: url(../images/bg-lightbox-c.png) repeat-y; padding: 1px 11px 2px 14px}

.gallery {width: 676px; position: relative; font-size: 11px; line-height: 12px; background: url(../images/transparent.gif)}

.gallery ul {list-style: none; margin: 0; padding: 0 0 7px; width: 676px; height: 384px; position: relative; background: url(../images/transparent.gif)}

.gallery li {position: absolute; top: 0; left: 0; width: 676px; height: 384px}

.gallery li.active {z-index: 1}

.gallery img {display: block}

.gallery .link-prev, .gallery .link-next {position: absolute; top: 179px; background: url(../images/bg-gallery-link.png) no-repeat; width: 25px; height: 28px; padding: 0 0 0 3px; color: #fff; font-size: 32px; line-height: 28px; font-weight: bold; z-index: 10}

.gallery .link-prev {left: 0}

.gallery .link-next {right: 0}

.gallery .link-prev:hover, .gallery .link-next:hover {text-decoration: none}

.gallery p {margin: 0}

.gallery .info {display: block; padding: 0 4px; margin: 0 0 12px; font-weight: normal}

.gallery .close {text-align: right; padding: 0 8px 0}

a.hidden {position: absolute; top: 0; left: -9999px; }

.overlay{width: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 100; } /* Spots */

.spot .spotcontent {overflow: hidden; width: 150px; }

.spot {float: left; margin-bottom: 35px; border: 1px solid #fff; }

.spot h4 {font: 15px/16px HelveticaNeuelight; margin: 0 0 5px 0; }

.spot strong {font-family: HelveticaNeuebold; display: block; margin: 10px 0 0 0; float: left; position: relative; font-weight: normal; }

.spot span {font-family: HelveticaNeuebold; font-weight: normal; }

.spot a:hover {color: #01A0C7; }

.spot a.link {display: block; font-weight: normal; margin: 5px 0 10px; background: url(/ui/img/hover-link-arrow.gif) no-repeat 100% 0; }

.spot a.link:hover {background: url(/ui/img/hover-link-arrow.gif) no-repeat 100% -111px}

.aside .spot .spotcontent .downloads {list-style: none; margin: 3px 0; padding: 0px; position: relative; float: left; }

.spot.rotator-image-small {position: relative; float: left}

.spot.rotator-image-small .rotatingcontent { display: none;position: absolute; }

.spotcontent ul.downloads li {width: 100%; float: left; position: relative; display: block; }

.spotcontent ul.downloads li a {position: relative; width: 125px; padding: 3px 0 3px 0; margin: 0; text-align: left; display: block; line-height: 16px; font-size: 12px; }

.spotcontent ul.downloads li input {float: left; width: 13px; margin: 4px 3px 3px; padding: 0; height: 13px; }

.spotcontent input[type=button] {margin: 15px 0 0; border: solid 1px #659AD4; background: #E3F0F9; position: relative; float: left; height: 23px; width: 65%; cursor: pointer; }

#flag					                            { float: right; margin:0 -8px 0 0; }
#social                                             { float: right; margin:-3px -8px 0 12px; }
#flag .focus, #social .focus 			            { padding: 2px; }
#flag a.focus, #social a.focus			            { color: #fff; text-decoration: underline; font-size: 11px; padding: 0 3px;}
#flag .focus img                    			    { border: 1px solid #fff; }
#social .focus img, #social .focus:hover img		{ width: 16px;height: 16px; }
#flag .focus:hover img	                            { border: 1px solid #FFFFFF; }
#flag .focus:hover, #social .focus:hover		    { color: red; /* To overcome IE bug */}
#flag .lngCode			                            { color: White; }
#flag .lngcode:hover		                        { color: #01A0C7; text-decoration:none; }

.clearboth { clear:both; }

table#summaries { border-spacing: 0;}
table#summaries td { vertical-align: top; padding-top: 16px; }
table#summaries td h3 { margin-bottom: 0; }
table#summaries td + td { padding-left: 24px; padding-top: 0; }

table.downloadtable {width: 100%;margin-top: 10px;margin-bottom: 20px;border: #cccccc dotted 1px;}
table.downloadtable .outtaHere { left: auto;}
table.downloadtable th { background-color: #E3F0F9;padding: 5px;}
table.downloadtable td { padding: 5px;border: #cccccc dotted 1px;}
table.downloadtable td.downloadtable-bottom { text-align: center; padding-top: 5px; }
table.downloadtable td.downloadtable-bottom input[type="button"] { background: none repeat scroll 0 0 #E3F0F9;border: 1px solid #659AD4;cursor: pointer;height: 23px;position: relative; width: 50%; }
table.downloadtable td.downloadtable-icon { text-align: center;width:60px; }
table.downloadtable td.downloadtable-icon a { display: inline; font-size: 12px; line-height: 16px; margin: 0 5px; padding: 3px 0; position: relative; text-align: center; }
table.downloadtable td.downloadtable-icon a img { margin-bottom: -5px;}
table.downloadtable td.downloadtable-icon input {height: 13px;margin: 4px 3px 3px; padding: 0; width: 13px;text-align: center;position: relative;}
table.downloadtable td.downloadtable-text { text-align: left; }



/*------------------- content with map --------------------------*/
.mapContent{
	position: relative;
	float: left;
	width: 755px;
	padding:  0 0 25px;
}
.mapContent .mapHolder{
	position: relative;
	/*overflow: hidden;*/
	padding: 0 10px 0 0;
	max-width: 545px !important;
	border-left: 5px solid #addeec;
	background: url(/ui/img/Map/bg-mapHolder.png) right top repeat-y;

	float: left;
}
.mapContent .map{
}
.mapContent .map .location{
	position: absolute;
	width: 7px; height: 7px;
}
.mapContent .map .link{
	display: block;
	width: 7px; height: 7px;
	/*border: 1px solid #fff;*/
	text-indent: -10000px;
	outline: none;
	cursor: pointer;
}
#content .mapContent .map .link:hover{
	background-color:  transparent;
}
.mapContent .map .link .border{
	width: 100%; height: 100%;
	position: absolute;
	top: 0; left: 0;
	border: 1px solid #fff;
}
.mapContent .map .location .locationInfo{
	display: none;
	position: absolute;
	top: 0; left: 0;
	padding: 5px;
	width: 200px; height: auto;
	border: 2px solid #addeec;
	background: #fcfcfc;
	font-size: 11px;
	line-height: 15px;
	z-index: 100;
}
.mapContent .locationInfo .title{
	width: auto;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0 10px 0 0;
}
.mapContent .locationInfo .text{
	margin: 0 0 8px;
}
.mapContent .locationInfo .closeBut{
	position: absolute;
	top: 5px; right: 5px;
	font-size: 14px;
	font-weight: bold;
}
.mapContent .descHolder{
	float: left;
	width: 165px;
	margin: 0 10px 0 0;
	padding: 0 10px 0 8px;
	background: url(/ui/img/Map/bg-desc.png) 0 0 repeat-x;
	color: #003d5c;
	font-size: 11px;
	line-height: 16px;
}
.mapContent .descHolder .title{
	width: auto;
	font-size: 16px;
	margin: 10px 0 12px;
	padding: 0;
}

.specificatorContent #content,
.specificatorContent .top-link{
	width: 735px;
}
.specificatorContent h1{
	padding: 0 0 10px;
	border-bottom: 1px solid #ededed;
}
.specificatorContent .aside,
.specificatorContent .promo{
	display: none;
}
.specificatorContent .title{
	width: 100%;
}
.specificatorContent .top-link{
	position: relative;
	padding: 0;
	clear: both;
}
.specificatorContent .selectArea{
	display: none;
}
.specificatorContent .outtaHere{
	position: relative;
	left: 0;
}
.specificator{
	width: 100%;
	position: relative;
	float: left;
}
.specificator .leftCol{
	position: relative;
	float: left;
	width: 28%;
	z-index: 20;
}
.specificator .leftCol label{
	width: 100%;
	display: block;
	margin: 0 0 5px;
	font-weight: bold;
	text-transform: capitalize;
}
#main .specificator h2{
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ededed;
	/*text-transform: capitalize;*/
}
.specificator .selectHolder{
	position: relative;
}
.specificator .previewImage{
	display: none;
	position: absolute;
	top: 20px;
	left: 90px;
	z-index: 100;
}
.specificator .previewImage img{
	padding: 3px;
	border: 1px solid #ededed;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.specificator .select{
	position: relative;
	margin: 0 0 10px;
}
.specificator select{
	position: relative;
	width: 205px;
	height: 30px;
	padding: 5px;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #696969;
	z-index: 90;
}
.specificator select option{
	padding: 2px 5px;
	line-height: 20px;
}
.specificator .rightCol{
	position: relative;
	float: right;
	width: 68%;
	z-index: 10;
}
.specificator .dynamicContent{
	position: relative;
	overflow: hidden;
}
.specificator .imageHolder{
	margin: 0 0 25px;
	line-height: 0;
}
.specificator .imageHolder img{
	width: 100%;
	height: auto;
}
.specificationsHolder{
	position: relative;
	overflow: hidden;
	margin: 0 0 0 -20px;
}
.specificator .specification{
	float: left;
	width: 230px;
	margin: 0 0 20px 20px;
}
.specificator .specification h3{
	margin: 0 0 5px;
	padding: 0;
	font: bold 15px/18px Helvetica, sans-serif;
	text-transform: capitalize;
}
.specification .desc{
	margin: 0 0 10px;
	font: 15px/18px Helvetica, Helvetica, sans-serif;
	text-transform: uppercase;
}
.specification ul.linkList{
	padding: 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #dadada;
}
.specification ul.linkList > li{
	/*height: 30px;*/
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #dadada;
	line-height: 30px;
}
.specification li a{
	display: block;
	padding: 0 5px;
}
.specification .dataSheets{
	padding: 0 5px;
}
.specification .dataSheets li{
	list-style: disc;
	line-height: 20px;
	color: #30AFE3;
}
.dataSheetsLinkList{
	margin: 0 0 10px;
}
.specification .dataSheets span{
	display: inline-block;
	padding: 0 5px;
}
.specification .dataSheets a{
	display: inline;
}
#content .specification .sendByEmail{
	display: block;
	float: left;
	padding: 5px 10px;
	line-height: 20px;
	background: #00aaef;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
}
#emailPopup{
	display: none;
	position: absolute;
	left: 20%; top: 150px;
	width: 60%;
	border: 1px solid #b4b4b4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	background: #fff;
	z-index: 120;
}
#emailPopup h2{
	padding: 20px;
	font: 18px/18px Arial, sans-serif;
	color: #30AFE3;
}
#emailPopup .btn-close{
	display: block;
	position: absolute;
	top: 19px; right: 19px;
	width: 19px; height: 20px;
	background: url(../images/btn-close.gif) 0 0 no-repeat;
	text-indent: -10000px;
	cursor: pointer;
}
#emailPopup .inputHolder{
	position: relative;
	overflow: hidden;
	padding: 20px;
	border-top: 1px solid #b4b4b4;
}
#emailPopup .inputHolder input{
	float: left;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #696969;
	height: 30px;
	margin: 5px 10px 0 0;
	padding: 0 5px;
	width: 205px;
}
#emailPopup .inputHolder .formText{	
	padding-bottom: 10px;
}
#emailPopup .inputHolder .emailValidation{
	display: none;
	float: left;
	font-size: 12px;
	line-height: 30px;
	color: #900;
}
#emailPopup .radioButtonHolder{
	position: relative;
	overflow: hidden;
	padding: 0px 20px 20px 20px;
    border-bottom: 1px solid #b4b4b4;
}
#emailPopup .radioButtonHolder .radioText{
	display: inline-block;
	padding-top: 2px;
	vertical-align: top;
}
#emailPopup .buttonHolder{
	position: relative;
	overflow: hidden;
	padding: 20px;
}
#emailPopup .buttonHolder .savePreferences{
	padding-bottom: 10px;
}
#emailPopup .buttonHolder .btn{
	display: block;
	float: right;
	height: 30px;
	padding: 5px 10px;
	margin: 0 0 0 20px;
	line-height: 20px;
	background: #00aaef;
	border: 1px solid #00aaef;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
#emailPopup .buttonHolder .btn-cancel{
	height: 18px;
	background: #fff;
	border: 1px solid #b4b4b4;
	color: #696969;
}
/*style for content headers*/
#main #content .product-block h3
{
	color: #30afe3;
    font: 18px/18px HelveticaNeuelight;
    margin: 0;
}



/* *********************** Replace social icons with customized icons *********************** */
.print-wrapper {
    min-height: 50px;
    height: 50px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.print-wrapper ul.sites {
    text-align: right;
    padding: 0;
    margin: 0;
    display: inline-block;
    position: absolute;
    right: 0;
}
.print-wrapper #separator {
    width: 60%;
    float: left;
    position: absolute;
    height: 78px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


.chicklets {
    padding: 0;
}

span.stButton .chicklets {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 20px;
}

span.stButton {
    width: 32px !important;
    margin: 0 10px 0 0;
}

.st_facebook .facebook, .st_googleplus .googleplus, .st_linkedin .linkedin,
.st_twitter .twitter, .st_viadeo .viadeo, .st_print_large .stLarge, .st_email_large .stLarge, .st_sharethis_large .stLarge {
    visibility: hidden;
}

.replace-print {
    background: none !important;
    vertical-align: sub;
}

.replace-email {
    background: none !important;
    vertical-align: sub;
}
.replace-sharethis {
    background: none !important;
    vertical-align: sub;
}

.replace-facebook {
    background: none !important;
    vertical-align: sub;
}

.replace-googleplus {
    background: none !important;
    vertical-align: middle;
}

.replace-twitter {
    background: none !important;
    vertical-align: sub;
}

.replace-linkedin {
    background: none !important;
    vertical-align: sub;
}


.replace-viadeo {
    background: none !important;
    vertical-align: sub;
}