@import url(reset.css);

/* body & type
 --------------------------------- */

body { background: #f6f7f9; color: #000; font: 11px/16px Tahoma, Arial, Verdana sans-serif; width: 100%; height: 100%; }
a, a:link, a:active a:visited  { cursor: pointer; text-decoration: none; color: #00313f; }
a:hover { text-decoration: underline; }
h2 { font-size: 36px; font-weight: normal; color: #00313f; text-align: right; padding: 0 24px 0 0; line-height: 36px; margin: 10px 0; }
h3 { font-size: 11px; font-weight: normal; color: #fff; }
ul { list-style: none; }
table { border-spacing: 0; width: 100%; }
ul { border-collapse: collapse; }
li { border-collapse: collapse; }

.txt { line-height: 18px; color: #999; }
.txt ul { list-style: disc;	margin: 10px 0 10px 20px; }
.txt ul ul { list-style:none; }
.txt p { margin: 0 0 15px 0; }
.txt img { margin: 10px; }
.txt table { border-collapse: collapse; }
.txt table td, .txt table th { vertical-align: top; }
table.edit td, table.edit th { vertical-align: center; padding: 2px; }
.txt table.list th { background: #E6E6E6; color: #003A4A; }
table.sap td, table.sap th { border: 1px solid #666; text-align: center; padding: 5px; }
table.sap td img { margin: 0px; }
.gray { color: #ccc; }
.flags { border: 1px solid #bbb; }
#tipDiv {  z-index: 1000; padding: 5px 10px 5px 10px; font-size: 11px; color:#003A4A; border: 1px solid #003A4A; background-color: #e6e6e6; left: 0px; visibility: hidden; width: 200px; position: absolute; top: 0px; text-align: left }
#tipDiv2 {  z-index: 1000; padding: 5px 10px 5px 10px; font-size: 10px; color:#003A4A; border: 1px solid #003A4A; background-color: #e6e6e6; left: 0px; visibility: hidden; width: 200px; position: absolute; top: 0px; text-align: left }
#tipDiv3 {  z-index: 1000; padding: 5px 10px 5px 10px; font-size: 11px; color:#003A4A; border: 1px solid #003A4A; background-color: #fff; left: 0px; visibility: hidden; width: 200px; position: absolute; top: 0px; text-align: left }
#tipDiv3 .prsymbol { float:left;text-align: center;font-size:11px; line-height: 18px; background: #00abbd; color: #fff; padding: 10px 10px; font-weight: bolder; margin: 0 10px 0 0;}
.extradesc { padding-bottom: 10px; }
.extradescpic { float: right; margin: 0px 0px 10px 10px;}
/* global
 --------------------------------- */

.clr { clear: both; }
.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.left { float: left; }
.right { float: right; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }

/* forms
 --------------------------------- */

label { font-weight: normal;  color: #000; font-size: 12px; }
input[type=text], input[type=password] { font-family: Tahoma; font-size: 11px; color: #393027; height: 25px; line-height: 25px; text-indent: 5px; background: url(input.png) 0 0 no-repeat; }
.error input[type=text], .error input[type=password] { background-position: bottom; }
input[type="button"], input[type="submit"] { font-family: Tahoma; font-size: 11px; cursor: pointer; color: #fff; text-shadow: 1px 1px 1px #008795; text-align: center; font-weight: bold; vertical-align: middle; padding: 0 0 3px 0; }
select { height: 25px; color: #5c5c5c; font-size: 12px; font-family: Tahoma; padding: 3px 5px; color: #292d34; }
textarea { padding: 5px 0; border: none; resize: none; text-indent: 5px; font-family: Tahoma; font-size: 12px; }

/* homepage layout
 --------------------------------- */

#wraper { margin: 0 auto 50px auto; width: 988px; }
#top { background: url(top-bg.png) 0 0 no-repeat; padding: 0 24px; margin-bottom: 15px; height: 208px; position: relative; z-index: 3; }
#logo a { display: block; background: url(marcopol-logo.png) 0 0 no-repeat; width: 282px; height: 52px; position: absolute; top: 27px; left: 24px; text-indent: -9999px; }

#top-nav { float: right; height: 20px; width: 550px; margin-top: 15px; }
#top-nav ul { display: block; float: right; }
#top-nav li { display: block; float: left; height: 20px; line-height: 20px; }
#top-nav li.signin { margin-left: 30px; }
#top-nav li span { color: #ccc; margin: 0 5px 0 0; }
#top-nav li a { margin: 0 5px 0 0; line-height: 20px; }
#top-nav li.signin a { display: block; float: left; background: url(signin-ico.png) 0 center no-repeat; height: 20px; line-height: 20px; padding: 0 0 0 20px; font-weight: bold; color: #0097a7; text-decoration: underline; }
#top-nav li.signin a:hover { text-decoration: none; }

#search { height: 30px; line-height: 30px; position: absolute; top: 50px; right: 24px; width: 450px; z-index:9999;}
#search fieldset { float: right; }
#search label { margin: 0 10px 0 0; color: #00313f; font-weight: bold; float: left; }
#search input[type=text] { width: 218px; height: 30px; line-height: 30px; text-indent: 30px; background: url(search-input.png) 0 0 no-repeat; color: 666; border: none; float: left; }
#search input[type=submit],#search input[type=button] { width: 62px; height: 30px; line-height: 30px; background: url(search-btn.png) 0 0 no-repeat; color: fff; border: none; float: left; }
#search .advanced { text-transform:lowercase;display: block; position: absolute; top: 25px; left: 180px; color: #00abbd; text-decoration: underline; }
#search .advanced:hover { text-decoration: none; }

#advanced-search { display: none; position: absolute; top: 35px; right: -10px; background: url(advanced-search.png) 0 0 no-repeat; width: 310px; height: 197px; z-index: 999; }
#advanced-search ul { width: 263px; padding: 0 0 0 20px; }
#advanced-search ul li { margin: 0 0 5px 0; line-height: 25px; overflow: hidden; }
#advanced-search legend { font-weight: bold; color: #00313f; padding: 5px 0 5px 20px; }
#advanced-search select { width: 263px; }
#advanced-search select.short { width: 123px; }
#advanced-search a { color: #00abbd; text-decoration: underline; }
#advanced-search a:hover { text-decoration: none; }

#animacjadiv { width: 980px; height: 330px; margin: 0px auto 15px;} 

#main-nav { position: absolute; bottom: 9px; left: 24px; width: 944px; height: 95px; z-index:1000; }
#main-nav>ul { z-index: 3; }
#main-nav>ul>li { display: block; float: left; width: 170px; height: 35px; position: relative; margin: 0 1px 0 0; z-index: 3; }
#main-nav>ul>li>a { display: block; width: 170px; height: 35px; line-height: 35px; position: relative; background: url(category-sprite.png) 0 0 no-repeat; text-align: center; position: absolute; top: 2px; left: 0; }
#main-nav>ul>li.active { z-index: 10; }
#main-nav>ul>li.active>a { background-position: top right; color: #013237; font-weight: bold; }

#main-nav .subnav { display: block; width: 944px; height: 68px; background: url(main-nav-bg.png) 0 0 repeat-x; position: absolute; top: 32px; left: -2px; z-index: 3; }
#main-nav .subnav>ul { margin: 13px 0 5px 0; height: 50px; }
#main-nav .subnav>ul>li { display: block; float: left; height: 50px; padding: 0 5px; background: url(subnav-sep.png) bottom right no-repeat; position: relative; z-index: 3; }
#main-nav .subnav>ul>li.last { padding: 0 5px; background: none; }
#main-nav .subnav>ul>li>a { display: block; float: left; height: 45px; padding: 5px 4px 0 5px; }
#main-nav .subnav>ul>li.active>a { background: url(subnav-hover.png) 0 0 no-repeat; text-decoration: none;}
#main-nav .subnav>ul>li>a>span.right-side { display: none; height: 50px; width: 5px; background: url(subnav-right-side.png) 0 0 no-repeat; position: absolute; top: 0; right: -1px; display: none; margin: 0 5px 0 0 ; }
#main-nav .subnav>ul>li:hover>a { background: url(subnav-hover.png) 0 0 no-repeat; text-decoration: none; }
#main-nav .subnav>ul>li:hover .right-side { display: block; }
#main-nav .subnav>ul>li.active .right-side { display: block; }
#main-nav .subnav>ul>li:hover strong { color: #00313f; }
#main-nav .subnav>ul>li:hover .drop { display: block; }
#main-nav .subnav>ul>li:hover .drop_short { display: block; }
#main-nav .subnav>ul>li:hover .drop>ul>li:hover .drop2 { display: block; }
#main-nav .subnav>ul>li:hover .drop>ul>li:hover .drop3 { display: block; }
#main-nav .subnav>ul>li strong { color: #00abbd; text-transform: uppercase; }
#main-nav .subnav>ul>li span { color: #fff; }

#main-nav .subnav .drop { position: absolute; top: 50px; left: 4px; background:  url(drop.png) top right repeat-y; padding: 15px 20px 5px 15px; width: 334px; display: none; z-index: 3; }
#main-nav .subnav .drop .bottom { position: absolute; bottom: -13px; right: 0; background: url(drop-bottom.png) top right no-repeat; height: 13px; width: 369px; }

#main-nav .subnav .drop.short { position: absolute; top: 50px; left: 4px; background:  url(drop_short.png) top right repeat-y; padding: 15px 20px 5px 15px; width: 179px; display: none; z-index: 3; }
#main-nav .subnav .drop.short .bottom { position: absolute; bottom: -13px; right: 0; background: url(drop_short-bottom.png) top right no-repeat; height: 13px; width: 214px; }


#main-nav .subnav .drop.norm { width: 94px; }
#main-nav .subnav .drop.norm .bottom { width: 129px;}

#main-nav .subnav .drop .col { width: 155px; overflow: hidden; }
#main-nav .subnav .drop .col h3 { color: #fff; font-size: 11px;  font-weight: bold; margin: 0 0 3px 0; }
#main-nav .subnav .drop .col ul { padding: 0 0 0 10px; margin: 0 0 15px 0; }
#main-nav .subnav .drop .col li { margin: 0 0 2px 0; }
#main-nav .subnav .drop .col a { color: #fff; }

#main-nav .subnav .drop2 { position: absolute; top: 0px; left: 100px; background:  url(drop.png) top right repeat-y; padding: 15px 20px 5px 15px; width: 334px; display: none; z-index: 3; }
#main-nav .subnav .drop2 .bottom { position: absolute; bottom: -13px; right: 0; background: url(drop-bottom.png) top right no-repeat; height: 13px; width: 369px; }

#main-nav .subnav .drop3 { position: absolute; top: 0px; left: 100px; background:  url(drop4.png) top right repeat-y; padding: 15px 20px 5px 15px; width: 634px; display: none; z-index: 3; }
#main-nav .subnav .drop3 .bottom { position: absolute; bottom: -13px; right: 0; background: url(drop4-bottom.png) top right no-repeat; height: 13px; width: 669px !important; }


#main-nav .catalog .subnav { left: -173px; }
#main-nav .catalog .subnav>ul>li>a>strong { font-size: 12px; }
#main-nav .catalog .white { color: #fff; }
#main-nav .subnav .drop { display: none; }

#main-nav .marketer .subnav { left: -346px; }

#main-nav .catalog .item-list li { border-bottom: 1px dotted #73c9d2; background: url(main-nav-arrow.png) 10px center no-repeat; text-indent: 30px; padding: 5px 0; }
#main-nav .catalog .item-list li.last { border: none; }
#main-nav .catalog .item-list a { color: #fff; }

#content { background: #fff url(content.png) 0 0 repeat-y; position: relative; padding: 15px 0; width: 988px; }
#content .in { padding: 0 24px; }
#content .top { background: url(content-top.png) 0 0 no-repeat; height: 10px; position: absolute; top: 0; left: 0; width: 988px; }
#content .bottom { background: url(content-bottom.png) 0 0 no-repeat; height: 9px; position: absolute; bottom: -5px; left: 0; width: 988px; }

.breadcrumbs { margin: 0 0 15px 0; }
.breadcrumbs ul { overflow: hidden; display: block; height: 20px; }
.breadcrumbs li { display: block; float: left; color: #000; margin: 0 5px 0 0; }
.breadcrumbs li a { color: #000; }
.breadcrumbs li span { margin: 0 5px 0 0px; }
.breadcrumbs li img { margin: 0 3px 0 0; }
.breadcrumbs li:last-child a { color: #0097a5; font-weight: bold; }

#content .col { float: left; width: 300px; margin: 0 20px 0 0; }
#content .col.last { margin: 0; }

#content .col.short { width: 220px; margin: 0; }
#content .col.wide { width: 450px; min-height: 200px; padding: 0 25px; margin: 0; }
#content .col.wider { width: 670px; min-height: 200px; padding: 0 25px; margin: 0; }
#content .col.widest { width: 700px; float: right; margin: 0; }

#content .col .box { border-color: #e6e6e6; border-width: 0 1px 1px 1px; border-style: solid; padding: 10px; margin: 0 0 10px 0; }
#content .col .box.category-list { margin: 0 0 30px 0; }
#content .col .box.last { margin: 0; }
#content .col.right .box ul li { background: url(pointer.png) 0 center no-repeat; text-indent: 20px; margin: 0 0 3px 0; }
#content .col.right .box ul li a { color: #000;  }
#content .col.right select { width: 140px; }
#content .col h3 { height: 40px; background: url(content-title.png) 0 0 no-repeat; line-height: 40px; font-size: 12px; text-indent: 45px; font-weight: bolder; }
#content .col.short h3 { background: url(title-short.png) 0 0 no-repeat; }
#content .col h3.yellow { background: url(header-light.png) 0 0 no-repeat; }
#content .col h3.light { background: url(header-light.png) 0 0 no-repeat; }
#content .col h3.logobg { background: url(logo-bg.png) 0 0 no-repeat; }
#content .col h3.catalog { background: url(catalog-nav-header.png) 0 0 no-repeat; color: #00313F; overflow: hidden; }
#content .col h3 a { font-weight: normal;  float: right; font-size: 11px; margin: 0 30px 0 0; text-decoration: underline; }
#content .col h3 a.cat { float: none;height: 40px; color: #013237;line-height: 40px; font-size: 12px; font-weight: bolder; text-decoration: none; }
#content .col h3 span { float: left; }

#content .news .item { margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #aaa; }
#content .news .item.last { margin: 0; }
#content .news .item .photo { float: left; width: 65px; }
#content .news .item .photo span { color: #999; display: block; margin: 0 0 5px 0; }
#content .news .item .txt { float: right; width: 205px; }
#content .news .item .txt p { margin: 0; color: #000; line-height: 17px; }
#content .news .item .txt h4 a { color: #00313F; font-weight: normal; text-decoration: underline; }
#content .news .item .txt h4 a:hover { text-decoration: none; }

#content .article .news .item .photo { width: 115px; }
#content .article .news .item .txt { width: 475px; }
#content .article.sub .news .item .txt { width: 520px; }
#content .article .news .item .date { color: #999;}
#content .article .news.wider { padding:0px;}
#content .article .news.wider .item .txt { width: 100%; float:none;}
#content .article .news .item .txt h4 { font-size: 12px; margin-bottom: 5px;}
#content .article .news .item a { text-decoration: underline; font-size: 12px; color: #00ABBD; }
#content .article .box.news { border:none;}

#content .nav { width: 65px; height: 20px; position: absolute; bottom: 0; right: 0; }
#content .nav ul { float: right; }
#content .nav li { float: left; display: block; height: 20px; }
#content .nav li a { float: left; display: block; height: 20px; line-height: 20px; width: 20px; text-align: center; }
#content .nav li a.active { background: url(advice-active.png) 0 0 no-repeat; color: #fff; }

#content .advice { background: url(advice.jpg) 0 0 no-repeat; height: 108px; position: relative; }
#content .advice p { padding-left: 90px; }
 .more { display: block; background: url(more.png) 0 0 no-repeat; width: 43px; height: 13px; line-height: 11px; text-indent: 12px; color: #fff !important; font-size: 9px; margin: 5px 0 0 0; text-decoration: none !important; font-weight: normal !important; }
 .more:hover { text-decoration: none; }

#content .production { background: url(production.png) 0 0 no-repeat; position: relative; height: 150px; z-index: 1; }
#content .production p a { color: #0097a8; text-decoration: underline; display: block; margin: 0 0 10px 0; }
#content .production p img { float: left; margin: 10px 10px 10px 0; }

#content .btn { display: block; width: 103px; height: 26px; line-height: 26px; color: #fff; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #008795; background: url(btn.png) 0 0 no-repeat; }

#content .map { background: url(map.jpg) 0 0 no-repeat; height: 108px; }
#content .map p { font-size: 18px; color: #00313f; padding: 10px 0 0 10px; }
#content .map .btn { margin: 10px 0 0 10px; }

#content .box.products { border: none; padding: 0; }
#content .products ul { display: block; z-index: 2; }
#content .products>ul>li { display: block; height: 62px; background: url(products-item.png) 0 0 no-repeat; padding: 4px 3px; position: relative; z-index: 2; }
#content .products>ul>li>a { display: block; height: 50px; padding: 12px 0 0 0; background: url(products-link.png) 0 0 no-repeat; position: relative; text-indent: 15px; line-height: 20px; z-index: 2; }
#content .products>ul>li:hover>a { text-decoration: none; background-position: left bottom; color: #fff; }
#content .products>ul>li:hover>strong { color: #fff; }
#content .products>ul>li:hover>.arrow { background-position: left bottom; }
#content .products>ul>li>.arrow { display: block; height: 30px; width: 30px; background: url(products-arrow.png) 0 0 no-repeat; position: absolute; top: 16px; right: 15px; }
#content .products>li>strong { color: #00313f; font-size: 14px; }

#content .products li .connector { width: 26px; height: 62px; background: url(connector.png) 0 0 no-repeat; position: absolute; top: 4px; right: -23px; display: none; z-index: 11; }
#content .products li .sub { width: 302px; background: url(sub.png) 0 0 repeat-y; position: absolute; top: -35px; right: -321px; z-index: 10; display: none; }
#content .products li .sub .top { width: 302px; height: 6px; background: url(sub-top.png) 0 0 no-repeat; position: absolute; top: -6px; }
#content .products li .sub .bottom { width: 302px; height: 6px; background: url(sub-bottom.png) 0 0 no-repeat; position: absolute; bottom: -6px; }

#content .products .sub ul { display: block; padding: 5px 10px; }
#content .products .sub li { display: block; border-bottom: 1px solid #45bdc9; }
#content .products .sub li.last { border: none; }
#content .products .sub li a { display: block; padding: 15px 0; background: url(sub-arrow.png) 10px center no-repeat; padding-left: 55px; color: #fff; font-size: 13px; font-weight: bolder; }
#content .products .sub li a:hover { background-color: #45bdc9; text-decoration: none; }

#content .products li.first:hover .sub { display: block; }
#content .products li:hover .connector { display: block; }

#content .products li.second:hover .sub { display: block; top: -60px; }
#content .products li.third:hover .sub { display: block; top: -120px; }
#content .products li.fourth:hover .sub { display: block; top: -180px; }
#content .products li.fifth:hover .sub { display: block; top: -240px; }


.footer { padding: 20px 23px 0 23px; }
#content .sep { display: block; width: 978px; height: 3px; background: url(sep.png) 0 0 repeat-x; margin: 20px 0 0 5px; }

.footer .quick-contact { width: 275px; height: 110px; padding: 20px 0 0 20px; background: url(quick-contact.jpg) 0 0 no-repeat; z-index: 1; }
.footer .quick-contact h4 { font-size: 18px; margin: 0 0 4px 0; }
.footer .quick-contact { font-size: 14px; }
.footer .quick-contact li { margin: 0 0 2px 0; }
.footer .quick-contact a { font-size: 14px; }
.footer .quick-contact a:hover { text-decoration: none; }

#content .footer .quick-contact a.btn { font-size: 11px; margin: 8px 0 0 0; background: url(quick-contact-btn.png) 0 0 no-repeat; width: 150px; }

.footer .col h5 { border-bottom: 1px dotted #00abbd; color: #00313f; font-size: 11px; font-weight: bold; padding: 0 0 10px 0; margin: 0 0 10px 0; text-indent: 20px; }
.footer .col ul.list { padding: 0 0 0 20px; }
 ul.list li { background: url(pointer.png) 0 center no-repeat; text-indent: 20px; margin: 0 0 3px 0; }
 ul.list li a { color: #000; }

.footer .help { background: url(help.png) right center no-repeat; }
.footer .copyrights { margin: 0px 0 0 0; }
.footer .copyrights li { display: block; float: left; margin: 0 5px 0 0; }
.footer .copyrights li span { margin: 0 0 0 5px; color: #ccc; }


/* subpages layout
 --------------------------------- */

#content .article h4 { color: #00313F; font-size: 20px; margin: 0 0 20px 0; font-weight: normal; }
#content .article .txt { font-size: 12px; color: #000; line-height: 18px;text-align:justify; }

.form .message { background: #ffd5d5 url(caution.png) 15px center no-repeat; padding: 15px 20px; text-indent: 20px; font-size: 12px; color: #990000; border-color: #cc0000; border-style: solid; border-width: 1px 1px 3px 1px; margin: 0 0 20px 0; }
.form li { overflow: hidden; }
.form li.error {  }
.form li.error label { color: #cc0000; }
.form li.error input[type=text] { background-position: bottom; }
.form label { display: block; float: left; width: 130px; margin: 0 10px 0 0; text-align: right; line-height: 25px; }
.form input[type=text],.form input[type=password] { float: left; width: 303px; }
.form select { float: left; width: 303px; overflow: hidden; }
.form textarea { height: 115px; background: url(textarea.png) 0 0 no-repeat; width: 303px; float: left; display: block; overflow: hidden; }
.form input[type="submit"] { float: right; width: 106px; height: 47px; font-size: 20px; text-shadow: 1px 1px 1px #0090a0; background: url(submit.png) 0 0 no-repeat; margin: 0 13px 0 0; }
.form div { overflow: hidden; padding: 5px 0px;}
.form label.error { display:block; float:none;width: auto;margin:0px; color: #cc0000; text-align: right; padding: 5px 15px 0px 0; }

.side-nav>li { margin: 0 0 1px 0; }
.side-nav>li>a { display: table; padding: 0 15px 0 70px; background: #e6e6e6 url(side-arrow.png) 20px 0 no-repeat; height: 50px; display: block; color: #003a4a; font-weight: bold; font-size: 13px; *padding: 15px 15px 10px 70px; *height: 25px; }
.side-nav>li>a:hover { background-position: 20px -50px; background-color: #00abbd; text-decoration: none; color: #fff; }
.side-nav>li>a>span { display: table-cell; vertical-align: middle; height: 50px; }
.side-nav>li.active>a { background-position: 20px -100px; background-color: #00abbd; color: #fff; }

.side-nav>li>ul>li { border-color: #e6e6e6; border-style: solid; border-width: 0 1px 1px 1px; }
.side-nav>li>ul>li>a { height: 50px; display: table; *line-height: 50px; text-indent: 30px; *text-indent: 0; *padding-left: 30px; background: url(pointer.png) 10px center no-repeat; color: #00abbd; }
.side-nav>li>ul>li.active>a { font-weight: bolder; background: url(pointer90.png) 10px center no-repeat; }
.side-nav>li>ul>li>a>span { height: 50px; display: table-cell; vertical-align: middle; }

.side-nav>li>ul>li>ul { padding: 0 0 0 33px; margin: 0 0 20px 0; }
.side-nav>li>ul>li>ul a { color: #00abbd; display: block; background: url(pointer2.png) 0 center no-repeat; text-indent: 15px; }
.side-nav>li>ul>li>ul>li.active a { font-weight: bold; }

.side-nav>li>ul>li>ul { padding: 0 0 0 33px; margin: 0 0 20px 0; }
.side-nav>li>ul>li>ul a { color: #00abbd; display: block; background: url(pointer2.png) 0 center no-repeat; text-indent: 15px; }
.side-nav>li>ul>li>ul>li.active a { font-weight: bold; }

.catalog.side-nav { margin: 0 0 20px 0; }
.catalog.side-nav>li { margin: 0 0 1px 0; }
.catalog.side-nav>li>a { display: block; padding: 0 15px 0 35px; background: #dbdee3 url(catalog-tree.png) 10px 0 no-repeat; height: 50px; display: block; color: #023c4a; font-weight: bold; font-size: 13px; *padding: 15px 15px 10px 35px; *height: 25px; }
.catalog.side-nav>li>a:hover { background-position: 20px -50px; background-color: #00abbd; text-decoration: none; color: #fff; }
.catalog.side-nav>li>a>span { display: table-cell; vertical-align: middle; height: 50px; }
.catalog.side-nav>li>a { background-position: 10px -50px; color: #023c4a; }
.catalog.side-nav>li>a:hover { background-color: #dbdee3; text-decoration: underline; background-position: 10px -50px; color: #023c4a; }
.catalog.side-nav>li.active>a { background-position: 10px 0px; color: #023c4a; background-color: #00abbd; color: #fff; }
.catalog.side-nav>li.active2>a { background-position: 10px 0px;}
.catalog.side-nav>li.active>a:hover { background-color: #00abbd; text-decoration: underline; }

.catalog.side-nav>li>ul>li { border-color: #c5cbd3; border-bottom-color: #e6e6e6; border-style: solid; border-width: 0 1px 1px 1px; background: #f2f2f2; }
.catalog.side-nav>li>ul>li>a { height: 50px; display: block; *line-height: 50px; padding-left: 40px; text-indent: 0; background: #f2f2f2 url(catalog-tree.png) 20px -48px no-repeat; color: #00313f; font-size: 11px; }
.catalog.side-nav>li>ul>li.active>a { font-weight: bold; color: #fff; background-color: #00abbd; background-position: 20px 0px; }
.catalog.side-nav>li>ul>li.active2>a { font-weight: bolder; color: #00abbd; background-position: 20px -100px; }
.catalog.side-nav>li>ul>li>a>span { height: 50px; display: table-cell; vertical-align: middle; line-height: 20px; *padding: 15px 0 0 0; *height: 35px; *display: block; }

.catalog.side-nav>li>ul>li>ul { padding: 0; margin: 0; border-collapse: collapse; }
.catalog.side-nav>li>ul>li>ul>li { color: #00abbd; display: block; background: #fdfdfe; height: 50px; border-color: #e6e6e6; border-style: solid; border-width: 0 0 1px 0; border-collapse: collapse; position: relative; margin: 0; }
.catalog.side-nav>li>ul>li>ul>li.first { border-width: 1px 0 1px 0; }
.catalog.side-nav>li>ul>li>ul a { color: #00abbd; display: block; background: #fdfdfe url(catalog-tree.png) 20px -150px no-repeat; padding-left: 40px; height: 50px; font-size: 11px; text-indent: 0; *padding: 10px 0 10px 40px; *height: 30px; }
.catalog.side-nav>li>ul>li>ul a.last {background: #fdfdfe url(catalog-tree-last.png) 25px 0px no-repeat;  }
.catalog.side-nav>li>ul>li>ul a span { display: table-cell; vertical-align: middle; height: 50px; }
.catalog.side-nav>li>ul>li>ul>li.active a { font-weight: bold; color: #fff; background: #00abbd; }
.catalog.side-nav li.active { position: relative; }
.catalog.side-nav li.active>.triangle { width: 13px; height: 50px; background: url(triangle.png) 0 0 no-repeat; z-index: 2; position: absolute; top: 0; right: -13px; }

.hint { border-top: 1px solid #00abbd; margin: 10px 0 0 0; padding: 10px 20px 0 0; position: relative; }
.hint h4 { color: #00abbd; font-size: 20px; font-weight: normal; margin: 0 0 20px 0; }
.hint p a { color: #0097a5; font-weight: bolder; text-decoration: underline; }

#content .left.short h3.light { color: #00abbd; background: none; font-size: 20px; font-weight: normal; margin: 0 0 20px 0; height: auto;line-height: 18px; text-indent: 0px;}
#content .left.short .box { border: none; padding: 0px; }
#content .left.short .box a { color: #0097a5; font-weight: bolder; text-decoration: underline; }


#content .hint .nav { background: #f2f2f2; width: 220px; bottom: -30px; }
#content .hint .nav.pos { position: static; margin: 10px 0 0 0; _width: 200px; }

.gallery { overflow: hidden; }
.gallery a { display: block; float: left; border: 1px solid #01abbd; margin: 0 10px 0 0; }
.gallery a.last { margin: 0; }

input.short { width: 180px !important; background: url(input-short.png) 0 0 no-repeat; }
input.shortest { width: 60px !important; background: url(input-shortest.png) 0 0 no-repeat; }
input.long { width: 180px !important; background: url(submit-long.png) 0 0 no-repeat; height: 27px; }
.form .spantxt { height: 25px;  line-height: 25px; padding: 0px 5px; float: left;}

#content .col.right .box ul.newsletter { margin: 10px auto 0 auto; width: 180px; }
#content .col.right .box ul.newsletter li { background: none; text-indent: 0px; margin: 0 0 4px 0; width: 180px; overflow: hidden; }
#content .col.right .box ul.newsletter li input[type=text] { float: left; }

#content .product-details { overflow: hidden; }
#content .product-details .header { line-height: 50px; margin: 0 0 20px 0; }
#content .product-details .header .prsymbol { text-align: center;font-size:12px; line-height: 18px; background: #00abbd; color: #fff; padding: 10px 10px; font-weight: bolder; margin: 0 10px 0 0; }
#content .product-details .header .prsymbol span {font-weight: normal;font-size:11px;}
#content .product-details h4 { color: #00abbd; font-size: 20px; font-weight: normal; }

#content .product-details .product-gallery { width: 460px; float: left; }
#content .product-details .product-gallery .item { margin: 0 0 20px 0; }
#content .product-details .product-gallery .prev { width: 460px; margin: 0 0 20px 0; }
#content .product-details .product-gallery .prev img {  display: block; }
#content .product-details .product-gallery .thumbs { overflow: hidden; width: 460px; }
#content .product-details .product-gallery .thumbs img { border: 1px solid #01abbd; }
#content .product-details .product-gallery .thumbs li { display: block; float: left; width: 100px; height: 52px; line-height: 50px; margin: 0 20px 0 0; *margin: 0 15px 0 0; }
#content .product-details .product-gallery .thumbs a { display: block; float: left; width: 100px; height: 52px; }
#content .product-details .product-gallery .thumbs li.last { margin: 0; }
#content .product-details .product-gallery p { font-size: 12px; }

#content .product-details .details { float: right; width: 220px; }
#content .product-details .details .box { border-color: #00abbd; border-style: solid; border-width: 1px 0; padding: 10px 0; }
#content .product-details .details h4 { margin: 0 0 15px 0; }
#content .product-details .details .item { border-bottom: 1px dotted #00abbd; padding: 0 0 10px 0; margin: 0 0 10px 0; overflow: hidden; }
#content .product-details .details .item img { float: left; margin: 0 10px 0 0; }
#content .product-details .details p { font-size: 12px; overflow: hidden; }
#content .product-details .details ul p span { display: table-cell; vertical-align: middle; height: 40px; *padding: 10px 0 0 0; }

.btn { background: url(btn-short.png) 0 0 no-repeat; width: 62px; border: none; float: right; }

#content .product-details .related { overflow:hidden; }
#content .product-details .related a { color: #0097a7; text-decoration: underline; }
#content .product-details .related a:hover { text-decoration: none; }
#content .product-details .related a img { display: block; float: left; margin: 0 5px 5px 0 !important; }
#content .product-details .related a.nomargin img { margin-right: 0; }
#content .offer-btn { width: 220px; height: 30px; line-height: 30px; color: #fff; text-indent: 15px; font-size: 16px; background: url(offer-btn.png) 0 0 no-repeat; display: block; }

#content .product-details .info { position: relative; padding: 37px 0 20px 0; *padding: 17px 0 20px 0; margin: 20px 0 0 0; }
#content .product-details .info .tabs { display: block; width: 705px; height: 37px; position: absolute; top: 1px; left: 0; border: 1px olid}
#content .product-details .info .tabs li { display: block; float: left; width: 117px; }
#content .product-details .info .tabs li.last { margin: 0; width: 116px; }
#content .product-details .info .tabs li.last a { background-position: -234px 0; color: #fff; font-weight: bold; text-indent: 10px; }
#content .product-details .info .tabs li.last a:hover { background-position: -234px 0; text-decoration: underline; }
#content .product-details .info .tabs li.active a { background-position: 0 0; }
#content .product-details .info .tabs li a { display: block; float: left; width: 117px; height: 37px; text-align: center; color: #00313f; background: url(product-tab.png) -117px 0 no-repeat; }
#content .product-details .info .tabs li a:hover { text-decoration: none; background-position: 0 0; }
#content .product-details .info .tabs li a span { display: table-cell; vertical-align: middle; height: 37px; text-align: center; width: 117px; *padding: 5px 0 0 0; *display: block; }

#content .product-details .info .content { border: 1px solid #ccc; padding: 10px 20px; }
#content .product-details .info .content .right {float: none; margin: 0px auto 15px; }
#content .product-details .info .content .product-item .header .name span {line-height: 16px; text-align: left; }
	
#content .product-details table { width: 570px; margin: 20px auto; border: 1px solid #ccc; border-collapse: collapse; }
#content .product-details td, #content .product-details th { height: 30px; vertical-align: middle; border: 1px solid #fff; text-align: center; }
#content .product-details th { background: #e6e6e6; font-weight: normal; }
#content .product-details td { background: #f2f2f2; }

#content .category-img { display: block; width: 298px; height: 80px; border-color: #e6e6e6; border-style: solid; border-width: 0 1px; }
#content .category-list { padding: 0 !important; }

#content .category-list { border: none !important; }
#content .category-list li { height: 55px; border: 1px solid #e6e6e6; border-collapse: collapse; }
#content .category-list li a { display: block; height: 55px; }
#content .category-list li .ico { float:left; background: #e6e6e6; width: 65px; height: 50px; padding: 5px 0 0 0; text-align: center; margin: 0 10px 0 0; border-bottom: 1px solid #fff; }
#content .category-list li .ico span { color: #000; display: block; width: 65px; text-align: center; margin: 0 0 5px 0; font-weight: bold; }
#content .category-list li .ico .standard { display: block; text-align: center; }
#content .category-list li .ico .hover { display: none; text-align: center; }
#content .category-list li .name { height: 55px; display: table-cell; vertical-align: middle; font-size: 12px; color: #00313f; *height: 35px; *padding-top: 15px; *display: block; }

#content .category-list li:hover { border: 1px solid #00abbd; }
#content .category-list li:hover .ico { border-bottom-color: #00abbd; }
#content .category-list li:hover .hover { display: block; }
#content .category-list li:hover .standard { display: none; }
#content .category-list li:hover .ico { background: #00abbd; color: #fff; text-align: center; }

#content .filter {  }
#content .filter-header { background: #023c4a url(pointer.png) 200px center no-repeat; color: #fff; font-size: 12px; font-weight: bold; padding: 7px 0 7px 15px; }
#content .filter legend { font-size: 12px; font-weight: bold; color: #023c4a; margin: 0 0 10px 0; }
#content .filter fieldset { margin: 0 0 20px 0; }
#content .filter li { margin: 0 0 5px 0; overflow: hidden; }
#content .filter input[type=checkbox] { margin: 0 10px 0 0; }
#content .filter input[type=submit] { margin: 0 12px 0 0; }
#content .filter select { width: 185px; }

#content .box.product-list-short { padding:0; }
#content .product { overflow: hidden; padding: 0 0 10px 0; border-bottom: 1px solid #e6e6e6; }
#content .product .symbol { height: 50px; background: #e6e6e6; text-align: center; line-height: 50px; padding: 0 10px; float: left; margin: 0 10px 0 0; }
#content .product .details { float: left; width: 150px; padding: 5px 0 0 0; line-height: 14px; }
#content .product .photo { padding: 5px 10px; }

#content .category { color: #999; }
#content .product-categories h4 { color: #00abbd; font-size: 20px; font-weight: normal; margin: 0 0 20px 0; }
#content .product-categories .item { cursor:pointer;border: 1px solid #e6e6e6; overflow: hidden; margin: 0 0 10px 0; }
#content .product-categories .item.promo { border: 1px solid #01abbd; }
#content .product-categories .item h5 { background: #f6f7f9; color: #0097a5; font-weight: bold; font-size: 12px; padding: 5px 10px; }
#content .product-categories .item.promo h5 { background: #01abbd; color: #fff; }
#content .product-categories .item  .product-categories-img { float: left; width: 330px; height: 65px; overflow: hidden; padding: 2px; }

#content .product-categories .ico { float:left; background: #e6e6e6; width: 65px; height: 65px; padding: 10px 0 0 0; text-align: center; margin: 0 10px 0 0; }
#content .product-categories .ico span { color: #000; display: block; width: 65px; text-align: center; margin: 0 0 5px 0; font-weight: bold; }
#content .product-categories .ico .standard { display: block; text-align: center; }
#content .product-categories .name { height: 50px; display: table-cell; vertical-align: middle; font-size: 12px; color: #00313f; *height: 35px; *padding-top: 15px; *display: block; }

#content .product-list .header { height: 50px; margin: 0 0 20px 0; }
#content .product-list .header .symbol { height: 50px; line-height: 50px; background: #00abbd; color: #fff; padding: 0 10px; font-weight: bolder; margin: 0 10px 0 0; display: block; float: left; }
#content .product-list h4 { color: #00abbd; font-size: 20px; font-weight: normal; float: left; line-height: 20px; }
#content .product-list h4 span { font-size: 11px; color: #999; }

#content .product-list .ico { float:left; background: #00abbd; width: 65px; height: 55px; padding: 5px 0 0 0; text-align: center; margin: 0 10px 0 0; }
#content .product-list .ico span { color: #fff; display: block; width: 65px; text-align: center; margin: 0 0 5px 0; font-weight: bold; }
#content .product-list .ico .standard { display: block; text-align: center; }

#content .main.left { width: 605px;}
#content .main.right { width: 300px; }
#content .main h4 { font-size: 18px; padding: 10px; border-bottom: 1px dotted #00abbd; }
#content .main .bannerleft { width: 299px; height: 154px; float: left; background: url(mainleft.jpg) no-repeat left center; }
#content .main .bannerright { width: 299px; height: 154px; float: right; background: url(mainright.jpg) no-repeat left center; }
#content .main .bannerleft a, #content .main .bannerright a { display: block; padding: 14px 10px 120px 10px; font-size: 18px;  }
#content .main.right .item .txt { width: 280px; padding: 0px 10px; }

#content .pagination { height: 20px; background: url(pagination.png) 0 0 repeat-x; padding: 5px 10px; margin: 0 0 20px 0; }
#content .pagination .filter { float: left; width: 300px; }
#content .pagination .filter ul { float: left; }
#content .pagination select { width: 140px; height: 25px; }
#content .pagination label { margin: 0 5px 0 0; }
#content .pagination ul { float: right; }
#content .pagination li { float: left; display: block; margin: 0 15px 0 0; }
#content .pagination li.last { margin: 0; }
#content .pagination li a { margin: 0 5px 0 0; display: block; float: left; color: #0097a5; text-decoration: underline; font-weight: bold; }
#content .pagination li a:hover { text-decoration: none; }
#content .pagination li a.prev { background: url(pointer-left.png) 0 center no-repeat; padding: 0 0 0 15px; }
#content .pagination li a.next { background: url(pointer.png) right center no-repeat; padding: 0 15px 0 0; }
#content .pagination li span { margin: 0 5px 0 0; display: block; float: left; }

#content .pagination.down {  }
#content .pagination.down li { margin: 0 5px 0 0; }
#content .pagination.down li a { font-weight: normal; color: #013b4a; }
#content .pagination.down li span { font-weight: normal; color: #013b4a; }
#content .pagination.down a.active { padding: 1px 3px; background: #013b4a; color: #fff; text-decoration: none; }

#content .product-item { width: 340px; height: 220px; border: 1px solid #e6e6e6; margin: 0 0 20px 0; display: block; position: relative; }
#content .product-item .header { margin: 0; }
#content .product-item .header .name { float: left; color: #0097a5; font-size: 12px; width: 230px; height: 50px; background: #f6f7f9; font-weight: bold; }
#content .product-item .header .name span { display: table-cell; height: 50px; vertical-align: middle; padding: 0 0 0 10px; *display: block; *height: 35px; *padding: 15px 0 0 10px; }
#content .product-item .header .name span.invisib { display: none; }
#content .product-item .header .symbol { float: left; color: #000; font-size: 12px; width: 110px; background: #e6e6e6; padding: 0; margin: 0; text-align: center; }

#content .product-item .photo { float: left; text-align: center; width: 230px; border-right: 1px solid #e6e6e6; height: 170px; }
#content .product-item .photo img { padding: 10px 10px 0px 10px;  }

#content .product-item.right { float: right !important; }

#content .product-item .product-details { float: left; width: 109px; _width: 107px; height: 170px; }
#content .product-item .product-details .product-box { border-bottom: 1px solid #e6e6e6; padding: 5px; overflow: hidden; }
#content .product-item .product-details .product-box.last { border: none; }
#content .product-item .product-details .product-box img { float: left; margin: 0 5px 0 0; }

#content .product-item .layer { display: none; position: absolute; top: 50px; left: 0; width: 340px; height: 170px; background: url(product-layer.png) 0 0 repeat; }
#content .product-item .layer .product-more { width: 216px; height: 47px; text-align: center; margin: 50px auto 0 auto; color: #fff; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px #008795; background: url(product-more.png) 0 0 no-repeat; opacity: 1; z-index: 2; line-height: 47px; }

#content .product-item:hover { text-decoration: none; }
#content .product-item:hover .layer { display: block; }
#content .product-item:hover .name { background: #00abbd; color: #fff;height: auto !important; min-height: 50px;  }
#content .product-item:hover .header .name span.normal { display: none; }
#content .product-item:hover .header .name span.invisib { display: table-cell; color: #fff; height: 50px;  vertical-align: middle; padding: 0 0 0 10px; *display: block; *height: 35px; *padding: 15px 0 0 10px; }



#wrap img{
	float:right;
	margin-left:4px;
	cursor:pointer;
}

#wrap img#refresh {
	margin-top:13px;
}


/* new colors
 --------------------------------- */

#main-nav .subnav>ul>li strong { color: #00313f; text-transform: uppercase; }
#main-nav .subnav > ul > li span { color: #383838; }

#main-nav>ul>li.active { height: 44px; z-index: 999; }
#main-nav>ul>li.active>a { height: 44px; z-index: 999; }

#content .col h3 {color: #013237; }

.attribute { float: left; margin: 0px 5px 5px 0px; }
.attributetext { float: left; margin: 0px 5px 5px 0px; padding: 18px 0px;}
.attributename { margin: 10px 5px 10px 0px; }
.attributediv { width: 300px; margin-right: 10px; float: left; }
#content .attributediv table.attributetable { border: none; margin: 0px; width: 300px; border-collapse: collapse; }
#content .attributediv table.attributetable td { text-align:left; background: none; border: none; }