/*
Project:   Pool-Galaxy.Ru
CSS Type:  Semantic
Version:   1.1 (06.11.2009)
Author:    Grigory Zarubin (Shogo.RU)
*/

/*   -=========== Common Styles ===========-   */
body {
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height: 120%;
  color: #666666;
  background: url(body_bg.png) repeat-x 0 0 #15D9F1; }
* {
  font-size: 100%;
  margin: 0;
  padding: 0; }
a {
  color: #0B6E9F; }
a img, table {
  border: 0; }
a:focus {
  outline: none; }
.zero {
  border-spacing: 0;
  border-collapse: collapse; }
.zero td {
  padding: 0; }
.z7 td {
  padding: 7px 0; }
.bb {
  font-weight: bold; }
.m3 {
  margin-bottom: 3px; }
.m5 {
  margin-bottom: 5px; }
.m7 {
  margin-bottom: 7px; }
.m10 {
  margin-bottom: 10px; }
.m15 {
  margin-bottom: 15px; }
.m20 {
  margin-bottom: 20px; }
.m25 {
  margin-bottom: 25px; }
.m40 {
  margin-bottom: 40px; }
.m50 {
  margin-bottom: 50px; }
.hova a {
  text-decoration: none; }
.hova a:hover {
  text-decoration: underline; }
.nova a {
  text-decoration: none; }
.s9 {
  font-size: 9px;
  line-height: 120%; }
.s10 {
  font-size: 10px;
  line-height: 120%; }
.s11 {
  font-size: 11px;
  line-height: 120%; }
.s12 {
  font-size: 12px;
  line-height: 120%; }
.s13 {
  font-size: 13px;
  line-height: 120%; }
.s14 {
  font-size: 14px;
  line-height: 120%; }
.s15 {
  font-size: 15px;
  line-height: 120%; }
.s16 {
  font-size: 16px;
  line-height: 120%; }
h1, h1 a {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 25px;
  line-height: 120%;
  color: #1479A6;
  font-weight: normal;
  margin-bottom: 17px;
  text-decoration: none; }
h2, h2 a {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 120%;
  color: #3C8AB1;
  margin-bottom: 17px;
  text-decoration: none; }
h3, h3 a {
  font-size: 14px;
  line-height: 120%;
  color: #666666;
  margin-bottom: 15px;
  text-decoration: none; }
h4, h4 a {
  font-size: 13px;
  line-height: 120%;
  color: #666666;
  margin-bottom: 10px;
  text-decoration: none; }
p {
  padding-bottom: 10px; }
ul, ol, ul.default {
  margin: 5px 0 15px 0; }
ul.default {
  margin-top: 0; }
ul li, ul.default li {
  margin: 5px 0;
  list-style-position: inside;
  list-style-type: square; }
ul.default li {
  margin: 0 0 5px 15px;
  list-style-position: outside;
  list-style-type: disc; }
ol li {
  margin: 7px 0;
  list-style-position: inside;
  font-weight: bold; }
.inp, .srch, textarea, select {
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
  padding: 3px 5px;
  background: #FFFFFF;
  border: 1px solid #CBE0EB; }
.srch {
  border-top-color: #488FA6;
  border-left-color: #488FA6;
  border-bottom-color: #3CA4C5;
  border-right-color: #3CA4C5; }
select {
  padding: 0; }
label {
  cursor: pointer; }
.alerted {
  background: #FFE9E9;
  border: 1px dotted #E6B0B0; }
.left {
  float: left;
  margin: 0 15px 10px 0; }
.right {
  float: right;
  margin: 0 0 10px 15px; }
.auto {
  width: 100%;
  height: auto; }


/*   -=========== Structure ===========-   */
#container {
  min-height: 1163px;
  background: url(container_bg.jpg) repeat-x 0 100%; }
#container_inner, #footer .footer_inner {
  width: 1000px;
  margin: 0 auto; }
body.secondary #container_inner, body.secondary #footer .footer_inner {
  width: auto;
  min-width: 960px;
  margin: 0 20px; }
#header {
  padding: 10px 0 0 0; }
#content {
  overflow: hidden;
  padding: 34px 16px 0 6px;
  background: url(content_bg.png) no-repeat 0 0 #FFFFFF;
  min-height: 559px; }
.secondary #content {
  background: url(content_secondary_bg.png) no-repeat 0 0 #FFFFFF; }
#left_col {
  float: left;
  width: 230px; }
#main {
  margin-left: 255px; }
#bottom {
  height: 190px;
  padding-bottom: 36px;
  background: url(bottom_decor_bg.gif) no-repeat 0 0; }
#footer {
  clear: both;
  min-height: 80px;
  background: url(footer_bg.png) repeat-x 0 0 #3989B0; }

/*   -=========== Blocks ===========-   */
#header .top {
  overflow: hidden;
  margin-bottom: 20px; }
#header .collage {
  position: relative;
  background: url(hdr_main_bg.jpg) no-repeat 100% 0 #FFFFFF;
  border-bottom: 1px solid #FFFFFF; }
#header .collage .slogan {
  position: absolute;
  top: 130px;
  left: 204px;
  z-index: 1;
  width: 135px;
  color: #0B6E9F; }
#header .collage #main_fl {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1; }
#header .contacts {
  background: url(hdr_contacts_bg.png) repeat-x 0 0;
  padding: 13px 7px 0 7px;
  height: 43px; }
#header .contacts .search {
  float: right;
  padding-top: 5px;
  white-space: nowrap; }
#header .contacts .phones, #header .contacts .icq, #header .contacts .email {
  float: left;
  padding-right: 25px;
  font: 16px Arial, Verdana, Tahoma;
  line-height: 27px; }
#header .contacts .phones {
  background: url(hdr_contacts_phone.gif) no-repeat 0 0;
  padding-left: 38px; }
#header .contacts .icq {
  background: url(hdr_contacts_icq.gif) no-repeat 0 2px;
  padding-left: 34px;
  line-height: 29px; }

#header .menu_top_container {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: url(menu_top_bg.png) repeat-x 0 0; }
#header .menu_top_inner_1 {
  position: relative;
  right: 50%;
  float: right; }
#header .menu_top_inner_2 {
  position: relative;
  z-index: 1;
  right: -50%; }
#header .menu_top_container, #header .menu_top li {
  background: url(menu_top_bg.png) repeat-x 0 0; }
#header .menu_top {
  margin: 0;
  padding: 0;
  overflow: hidden; }
#header .menu_top li {
  float: left;
  margin: 0;
  padding: 0;
  height: 30px;
  list-style: none;
  border-right: 1px solid #FFFFFF; }
#header .menu_top li.current {
  background-position: 0 -60px; }
#header .menu_top li.current * {
  color: #FF3C3C; 
  text-decoration: underline; }
#header .menu_top li.last {
  border: 0; }
#header .menu_top li.last * {
  padding: 0 15px 0 15px; }
#header .menu_top li * {
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 10px 0 10px; }
#header .menu_top li a {
  text-decoration: none; }
#header .menu_top li a:hover {
  text-decoration: underline; }


.vitr_left, .vitr_center, .vitr_right, .inner_left, .inner_center, .inner_right {
  float: left;
  width: 100%;
  background: url(blck_bg.gif) no-repeat 100% 100%; }
.inner_left, .inner_center, .inner_right, td.inner_col_left, td.inner_col_right {
  background: url(inner_cols_bg.png) repeat-y 100% 0; }
.col_left, .col_center, .col_right, div.inner_col_left, div.inner_col_center, div.inner_col_right {
  float: left;
  position: relative;
  overflow: hidden; }
.vitr_left {
  position: relative;
  right: 326px; }
.vitr_center {
  clear: left;
  position: relative;
  right: 326px; }
.vitr_right {
  clear: left;
  overflow: hidden; }
.col_left {
  width: 326px;
  left: 652px; }
.col_center {
  width: 326px;
  left: 652px; }
.col_right {
  width: 326px;
  left: 652px; }
.inner_left {
  position: relative;
  right: 482px; }
.inner_center {
  clear: left;
  position: relative;
  right: 248px; }
.inner_right {
  clear: left;
  overflow: hidden; }
div.inner_col_left {
  width: 248px;
  left: 730px; }
div.inner_col_center {
  width: 482px;
  left: 730px; }
div.inner_col_right {
  width: 248px;
  left: 730px; }
td.inner_col_left, td.inner_col_center, td.inner_col_center_after, td.inner_col_right {
  vertical-align: top; }
td.inner_col_left, td.inner_col_right {
  width: 248px; }
td.inner_col_center_after {
  width: 27px; }

.vitr_left .block {
  padding-left: 15px; }
.inner_left .text {
  padding: 0 4px 0 15px; }
.vitr_left .hd {
  line-height: 100%;
  height: 28px;
  padding: 12px 0 0 44px; }
.vitr_left .hd * {
  font-family: Arial, Verdana, Tahoma;
  font-weight: bold;
  text-decoration: none; }
.vitr_left .content {
  padding-bottom: 20px; }
.vitr_left .block .content .image {
  overflow: hidden;
  text-align: center; }
.vitr_left .block .content .image div {
  display: block;
  width: 268px;
  border: 1px solid #FFFFFF;
  margin: 20px auto 13px auto; }
.vitr_left .content ul {
  margin: 5px 0 0 0;
  padding: 0; }
.vitr_left .content li {
  margin: 0 0 0 20px;
  padding: 2px 12px 14px 27px;
  list-style: none; }
.vitr_left .content li * {
  font-size: 12px;
  font-weight: bold; }
.vitr_left .content p, .vitr_left .content p * {
  margin: 0;
  font-size: 11px;
  font-weight: normal; }

.vitr_left .blue .hd {
  background: url(blck_blue_hd_bg.png) no-repeat 100% 0; }
.vitr_left .blue .hd * {
  color: #053A54; }
.vitr_left .blue .content {
  background: url(blck_blue_bg.png) no-repeat 100% 0; }
.vitr_left .blue .content li {
  background: url(blck_blue_mrk.png) no-repeat 0 0; }
.vitr_left .pink .hd {
  background: url(blck_pink_hd_bg.png) no-repeat 100% 0; }
.vitr_left .pink .hd * {
  color: #5E0000; }
.vitr_left .pink .content {
  background: url(blck_pink_bg.png) no-repeat 100% 0; }
.vitr_left .pink .content li {
  background: url(blck_pink_mrk.png) no-repeat 0 0; }
.vitr_left .green .hd {
  background: url(blck_green_hd_bg.png) no-repeat 100% 0; }
.vitr_left .green .hd * {
  color: #143F3F; }
.vitr_left .green .content {
  background: url(blck_green_bg.png) no-repeat 100% 0; }
.vitr_left .green .content li {
  background: url(blck_green_mrk.png) no-repeat 0 0; }

.inner_col_left .text {
  padding: 7px 4px 0 15px;
  background: url(inner_col_left_bg.png) no-repeat 100% 0; }
.inner_col_center .text {
  min-height: 150px;
  margin-left: 15px;
  padding: 21px 0 0 17px;
  background: url(inner_col_center_bg.png) no-repeat 0 0 #FFFFFF; }
td.inner_col_center_after {
  background: url(inner_col_center_after_bg.png) no-repeat 0 0; }
.inner_col_right .text {
  padding: 7px 4px 0 15px;
  background: url(inner_col_right_bg.png) no-repeat 100% 0; }
.inner_col_left .hd, .inner_col_right .hd, .inner_col_left .hd_, .inner_col_right .hd_ {
  height: 23px;
  text-transform: uppercase;
  padding: 8px 0 0 28px; }
.inner_col_left .hd_, .inner_col_right .hd_ {
  background: url(inner_col_right_hd_bg.png) no-repeat 0 0; }

#left_menu {
  border: 1px solid #FFFFFF;
  border-bottom: 0; }
#left_menu ul {
  padding: 0;
  margin: 0; }
#left_menu ul ul {
  background: none!important;
  padding: 0;
  margin: 0 0 10px 0; }
#left_menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: auto;
  min-height: 29px;
  border-bottom: 1px solid #FFFFFF; }
#left_menu ul ul li {
  border: 0;
  padding: 0 0 0 27px;
  margin: 0;
  min-height: 23px;
  list-style: none; }
#left_menu li * {
  display: block;
  font-weight: bold;
  padding: 7px 5px 6px 27px; }
#left_menu li li * {
  font-weight: normal;
  text-decoration: none;
  padding: 7px 6px 0 10px; }
#left_menu li li *:hover {
  text-decoration: underline; }
#left_menu .hd * {
  display: block;
  font-weight: bold;
  color: #FFFFFF!important;
  text-decoration: none;
  text-transform: none;
  padding: 9px 5px 7px 27px;
  line-height: 100%; }
#left_menu .blue li li, #left_menu .pink li li, #left_menu .green li li, #left_menu .orange li li {
  background: none; }
#left_menu .blue .hd {
  background: url(left_menu_blue_hd_bg.png) repeat-x 0 0 #8DCBED; }
#left_menu .blue .hd * {
  background: url(left_menu_blue_hd_mrk.gif) no-repeat 9px 9px; }
#left_menu .pink .hd {
  background: url(left_menu_pink_hd_bg.png) repeat-x 0 0 #FFB7B7; }
#left_menu .pink .hd * {
  background: url(left_menu_pink_hd_mrk.gif) no-repeat 9px 9px; }
#left_menu .green .hd {
  background: url(left_menu_green_hd_bg.png) repeat-x 0 0 #8AD9D9; }
#left_menu .green .hd * {
  background: url(left_menu_green_hd_mrk.gif) no-repeat 9px 9px; }
#left_menu .orange .hd {
  background: url(left_menu_orange_hd_bg.png) repeat-x 0 0 #FFCC80; }
#left_menu .orange .hd * {
  background: url(left_menu_orange_hd_mrk.gif) no-repeat 9px 9px; }
#left_menu .blue li {
  background: url(left_menu_blue_el_bg.png) repeat-x 0 0 #E5F3FB; }
#left_menu .blue li * {
  background: url(left_menu_blue_el_mrk.gif) no-repeat 11px 10px; }
#left_menu .blue li.current * {
  color: #07425F; }
#left_menu .blue li li.current * {
  color: #07425F!important;
  text-decoration: underline; }
#left_menu .blue li li * {
  background: url(left_menu_blue_inner_mrk.gif) no-repeat 0 14px;
  color: #0B6E9F!important; }
#left_menu .pink li {
  background: url(left_menu_pink_el_bg.png) repeat-x 0 0 #FFF4F4; }
#left_menu .pink li * {
  background: url(left_menu_pink_el_mrk.gif) no-repeat 11px 10px;
  color: #CD6565; }
#left_menu .pink li.current * {
  color: #953131; }
#left_menu .pink li li.current * {
  color: #993333!important;
  text-decoration: underline; }
#left_menu .pink li li * {
  background: url(left_menu_pink_inner_mrk.gif) no-repeat 0 14px;
  color: #CD6565!important; }
#left_menu .green li {
  background: url(left_menu_green_el_bg.png) repeat-x 0 0 #E5F7F7; }
#left_menu .green li * {
  background: url(left_menu_green_el_mrk.gif) no-repeat 11px 10px;
  color: #2C8787; }
#left_menu .green li.current * {
  color: #184949; }
#left_menu .green li li.current * {
  color: #184949!important;
  text-decoration: underline; }
#left_menu .green li li * {
  background: url(left_menu_green_inner_mrk.gif) no-repeat 0 14px;
  color: #2C8787; }
#left_menu .orange li {
  background: url(left_menu_orange_el_bg.png) repeat-x 0 0 #FFF3E1; }
#left_menu .orange li * {
  background: url(left_menu_orange_el_mrk.gif) no-repeat 11px 10px;
  color: #FF6600; }
#left_menu .orange li.current * {
  color: #A44200; }
#left_menu .green li li.current * {
  color: #A44200!important;
  text-decoration: underline; }
#left_menu .orange li li * {
  background: url(left_menu_orange_inner_mrk.gif) no-repeat 0 14px;
  color: #FF6600; }
#left_menu a.brand {
  font-weight: bold; }
#left_menu ul.brand {
  padding: 0;
  margin: 0;
  list-style: none; }
#left_menu ul.brand li {
  background: none; }

.after {
  clear: both;
  padding-top: 20px; }
.simple_col {
  float: left;
  width: 290px;
  padding-left: 36px;
  /*width: 311px;
  padding-left: 15px;*/ }
.navi {
  color: #1278A5;
  margin-bottom: 17px; }
.navi a {
  color: #1278A5; }
.navi span {
  color: #999999; }
div.form {
  border: 1px solid #C8E6EE;
  background: #ECF6F9;
  padding: 10px; }
.form label {
  display: block;
  padding-bottom: 5px; }
.form .pdb {}

#footer .counters {
  float: left;
  padding: 17px 20% 0 21px; }
#footer .counters img {
  float: left;
  margin-right: 10px; }
#footer .copyright {
  padding: 15px 0 10px 0;
  font-size: 11px;
  line-height: 120%;
  color: #FFFFFF;
  overflow: hidden; }
#footer .copyright a {
  color: #FFFFFF; }


/*   -=========== Classes ===========-   */
.red, .red a {
  color: #FF0000; }
.grey, .grey a {
  color: #666666; }
.white, .white a {
  color: #FFFFFF; }

ul.ready {
  margin: 0 0 10px 0!important;
  padding: 0!important; }
ul.ready li {
  background: url(mrk1.gif) no-repeat 0 6px!important;
  padding: 0 0 0 12px!important;
  margin: 0 0 5px 0!important;
  list-style: none!important; }
ul.ready li, ul.ready li a {
  font-size: 11px!important;
  font-weight: normal!important; }
.mrk1 {
  background: url(mrk1.gif) no-repeat 0 6px;
  padding-left: 12px; }
.mrk2 {
  background: url(mrk2.gif) no-repeat 0 5px;
  padding-left: 12px; }
.mrk3 {
  background: url(mrk3.gif) no-repeat 0 3px;
  padding-left: 17px; }
.hr {
  background: #EDEDED;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  margin: 5px 0 15px 0; }

.l_main {
  float: left;
  width: 49%; }
.r_main {
  margin-left: 51%; }
.bord {
  border-top: 1px solid #C8E6EE;
  border-left: 1px solid #C8E6EE; }
.bord th {
  padding: 5px 0 5px 8px;
  text-align: left;
  background: url(table_th_bg.png) repeat-x 0 0 #0E8EB7;
  color: #FFFFFF;
  border-right: 1px solid #C8E6EE;
  border-bottom: 1px solid #C8E6EE; }
.bord td {
  padding: 5px 0 5px 8px;
  border-right: 1px solid #C8E6EE;
  border-bottom: 1px solid #C8E6EE; }
.bord tr.hl td, .bord td.hl {
  background: #ECF6F9; }

.text_container {
  overflow: hidden;
  margin-bottom: 10px; }
.nofloat {
  overflow: hidden; }



.productThumb a {
  border: medium none;
  color: white;
  display: block;
  text-decoration: none;
  margin-bottom: 0px; }
.productThumb h4 {
  background-color: #10218B;
  color: white;
  display: block;
  font-size: 0.8em;
  margin: 0;
  padding: 3px 5px;
  text-align: center; }
.productThumb {
  float: left;
  margin-bottom: 5px;
  margin-right: 20px;
  position: relative; }


.foto {
  float: left;
  margin: 0 5px 10px 0;
  width: 117px; }
.foto .tb {
  background: none repeat scroll 0 0 #B9BABB;
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0 1px; }
.foto .body {
  border-left: 1px solid #B9BABB;
  border-right: 1px solid #B9BABB;
  padding: 10px; }