@charset "utf-8";
body {font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
body, div, p, ul, ol, li, h1, h2, h3, form, img, fieldset, label {margin: 0; padding: 0; border: 0;}
ul {list-style: none;}
h1 {font: bold 29px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333;}
a {outline: none; color: #555; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
input, select, textarea {border: 0; background: #ddd; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#page {width: 998px; position: absolute; left: 50%; margin: 0 -500px; border: 1px solid #838280; overflow: hidden;}
.home#page {height: 700px;}

.category {position: absolute;}
#kids {left: 0; top: 0;}
#teens {right: 0; top: 0;}
#students {left: 0; bottom: 50px;}
#solutions {right: 0; bottom: 50px;}
.home #guarantee {right: 10px; top: 240px;}
.inner#guarantee {padding: 20px; float: right;}
.home #contest {left: 30px; top: 305px;}

.tools {position: absolute; left: 5px; top: 0; overflow: hidden; width: 300px; z-index: 200;}
.home .tools {padding-left: 30px; position: relative; width: 240px;}
.lang {float: left; margin: 30px 5px 0 40px; font-size: 11px; text-align: center;}
.home .lang {margin-top: 15px;}
.home .el {padding-left: 20px;}
.en {margin-left: 10px;}
.lang a {color: #555;}

#menu-column {width: 175px; float: left; background: #FDB813; margin-left: 65px;}
.home #menu-column {position: absolute; height: 700px; left: 380px; display: inline; margin-left: 0; width: 185px; background: #eee;}
#menu-column ul {padding-top: 20px; margin-top: 15px; float: right; padding-right: 15px;}
.home #menu-column ul {margin-top: 0; padding-right: 20px;}
#menu-column li {font-weight: bold; margin: 0 0 5px;}
#menu-column li a {background: #fff; border: 2px solid #a7a9ac; color: #ed1c24; padding: 5px 70px 6px 10px; display: block; text-decoration: none; font-size: 17px;}
#menu-column li .outer {margin: 10px 0; background: #a7a9ac; width: 170px;}
#menu-column li a:hover {background: #ed1c24; color: #fff;}
#menu-column .current a, #menu-column .current a:hover {background: #a80; color: #fff;}
#menu-column .flash {float: right;}
.logo, .banner {float: right; padding-top: 60px; width: 185px; text-align: center;}
.logo {width: 210px;}
.home .logo, .home .banner {padding-top: 5px;}
* html .home .logo {margin-right: -20px;}

#content {float: left; width: 515px; margin: 100px 20px 50px; padding: 0; overflow: hidden;}
h1 {position: absolute; float: right; right: 160px; top: 45px;  letter-spacing: -1px; background: #A09B9F; padding: 5px 30px; font-size: 30px;}
h1, h1 a, h1 a:hover {color: #fff; text-decoration: none;}

.promo {padding: 0 0 20px; clear: both; text-align: right;}
#content .submenu li {display: block; float: left; margin: 10px 0 0 0;}
#content .submenu li span {display: block; clear: both; font-weight: bold; text-align: center; padding-top: 5px;}
#content .submenu li a:hover span {text-decoration: underline;}

.content-outer {overflow: hidden; width: 510px; clear: both;}
.content-inner {padding: 20px; overflow: hidden; width: 470px;}
.content-inner h2 {padding-bottom: 10px; font-size: 20px; line-height: 23px;}
.content-inner .products-list li {float: left; width: 135px; margin: 10px 15px 20px 5px; line-height: 13px; position: relative;}
.content-inner .products-list li .new {position: absolute; display: block; width: 25px; height: 25px; left: 0; top: 0; overflow: hidden; text-indent: -100px; background: url(../images/layout/products/tag-new-small.png) no-repeat;}
.content-inner .products-list p {text-align: center;}
.content-inner .title {font-weight: bold; font-size: 14px; padding: 5px 0 2px;}
.content-inner .title a {color: #9ca940;}
.content-inner .title a:hover {color: #727b2f;}
.content-inner .description {font-size: 11px;}
.dynamic img {float: left; margin: 0 10px 10px 0;}

#content .summary li {display: block; float: left; padding: 0 10px 40px;}
#content .summary .last {padding-right: 0;}
#content .rooms {clear: both; border-top: 2px solid #809a3a; padding-top: 15px;}
#content .rooms li {padding: 0; margin-right: 7px;}
#content .summary li span {display: block; clear: both; text-align: center; font-weight: bold;}
#content .summary li a:hover span {text-decoration: underline;}

.pagination {clear: both;}
.pagination li {float: right; font-size: 11px; color: #7f9a39; width: 60px; display: block; overflow: hidden; background-repeat: no-repeat; height: 40px;}
.pagination .page {margin: 17px 15px 0 0; width: 120px; text-align: right;}
.pagination a {display: block; padding: 50px 0 0 0; height: 40px; width: 40px; background-position: 0 0; background-repeat: no-repeat;}
.pagination .prev a {background-image: url(../images/layout/general/pagination-arrow-prev.png);}
.pagination .next a {background-image: url(../images/layout/general/pagination-arrow-next.png);}
.pagination a:hover {background-position: 0 -100px;}
.pagination .disabled a, .pagination .disabled a:hover {background-position: 0 -200px; cursor: default;}

.product-full {position: relative;}
.product-full .new {position: absolute; display: block; width: 50px; height: 50px; right: 200px; overflow: hidden; text-indent: -100px; background: url(../images/layout/products/tag-new.png) no-repeat;}
.product-full .title {font-size: 20px; margin-top: 20px;}
.product-full .title span {font-size: 14px; display: block; padding-top: 5px; color: #ed1c24;}
.product-full .description {clear: both; padding-top: 20px; font-size: 13px;}
.product-full .dimensions, .product-full .colors, .product-full .gallery, .multimedia {padding: 15px 0; clear: both; overflow: hidden; width: 100%;}
.product-full .colors li, .product-full .gallery li {float: left; margin: 0 5px 5px 0;}
.product-full .colors li {width: 40px; height: 40px;}
.product-full .gallery li a {border: 1px solid #ccc; display: block;}
.product-full .gallery li a:hover {border-color: #ed1c24;}
.product-full h2, .multimedia h2 {font-size: 13px; padding-bottom: 5px;}
.back {clear: both; font-size: 12px; margin-top: 10px;}
.back a {display: block; float: right; padding: 2px 0 4px 20px; color: #8f9c54; background: url(../images/layout/general/icon-back.png) left center no-repeat;}

.news-list li {margin-bottom: 10px; padding-left: 15px; background: url(../images/layout/general/bullet-generic.png) 0 5px no-repeat;}

#right-column {float: right; width: 200px; padding-top: 300px; background: url(../images/layout/general/bg-right-column-kykloi.png) right top repeat-y;}
#right-column .submenu {background: #B6B0BA; width: 180px; padding: 10px 0; border: 1px solid #000; margin: 20px 0;}
#right-column .submenu .rooms {border-top: 1px solid #fff; margin-top: 10px; padding-top: 10px;}
#right-column .submenu li {font-size: 11px; line-height: 16px; font-weight: bold; padding: 1px 0; margin: 0 10px;}
#right-column .submenu li a {color: #000;}
#right-column .submenu .current a {text-decoration: none; color: #fff;}
.catalog {padding: 20px; font-size: 12px; font-weight: bold; width: 140px; text-align: center;}
.catalog span {display: block; text-align: center; line-height: 15px; padding: 5px 0; margin-top: 5px; background: #000; color: #fff;}
.catalog a:hover span {background: #FDB813; color: #fff;}

#footer {padding: 7px 0; overflow: hidden; width: 100%; background: #c9d1d5; clear: both;}
.home #footer {position: absolute; bottom: 0; }
#footer ul {float: left; padding-left: 15px;}
#footer li {float:left; font-weight: bold; font-size: 12px; padding: 5px 15px 0;}
#footer li .outer {background: #fff; padding: 4px; float: left; width: 100px;}
#footer .bigger .outer {width: 120px;}
#footer .smaller .outer {width: 60px;}
#footer a {background: #e7e8e9; display: block; text-align: center; color: #231f20; padding: 2px 0; text-decoration: none;}
#footer a:hover {background: #ed1c24; color: #fff;}
#footer .current a, #footer .current a:hover {background: #a80; color: #fff;}
#footer .modecopro {float: right; padding-right: 30px;}
#footer .modecopro a, #footer .modecopro a:hover {background: none; padding: 0;}

.form fieldset {border: 1px solid #000; padding: 5px 10px 20px;}
.form legend {padding-bottom: 10px; font-size: 20px; line-height: 23px;}
.form label, .form input, .form textarea {display: block; width: 30%; float: left;}
.form input {padding: 3px; width: 65%;}
.form textarea {width: 100%;}
.form .field {padding: 12px;}
.form .textarea {clear: both;}
.form .button {float: right; margin: 10px; border: 1px solid #000; font-weight: bold;}