/* -- главная страница -- */
.main_div_bottom
{
  background: #fbeced url('/modules/color/img/main/bottom.jpg') left bottom no-repeat;
  width: 480px;
  font: normal 16px arial, helvetica, sans-serif;
  padding: 0px 0px 137px 0px;
  margin: 0px;
  text-align: center;
  position: relative;
}
.main_div_bottom a { color: #b22a8b; text-decoration: none;}
.main_div_bottom a:hover { color: #b22a8b; text-decoration: none;}
.main_div_middle
{
  background-color: #fbeced;
  width: 320px;
  height: 46px;
  top: 369px;
  left: 75px;
  font: normal 12px arial, helvetica, sans-serif;
  color: #b22a8b;
  padding: 20px 0px 20px 0px;
  margin: 0px;
  border: 0px;
  text-align: left;
  position: absolute;
}
* html .main_div_middle { height: 86px; top: 385px;}

.main_table
{
  width: 480px;
  text-align: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.main_table_top
{
  background: #fbeced url('/modules/color/img/main/top.png') left top no-repeat;
  width: 480px;
  height: 266px;
}
.main_table_right
{
  background: #fbeced url('/modules/color/img/main/right.png') right top no-repeat;
  width: 125px;
  height: 491px;
}
.td_main_info
{
  border-right: 1px solid #f85bc3;
  color: #a58183;
  font: normal 12px arial, helvetica, sans-serif;
  padding: 0px 25px 0px 35px;
}

.td_main_login
{
  color: #a58183;
  font: normal 16px arial, helvetica, sans-serif;
  padding: 0px 25px 0px 35px;
}



/* --------------- */

/* -- страница вопросов теста -- */
form .submit
{
  background: transparent url('/modules/color/img/arrow.png') right center no-repeat;
  font: normal 16px arial, helvetica, sans-serif;
  text-indent: 0px;
  text-align: left;
  vertical-align: middle;
  color: #b22a8b;
  width: 235px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.question_table
{
  width: 480px;
  text-align: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.question_table_top
{
  background: #f9f4f0 url('/modules/color/img/q/top.png') left top no-repeat;
  width: 480px;
  height: 80px;
}
.question_div_bottom
{
  background: #f9f4f0 url('/modules/color/img/q/bottom.png') left bottom no-repeat;
  width: 480px;
  padding: 0px 0px 137px 0px;
  margin: 0px;
  text-align: center;
}

.td_header
{
  color: #b22a8b;
  font: normal 12px arial, helvetica, sans-serif;
  padding: 10px 0px 10px 0px;
}
.td_line {
  padding: 0px;
  margin: 0px;
}
hr {
 border: none;
 color: #7c464a;
 background-color: #7c464a;
 height: 1px;
}
.td_q_t
{
  color: #a58183;
  font: bold 12px arial, helvetica, sans-serif;
}
.td_q
{
  color: #a58183;
  font: normal 10px arial, helvetica, sans-serif;
}

.td_img_question
{
  width: 125px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}
.td_img_question div
{
  margin: 0px;
  padding: 0px;
  width: 100px;
  border: 1px solid #000;
}
/* ------------------------ */

/* -- результаты теста -- */
.result_error_div
{
  background: #f9f4f0 url('/modules/color/img/r/error_result.jpg') left top no-repeat;
  width: 434px;
  height: 241px;
  padding: 79px 23px 0px 23px;
  margin: 0px;
}
* html .result_error_div {width: 480px; height: 320px;}
.result_title
{
  width: 413px;
  background-color: #c560a6;
  font: bold 16px arial, helvetica, sans-serif;
  color: #ffffff;
  border: 0px;
  padding: 5px 9px 5px 9px;
  margin-top: 19px;
}
* html .result_title {width: 431px; margin-top: 19px;}
.result_top
{
  background: #f9f4f0 url('/modules/color/img/r/right_img.jpg') right top no-repeat;
  width: 480px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.result_table
{
  width: 480px;
  text-align: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
  //background: url('/modules/color/img/r/result_title.png') 0px 30px no-repeat;
.td_r_title
{

  border: 0px;
  padding: 30px 0px 0px 0px;
  margin: 0px;
  height: 54px;
  text-align: left;
}
* html .td_r_title { height: 84px;}
.td_r_title img {padding: 30px 0px 30px 0px;}
/*
.td_img
{
  width: 227px;
}

* html .td_img
{
  padding-right: 27px;
}
*/

.div_famous
{
  padding: 0px;
  margin: 0px;
  width: 200px;
  margin-right: 27px;
  position: relative;
}

.td_img .div_famous img
{
  border: 1px solid #986769;
}
.famous_name
{
  background: url('/modules/color/img/r/famous_name.png') left top repeat;
  position: absolute;
  bottom: 7px;
  right: -1px;
  color: #530205;
  font: normal 10px sans-serif, helvetica;
  padding: 5px;
}
* html .famous_name {right: 1px;}

.td_arrow
{
  padding-top: 19px;
  width: 23px;
  vertical-align: top;
  text-align: center;
}
.result_info
{
  width: 431px;
  font: normal 12px arial, helvetica, sans-serif;
  color: #7b454a;
  border: 0px solid #000;
  padding: 0px;
  margin-top: 19px;
}
.result_info h2
{
  font: bold 14px arial, helvetica, sans-serif;
  color: #b22a8b;
  padding: 0px;
  margin: 0px;
}
.result_info table tr td
{
  font: normal 12px arial, helvetica, sans-serif;
  color: #7b454a;
  padding: 19px 5px 0px 0px;
  margin: 0px;
  vertical-align: top;
  text-align: left;
}
.result_info table tr td h3
{
  font: bold 12px arial, helvetica, sans-serif;
  color: #b22a8b;
  padding: 0px;
  margin: 0px;
}
.result_info .hair_table
{
  padding: 14px 8px 0px 0px;
  margin: 0px 0px 14px 0px;
  vertical-align: top;
  text-align: left;
}
.bg_bottom
{
  background: #f9f4f0 url('/modules/color/img/r/w.jpg') left bottom no-repeat;
  width: 480px;
}
.bg_bottom_desc
{
  margin-bottom: 54px;
}
.tr_spot_fon
{
  background: #f9f4f0 url('/modules/color/img/r/spot.png') left bottom no-repeat;
  padding-bottom: 10px;
  height: 45px;
}
* html .tr_spot_fon {height: 35px;}
.tr_spot_fon_top
{
  background: #f9f4f0 url('/modules/color/img/r/spot_top.png') left bottom no-repeat;
}

.result_colors
{
  width: 448px;
  background-color: #fbeced;
  text-align: right;
  padding: 10px 16px 10px 16px;
  margin-top: 4px;
}
* html .result_colors {width: 480px;}
.result_colors a
{
  font: normal 10px arial, helvetica, sans-serif;
  color: #b22a8b;
  text-decoration: underline;
}
.result_colors a:hover { color: #b22a8b; text-decoration: underline;}
.after_colors_pt {padding-top: 4px;}
.after_colors_mt { margin-top: 4px;}

.cosmetics
{
  width: 470px;
  height: 129px;
  background: #f5e6ec url('/modules/color/img/r/cosm_fon.gif') left bottom repeat-x;
  border: 1px solid #cb9cbe;
  padding: 18px 4px 0px 4px;
  margin: 0px;
  position: relative;
  overflow: visible;
}
* html .cosmetics { width: 480px; height: 147px;}
.cosmetics .cosm_img {border: 1px solid #603133; margin: 0px; padding: 0px;}
.cosmetics form { padding: 0px; margin: 0px; }
.cosmetics table tr td
{
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  text-align: center;
}
.cosmetics table tr td.ajax_arrow
{
  padding: 32px 3px 0px 0px;
}
.img_shadow
{
  width: 102px;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 0px 0px;
  background: url('/modules/color/img/r/shadow.png') left top no-repeat;
  line-height: normal;
  text-align: left;
  font: normal 10px arial, helvetica, sans-serif;
  border: 0px;
}
.img_shadow a {color: #ffffff; text-decoration: none; margin: 0px; padding: 0px; }
.img_shadow a:hover {color: #ffffff; text-decoration: none; margin: 0px; padding: 0px; }
@media all and (min-width: 0) { .img_shadow {width: 102px; margin: 0px 0px 0px 3px;} }
* html .img_shadow {width: 102px; margin: 0px 0px 0px 0px;}

#load_container
{
  padding: 0px;
  margin: 0px;
}
#loading
{
  display: none;
  position: absolute;
  top: 55px;
  left: 130px;
}

.cosmetic_table
{
  width: 435px;
}
.cosmetic_table tr td
{
  margin: 0px;
  padding: 0px 10px 0px 0px;
  vertical-align: top;
  text-align: left;
}

.cosmetic_table tr td h3
{
  color: #535253;
  font: bold 16px arial, helvetica, sans-serif;
}

/* ------------------------ */