@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
* {margin:0;padding:0;}
img {
display:block;
border:none;
padding:0px;
margin:0px;
}
body {
	font: normal 14px/20px 'Droid Sans', sans-serif;
	color:#5a5a5a;
}
body#home {background:none;}
h1 {
	font-size:22px;
	color:#5a5a5a;
	font-weight: normal;
	margin: 5px 0 15px;
}
h2 {
	font-size:18px;
	font-weight:bold;
	color:#5a5a5a;
	margin:25px 0 15px;
}
h3 {
	font-size:16px;
	font-weight:bold;
	margin:30px 0 20px 0;
	padding-bottom:0;
}
h4 {
	font-size:16px;
	margin:0 0 15px 0;
}
h6 {
	font-size:14px;
	margin:0 0 15px 0;
}

a:link, a:visited {
	color: #10a4dd;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
b, em, strong {font-weight:bold;}
p {margin:0 0 15px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.cap {text-transform:uppercase;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.no-margin-left {margin-left:0 !important;}

input.button {background:#a8a8a8; color:#fff;border:none;margin:10px 0 10px 0; font-family: 'Droid Sans', sans-serif; font-weight:normal; border-radius: 5px; padding:6px 5px 6px 5px;}

#header, #content, #footer {width:960px;margin:0 auto;}
#header-wrapper {background:url(../images/header-bg.png) #235e8a 0 0 repeat-x;height:144px; border-bottom: 5px solid #10a4dd;}
#header {height:100%;background:url(../images/nav-bg.png) 0 0 no-repeat;}
#header-left {width:340px; border-top: 5px solid #10a4dd; float:left;}
#header-right {width:620px; border-top: 5px solid #99ccff; float:left;}
#logo {margin-top:16px;}
#top-nav {text-align:right;display:block;margin:0;font-size:11px;color:#5a5a5a;}
#top-nav ul {height:20px;padding:0;}
#top-nav li {display:block;margin:0;padding:0;float:left;}
#top-nav a, #top-nav span {display:inline-block;line-height:20px;vertical-align:middle;text-align:center;color:#5a5a5a;margin:0;height:20px;padding:5px 0 18px 10px;}
#top-nav li.current a {font-weight:bold;}
#top-nav li.current + li a:hover, #top-nav a:hover, #top-nav li:first-child a:hover {text-decoration:underline;}
#top-nav ul.language {padding-left: 5px;}
#top-nav ul.language a, #top-nav ul.language span {padding:12px 0 12px 5px;}
#nav {text-align:right;display:block;margin: 0;font-size:21px;}
#nav ul {height:30px;padding:0;}
#nav li {display:block;margin:0;padding:0;float:left;}
#nav a {display:inline-block;line-height:24px;vertical-align:middle;text-align:center;color:#5a5a5a;margin:0;height:30px;padding:10px 0 12px 33px;}
#nav li.current a {font-weight:bold;}
#nav li.current a img {margin:10px auto 0 auto;}
#nav li.current + li a:hover, #nav a:hover, #nav li:first-child a:hover {color:#888;text-decoration:none;}

#banners {width:972px;margin:0 auto;height:400px;font-size: 13px;padding:0;}
#banners #slider {display: none;}
#banners .banner {width: 960px; height: 400px; padding: 0;}
#banners .banner-caption {background:url(../images/banner-overlay.png) 0 0 no-repeat; width: 245px; height: 400px; position:absolute; margin-left: 565px; padding: 40px 60px 40px 120px; text-align: right;}
#banners h1 {color: #fff; font-size: 35px; font-weight: normal; line-height: 35px; margin: 0; padding: 0;}
#banners p {color:#fff; font-size: 14px; margin: 25px 0 25px 0;}
#banners .btn {background: #e7e9eb; color: #484848; font-weight: bold; padding: 5px 20px; border-radius: 5px; margin: 5px 0 0 0; float:right;}

#slider a.banner-nav-left {position:absolute; height:20px; padding: 190px 10px;width: 10px; margin-left:-30px; text-decoration: none; font-size: 60px; line-height: 15px; z-index:2; color: #999999;}
#slider a.banner-nav-left:hover {color: #5a5a5a;}
#slider a.banner-nav-right {position:absolute; height:20px; padding: 190px 10px;width: 10px; margin-left:973px; text-decoration: none; font-size: 60px; line-height: 15px; z-index:2; color: #999999;}
#slider a.banner-nav-right:hover {color: #5a5a5a;}

#breadcrumbs {height:25px;font-size: 13px;	padding: 5px 0 15px 0;}
#breadcrumbs span.arrows {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}

#home #content-wrapper {background:url(../images/home-bg.png) 0 0 repeat-x;}
#home #content-left {width:649px;padding:20px 0 20px 0; border-right: 1px solid #99ccff;}
#home #content-right {width:310px;padding:20px 0 20px 0;}

#home #content-right .widget {float: left; width:310px; padding: 0 0 20px 0; margin: 0 0 20px 0;}
#home #content-right #member-area label {width: 230px; float: left; margin: 5px 10px 10px 30px;}
#home #content-right #member-area input.textbox {border: 1px solid #a1a3a4; padding: 5px; color: #484848; width: 230px; float: left; margin: 0 10px 10px 30px;}
#home #content-right #member-area a.forget-password {float:left; clear:left;margin: 10px 10px 10px 30px;}
#home #content-right #member-area input.submit {border: none; background-color: #a8a8a8; width: 80px; height: 30px; float: left; margin: -30px 10px 10px 191px; color: #fff; border-radius: 5px;}
#home #content-right #member-area input.submit:hover {background: #10a4dd;}
#home #content-right #member-area .link {float: left; width:285px; padding: 10px 0 10px 20px; margin: 10px 0 5px 30px; background:url(../images/gradient-right.png) no-repeat bottom left; color:#5a5a5a; font-weight: bold;}
#home #content-right #member-area p {margin: 5px 0 10px 30px;}
#home #content-right #member-area span.mandatory {color:#ff0000;font-size:10px;vertical-align: super;}
#home #content-right #latest-news ul {float:left;}
#home #content-right #latest-news ul li {float:left; padding: 0 0 0 30px; margin: 0 0 20px 0; width: 100%;}
#home #content-right #latest-news ul li a {float:left;clear:left; padding: 8px 0 0 0; color: #8a8a8a;}
#home #content-right #latest-news ul li .date {float:left;clear:left; padding: 10px 0 0 0; font-weight: bold;}
#home #content-right #latest-news a.view-more {float:left;margin: 10px 0 0 30px;}

#content-wrapper {background:url(../images/page-bg.png) 0 0 repeat-x;}
#content-left {width:709px;padding:20px 0 20px 0; border-right: 1px solid #99ccff;}
#content-right {width:250px;padding:20px 0 20px 0;}
#content-full {width:960px;padding:20px 0 20px 0;}

#content {background:url(../images/content-bg.png) 0 0 no-repeat;}
#content .page-title {background:url(../images/gradient-left.png) right 30px no-repeat; width:100%;margin:0 0 30px 0; height: 50px;}
#content #content-full .page-title {background:url(../images/gradient-left-long.png) right 30px no-repeat; width:100%;margin:0 0 30px 0; height: 50px;}
#content .page-content {padding: 0 20px 40px 0;}
#content #content-full .page-content {padding: 0 0 40px 0;}

#content a.view-more {font-weight: bold;}

#content .form-row {float:left;clear:left;width:100%;margin:0 0 10px 0;}
#content .form-column {float:left;width:270px;padding-right:40px;}
#content #form span.mandatory {color:#ff0000;font-size:10px;vertical-align: super;}
#content #form label {width:100%;float:left;clear:left;height: 25px;vertical-align:bottom;}
#content #form input, #content #form textarea, #content #form select {width:100%;clear:left;float:left;padding: 5px; border: 1px solid #B7B7B7;margin:5px 0 0 0;}
#content #form input.button {width:90px; margin: 10px 0 10px 0;}
#content #form input.button:hover {background: #10a4dd;}
#content #form a.link {float:left; clear:left;margin: 10px 0 20px 0;}

#content .pagination-container {float:left;clear:left;margin: 30px 0 20px 0; text-align: center;width:100%;}
#content ul.pagination {margin: 0; padding: 0;}
#content ul.pagination li {display:block;margin:0;padding: 0 10px 0 10px;float:left;border-left:1px solid #00395f; line-height:12px;}
#content ul.pagination > li:first-child {border-left:none;}
#content ul.pagination li.current {font-weight:bold;}
#content ul.pagination li a {color: #5a5a5a;}

#content .pagination {float:left;clear:left;margin: 30px 0 20px 0; text-align: center;width:100%;}
#content .pagination ul {margin: 0; padding: 0;}
#content .pagination ul li {display:block;margin:0;padding: 0 10px 0 10px;float:left;border-left:1px solid #00395f; line-height:12px;}
#content .pagination ul li:first-child {border-left:none; padding: 0 10px 0 0;}
#content .pagination ul li.current {font-weight:bold;}
#content .pagination ul li.active {font-weight:bold;}
#content .pagination ul li a {color: #5a5a5a;}

#content .caption {font-style: italic; font-size: 12px; text-align: center;}

#content table.milestones td, #content table.awards td {padding: 15px 10px; border-bottom: 1px solid #e8e8e8;}
#content table.affiliations {margin-top: -5px;}
#content table.affiliations td {padding: 20px 0 10px 0; border-bottom: 1px solid #e8e8e8;}
#content table.affiliations ul {margin: 20px 0 20px 20px}

#content-right .widget {float: left; width:250px; padding: 0 0 20px 0; margin: 0 0 20px 0;}
#content-right .widget h1 {margin: 5px 0 20px 0; padding: 0 0 10px 30px; border-bottom: 1px solid #99ccff;}
#content-right .widget ul {float: left; padding: 0; margin: 0 0 0 0px;}
#content-right .widget ul li {list-style: none; margin: 0 0 10px 0; padding: 0;}

#content-right #menu {padding-bottom: 15px;}
#content-right #menu ul {margin: 10px 0 0 30px;}
#content-right #menu ul li {margin: 0 0 20px 0; padding: 0 0 0 25px; background:url(../images/bullet.png) 0 7px no-repeat;}
#content-right #menu ul li a {color:#5a5a5a;}
#content-right #menu ul li.current a {font-weight: bold;}

#content ul.article-list {float: left; margin:0; padding: 0;}
#content ul.article-list li {float: left; list-style: none; margin: 0 0 30px 0; padding: 0;}
#content ul.article-list li .date {float:left; width: 180px; font-weight: bold;}
#content ul.article-list li .details {float: left; width: 440px;}
#content ul.article-list li .details span.location {font-size: 12px;}
#content ul.article-list li a {color: #333;}
#content a.back {float:right; clear: both;}

#content table.products {margin-top: -20px;}
#content table.products td {padding: 30px 0 30px 0; border-bottom: 1px solid #e8e8e8;}
#content table.products img.thumb {margin: 0 0 0 0;}
#content table.products img.thumb-overlay {position: absolute;}

#content hr {display: block; height: 1px;border: 0; border-top: 1px solid #DADFE1;margin: 20px 0; padding: 0; width: 100%;clear:left;}
#content ul {margin:20px 0 0 20px;}
#content ul li {list-style: disc outside;padding:0 0 3px 10px;}
#content ul.product-actions {padding:0;margin:20px 0 0 0;}
#content ul.product-actions li {display:block;margin:0 5px 0 0;padding:0;float:left;}
#content ul.product-actions li a {
	display:inline-block;
	height:25px;
	overflow:hidden;
	background: #a8a8a8;
	color:#fff;
	font-size:13px;
	line-height:25px;
	padding: 3px 10px 3px 10px;
	padding: 3px 10px 3px 10px \9 ;
	*padding: 3px 10px 3px 10px;
	border-radius: 5px;	
}
#content ul.product-actions li a:hover {
	background: #10a4dd;
	text-decoration: none;
}
#content table.product-tbl tr td {padding: 5px}
#content .product-img {width:300px;margin:10px 0 0 0;}
#content .product-img img.product-overlay {position: absolute;}
#content .product-details {width:350px;padding:10px 0 0 30px; min-height: 250px;}
#content .product-title {border-bottom:1px solid #d2d8da;width:100%;margin:0 0 20px 0;line-height: 22px;}
#content .product-content {margin-top: 30px;border-top:1px solid #dadfe1;padding: 20px 0 40px 0;}
#content .product-content img {display: inline;}
#content .product-content ul.grid {float:left;padding:0;margin:0;}
#content .product-content ul.grid .grid-cell {width:209px;float:left;padding: 20px 20px 20px 0;}
#content .product-content ul.grid .grid-cell img{margin: 0 0 15px 0; border: 1px solid #DADFE1;}
#content .product-content ul.grid .grid-cell span.title {float:left;clear:left;line-height:18px;margin-left:5px;}
#content .product-content ul.grid li {display:block;margin: 0 0 20px 0;padding:0;float:left;list-style-type: none;}
#content .product-content ul.grid li.first .grid-cell {border-left:none;clear:both;}
#content .product-content ul.grid .grid-cell {min-height:200px;}

#content #map {margin: 10px 0 10px 0; width: 690px; height: 350px;}
#content #contact-details {padding: 20px 0 0 0;margin: 0 0 30px 0; clear:left;border-bottom: 1px solid #e4e3e3;float:left;width:100%;}
#content #contact-details p.title {font-weight: bold;}
#content #contact-details p.title a {color:#5A5A5A;}
#content div.contact-row {width: 100%;float:left;clear:left;margin:0 0 20px 0;}
#content div.contact-column {width: 50%;float:left;min-height: 220px;}

#content #branches {margin: 10px 0 0 0; float: left; width: 100%;}
#content #branches .branch {margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px dashed #e4e3e3; float: left; width: 100%;}
#content #branches .branch .country-title {float: left; text-transform: uppercase; font-size: 15px; color: #10a4dd; width: 100%;}
#content #branches .branch .country-details {float: left; margin: 20px 0 0 0; width: 100%; display: none;}
#content #branches .branch .country-details ul {float: left; margin:0 0 -30px 0; padding: 0; width:100%;}
#content #branches .branch .country-details ul li {float: left; list-style: none; margin: 0 0 30px 0; padding: 0; width: 50%;}

#content .feedback-row {float:left;clear:left;width:100%;margin:0 0 10px 0;}
#content .feedback-column {float:left;width:270px;padding-right:40px;}
#content #feedback-form span.mandatory {color:#ff0000;font-size:10px;vertical-align: super;}
#content #feedback-form label {width:100%;float:left;clear:left;height: 25px;vertical-align:bottom;}
#content #feedback-form input, #content #feedback-form textarea, #content #feedback-form select {width:100%;clear:left;float:left;padding: 5px; border: 1px solid #B7B7B7;margin:5px 0 0 0;}
#content #feedback-form input.button {width:90px;margin-top: 10px;}
#content #feedback-form input.button:hover {background: #10a4dd;}

#content .calc-row {float:left;clear:left;width:100%;margin:0 0 10px 0;}
#content .calc-column {float:left;width:270px;padding-right:40px;}
#content .calc-column-full {float:left;width:100%;}
#content #calc-form {margin-bottom: 50px;}
#content #calc-form span.mandatory {color:#ff0000;font-size:10px;vertical-align: super;}
#content #calc-form label {width:100%;float:left;clear:left;height: 25px;vertical-align:bottom;}
#content #calc-form input, #content #calc-form textarea, #content #calc-form select {width:175px;padding: 5px; border: 1px solid #B7B7B7;margin:5px 0 0 0;}
#content #calc-form input.button {width:90px;}
#content #calc-form input.button:hover {background: #10a4dd;}
#content .calc-results input {width:175px;padding: 5px; border: 1px solid #B7B7B7;margin:5px 0 0 0;}

#content table.results th {padding: 10px 10px; background: #e8e8e8;}
#content table.results td {padding: 10px 10px;}

#content td.aleft {text-align:left;}
#content td.acenter {text-align:center;}

#content table.results tr:nth-child(odd) td{background: #f7f7f7;}
#content table.results tr:nth-child(even) td{background: #fbfbfb;}
#content table.results img {display: inline;}

#content #product-family-dropdown {margin: 0 0 15px 0;}
#content #product-family-dropdown .dropdown {border: 1px solid #a1a3a4; padding: 5px; color: #484848; width: 237px; float: left;}

#content .red {color: #F00 }
#content .note {font-size: 12px;}

#content ul.tabs {margin: -5px 0 30px 0; padding: 0; border-bottom: 1px solid #DADFE1;}
#content ul.tabs li {display: table-cell; border-left: 1px solid #DADFE1; padding: 10px 20px;}
#content ul.tabs li.first {border-left: none;}
#content ul.tabs li a {font-size: 16px; color: #5a5a5a;}
#content ul.tabs li a.active {font-weight: bold;}

#content table.calculate {float:left;clear:left;margin: 0 0 20px 0;}
#content table.calculate tr td {padding: 5px}
#content #calc-form hr {margin: 20px 0 10px 0; float: left;}
#content #calc-form h4 {float:left;margin: 20px 0 0 0;}

#content #sitemap a {color: #5a5a5a;}

#footer-wrapper {color:#282828;border-top:5px solid #99ccff;background:#e8e8e8;font-size:14px;text-align:center;margin:0 auto;width:100%;}
#footer {position:relative;text-align:left;}
.footer-wgt {width:170px;margin:40px 0;}
.footer-wgt li {padding:3px 0;display:block;}
.footer-wgt h6 a {color:#5a5a5a; font-size: 16px; font-weight: 600;}

.footer-wgt-nav {width:100%;padding:0 5px 0 0;}
.footer-contact {width:280px;margin:40px 0;}
.footer-contact-logo {float:left;}
.footer-contact-details {float:left; padding: 0 0 0 25px; font-size: 12px;}
#copyright {background-color: #616161; color:#fff;padding:15px;text-align:center;font-size:11px;}

a.slidesjs-play, a.slidesjs-stop {display:none;}

#recaptcha_widget_div {clear:left; padding-top: 5px;}
#recaptcha_response_field {margin-bottom: 8px !important;border: 1px solid #a1a3a4 !important;}
.success {color:#669933;font-weight:bold;}
.fail {color:#ff0000;font-weight:bold;}
.field-validation-error {color:#ff0000;clear:left;float:left;padding: 5px 0 0 0; font-size: 12px; font-weight: bold;width:100%;}

#error {min-height: 400px; text-align: center;}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.white-popup ul,
.white-popup ol 
{
    padding-left: 20px;
}

#cross-winding .core .core-details {display: none;}

.other-nav .active { font-weight: bold; }

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}