/*Правила для экранной версии (ПК)*/
@media screen{

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* Вместо *, что бы работали hspace, vspace у img */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: Arial, Verdana;
}
ol, ul, li {
  margin: 5px 15px;
  padding: 0;
  font-size: 12px;
  font-family: Arial, Verdana;
}


a.javaWinUpDn:link    { color:black; font-weight: bold; text-decoration: none;}
a.javaWinUpDn:visited { color:black; font-weight: bold; text-decoration: none;}
a.javaWinUpDn:active  { color:black; font-weight: bold; text-decoration: none;}
a.javaWinUpDn:hover   { color:black; font-weight: bold; text-decoration: none;}


h5 {
  font-size: 15px;
}

h1.compositeTitle{
  font-size: 16px;
  color:#444444;
  padding: 0 0 16px 0;
}

table.coll { border-collapse: collapse; }

body {
  background: #E2E2E2 url(p/main-bg.jpg) no-repeat right top;
  color: #000;
  font-family: Arial, Verdana;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0em;
/*  line-height: 1.3em; */
}
/*
*{              убрать пунктир у картинок ссылок. в IE не пашет
 outline:none;
}
*/

div#container {
  padding-top: 10px;
  width: 93%; /* 1000px; */
  margin: auto;
  text-align: left;
  max-width: 1146px;   /*   в ИЕ не работает */
  min-width: 800px;    /*   в ИЕ не работает */
}
div#header {
  background: #B51115 url(p/head-repeat.gif) repeat-x;
/*  width: 100%; height: 98px; display: block;  */
}
/*  сначала сделал дивами:
.HeadLeft{
  position: absolute;  width: 500px; height: 98px; display: block; background: transparent url(p/head-left1.gif) top left no-repeat;
}
.HeadRight{
  position: absolute; right: 2.9%; width: 200px; height: 98px; display: block; background: transparent url(p/head-right.gif) top right no-repeat;
}
     потом решил таблицей:  */
.HeadLeft{
  background: transparent url(p/head-left1.gif) top left no-repeat; cursor: pointer;
}
.HeadCent{
  background: transparent url(p/head-repeat.gif) top left repeat-x;
}
.HeadRight{
  background: transparent url(p/head-right.gif) top right no-repeat;
}

div#Bottom{
  clear: both;
  width: 100%;
  text-align: center;
}
.RedLine{
  width:100%;
  display: block;
  color: #F2F2F2;
  background-color: #AF1014;
  text-align: center;
}

div#ctovestorplus {
  background: transparent;
  margin: 7px 0 0 25px;
  display: block; float: left;
  font-weight: bold; color: #EEEEEE;
  font-size: 16px;
  font-family: Tahoma, Arial, sans-serif
}
div.phones {
  white-space: nowrap;
  font-size:20px;
  margin:0px 5px 0 0;
  color: #F2F2F2;
  font-weight: bold;
  cursor: pointer;
  width: 160px;
}
div.phones .comment{
  font-size:15px;
  letter-spacing: 1px;
}

div#topcenter {
  background: transparent;
  margin: -6px 0 0 0;
  display: block; float: left;
  font-weight: bold; color: #EEEEEE;
  font-size: 19px;
  font-family: Tahoma, Arial, sans-serif
}
div#search {
  background: transparent;
  margin: 7px 1px 0 0;
  width: 181px; height: 30px; display: block;
  float: right;
}
div#TopNavigation {
  background: transparent;
  width: 100%; height: 55px; display: block;
  margin-top: 1px;
}


div.SmallContainer{
  background: transparent; width: 100%; display: block; margin: 0 0 20px 0; clear: both;
}
div.LeftContainerTop{
  background: url(p/left-cont-top.gif) no-repeat top left; width: 100%; display: block;
}
div.LeftContainerCenter{
  background: url(p/left-cont-cent.gif) repeat-y top left; width: 100%;  display: block;
}
div.LeftContainerBottom{
  background: url(p/left-cont-bot.gif) no-repeat top left; width: 100%;  display: block;
}
div.RightContainerTop{
  background: url(p/right-cont-top.gif) no-repeat top left; width: 100%; display: block;
}
div.RightContainerCenter{
  background: url(p/right-cont-cent.gif) repeat-y top left; width: 100%; display: block;
}
div.RightContainerBottom{
  background: url(p/right-cont-bot.gif) no-repeat top left; width: 100%; display: block;
}

div.LinksContainerTop{
  width: 100%; display: block;
}
div.LinksContainerCenter{
  width: 100%; display: block;
}
div.LinksContainerBottom{
  width: 100%; display: block; height: 1px;
}

.SmallContainer h3{
  color: #FFFFFF;
  text-align: center;
  font-size: 100%;
  width: 100%; height: 20px; display: block;
  margin: 2px 0 0 15px;
}

span.Containers{
  display: block;
  padding: 7px 15px 5px 10px;
  font-size: 11px;
}
div.podpis{
  text-align:right;
  font-size: 11px;
  font-style: italic;
  color: #666666;
}

.RightContainerCenter span *, .LeftContainerCenter span * {font-size: 11px;}



span.HelpContainer{
  background: transparent; height: auto; position: relative; overflow: auto;
}
td.HelpContainerRight{
  background: #FFFFCC; border:1px solid #AF1014;
}
td.HelpContainerLeft{
  background: transparent;
}
td.HelpContainerLeft-at{
  background: url(p/helper-big-at.gif) no-repeat top right; width: 112px;
}
td.HelpContainerLeft-cto{
  background: url(p/helper-big-cto.gif) no-repeat top right; width: 112px;
}






div#LeftNavRed{
  background: url(p/left-nav-red.gif) repeat-y top left; width: 100%; margin: 0 0 20px 0;
}
td.LeftNavTopRed{  background: transparent url(p/left-nav-red-top.gif) no-repeat top left; height: 25px;
}
td.LeftNavBottomRed{  background: transparent url(p/left-nav-red-bot.jpg) no-repeat bottom left; padding: 5px 5px 40px 12px; vertical-align: top; height:300px;
}
.LeftNavBottomRed span, .LeftNavBottomRed p{
  color: #fff;
  display: block;
}
.LeftNavBottomRed a{ font-size: 11px;}
.LeftNavBottomRed a:link          {color: #fff; text-decoration: none;}
.LeftNavBottomRed a:visited       {color: #fff; text-decoration: none;}
.LeftNavBottomRed a:link:hover    {color: #fff; text-decoration: underline;}
.LeftNavBottomRed a:visited:hover {color: #fff; text-decoration: underline;}



div#LeftNavWhite{
  background: url(p/left-nav-wht.gif) repeat-y left top; width: 100%; margin: 0 0 20px 0;
}
td.LeftNavTopWhite{ background: transparent url(p/left-nav-wht-top.gif) no-repeat top left; height: 25px;
}
td.LeftNavBottomWhite{ background: transparent url(p/left-nav-wht-bot.gif) no-repeat bottom left; padding: 5px 5px 40px 5px; vertical-align: top; height:300px;
}
.LeftNavBottomWhite span, .LeftNavBottomWhite p{
  color: #AF1014;
  display: block;
}
.LeftNavBottomWhite a{ font-size: 11px;}


a.LeftNavJavaTabs{
  float:left;
  display: block; width: 80px; height: 20px;
  margin:0px 5px 0px 3px;
  border: 0px solid #000000;
  cursor: pointer;
}

div.CenterArea{
  margin-top: 7px;
}

div.LeftArea{
  width: 190px;
  margin-right: 10px;
  background: transparent;
  float: left;
}
div.RightArea{
  width: 155px;
  margin-left: 10px;
  background: transparent;
  float: right;
  clear: right;
}

div.Content{
  display: block; background: transparent;
  text-align: justify;
  min-width: 500px;
}
div#ContentTopBlock{
  display: block; background: transparent;
  min-width: 500px;
  height:70px auto;
}

/*
div.ContentTopBlockLeft{
  background: url(p/top-block-left.gif) no-repeat bottom left; height: 100%; display: block; float: left;
}
div.ContentTopBlockCenter{
  background: transparent;  float: left; font-size: 12px;  line-height: 15px; padding: 0 5px 0 5px;
}
div.ContentTopBlockRight{
  background: url(p/top-block-right.gif) no-repeat bottom right; height: 100%; display: block; float: right;
}
 тоже решил сделать таблицей ибо нехуй!    */

  td.Content_TB_TopLeft{
    width: 10px; height: 15px; border-top: 1px solid #AF1014; border-left: 1px solid #AF1014;  background: #fff;
  }
  td.Content_TB_TopCent{
                               border-top: 1px solid #AF1014; background: #fff;
  }
  td.Content_TB_TopRight{
    width: 10px; height: 15px; background: url(p/TB_TopRight.gif) no-repeat top left;
  }
  td.Content_TB_MidCent{
    background: #fff;
  }
  td.Content_TB_MidRight{
    width: 10px; background: url(p/TB_MidRight.gif) repeat-y top left;
  }
  td.Content_TB_BotLeft{
    width: 15px; height: 7px; background: url(p/TB_BotLeft.gif) no-repeat top left;
  }
  td.Content_TB_BotCent{
                 height: 7px; background: url(p/TB_BotCent.gif) repeat-x top left;
  }
  td.Content_TB_BotRight{
    width: 10px; height: 7px; background: url(p/TB_BotRight.gif) no-repeat top left;
  }

#ContentTopBlock span{
  margin: 5px 5px 7px 0; text-align: justify; color: #AF1014; font-size:11px; font-weight: bold; float:left;
}




.ContentElementSpiska{
  display: block; background: transparent; text-align: left; padding-left: 15px;
} /* будет таблица из 9 ячеек */
  td.Content_ES_HeadLeft{
    height: 15px; background: #AF1014; font-size: 10px; font-weight: bold; color: #fff;  padding-left: 5px;
  }
  td.Content_ES_HeadRight{
    height: 15px; width: 19px; background: url(p/ES_HeadRight.gif) no-repeat top left;
  }

  td.Content_ES_TopLeft{
    width: 10px; height: 10px; border-top: 1px solid #AF1014; border-left: 1px solid #AF1014;  background: #fff;
  }
  td.Content_ES_TopCent{
    height: 10px; border-top: 1px solid #AF1014; background: #fff;
  }
  td.Content_ES_TopRight{
    width: 12px; height: 10px; background: url(p/ES_TopRight.gif) no-repeat top right;
  }
  td.Content_ES_MidLeft{
    width: 10px; border-left: 1px solid #AF1014;  background: #fff;
  }
  td.Content_ES_MidCent{
    background: #fff; padding: 0 10px 0 5px;
  }
  td.Content_ES_MidRight{
    width: 12px; background: url(p/ES_MidRight.gif) repeat-y top right;
  }
  td.Content_ES_BotLeft{
    width: 10px; height: 12px; background: url(p/ES_BotLeft.gif) no-repeat bottom left;
  }
  td.Content_ES_BotCent{
    height: 12px; background: url(p/ES_BotCent.gif) repeat-x bottom left;
  }
  td.Content_ES_BotRight{
    width: 12px; height: 12px; background: url(p/ES_BotRight.gif) no-repeat bottom right;
  }

.Content_ES_HeadLeft a:link          {color:#fff; text-decoration: none;}
.Content_ES_HeadLeft a:visited       {color:#fff; text-decoration: none;}
.Content_ES_HeadLeft a:link:hover    {color:#fff; text-decoration: underline;}
.Content_ES_HeadLeft a:visited:hover {color:#fff; text-decoration: underline;}


div.basket{
  margin-left: 212px;
  display: block;
  border: 2px solid #AF1014;
  text-align: center;
  background-color: #FFFFCC;
  padding: 5px;
}
div.SEref{
  margin-left: 212px;
  margin-right: 180px;
  display: block;
  border: 2px solid #AF1014;
  text-align: center;
  background-color: #FFFFCC;
  padding: 5px;
}

div.LeftBold{
  text-align: left;
  font-weight: bold;
  color: #AF1014;
}

ol, ul{
  /* list-style: inside; */
}

.rating{
   border: 1px solid #fff;
   padding: 5px;
}

.button {
        font-size:10px;
        color: #fff;
        background-color:#AF1014;
        cursor:pointer;
        border-width:1px;
        border-style:solid;
        border-color:#033;
}
.text {
        BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid;
        BORDER-LEFT: #aaaaaa 1px solid;  BORDER-BOTTOM: #aaaaaa 1px solid;
        FONT-FAMILY: Arial,Verdana;
}

.ed_txt {
        BORDER: #405F9E 1px solid;
        FONT-SIZE: 8pt;
        FONT-FAMILY: Arial,Verdana;
        WIDTH: 100px;
}
.big_txt {
        BORDER-RIGHT: #aaaaaa 1px solid;
        BORDER-TOP: #aaaaaa 1px solid;
        BORDER-LEFT: #aaaaaa 1px solid;
        BORDER-BOTTOM: #aaaaaa 1px solid;
        FONT-FAMILY: Arial,Verdana;
        WIDTH: 90%;
}
.bigger_txt {
        BORDER-RIGHT: #aaaaaa 1px solid;
        BORDER-TOP: #aaaaaa 1px solid;
        BORDER-LEFT: #aaaaaa 1px solid;
        BORDER-BOTTOM: #aaaaaa 1px solid;
        FONT-FAMILY: Arial,Verdana;
        font-size: 11px;
        WIDTH: 95%;
}
.border1 {
        BORDER: #aaaaaa 1px solid;
}
.bold11px {
        font-size:11px; font-weight:bold;
}


.blue{
  color: #0066cc;
}
.black{
  color: Black;
}
.gray{
  color: Gray;
}
.hand{
  cursor: pointer;
}

.bgWhite{
  background-color: #ffffff;
}
.bgGrayCC{
  background-color: #cccccc;
}
.bgGrayEE{
  background-color: #eeeeee;
}
.bgGrayE2{
  background-color: #e2e2e2;
}
.bgLightGray{
  background-color: #dedede;
}
.bgDarkGray{
  background-color: #aaaaaa;
}
.bgDarkRed{
  background-color: #af1014;
}

.borderWhite{
  border: 1px solid #ffffff;
}
.borderGray{
  border: 1px solid #aaaaaa;
}
.borderRed{
  border: 1px solid #af1014;
}
.padding_sml{
  padding: 2px 4px;
}

.filterDiv{
  margin: 5px 5px 10px 5px;
}

#constructor_sbm{
  width: 122px;
  height: 36px;
  background: url(/p/constructor_h.jpg) top left no-repeat;
  border-width:0px;
  cursor:pointer;
}
#constructor_sbmx{
  width: 122px;
  height: 36px;
  background: url(/p/constructor_hx.jpg) top left no-repeat;
  border-width:0px;
  cursor:pointer;
}
#constr_div{
  float:right;
  font-size:10px;
  margin-top:10px
}

#dostupno{
  visibility: hidden;
  font-size:10px;
  padding:2px 0 2px 0;
  width:135px;
  position:absolute;
  color:white;
}

.tablePriceContainer{
  width:100%;
  margin-bottom:10px;
}
span.tablePriceName{
  font-size: 11px;
  font-weight: bold;
  color:#333333;
}
div.price{
  font-size: 16px; font-weight: bold; color: brown; border: 0;
  white-space: nowrap;
  clear: both;
}
span.priceS{
  font-size: 14px; font-weight: bold; color: brown; border: 0;
  white-space: nowrap;
}

table.gray{
  background-color: #dddddd;
  border:1px solid #cccccc;
  padding: 5px;
}
td.wh_n_bord{
  border:1px solid #cccccc; background:#dddddd;
}
.small{
  font-size: 11px;
}
a:link.index_cat_links    { font-size:11px; text-decoration: none;}
a:visited.index_cat_links { font-size:11px; text-decoration: none;}
a:active.index_cat_links  { font-size:11px;}
a:hover.index_cat_links   { font-size:11px; text-decoration: underline; color: #500000;}


TD.c_group {
    border: #cccccc solid;
    font-weight: bold;
    border-width: 1pt 1pt 1pt 1pt;
    background: #dddddd;
    FONT-SIZE: 90%;
    color: #445566;
    TEXT-DECORATION: none
}
TD.c_field {
    border: #cccccc solid;
    border-width: 1pt 1pt 1pt 1pt;
    background: #dddddd;
    color: #445566;
    FONT-SIZE: 90%;
    TEXT-DECORATION: none
}
TD.c_val {
    border: #cccccc solid;
    border-width: 1pt 1pt 1pt 1pt;
    background: #ffffff;
    color: #332233;
    FONT-SIZE: 90%;
    TEXT-DECORATION: none
}


/*.razdel_big{
  background: url(p/razdel_big.gif) no-repeat top center;
  display: block;  width: 100%;  height: 97px; min-width: 97px;
  padding: 7px 5px 0 0;
}
.razdel_sml{
  background: url(p/razdel_sml.gif) no-repeat top left;
  display: block; height: 62px; width: 62px;
  padding: 4px 0 0 6px;
}
.razdel_long{
  background: url(p/razdel_long.gif) no-repeat top left;
  display: block; height: 62px; width: 284px;
  padding: 3px 0 0 6px;
}*/

div.razdel_big{
  float: left;
  background: url(p/razdel_big.gif) no-repeat top center;
  display: block;  width: 97px;
  margin-left:14px; margin-right:14px;
}
div.razdel_sml{
  float: left;
  background: url(p/razdel_sml.gif) no-repeat top left;
  display: block; height: 62px; width: 62px;
  margin-left:7px; margin-right:7px;
}
div.razdel_long{
  float: left;
  background: url(p/razdel_long.gif) no-repeat top left;
  display: block; height: 82px; width: 284px;
  margin-left:10px; margin-right:10px;
}



div.razdel_big_main{
  float: left;
  background: url(p/razdel_big.gif) no-repeat top left;
  display: block; height: 97px; width: 97px;
  margin-left:22px; margin-right:22px;
}
div.razdel_sml_main{
  float: left;
  background: url(p/razdel_sml.gif) no-repeat top left;
  display: block; height: 62px; width: 62px;
  margin-left:7px; margin-right:7px;
}
div.razdel_long_main{
  float: left;
  background: url(p/razdel_long.gif) no-repeat top left;
  display: block; height: 62px; width: 284px;
  margin-left:10px; margin-right:10px;
}


td.newcard {
  padding:10px;
  padding-top:20px;
  border: 1px solid #cccccc;
  border-top: 2px solid #af1014;
  background: url(p/gr_grad.jpg) repeat-x top left;
}
/*              перенесем табы вправо
td.tabFront {
  border-left: 1px solid #999999;
  background: #af1014 url(p/tab_front.gif) no-repeat top right;
  color: White;
  font-weight: bold;
  white-space: nowrap;
  padding: 0 20px 0 12px;
  cursor: pointer;
}
td.tabBack {
  border-left: 1px solid #999999;
  background: url(p/tab_back.gif) no-repeat top right;
  color: #333333;
  font-weight: bold;
  font-size: 90%;
  white-space: nowrap;
  padding: 0 20px 0 12px;
  cursor: pointer;
}*/
td.tabFront {
  border-right: 1px solid #999999;
  background: #af1014 url(p/tab_front.gif) no-repeat top left;
  color: White;
  font-weight: bold;
  font-size: 90%;
  white-space: nowrap;
  padding: 0 15px 0 20px;
  cursor: pointer;
}
td.tabBack {
  border-right: 1px solid #999999;
  background: #e0e0e0 url(p/tab_back.gif) no-repeat top left;
  color: #333333;
  font-weight: bold;
  font-size: 90%;
  white-space: nowrap;
  padding: 0 15px 0 20px;
  cursor: pointer;
}


.regHead{
  background-color: #cccccc;
  line-height: 25px;
  border: 1px solid #bbbbbb;
}
.regRow{
  background-color: #dddddd;
}

.regName{
  text-align: right;
  padding-right: 12px;
  background-color: #dddddd;
  line-height: 25px;
  border: 1px solid #bbbbbb;
}
.regFld{
  padding-left: 12px;
  background-color: #dddddd;
  border: 1px solid #bbbbbb;
}
/*коменты в формах например: неболее 50 символов*/
.regComm{
  color: gray;
  font-size: 11px;
  white-space: nowrap;
  text-align: center;
}



.Content p {
  text-align: justify; margin: 7px 10px 7px 10px;
}
.Content li {
  text-align: justify; text-indent: 0em; margin: 0 10px 3px 10px;
  list-style-position: outside
}
.LeftArea p, .RightArea p {
  text-align: justify; margin: 0 0 0.5em 0;
}
p.main_p{
  padding:0 0 0 0;
}
.main_p .head{
  color:#AF1014; text-transform: uppercase; font-size: 18px; font-weight: bold; font-family: Verdana, Arial;
  display: block; height: 25px;
}

div.zametka{
  padding: 10px 25px 10px 15px;
}

.small_black{
  font-size: 10px;
  color: black;
}

.wht{
  color: white;
}

span.widthFix{
  color: #E2E2E2;
}

.inl{
  display:inline;
}
.txthead1{
  font-size: 16px; font-weight: bold; color: brown; margin-left: 5px;
}
.txthead2{
  font-size:14px; font-weight:bold; color:brown; margin-left: 5px;
}

.assoc_prc{
  white-space: nowrap; padding:0 5px 0 10px;
}




a:link          {color:#AF1014; text-decoration: none;}
a:visited       {color:#AF1014; text-decoration: none;}
a:link:hover    {color:#AF1014; text-decoration: underline;}
a:visited:hover {color:#AF1014; text-decoration: underline;}

.bold_white     { color: #F2F2F2; font-weight: bold; }
.bold_white:link          {color: #F2F2F2; font-weight: bold; text-decoration: none;}
.bold_white:visited       {color: #F2F2F2; font-weight: bold; text-decoration: none;}
.bold_white:link:hover    {color: #F2F2F2; font-weight: bold; text-decoration: underline;}
.bold_white:visited:hover {color: #F2F2F2; font-weight: bold; text-decoration: underline;}

.phoneme               {color: #cccccc; font-weight: bold; font-size:11px; }
.phoneme:link          {color: #cccccc; font-weight: bold; font-size:11px; text-decoration: none;}
.phoneme:visited       {color: #cccccc; font-weight: bold; font-size:11px; text-decoration: none;}
.phoneme:link:hover    {color: #cccccc; font-weight: bold; font-size:11px; text-decoration: underline;}
.phoneme:visited:hover {color: #cccccc; font-weight: bold; font-size:11px; text-decoration: underline;}

a.TopSubmenu:link          {color: #AF1014; text-decoration: none;}
a.TopSubmenu:visited       {color: #AF1014; text-decoration: none;}
a.TopSubmenu:link:hover    {color: #F2F2F2; text-decoration: none; background-color: #AF1014;}
a.TopSubmenu:visited:hover {color: #F2F2F2; text-decoration: none; background-color: #AF1014;}


a.WhtMenuLinkInverse:link          {display:block; color: #ffffff; width:157px; background-color:#AF1014; text-decoration: none;}
a.WhtMenuLinkInverse:visited       {display:block; color: #ffffff; width:157px; background-color:#AF1014; text-decoration: none;}
a.WhtMenuLinkInverse:hover         {display:block; color: #ffffff; width:157px; background-color:#AF1014; text-decoration: underline;}
a.WhtMenuLinkInverse:visited:hover {display:block; color: #ffffff; width:157px; background-color:#AF1014; text-decoration: underline;}


a.RedMenuLinkInverse:link          {display:block; color: #AF1014; width:160px; background-color:#ffffff; text-decoration: none;}
a.RedMenuLinkInverse:visited       {display:block; color: #AF1014; width:160px; background-color:#ffffff; text-decoration: none;}
a.RedMenuLinkInverse:hover         {display:block; color: #AF1014; width:160px; background-color:#ffffff; text-decoration: underline;}
a.RedMenuLinkInverse:visited:hover {display:block; color: #AF1014; width:160px; background-color:#ffffff; text-decoration: underline;}


a.onlineOrder         {margin:-5px 0 0 -4px;}
a:link.onlineOrder    {text-decoration:underline; color:#444444; font-size: 10px;}
a:visited.onlineOrder {text-decoration:underline; color:#444444; font-size: 10px;}
a:active.onlineOrder  {text-decoration:underline; color:#444444; font-size: 10px;}
a:hover.onlineOrder   {text-decoration:underline; color:#CC0000; font-size: 10px;}


a:link.txt          {color:black; text-decoration: none;}
a:visited.txt       {color:black; text-decoration: none;}
a:active.txt        {color:black; text-decoration: none;}
a:hover.txt         {color:black; text-decoration: none;}
a:visited:hover.txt {color:black; text-decoration: none;}


a.TopNavBut_text{
  float: left;
  margin: 10px 0 0 10px;
  padding: 0 5px 2px 5px;
}
a.TopNavBut_text:link, a.TopNavBut_text:visited{
  text-decoration: none;
  background-color: #af1014;
  color: #eeeeee;
  border: 1px solid #eeeeee;
}
a.TopNavBut_text:hover, a.TopNavBut_text:active{
  text-decoration: none;
  background-color: #ffe44d;
  color: #000000;
  border: 1px solid Gray;
}


/* это div когда кнопка нажата*/
.TopNavButAkt{
  float: left;
  margin: 0 0 0 2px;
  display: block; width: 46px; height: 46px;
}

/* стили верхних кнопок в styles_top_buttons.css. Файл пересоздается каждый раз при изменениях в админке верхнего меню*/
/*
a.TopNavBut{
  float: left;
  margin: 0 0 0 5px;
  display: block; width: 46px; height: 46px;
  cursor: pointer;
}
a.TopNavBut:link, a.TopNavBut:visited{
  background: transparent url(p/top-buttons/1228.gif) top left no-repeat
}
a.TopNavBut:hover{
  background: transparent url(p/top-buttons/1228-hov.gif) top left no-repeat
}
a.TopNavBut:active{
  background: transparent url(p/top-buttons/1228-akt.gif) top left no-repeat
}
*/


ul li {
  margin-left: 10px;
}


.rndBrd{
  border: 1px solid gray;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 2px;
  padding:5px;
}

#tooltipYellow{
  visibility: hidden;
  position: absolute;
  background: #FFFFe2;
  border: 1px solid #af1014;
  padding: 5px 10px 5px 10px;
}

#tooltipWhite{
  visibility: hidden;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #af1014;
  padding: 5px 10px 5px 10px;
}

#tooltipRed{
  visibility: hidden;
  position: absolute;
  background: #ffe2e2;
  border: 1px solid #af1014;
  padding: 5px 10px 5px 10px;
}


#loading{
  visibility: hidden;
  position: absolute;
  background: transparent;
}

#searchTip{
  display: none;
  position: absolute;
  z-index: 100;
  background: #FFFFe2;
  border: 1px solid #af1014;
  font-size: 11px;
  font-weight: bold;
  margin: -33px 0 0 -185px;
  padding: 5px 10px;
  text-align: center;
  width: 340px;;
}
.aModelImage{
  cursor: url("/p/zoom_in.png"),pointer;
}

.hide {
  display: none;
}

.pad5{
  padding: 5px;
}

.instDis { border: 1px solid black; padding:5px 7px; width:150px; background-color: #92C8DA;}
.instKn  { border: 1px solid black; padding:5px 7px; }
.padlef5 { padding-left:5px; }

.vrezka {
        background-color: #eeeeee;
        border: 3px double #cccccc;
}

.myOrdersHead{
  background-color: #dddddd;
  text-align: center;
  font-weight: bold;
  line-height: 30px;
  white-space: nowrap;
}
.myOrdersRow{
  background-color: #eeeeee;
  text-align: left;
}

table.tarifCTO{
  border-collapse: collapse;
}
table.tarifCTO td{
  text-align: center;
  vertical-align: middle;
  height: 2em;
  font-weight: bold;
  color: #333333;
}
table.tarifCTO td.left{
  text-align: left;
  vertical-align: middle;
}

.alLeft{
  text-align: left;
}
.alRight{
  text-align: right;
}
.alCnt{
  text-align: center;
}

.padW5{
  padding:0 7px;
}

.bgEEE{
  background-color: #eeeeee;
}

.white{
  color:white;
}
.bold{
  font-weight: bold;
}

}






































/*Правила для вывода на печать*/
@media print{
div#header, div#Bottom, div#ContentBottom, div#TopNavigation, div.LeftArea, div.RightArea{
  display: none;
}
div#ContentTopBlock{
/*  position: relative; left: -15px;*/
  width: 100%;
  height: 55px; display: block;
  border: 1px solid #000;
}
div.Content{
/*  position: relative; left: -15px; */
  width: 100%;
}

.ContentElementSpiska{
  border:1px solid black;
}

h1, h2, h3{
  font-size: 12px;;
}


span.wht{
  display: none;
  visibility: hidden;
}

span.widthFix{
  display: none;
  visibility: hidden;
}
}




























/*Правила для КПК*/
@media handheld{
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
body {
  background: #E2E2E2;
  color: #000;
  font-family: Arial, Verdana;
  text-align: center;
  font-size: 12px;
}
div#container {
  padding-top: 0px;
  width: 100%;            /*при изменении не забывать про "right" в .HeadRight*/
  margin: auto;
  text-align: left;
}
div#header {
  background: #AF1014;
  width: 100%; height: 98px; display: block;
}
.HeadLeft{
  display: none;
}
.HeadRight{
  float: right;  width: 200px; height: 98px; display: block; background: transparent;
}
div#search {
  background: #fff;
  margin: 47px 10px 0 0;
  width: 181px; height: 41px; display: block;
  float: right;
}
div#TopNavigation {
  background: transparent;
  width: 100%; height: 55px; display: block;
  margin-top: 1px;
}
div.TopNavButton{
  display: none;
}


}