@import url(reset.css);
@font-face {
  font-family: "FWD_Light_Italic";
  src: url(/site_media/stylesheets/fonts/FWD_Light_Italic.otf) format('opentype');
}

@font-face {
  font-family: "FWD_Medium";
  src: url(/site_media/stylesheets/fonts/FWD_Medium.otf) format('opentype');
}

@font-face {
  font-family: "FWD_Regular";
  src: url(/site_media/stylesheets/fonts/FWD_Regular.otf) format('opentype');
}

/* line 11, ../../compass/src/screen.scss */
body {
  font-family: "FWD_Regular", "Geneva", "Lucida Sans Unicode", sans-serif;
  font-size: 15px;
  margin: 0;
  color: #666666;
  line-height: 1.5em;
}

/* line 19, ../../compass/src/screen.scss */
.right {
  float: right;
}

/* line 22, ../../compass/src/screen.scss */
.left {
  float: left;
}

/* line 25, ../../compass/src/screen.scss */
a {
  color: #333333;
}
/* line 27, ../../compass/src/screen.scss */
a:hover {
  color: #cc0000;
}

/* line 31, ../../compass/src/screen.scss */
.help {
  font-size: 10px;
  font-weight: normal;
}

/* line 35, ../../compass/src/screen.scss */
h1 {
  color: #cc0000;
  font-size: 24px;
  margin: 0 0 5px 0;
}

/* line 40, ../../compass/src/screen.scss */
h2 {
  color: #cc0000;
  font-size: 20px;
  margin: 0 0 5px 0;
}

/* line 45, ../../compass/src/screen.scss */
h3 {
  color: #333333;
  font-size: 18px;
  margin: 0 0 5px 0;
}

/* line 50, ../../compass/src/screen.scss */
p {
  margin: 0 0 1em 0;
}

/* line 53, ../../compass/src/screen.scss */
b, strong {
  font-weight: bold;
}

/* line 56, ../../compass/src/screen.scss */
i, em {
  font-style: italic;
}

/* line 59, ../../compass/src/screen.scss */
.th {
  float: right;
  margin: 0 0 10px 20px;
}

/* line 63, ../../compass/src/screen.scss */
.thl {
  float: left;
  margin: 0 20px 10px 0px;
}

/* line 67, ../../compass/src/screen.scss */
.wrapper {
  width: 1020px;
  margin: 0 auto;
  text-align: left;
}

/* line 72, ../../compass/src/screen.scss */
#footer {
  font-size: 11px;
}
/* line 74, ../../compass/src/screen.scss */
#footer #footer-links {
  display: inline;
  float: right;
  font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
}
/* line 77, ../../compass/src/screen.scss */
#footer #footer-links li {
  display: inline;
}
/* line 79, ../../compass/src/screen.scss */
#footer #footer-links li:before {
  content: " - ";
}
/* line 81, ../../compass/src/screen.scss */
#footer #footer-links li:first-child:before {
  content: "";
}
/* line 87, ../../compass/src/screen.scss */
#footer a {
  text-decoration: none;
}
/* line 4, ../../../../../../.rvm/gems/ruby-1.9.2-p0/gems/compass-0.11.5/frameworks/compass/stylesheets/compass/typography/links/_hover-link.scss */
#footer a:hover {
  text-decoration: underline;
}

/* line 92, ../../compass/src/screen.scss */
#header .wrapper {
  position: relative;
}
/* line 96, ../../compass/src/screen.scss */
#header .wrapper #banner {
  display: inline;
  float: right;
  margin-top: 10px;
  height: 100px;
  overflow: hidden;
}
/* line 102, ../../compass/src/screen.scss */
#header .wrapper #logo {
  margin: 50px 10px 10px 44px;
}
/* line 104, ../../compass/src/screen.scss */
#header .wrapper h2 {
  position: absolute;
  width: 384px;
  height: 45px;
  left: 386px;
  top: 117px;
  background: url(../images/tagline.gif) no-repeat;
}
/* line 111, ../../compass/src/screen.scss */
#header .wrapper h2 span {
  display: none;
}

/* line 117, ../../compass/src/screen.scss */
#main_nav_area {
  height: 91px;
  background: url(../images/main_nav_bckg.jpg) repeat-x top left;
  border: 1px solid #DDD;
}
/* line 121, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap {
  font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 37px;
  color: #666666;
}
/* line 126, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap a {
  text-decoration: none;
  color: #666666;
  padding: 0 24px 0 10px;
  background: url(../images/li.gif) no-repeat left center;
}
/* line 133, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap ul li {
  display: inline;
  float: left;
  display: block;
  line-height: 37px;
  background: url(../images/li_2.gif) no-repeat right center;
}
/* line 138, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap ul li:last-child {
  background: inherit;
}
/* line 143, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap #toolbar_left {
  display: inline;
  float: left;
  padding-left: 18px;
}
/* line 147, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap #toolbar_right {
  padding-right: 4px;
  display: inline;
  float: right;
}
/* line 151, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap #toolbar_right #toolbar-facebook a {
  background: transparent;
  display: block;
  display: inline;
  float: left;
}
/* line 155, ../../compass/src/screen.scss */
#main_nav_area #toolbar_wrap #toolbar_right #toolbar-facebook a img {
  padding-top: 2px;
  display: block;
  display: inline;
  float: left;
}

/* line 165, ../../compass/src/screen.scss */
ul#primary_links {
  height: 54px;
  overflow: hidden;
}
/* line 168, ../../compass/src/screen.scss */
ul#primary_links li {
  height: 46px;
  font-size: 15px;
  line-height: 46px;
  text-transform: uppercase;
  padding: 0 32px;
  display: inline;
  float: left;
  background: url(../images/main_menu_bckg.jpg) no-repeat;
}
/* line 176, ../../compass/src/screen.scss */
ul#primary_links li:first-child {
  background: transparent;
}
/* line 179, ../../compass/src/screen.scss */
ul#primary_links li a {
  display: inline;
  float: left;
  text-decoration: none;
  color: #666;
}
/* line 183, ../../compass/src/screen.scss */
ul#primary_links li a:hover {
  color: #000;
}
/* line 186, ../../compass/src/screen.scss */
ul#primary_links li.active a {
  color: #000;
}
/* line 188, ../../compass/src/screen.scss */
ul#primary_links li.active a:hover {
  color: #000;
}
/* line 190, ../../compass/src/screen.scss */
ul#primary_links li#lang-en {
  display: inline;
  float: right;
}
/* line 192, ../../compass/src/screen.scss */
ul#primary_links li#lang-en a {
  background: url(../images/en.jpg) no-repeat 0 16px;
  padding-left: 30px;
}

/* line 200, ../../compass/src/screen.scss */
#main {
  margin: 20px auto;
  width: 1020px;
}
/* line 203, ../../compass/src/screen.scss */
#main ul {
  margin: 0 0 1em 1em;
}
/* line 205, ../../compass/src/screen.scss */
#main ul li {
  margin: 0 0 0 0.5em;
  list-style: disc;
}

/* line 210, ../../compass/src/screen.scss */
.planner_main {
  background: white url(../images/planner.png) no-repeat bottom center;
  border-bottom: 1px solid #93c3cd;
  padding: 10px 0;
}
/* line 214, ../../compass/src/screen.scss */
.planner_main .cabinet_outer {
  padding: 20px 10px;
}
/* line 216, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_inside, .planner_main .cabinet_outer .cabinet_doors {
  margin: 0 auto;
  width: auto;
}
/* line 219, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_inside .modul_side, .planner_main .cabinet_outer .cabinet_doors .modul_side {
  float: left;
  background: #cccccc;
}
/* line 222, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_inside .modul_side_up, .planner_main .cabinet_outer .cabinet_inside .modul_side_down, .planner_main .cabinet_outer .cabinet_doors .modul_side_up, .planner_main .cabinet_outer .cabinet_doors .modul_side_down {
  background: #cccccc;
}
/* line 224, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_inside .modul, .planner_main .cabinet_outer .cabinet_doors .modul {
  float: left;
  background: white;
  position: relative;
  border-top-style: solid;
  border-top-color: #cccccc;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
}
/* line 232, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_inside .ui-state-highlight, .planner_main .cabinet_outer .cabinet_doors .ui-state-highlight {
  background: #ffffaa;
  border-left: none;
  border-right: none;
}
/* line 237, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_inside .element {
  position: absolute;
}
/* line 240, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_doors .doors {
  border: 2px solid #cccccc;
}
/* line 242, ../../compass/src/screen.scss */
.planner_main .cabinet_outer .cabinet_doors .doors .door_section {
  background: #eeeeee url(../images/locker_empty.gif);
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
/* line 246, ../../compass/src/screen.scss */
.planner_main .cabinet_outer #trash {
  float: right;
  margin-right: 50px;
  margin-top: -74px;
  width: 69px;
  height: 74px;
  overflow: hidden;
}
/* line 253, ../../compass/src/screen.scss */
.planner_main .cabinet_outer #trash.trash_accept {
  background: #ffffaa;
}

/* line 256, ../../compass/src/screen.scss */
#planner {
  padding: 0 0;
}

/* line 260, ../../compass/src/screen.scss */
#planner_element_types_outer {
  background: white;
  -moz-border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

/* line 269, ../../compass/src/screen.scss */
#planner_element_types .element_type_container {
  float: left;
  margin: 5px 10px 5px 10px;
  height: 120px;
  width: 130px;
  position: relative;
  overflow: none;
  color: #999999;
}
/* line 277, ../../compass/src/screen.scss */
#planner_element_types .element_type_container .element {
  position: absolute;
  bottom: 30px;
}
/* line 280, ../../compass/src/screen.scss */
#planner_element_types .element_type_container .element:hover {
  cursor: pointer;
}
/* line 282, ../../compass/src/screen.scss */
#planner_element_types .element_type_container p.element_type_name {
  position: absolute;
  top: 95px;
  line-height: 13px;
  font-size: 10px;
  width: 100%;
  text-align: center;
  margin: 0px 0 0 0;
}
/* line 290, ../../compass/src/screen.scss */
#planner_element_types .element_type_container:hover {
  color: #333333;
}

/* line 294, ../../compass/src/screen.scss */
#planner_door_patterns_outer {
  -moz-border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

/* line 303, ../../compass/src/screen.scss */
#planner_door_patterns .pattern_container {
  float: left;
  margin: 5px 10px 5px 10px;
  height: 120px;
  width: 76px;
  position: relative;
  overflow: none;
  color: #999999;
}
/* line 311, ../../compass/src/screen.scss */
#planner_door_patterns .pattern_container .pattern {
  height: 80px;
  overflow: hidden;
  margin-top: 10px;
}
/* line 315, ../../compass/src/screen.scss */
#planner_door_patterns .pattern_container p.pattern_name {
  position: absolute;
  line-height: 11px;
  font-size: 9px;
  width: 100%;
  text-align: center;
  margin: 2px 0 0 0;
}
/* line 322, ../../compass/src/screen.scss */
#planner_door_patterns .pattern_container:hover {
  color: #333333;
}

/* line 325, ../../compass/src/screen.scss */
#planner_door_patterns_slider {
  width: 1020px;
  margin: 2px auto;
  border: 1px solid #eafbff;
}

/* line 331, ../../compass/src/screen.scss */
#planner_door_sections_slider {
  width: 100px;
}

/* line 334, ../../compass/src/screen.scss */
.element {
  background: #cccccc;
  position: relative;
  overflow: hidden;
}
/* line 338, ../../compass/src/screen.scss */
.element img {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 345, ../../compass/src/screen.scss */
.element_type_complex, .complex_element {
  overflow: hidden;
}
/* line 347, ../../compass/src/screen.scss */
.element_type_complex .complex_element_left, .complex_element .complex_element_left {
  float: left;
}
/* line 349, ../../compass/src/screen.scss */
.element_type_complex .complex_element_right, .complex_element .complex_element_right {
  float: right;
}
/* line 351, ../../compass/src/screen.scss */
.element_type_complex .complex_element_subelement, .complex_element .complex_element_subelement {
  position: relative;
  border-bottom: 1px solid #999999;
}

/* line 355, ../../compass/src/screen.scss */
.selected {
  border: 1px solid red;
}

/* line 358, ../../compass/src/screen.scss */
#element_properties {
  margin: 20px 0;
}
/* line 360, ../../compass/src/screen.scss */
#element_properties .property {
  width: 100%;
  overflow: hidden;
}
/* line 363, ../../compass/src/screen.scss */
#element_properties .property p {
  float: left;
  margin-right: 20px;
}
/* line 366, ../../compass/src/screen.scss */
#element_properties .property #module_property_height {
  width: 50px;
}
/* line 368, ../../compass/src/screen.scss */
#element_properties .property #module_property_height_slider {
  float: left;
  width: 200px;
}
/* line 371, ../../compass/src/screen.scss */
#element_properties.disabled {
  color: #aaaaaa;
}

/* line 376, ../../compass/src/screen.scss */
#price_info #planner_commit_commit {
  color: #cc0000;
  padding-left: 10px;
  background: white;
  padding-right: 10px;
  cursor: pointer;
}

/* line 385, ../../compass/src/screen.scss */
#price_info {
  position: absolute;
  margin: 4px 20px 0 0;
  font-size: 16px;
  color: #333333;
  z-index: 100;
  right: 0;
}

/* line 394, ../../compass/src/screen.scss */
#tabs {
  border: none;
  margin: 20px 0;
}
/* line 397, ../../compass/src/screen.scss */
#tabs .ui-tabs-nav {
  width: 1020px;
  margin: 0 auto;
}
/* line 400, ../../compass/src/screen.scss */
#tabs .ui-tabs-panel {
  padding: 0;
}
/* line 402, ../../compass/src/screen.scss */
#tabs .ui-tabs-hide {
  position: absolute;
  left: -10000px;
  display: block !important;
}

/* line 407, ../../compass/src/screen.scss */
.scroll-pane {
  overflow: auto;
  width: 1020px;
  float: left;
  margin: 0 auto;
  position: relative;
}

/* line 414, ../../compass/src/screen.scss */
.scroll-content {
  float: left;
}

/* line 417, ../../compass/src/screen.scss */
.scroll-bar-wrap {
  clear: left;
  padding: 0 4px 0 2px;
  margin: 0 -1px -1px -1px;
  margin: 0;
  border: none !important;
  background: transparent !important;
}
/* line 424, ../../compass/src/screen.scss */
.scroll-bar-wrap .ui-slider {
  background: none;
  border: 0;
  height: 21px;
  margin: 0 auto;
}
/* line 429, ../../compass/src/screen.scss */
.scroll-bar-wrap .ui-handle-helper-parent {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
/* line 435, ../../compass/src/screen.scss */
.scroll-bar-wrap .ui-slider-horizontal .ui-slider-handle {
  top: -2px;
  height: 19px;
  margin: 0;
}
/* line 439, ../../compass/src/screen.scss */
.scroll-bar-wrap .ui-slider-horizontal .ui-slider-handle .ui-icon {
  margin: -8px auto 0;
  position: relative;
  top: 50%;
}

/* line 445, ../../compass/src/screen.scss */
.corpus_pattern img {
  width: 38px;
  height: 55px;
}

/* line 450, ../../compass/src/screen.scss */
.ui-selectmenu img, .ui-selectmenu-menu img {
  vertical-align: middle;
  margin-right: 10px;
}

/* line 455, ../../compass/src/screen.scss */
form fieldset, form.formtastic fieldset {
  margin: 10px 0;
}
/* line 457, ../../compass/src/screen.scss */
form legend, form.formtastic legend {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

/* line 462, ../../compass/src/screen.scss */
label, form.formtastic ol li label {
  color: #333333;
  padding-left: 0;
}

/* line 466, ../../compass/src/screen.scss */
.below_planner {
  margin-top: 10px;
}

/* line 469, ../../compass/src/screen.scss */
.planner_fields {
  width: 100%;
  overflow: hidden;
}
/* line 472, ../../compass/src/screen.scss */
.planner_fields p {
  width: 390px;
  float: left;
  margin: 0 0px 10px 20px;
}
/* line 476, ../../compass/src/screen.scss */
.planner_fields p:first-child, .planner_fields p.first-child {
  margin-left: 0;
}

/* line 481, ../../compass/src/screen.scss */
.planner_fields_2 p label {
  float: left;
  width: 250px;
  padding-top: 20px;
}

/* line 486, ../../compass/src/screen.scss */
table.price_set {
  margin: 1em 0;
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}
/* line 488, ../../compass/src/screen.scss */
table.price_set td, table.price_set th {
  padding: 2px 10px;
}
/* line 490, ../../compass/src/screen.scss */
table.price_set td {
  border-bottom: 1px solid #eeeeee;
}
/* line 492, ../../compass/src/screen.scss */
table.price_set th {
  border-left: 1px solid #aaaaaa;
}
/* line 496, ../../compass/src/screen.scss */
table.price_set .price, table.price_set .total_amount, table.price_set .total, table.price_set .qty {
  text-align: right;
}
/* line 498, ../../compass/src/screen.scss */
table.price_set .total_amount {
  font-weight: bold;
}

/* line 501, ../../compass/src/screen.scss */
.thumbnail {
  float: left;
  margin: 0 20px 20px 0;
  text-align: center;
}
/* line 505, ../../compass/src/screen.scss */
.thumbnail img {
  border: 2px solid #eeeeee;
}
/* line 507, ../../compass/src/screen.scss */
.thumbnail p {
  font-size: 10px;
  margin: 0;
}

/* line 512, ../../compass/src/screen.scss */
.action img {
  float: left;
}
/* line 514, ../../compass/src/screen.scss */
.action p {
  margin: 0 0 0 260px;
}

/* line 517, ../../compass/src/screen.scss */
.patterns {
  overflow: hidden;
}
/* line 519, ../../compass/src/screen.scss */
.patterns .pattern {
  width: 185px;
  margin: 0 20px 30px 0;
  height: 68px;
  float: left;
  background: #eeeeee;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 1px solid #cccccc;
  padding: 10px;
}
/* line 529, ../../compass/src/screen.scss */
.patterns .pattern img {
  float: left;
  border: 2px solid #cccccc;
}
/* line 532, ../../compass/src/screen.scss */
.patterns .pattern p {
  margin: 0 0 0 78px;
  vertical-align: center;
  font-size: 11px;
}

/* line 537, ../../compass/src/screen.scss */
.handles {
  overflow: hidden;
}
/* line 539, ../../compass/src/screen.scss */
.handles .handle {
  overflow: hidden;
}
/* line 541, ../../compass/src/screen.scss */
.handles .handle img {
  float: left;
}
/* line 543, ../../compass/src/screen.scss */
.handles .handle p {
  margin-left: 160px;
}

/* line 546, ../../compass/src/screen.scss */
#help-dialog {
  font-size: 12px;
}
/* line 548, ../../compass/src/screen.scss */
#help-dialog h2 {
  font-size: 14px;
}
/* line 550, ../../compass/src/screen.scss */
#help-dialog ol {
  margin: 0 0 1em 1em;
}
/* line 552, ../../compass/src/screen.scss */
#help-dialog ol li {
  margin: 0 0 0 0.5em;
  list-style: decimal;
}

/* line 556, ../../compass/src/screen.scss */
#help-dialog-link {
  font-weight: normal;
  font-size: 12px;
  padding-left: 16px;
  position: relative;
}
/* line 561, ../../compass/src/screen.scss */
#help-dialog-link span.ui-icon {
  position: absolute;
  margin: -8px 0px 0 0;
  top: 50%;
  left: 0;
}

/* line 568, ../../compass/src/screen.scss */
#region-1 {
  overflow: hidden;
  *zoom: 1;
}
/* line 570, ../../compass/src/screen.scss */
#region-1 #region-1-1 {
  display: inline;
  float: left;
  width: 440px;
}
/* line 574, ../../compass/src/screen.scss */
#region-1 #region-1-2 {
  display: inline;
  float: left;
  width: 580px;
  margin-top: 19px;
}

/* line 582, ../../compass/src/screen.scss */
ul#main-carousel {
  margin: 0;
}
/* line 584, ../../compass/src/screen.scss */
ul#main-carousel li {
  display: inline;
  float: left;
  display: block;
  margin: 0;
}

/* line 591, ../../compass/src/screen.scss */
.carousel_wrap {
  position: relative;
  height: 155px;
  padding: 0 20px;
  overflow: hidden;
  *zoom: 1;
}
/* line 596, ../../compass/src/screen.scss */
.carousel_wrap a#prev, .carousel_wrap a#next {
  height: 152px;
  width: 24px;
  position: absolute;
  display: block;
}
/* line 602, ../../compass/src/screen.scss */
.carousel_wrap a#next {
  top: 0;
  right: 0;
  background: url(../images/slider_next.jpg) top right no-repeat;
}
/* line 607, ../../compass/src/screen.scss */
.carousel_wrap a#prev {
  top: 0;
  left: 0;
  background: url(../images/slider_prev.jpg) no-repeat;
}

/* line 614, ../../compass/src/screen.scss */
#region-3 {
  margin-top: 30px;
  background: #E1E0E0;
}
/* line 617, ../../compass/src/screen.scss */
#region-3 img {
  display: block;
  margin: 0 auto;
}