/* General layout */

body, html { margin: 0; padding: 0; height: 100%; width: 100%; }

#container {
  min-height: 100%; height: auto !important; height: 100%; /* -- footer hack -- */
  padding: 0 25px;
  margin: 0 auto;
}

.clear {
  float: none;
  width: 100%; height: 1px;
  clear: both;
}

#container, #header, #mainmenu, #content, #footer {
  position: relative;
}

#container, #footer {
  width: 1200px;
}

#header {
  height: 110px;
}

#mainmenu {
  height: 155px;
}

#content {
  padding-bottom: 120px;
  overflow: hidden;
  width: 100%;
}

#navigator {
  position: absolute;
  top: 20px;
  left: 85px;
}

#content .left-column {
  width: 850px;
  float: left;
}

#content .right-column {
  float: right;
  width: 350px;
}

#content .left-column .block {
  margin-right: 15px;
}

#content .right-column .block {
  margin-left: 55px;
  margin-right: 20px;
}

#footer {
  position: absolute;
  bottom: 20px;
  height: 100px;
}

#flashcontent_mmenu,
#footer .holder {
  position: absolute;
  width: 100%;
}

#footer .holder {
  top: 15px;
  height: 60px;
}

#counters {
  float: right;
}



/* Header layout and typography */

#logo {
  position: absolute;
  top: 17px;
  left: 75px;
}

#phones {
  position: absolute;
  top: 50px;
  left: 343px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#phones li {
  margin: 0 60px 0 0;
  padding: 0 0 0 50px;
  float: left;
}

#phones li .type {
  font-size: 11px;
}

#phones li .number {
  font-size: 24px;
  line-height: 22px;
}

#cityselect {
  position: absolute;
  right: 0;
  padding: 55px 50px 0 0;
}

#cityselect .cityname {
  padding: 0;
  margin: 0;
  font-size: 12pt;
  text-align: right;
  color: #000;
}

#cityselect .selector {
  text-align: right;
  color: #ea088d;
  font-size: 8.5pt;
}

#citywindow {
  display: none;
  position: absolute;
  z-index: 100;
  height: 128px;
  width: 260px;
  top: 45px; right: 35px;
  background: url(/img/frame.cityselect.png) 0 0 no-repeat;
}
#citywindow p, #citywindow ul {
  padding: 0;
  margin: 0 0 0 25px;
}
#citywindow p {
  margin-top: 20px;
}
#citywindow ul {
  margin-top: 12px;
  list-style-type: none;
}
#citywindow li {
  margin-bottom: 5px;
}
#citywindow li a {
  color: #ea088d;
}
#citywindow .close {
  position: absolute;
  height: 11px; width: 11px;
  top: 14px; right: 18px;
  background: url(/img/button.close.gif) 0 0 no-repeat;
  cursor: pointer;
}
/* Footer layout & typography */

#footer {
  font-size: 11px;
  line-height: 12pt;
}

#footer .holder {
  width: 1100px;
  padding: 0 50px;
  margin: 0;
}

#footer .holder div,
#footer .holder ul {
  float: left;
}

#footer .holder div.copyright {
  margin: 12px 0 0 28px;
  text-align: right;
  float: right;
}

#footer .banners a {
  float: left;
}

#footer ul {
  padding: 0;
  margin: 12px 0 0 28px;
  list-style-type: none;
}

#search_form div {
  margin-left: 70px;
}

#search {
  margin-top: 19px;
}

#footer p {
  margin: 0;
}

/* Main menu */

#flashcontent_mmenu {
  background: url(/img/menu.png) 0 15px no-repeat;
}

#flashcontent_mmenu div {
  float: left;
  position: relative;
  height: 100px;
  width: 219px;
  margin-top: 15px;
  border-right: 1px solid #ffd1ec;
  overflow: hidden;
}

#flashcontent_mmenu .mmenu01 {
  margin-left: 50px;
  border-left: 1px solid #ffd1ec;
}

#flashcontent_mmenu * {
  color: #fff;
}

#flashcontent_mmenu h1,
#flashcontent_mmenu ul {
  position: absolute;
  top: 0; left: 0;
  height: 100px;
  width: 219px;
}

#flashcontent_mmenu h1 {
  font-size: 11pt;
  line-height: 11pt;
  margin: 0;
  padding: 25px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 25px 45px;
}

#flashcontent_mmenu .mmenu01 h1 {
  background-image: url(/img/01.gif);
}
#flashcontent_mmenu .mmenu02 h1 {
  background-image: url(/img/02.gif);
}
#flashcontent_mmenu .mmenu03 h1 {
  background-image: url(/img/03.gif);
}
#flashcontent_mmenu .mmenu04 h1 {
  background-image: url(/img/04.gif);
}
#flashcontent_mmenu .mmenu05 h1 {
  background-image: url(/img/05.gif);
}

#flashcontent_mmenu ul {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 7px 0 0 0;
  background: #d71187;
  font-weight: bold;
}

#flashcontent_mmenu ul.selected {
  display: block;
}

#flashcontent_mmenu ul li a {
  display: block;
  padding-left: 23px;
  font-size: 90%;
  line-height: 9pt;
  height: 10.5pt;
}

#flashcontent_mmenu ul li a:hover,
#flashcontent_mmenu ul li a.selected {
  background: #e85bad url(/img/menuselect.gif) 8px 4px no-repeat;
}

#flashcontent_mmenu ul li a {
  text-decoration: none;
}

/* Colors and decorations */

body {
  background-color: #fff;
  color: #373737;
}

h1, h2, h3   { color: #ec008c; line-height: normal;}

a, a:hover  { color: #e91090; }
a:hover   { text-decoration: none; }
a:visited  { color: #b2548b; }

a img { border: 0; }

.asterisk { color: #f00; }

#container   { background: #fff url(/img/bg.shadow.gif) 0 0 repeat-y; }

#phones li .type   { color: #656565; }
#phones li .number { color: #d0037c; }
#phones li.sales   { background: url(/img/icon.sales-phone.png) 0 0 no-repeat; }
#phones li.tech    { background: url(/img/icon.tech-phone.png) 0 0 no-repeat; }

#mainmenu, #footer { background-color: #ffc6e3; }

#mainmenu .holder  { background: url(/img/_tmp_menu_bar.png) 0 0 no-repeat; }
#footer .holder    { background: url(/img/bg.footer.png) 0 0 no-repeat; }

#navigator, #navigator * { color: #999; }

#content div.block { background: url(/img/bullet.block.gif) 0 6px no-repeat; }

#content div.illustration { background: #eee; }

#content cite { background: #eee; }

#content div.important,
#content p.important { background: #ffd7eb; }

#content ul li {
  list-style-type: none;
  background: url(/img/bullet.ul.gif) 0 3px no-repeat;
}

#content ul li.checks { background: url(/img/bullet.notchk.gif) 0 2px no-repeat; }
#content ul li.checked { background: url(/img/bullet.chk.gif) 0 0 no-repeat; }

#content table     { border-collapse: collapse; }
#content table th   { background-color: #ebebec; }

#content table.pink th  { background-color: #ffc6e3; }
#content table.pink th   { border: 0; }

#content table.stripy   { border-bottom: 1px solid #e7e7e7; }
#content table.stripy tr { border: 0; }
#content table.stripy th { border: 1px solid #B3B3B3; border-width: 0 1px 0 1px; border-color: #ffc6e3; }
#content table.stripy td { border: 1px solid #B3B3B3; border-width: 0 1px 0 1px; border-color: #e7e7e7; }
#content table.stripy tr.even { background: #e7e7e7; }

#footer, #footer a { color: #fff; }

input.text {
  color: #7b7b7b;
  border: 1px solid #fea6d4;
}
input.text.active {
  color: #373737;
}


/* Content typography rules */

#container {
  font: 9pt/120% Arial,Verdana,sans-serif;
}

#content div.block {
  padding: 13px 35px 0 35px;
  margin: 50px;
}

#content div.block > h1:first-child,
#content div.block > h2:first-child,
#content div.block > h3:first-child {
  margin-top: -5px;
}

h1, h2, h3 { font-weight: normal; padding: 0;}

h1 { font-size: 15pt; margin-bottom: 19pt; }
h2 { font-size: 12pt; margin: 18.5pt 0 12pt 0; }
h3 { font-size: 9pt;  margin: 12pt 0 7pt 0; }

#content p {
  margin: 6pt 0;
}

#content ol { padding-left: 42px; }
#content ul { padding-left: 23px; }
#content ol li { padding: 3px 10px; }
#content ul li { padding: 3px 26px; }

#content cite {
  display: block;
}

#content div.important,
#content p.important,
#content cite {
  padding: 22px 33px;
  margin: 15px 0;
  font-style: italic;
}

#content div.illustration {
  margin: 13px 0;
  padding: 25px 0;
  text-align: center;
}

#content table {
  margin: 15px 0;
}

#content table td,
#content table th {
  padding: 7px 10px;
}

#content table td.wide,
#content table th.wide {
  width: 100%;
}

#content table td.nowrap,
#content table th.nowrap {
  white-space: nowrap;
}

#content table td.center {
  text-align: center;
}

input.text {
  height: 14px;
  padding: 2px 8px;
}

/* Check connection availability form */

#check_connection_form {
  width: 200px;
}

#check_connection_street {
  width: 182px;
}

.connect-city-inner {
  width: 200px;
  border: 1px solid #FEA6D4;
}

.wide #check_connection_house {
  width: 52px;
  float: left;
}

#check_connection {
  border: 0;
  background: url(/img/button.check.wide.png) 0 0 no-repeat;
  height: 20px;
  float: right;
}

.wide #check_connection {
  width: 120px;
}

/* Service icons */
#flashcontent_icons a {
  display: inline-block;
  text-decoration: none;
  margin: 0 5px 5px 0;
}