/*Правила для экранной версии (ПК)*/
@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: 15px;
  padding: 0;
  font-size: 12px;
  font-family: Arial, Verdana;
}



h5 {
  font-size: 15px;
}


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:15px;
  margin-top:7px;
  color: #F2F2F2;
  font-weight: bold;
}

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: 2px 3px 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;
}

.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; height: 70px;
  min-width: 500px;
}

/*
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:hand;
        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;
}


div.price{
  font-size: 16px; font-weight: bold; color: brown; border: 0;
  white-space: nowrap;
  clear: both;
}

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
}
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_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{
  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: 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;
}






.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;
}

span.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;}

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.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 {
  list-style-type: disc;
  margin-left: 10px;
}


#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;
}


.hide {
  display: none;
}


}





























/*Правила для вывода на печать*/
@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;
}


}