/* @group reset.css */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* @end */

/* @group global.css */
.clearfix:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  line-height: 0;
}
.hidden {display: none;}
/* @end */

html {
  background: #fff url("/i/html-bg-b.png") no-repeat 50% 100%;
}
body {
  font: .75em/1.5 Tahoma, sans-serif;
  min-height: 100%;
  color: #000;
  background: url("/i/body-bg-t.png") no-repeat 50% 0;
}

a {color: #0061a9;}

/* @group Layout */
.container {
  min-width: 995px;
  max-width: 1225px;
  min-height: 100%;
  margin: 0 auto;
}
.main-container {
  float: right;
  width: 100%;
  margin-left: -255px;
}
.main-container .main {
  margin-left: 255px;
  padding: 30px 28px 0 0;
}
.sidebar {
  display: inline;
  float: left;
  width: 197px;
  margin-left: 28px;
  padding: 30px 0 15em;
}
/* @end */

/* @group Header */
.header {
  position: relative;
  min-height: 187px;
  padding: 0 58px 0 28px;
  background: url("/i/header-bg-t.jpg") no-repeat 50% 0;
}
.header .btf {
  position: absolute;
  z-index: 90;
  top: 41px;
  left: 218px;
}
.header .btf a {
  display: block;
  overflow: hidden;
  width: 11px;
  height: 0;
  padding-top: 9px;
  background: url("/i/btf-bg.gif") no-repeat;
}
.header .branding {
  position: relative;
  float: left;
  width: 227px;
}
.header .branding p {padding: 42px 0 0 30px;}
.header .branding a {
  display: block;
  overflow: hidden;
  width: 141px;
  height: 0;
  padding-top: 97px;
  background: url("/i/logo-bg.png") no-repeat;
}
.header .wrap {
  overflow: hidden;
}
.header .misc .tagline {
  float: left;
  width: 66%;
}
.header .misc .tagline p {
  font-size: 200%;
  padding: 36px 0 15px 30px;
  line-height: 1.167;
}
.header .misc .service-nav {
  float: left;
  width: 33%;
}
.header .misc .service-nav ul {
  padding: 40px 0 0 30px;
}
.header .misc .service-nav ul li {
  position: relative;
  margin-bottom: 4px;
  margin-left: -17px;
  padding-left: 17px;
  background-position: 0 50% !important;
}
.header .misc .service-nav ul .sn-1 {background: url("/i/sn-1-bg.gif") no-repeat;}
.header .misc .service-nav ul .sn-2 {background: url("/i/sn-2-bg.gif") no-repeat;}
.header .misc .service-nav ul .sn-3 {background: url("/i/sn-3-bg.gif") no-repeat;}
.header .contacts li {
  float: left;
  width: 33%;
  color: #606060;
}
.header .contacts li dl {padding: 10px 0 20px 30px;}
.header .contacts li dt {font-weight: bold;}
/* @end */

/* @group Footer */
.footer-space {
  position: relative;
  clear: both;
  height: 197px;
}
.footer {
  position: relative;
  min-width: 995px;
  max-width: 1200px;
  height: 197px;
  margin: -197px auto 0;
  background: url("/i/footer-bg-b.jpg") no-repeat 50% 100%;
}
.footer .branding {
  position: absolute;
}
.footer .branding p {padding: 30px 0 0 60px;}
.footer .misc {
  padding: 38px 58px 0 255px;
}
.footer .misc .copyright {
  position: relative;
  margin: 0 0 10px;
}
.footer .misc .copyright span {
  position: absolute;
  margin-left: -1.4em;
}
.footer .misc .campell {
  float: left;
  width: 33%;
}
.footer .misc .campell a {
  display: block;
  margin: 0 30px;
  padding-left: 42px;
  background: url("/i/campell-bg.gif") no-repeat 0 50%;
}
.footer .misc ul {
  float: left;
  width: 66%;
}
.footer .misc ul li {
  display: inline;
  margin-right: 8px;
}
.footer .misc .counters {
  clear: left;
  padding-top: 15px;
}
.footer .misc .counters img {
  float: left;
  margin-right: 20px;
}
.footer .misc .counters,
.footer .misc ul,
.footer .misc .copyright {
  position: relative;
  left: -79px;
}
/* @end */

/* @group Navigation */
.nav {
  overflow: hidden;
  margin: 0 11px;
}
.nav ul {
  display: table;
  width: 100%;
}
.nav li {
  display: table-cell;
  overflow: hidden;
  width: 14%;
  height: 63px;
  background: url("/i/nav-bg-tilex.png") repeat-x;
}
.nav li a {
  display: block;
  height: 42px;
  margin-top: 7px;
  text-align: center;
  line-height: 42px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  text-shadow: rgba(0, 0, 0, .3) -1px -1px 0;
}
.nav li a:hover,
.nav li a.act {background: url("/i/nav-act-bg-tilex.png") repeat-x 0 -7px;}
.nav .first {
  width: 15%;
  text-indent: 17px;
  background: url("/i/nav-first-bg.png") no-repeat 0 0;
}
.nav .first span {
  padding-left: 0;
  background: none;
}
.nav .last {
  width: 15%;
  text-indent: -17px;
  background: url("/i/nav-last-bg.png") no-repeat 100% 0;
}
.nav .first a:hover,
.nav .first a.act {
  background: url("/i/nav-first-act-bg.png") no-repeat 0 -7px;
}
.nav .last a:hover,
.nav .last a.act {
  background: url("/i/nav-last-act-bg.png") no-repeat 100% -7px;
}
.nav li span {
  display: block;
  padding-left: 2px;
  background: url("/i/nav-sep-bg.png") no-repeat 0 -7px;
}
/* @end */

/* @group Box */
.cb {
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 50px;
}
.cb-i {padding: 0 29px 9px;}
.cb h1,
.cb h2,
.cb .cb-title {
  position: relative;
  display: inline-block;
  margin: 0 0 15px -10px;
  padding: 0 10px;
  background: #fff;
}
.cb h1,
.cb h2,
.cb h1.cb-title,
.cb h2.cb-title,
.cb span.cb-title {
  font-size: 200%;
  line-height: 1.25em;
  margin-top: -.625em;
}
.cb h3.cb-title {
  font-size: 150%;
  line-height: 1.222em;
  margin-top: -.611em;
}
.cb h2,
.cb h2.cb-title,
.cb h3.cb-title {color: #909090;}

.cb-more {
  font-weight: bold;
  position: relative;
  top: .7em;
  display: inline-block;
  float: right;
  margin-top: -1.5em;
  margin-right: 20px;
  padding: 0 10px;
  background: #fff;
}
/* @end */

/* @group Content */
.content ol { margin:0 0 0 20px; }
.content ol li { list-style: decimal; }
.content ul,
.content ol,
.content p {
  margin-bottom: 1.25em;
}
.content ul li {
  margin-bottom: .4em;
}
.content h2,
.content h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
.content h2 {
  font-size: 150%;
  font-weight: normal;
  color: #909090;
  margin-bottom: .5em;
}
.content strong {font-weight: bold;}
.content em {font-style: italic;}
.content table {
  width: 100%;
  margin-bottom: 15px;
}
.content table td,
.content table th {
  font-weight: normal;
  padding: .5em 20px;
  vertical-align: top;
  border: 1px solid #e8e8e8;
}
.content table th {background: #f6f6f6;}

.content table.specs thead th,
.content table.specs tbody td {text-align: center;}
.content table.specs tbody td {vertical-align: middle;}

.content .columns {
  position: relative;
  margin-left: -30px;
}
.content-reset ul li {
  list-style: disc;
  margin-left: 2em;
}
.content-reset ol li {
  list-style: decimal;
  margin-left: 2em;
}
/* @end */

/* @group Products */
.products-inner .columns .image {
  float: left;
  width: 66%;
}
.products-inner .columns .image p {padding-left: 30px;}
.products-inner .aside {
  float: left;
  width: 33%;
}
.aside .information {
  position: relative;
  margin: 0 -15px 15px;
  background: #f6f6f6;
}
.aside .information ul {
  margin-bottom: 0;
  padding: 12px 15px 8px;
}
.products-inner .aside .order {
  font-weight: bold;
}
.products-inner .aside .order a {color: #4ac02a;}
/* @end */

/* @group Corners */
.rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
span.rounded {display: block;}
.border .rounded {border: 1px solid #e8e8e8;}
/* @end */

/* @group List */
.common-list {
  margin: 5px 0 0 -30px !important;
}
.common-list li {
  display: inline-block;
  width: 223px;
  vertical-align: top;
  margin-bottom: 1.9em !important;
  background:none !important;
}
.common-list .cl-i {padding-left: 30px;}
.common-list .cl-i p {margin-bottom: 0;}
.common-list li h3 {margin-bottom: 0;}
.common-list .cl-i .image {margin-bottom: .7em;}
.common-list.colors .image {margin-bottom: 8px;}
.common-list-large h3,
.common-list-large span {
  font-size: 150%;
  line-height: 133.3%;
  font-weight: normal;
  margin-bottom: .1em !important;
}
.text-list {
  overflow: hidden;
}
.text-list li {
  position: relative;
  margin-top: -1px;
  margin-bottom: .71em !important;
}
.text-list li p {
  margin-left: 30px;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 0;
  padding: .7em 0;
}
/* @end */

/* @group Contacts */
.columns .contacts {
  float: left;
  width: 66%;
}
.columns .contacts ul {padding-left: 30px;}
.columns .aside {
  float: left;
  width: 33%;
}
.columns .aside ul .sn-1,
.columns .aside ul .sn-2 {
  padding-left: 34px !important;
}
.columns .aside ul .sn-1 {background: url("/i/sn-1-bg.gif") no-repeat 17px 50%;}
.columns .aside ul .sn-2 {background: url("/i/sn-2-bg.gif") no-repeat 17px 50%;}
/* @end */

/* @group Download */
.download-catalogue {
  position: absolute;
  top: -52px;
  left: 28px;
  width: 197px;
  margin-top: -11em;
}
.download-catalogue .cb-i {
  height: 11em;
  padding: 0 20px 0 29px;
}
.download-catalogue dl {
  position: relative;
  padding-left: 42px;
  line-height: 133.3%;
}
.download-catalogue dl dt {
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 24px;
}
.download-catalogue dl dt img {
  position: absolute;
  left: -4px;
}
.download-catalogue dl dd {color: #909090;}
/* @end */

/* @group Section nav */
.sidebar .cb {margin-bottom: 40px;}
.sidebar h3 a {color: #4ac02a;}
.section-nav ul li {
  margin-bottom: .8em;
}
.section-nav ul li.cur, .section-nav ul li.sel {
  position: relative;
  margin-left: -14px;
  padding-left: 14px;
  background: url("/i/section-nav-bullet-bg.gif") no-repeat 0 .5em;
}

.section-nav ul li.hid ul {
	display: none;
}
.section-nav ul li.cur ul {
  margin-top: .4em;
  padding-left: 10px;
}
.section-nav ul li.cur ul li {margin-bottom: .4em;}
.section-nav .act,
.section-nav .act a {color: #909090 !important;}
.section-nav .o a {color: #4ac02a;}
/* @end */

/* @group Misc */
.additional .cb-title,
.additional .cb-more a {
  color: #4ac02a !important;
}
/* @end */

/* @group Banners */
.banners span,
.banners strong,
.banners img {
  display: block;
}
.banners li {margin-bottom: 40px;}
.banners a {
  position: relative;
  display: block;
  overflow: hidden;
  width: 197px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.banners .image {
  position: relative;
  z-index: 5;
}
.banners .image-cn-t,
.banners .image-cn-b,
.banners .cn-b {
  position: absolute;
  z-index: 10;
  left: 0;
  overflow: hidden;
  width: 197px;
}
.banners .image-cn-t {
  top: -5px;
  height: 10px;
  background: url("/i/banners-cn-bg.png") no-repeat;
}
.banners .image-cn-b {
  width: 197px;
  height: 5px;
  margin-top: -5px;
}
.banners .cn-b {
  position: relative;
  height: 5px;
  margin-top: -5px;
  background: url("/i/banners-cn-bg.png") no-repeat;
}
.banners .body {
  padding: 15px 22px;
}
.banners .title {
  font-size: 160%;
  font-weight: normal;
  margin-bottom: .2em;
  line-height: 120%;
  text-decoration:underline;
}
.banners .green .image-cn-b {background: url("/i/banners-cn-green-bg.png") no-repeat;}
.banners .blue .image-cn-b {background: url("/i/banners-cn-blue-bg.png") no-repeat;}
.banners .green .body {background: url("/i/banners-green-bg.jpg") no-repeat;}
.banners .blue .body {background: url("/i/banners-blue-bg.jpg") no-repeat;}
/* @end */

/* @group Specials */
.specials .specials-columns {margin-bottom: 1.2em;}
.specials .image-note {
  position: relative;
  float: left;
  overflow: hidden;
  width: 454px;
  margin: .3em 30px 1.2em 0;
}
.image-note a {
  text-decoration: none;
  color: #fff;
}
.image-note a,
.image-note a * {
  display: block;
  cursor: pointer;
}
.image-note .in-cn {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 10px;
  height: 10px;
  background: url("/i/star-bg.png") no-repeat;
}
.image-note .in-cn.in-tl,
.image-note .in-cn.in-tr,
.image-note .in-cn.in-bl,
.image-note .in-cn.in-br {
  top: -5px;
  left: -5px;
}
.image-note .in-cn.in-bl,
.image-note .in-cn.in-br {
  top: auto;
  margin-top: -5px;
}
.image-note .in-cn.in-tr,
.image-note .in-cn.in-br {
  margin-left: 100%;
}
.image-note .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
  background: #000;
}
.specials .image-note .overlay-i {
  padding: 11px 45px 15px;
}
.specials .image-note .overlay-i strong {
  font-size: 166.7%;
  font-weight: normal !important;
}
.specials .image-note .overlay-i span {font-weight: bold;}
.specials .image-desc {
  overflow: hidden;
}
.specials .image-desc h3 {margin-bottom: 0;}

.specials-list li {
  overflow: hidden;
  margin-bottom: 1.2em !important;
  background:none !important;
}
.specials-list li h3 {
  font-size: 150%;
  font-weight: normal;
  float: left;
  margin-right: .5em;
  margin-bottom: 0 !important;
  color: #909090;
}
.specials-list li p {
  display: block;
  overflow: hidden;
  margin-bottom: 0 !important;
  padding-top: .5em;
}
.specials-list .image-note {
  margin: 1.8em 0 !important;
  float: none;
}

.specials-item h2 {
  font-size: 150%;
  font-weight: normal;
  color: #4ac02a;
}
/* @end */

/* @group Colors */
.colors h2 {
  font-size: 150%;
  font-weight: normal;
  color: #909090;
  margin-bottom: .5em;
}
.colors-item {
  margin-bottom: 2em;
}
/* @end */

/* @group Solutions */
.solutions .image-note {
  position: relative;
  overflow: hidden;
  width: 650px;
  margin: .3em 30px 1.2em 0;
}
.solutions .image-note .overlay-i {
  padding: 11px 30px 15px;
}
.solutions .image-note .overlay-i strong {
  font-size: 166.7%;
  font-weight: normal !important;
}
.content ul li,
.solutions-item ul li {
  padding-left: 11px;
  background: url("/i/ul-bg.gif") no-repeat 0 .6em;
}
.solutions-item .more {
  font-size: 166.7%;
  margin-bottom: 40px;
}
.solutions-item .more a {color: #4ac02a;}
.solutions-item h2,
.about h2 {
  font-size: 150%;
  font-weight: normal;
  color: #909090;
  margin-bottom: .5em;
}
/* @end */

/* @group Reference */
.reference-list dt {font-size: 150%;}
.reference-list dd {margin-bottom: 1.2em;}
/* @end */

/* @group Contacts */
.cb.contacts h3 {margin-bottom: .3em;}
.cb.contacts dl {margin-bottom: 1.2em;}
.cb.contacts dt {
  float: left;
  clear: left;
  margin-right: .3em;
}
.cb.contacts dd {
  overflow: hidden;
  margin-bottom: .3em;
}
.cb.contacts .map {
  float: left;
  width: 33%;
}
.cb.contacts .map-i {padding-left: 30px;}
.cb.contacts .map p {margin-bottom: .7em;}
.cb.contacts .columns .left {
  float: left;
  width: 66%;
}
.cb.contacts .columns .left h3,
.cb.contacts .columns .left dl {
  padding: 0 30px;
}
/* @end */

/* @group News */
.news-list .item {
  overflow: hidden;
  margin-bottom: 25px;
}
.news-list .item .image {
  float: left;
  margin: .3em 28px 0 0;
}
.news-list .item h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 122.2%;
}
.news-list .item p,
.news-list .item ul {
  margin-bottom: 0;
  margin-top: .5em;
}
.news-list .item .date {color: #909090;}
/* @end */

/* @group Form */
.form .row {
  margin-left: 13.75em;
  margin-bottom: 1em;
}
.form .row label {
  position: relative;
  left: -13.75em;
  float: left;
  width: 13.75em;
  margin-right: -13.75em;
}
.form .row input {width: 60%;}
.form .row textarea {
  font-family: Tahoma, sans-serif;
  width: 99%;
}
.form .submit input {
  width: auto !important;
}
.form .submit {padding-top: 1em;}
/* @end */