* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
	background-color: #FFFFFF; 
	margin: 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 12px; 
	padding:0px;
	overflow-x:hidden;
}


.ui-resizable-handle {display:none}


.caption-old
{
    background:#f9e9b2 url(/Images/logo_small.png) no-repeat 10px 13px;
    padding:10px;
    padding-left:25px;
    font-size:16px;
    font-weight:bold;
}
.caption
{
    background: #f9e9b2 url(/Images/logo_small.png) no-repeat 10px;
    font-size:16px;
    padding:5px;
    padding-left:25px;
    color:#ac4f00;
    font-weight:bold;
}


.caption.nologo {
    background-image: none;
    padding-left:5px;
}

.resize{
    float: right; 
    margin: 5px; 
    background: none; /*#EEE;*//*#f9e9b2;*/ 
    text-align: center;  
    width: 16px; 
    height: 16px; 
    color: black; 
    text-decoration: none;
    
}

.resize i{
    vertical-align: middle; 
    font-size: 16px;
}

/*
************************************************************************
* Сквозные стили
*
* Автор: Лысов И.М. 31.05.2011
*
* Прописываем в шапке, видны на всех страницах наследующих IDK.Master
************************************************************************
*/

#sections
{
    padding: 0px;
    /*background-color: #efefef;*/
    margin-top: 10px;
    /*border: 1px solid #efefef;*/
    border-bottom:1px solid #ccc;/*border-bottom:0;*/
}
.tab
{
    text-align: center;
    padding: 5px 10px;/*padding: 10px 10px;*/
    color: #e0ac0c;/*color: #ac4f00;*/
    /*font-weight: bold;*/
    cursor: pointer;
    float: left;
}
.tab:hover
{
    text-decoration:underline;
    /*background-color: #d4d4d4;*/
}
.tab.selected
{
    /*font-weight: bold;*/
    color:#ac4f00;
    padding-left:25px;
    background: url(/Images/logo_small.png) no-repeat 10px;
    
    /*background-color: #d4d4d4;*/
}

.tab a
{
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}

        
        .tab-2
        {
            float:left;
            padding:4px 10px;
            color:#999;
        }
        .tab-2 a
        {
             color: #999;
            text-decoration:none;
            font-weight: normal;
        }
        .tab-2.selected
        {
            color:white;
            font-weight:bold;
        }
        .tab-2:hover
        {
            color:Black;
            text-decoration: none;
            cursor: pointer;
        }
        .tab-2 a
        {
            color:#999;
            text-decoration:none;
        }
        .tab-2.selected a
        {
            color:white;
            font-weight:bold;
        }
        .tab-2:hover a
        {
            color:Black;
        }
        .filters
        {
            display:none;
            background-color:#d4d4d4;
        }



/*
* Подчищатель
*/
.clear 
{
    clear:both;
    height:0px;
}
/*
* Верхний контейнер-баннера
*/
.header-banner
{
    background: #e0ac0c;
}
/*
* Верхний контейнер-градиент
*/
.header 
{
    height: 171px; 
    background: #e0ac0c url(/Images/tbg.gif) repeat-x 50% bottom;
}

.header.compact {
    height: 65px; 
        
}


/*
* То что по центру сайта, выравненное по краям, как в шапке/футере так и в контенте
*/
.center
{
     width: 970px; 
     margin: 0 auto;
}

/*
* Логотип и ссылка на нем
*/
.logo 
{
	position: relative;
    background:url(/Images/logo_idk.png) no-repeat;
    float: left; 
    height: 64px;
    width: 100px;
}

.logo a
{
    border: 0;
    width:100px;
    height:64px;
    text-decoration:none;
    display:block;
}
/*
* Надпись в шапке, либо ФИО текущего пользователя
*/
.header-caption
{
    color: #5a3800;
    float: left; 
    padding-top: 19px; 
    font-size: 20px;
     height: 50px;
}

.header-caption a
{
    text-decoration: none;
    color: inherit;
}
/*
* Лицензии
*/
.license
{
    float: left; 
    margin-left: 100px; 
    margin-top: 5px; 
    width: 182px; 
    height: 45px;
}
.license a
{
    text-decoration:none;
    border:0;
    display:block;
    width: 182px; 
    height: 45px;
}
.license div /*текст внутри*/
{
    position: relative; 
    font-size: 11px; 
    color: White; 
    left: 80px; 
    top: 22px;
}
.license-active
{
    background: url(/Images/deistvit.gif) no-repeat
}
.license-expired
{
    background: url(/Images/demorezhim.gif) no-repeat
}
/*
* Меню сверху (Торговая площадка|Статистика|Журнал|Зарегистрироваться)
*/
.top-menu
{
    float:left;
}
.top-menu .top-menu-left
{
     float: left; 
     width: 10px; 
     height: 26px; 
}
.top-menu.selected .top-menu-left
{
     background: url(/Images/tll.gif) no-repeat;
}
.top-menu .top-menu-right
{
     float: left; 
     width: 10px; 
     height: 26px; 
}
.top-menu.selected .top-menu-right
{
     background: url(/Images/trr.gif) no-repeat;
}
.top-menu .top-menu-center
{
    padding-top:5px;
    padding-bottom: 21px;
    float: left; 
    height: 21px; 
    font-size: 11px;
    color: black;
}
.top-menu.selected .top-menu-center
{
    font-weight: bold;
    background-color: Black; 
    color: white; 
}

.radius5 
{
   border-radius: 5px;
    -moz-border-radius: 5px;
}

.idk-btn
{
    background: Black; /*url(/Images/vhb.gif) no-repeat; */
    color: White;
    text-align: center; 
    cursor: pointer;
    font-size: 11px;
    vertical-align: middle;
    padding: 5px 10px;
    margin: 5px;
}

/*
* Кнопка входа/выхода в правом верхнем углу и открывающийся диалог
*/
.idk-btn.login
{
    float: right;
    margin-top: 25px;
    width:60px; 
    height: 22px;
}

.fl
{
    float: left;
}

.fr
{
    float: right;
}

.login-form /* Сам диалог */
{
    width: 250px; 
    position: static; 
    top: 5px; 
    cursor: default;
    display: none;
    float: right;
}

.login-form .btn-close /* Кнопка закрытия (крестик) */
{
    
    text-align: right; 
    margin-right: 5px; 
    font-weight: bold;
    cursor: pointer;
}

.login-form input /* Логин с паролем */
{
    height: 22px; 
    border: 0;
    padding: 0px 5px;
    width: 100%;
}

.login-form a /* Забыли пароль */
{
    color: #CCC; 
    font-size: 10px;
    text-decoration: underline; 
    border: 0;
}


.login-form, #login-dialog
{
    padding: 0px 5px;
    background: #906605;
    background: -moz-linear-gradient(#E0AC0C, #906605);
    background: -ms-linear-gradient(#E0AC0C, #906605);
    background: -o-linear-gradient(#E0AC0C, #906605);
    background: -webkit-linear-gradient(#E0AC0C, #906605);
    border: 0px solid #999;
    text-align:left;
    z-index:1002;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.login-form table
{
    margin: 0px 10px;
}

.login-form table td,
#login-dialog table td
{
    padding-left: 5px;
    color: #5a3800;
    font-weight:bold;
    font-size:11px;
    text-align: right;
}
/*
* Меню второго уровня (Главная, Торги, Расчеты)
*/
 .menu-2-container
 {
    height: 32px;
    float: left;
 }
 .menu-2-left
 {
    float: left; 
    height: 32px; 
    width: 5px; 
    background: url(/Images/tmll.gif) no-repeat
 }
 
 .menu-2-right
 {
    float: left; 
    height: 32px; 
    width: 5px; 
    background: url(/Images/tmrr.gif) no-repeat
 }
 
  .links
  {
      float: left; 
      height: 31px; 
      width: 960px; 
      padding-top: 8px; 
      background-color: Black;
  }
 .link{float: left; height: 24px;}
 .link .link-left
{
    float: left; width: 10px; height: 24px;
}
.link .link-right
{
    float: left; width: 10px;
        height: 24px;
}
.link .link-center
{
    float: left; height: 20px;background-color: #000;padding-top: 5px;
}
.link a
{
    font-size: 11px;   color: white;text-decoration:none
}
  
  .link.active{ height: 22px;}
 .link.active .link-left
{
     background: url(/Images/mll.gif) no-repeat; 
}
.link.active .link-right
{
    background: url(/Images/mrr.gif) no-repeat; 
}
.link.active .link-center
{
     height: 23px; padding-top: 5px;background-color: #cf970a;
}
.link.active a
{
    font-weight: bold;color:black;
}
 /*
* Лента с новостями, индексами
*/
.marquee
{
    height:26px;
}
.marquee.index-cen
{
    background: url(/Images/index_cen.png) no-repeat;
}
#datetime
{
    float:left;font-weight:bold;padding:5px;
}
.marquee-container
{
    float: right; 
    width: 800px; 
    color: White;
}

.index-name /*  */
{
    float: left; 
    padding: 5px; 
    padding-left: 20px; 
    color: White; 
    font-weight: bold;
}

.index-cell /* Ячейка с индексом */
{
    padding-left:20px;white-space:nowrap;
}
.index-cell .basis-name
{
    color:#cf970a;
    font-size:11px;
    font-weight:bold;
}
.index-cell .price
{
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
}
 /*
* Футер градиент-котейнер
*/
 .footer
 {
    height: 171px; 
    background: #e0ac0c url(/Images/tbg.gif) repeat-x 50% bottom;
    text-align: left; 
    width: 100%; 
    margin-top: 50px;
 }

.footer.compact 
{
    height: 75px; 
}

.footer .center, .footer .center td
{
    font-size:11px;
     color:#333333;
}
.footer .center td
{
    vertical-align:top;
    width:80px;
     padding:5px;
     
}
.footer .center a
{
    color: black;
    white-space:nowrap;
}
.footer .center a.top
{
     color:#333333;
     font-weight:bold;
}
/*
* Загрузка...
*/
#login-loading
{
    display: none; 
    border: 1px solid #cccccc; 
    position: fixed;
    background-color: White; 
    z-index: 1002; 
    top: 0px; 
    left: 0px; 
    width: 120px; 
    height: 50px
}


/*
************************************************************************
* Главная страница
*
* Автор: Лысов И.М. 31.05.2011
*
* Main/Index
************************************************************************
*/

/*
* Заголовки блоков на главной странице
*/
.caption-main
{
    background-color: #f9e9b2; 
    padding: 3px; 
    padding-left: 10px
}

.caption-main a /*Ссылки в заголовках блоков*/
{
    font-size: 20px; 
    float: left; 
    margin-right: 20px; 
    display: block;
    text-decoration:none;
    color:black;
    border:0;
}
.caption-main span /*Текст в заголовках блоков*/
{
    font-size: 20px; 
}
.caption-main .main-section /* Прошедшие,Активные */
{
    float: left; 
    cursor: pointer; 
    padding: 5px;
}

.caption-main .main-section.selected 
{
    background-color: #edb524;
    color: White;
 }


/*
* Индексы на главной странице
*/
.index-tabs 
{
    background-color:White;
    color:#cf970a;
    min-width:40px;
    padding-top:2px;
    cursor:pointer;
    border-bottom:#000 dotted 1px;
    text-align:center;
    height:15px;
    float:left;
    margin-right:10px;
    font-weight:bold;
}
.index-tabs.selected
{
    background-color:#9d5f00;
    color:White;
    
}
#index-container tr.even td
{
     background-color:#fff8d8;
}

/*
************************************************************************
* Контрол _Grid (список торговых заявок)
*
* Автор: Лысов И.М. 31.05.2011
*
* Main/Index
************************************************************************
*/

div.optimal 
{
    height: 18px; 
    float: left; 
    width: 15px; 
    background: url(/Images/detandopt.png) no-repeat;
    padding-top: 2px;
    padding-left:3px
}

div.optimal.grey
{
    background-position: -15px 0;
}
div.optimal.yellow
{
    background-position: -33px 0;
}
div.optimal.red
{
    background-position: -51px 0;
}
div.optimal.green
{
    background-position: -69px 0;
}

.has-auctions 
{
    color:#555;
    white-space:nowrap;
}

.sold
{
    color:#555;
}

/*
    .note - Блок на странице с пояснением
*/

.note 
{
    margin: 10px 0;
    border-top:1px solid #cccccc;
    background:#f8f8f8 url(/Images/question_icon.gif) no-repeat 3px 3px;
    padding-top:3px;
    padding-left:20px;
    font-size:11px;
    color:#aaaaaa;
}
.note-dialog
{
    display:none;
    position:relative;
    border:1px solid #cccccc;
    background:#f8f8f8 url(/Images/question_icon.gif) no-repeat 3px 3px;
    padding-top:3px;
    padding-left:20px;
    font-size:11px;
    color:#aaaaaa;
    z-index:1001;
}
.question 
{
    background:#f8f8f8 url(/Images/question_icon.gif) no-repeat;
    width:14px;
    height:14px;
}

a.org 
{
    color:#ff8426;
    text-decoration:none;
    font-size:12px;
}
a.org:hover
{
    text-decoration:underline;
}
/* 
* Покупка/продажа
*/
.buy
{
    color:blue;
}

.sell
{
    color:green;
}

a.buy 
{
    text-decoration:none;
}
a.buy:hover
{
    text-decoration:underline;
}
a.sell 
{
    text-decoration:none;
}
a.sell:hover
{
    text-decoration:underline;
}

.partial-table td
{
    padding:4px;
}
/*--------------------------------------------------------*/
.sort-field
{
    cursor:pointer;
}
.sort-field:hover
{
    color:Black;
    text-decoration:underline;
}
.field-name
{
    width:100px;
    font-size: 11px;
    color:#555;
    font-weight:bold;
    vertical-align: bottom;
    text-align: right;
}
    table.table-details td
    {
    padding:3px;
    } 
    
    
table.grid td
{
    padding:4px;
}
table.grid tr.not-moderated td
{
    background-color:#fee0e0;
    border-bottom:1px solid #fee0e0;
}

table.grid th
{
    font-size:11px;
    color:#777;
    border-bottom:1px solid #ccc;
    font-weight:normal;
}
   /*     
    #sections
{
    padding: 0px;
    background-color: #efefef;
    margin-top: 10px;
    border: 1px solid #efefef;
    border-bottom:0;
}
.tab
{
    text-align: center;
    padding: 10px 10px;
    color: #000000;
    font-weight: bold;
    cursor: pointer;
    float: left;
}
.tab:hover
{
    background-color: #d4d4d4;
}
.tab.selected
{
    background-color: #d4d4d4;
}

.tab a
{
    color: #000000;
    text-decoration:none;
    font-weight: bold;
}
.tab:hover
{
    background-color: #d4d4d4;
}*/

a.menu 
{
    margin-top:5px;
    color:Black;
    text-decoration:none;
}
a.menu:hover
{
    text-decoration:underline;
}

.opener-caption
{
    padding-left:20px;
    background: url(/Images/arrow_r.gif) no-repeat 5px 8px;
}
        /*=================================*/
        div.action
        {
            height:16px;
            width:16px;
            float:right;
            margin:2px;
            cursor:pointer;
        }
        div.accept 
        {
            background:url(/Images/check.gif) no-repeat;
        }
        div.delete 
        {
            background:url(/Images/del.gif) no-repeat;
        }
        div.edit 
        {
            background:url(/Images/edit.gif) no-repeat;
        }
        div.auction
        {
            background:url(/Images/auction_hammer.png) no-repeat;
        }
        div.offer
        {
            background:url(/Images/offer.png) no-repeat;
        }
        div.offers-yes
        {
            background:url(/Images/coins.png) no-repeat 4px; text-align:left; width: 26px;
        }
        div.offers-no
        {
            background:url(/Images/coins_icon.jpg) no-repeat 4px; text-align:left; width: 26px;
        }
        /*================================*/
        .toggler  {border-bottom:1px dotted Black;cursor:pointer;font-size:11px;font-weight:normal}
        /*================================*/
        table.grid .row td, table.grid tr td
        {
            padding: 4px 0;
            *border-top: 1px solid white;
            *border-bottom: 1px solid white;
        }
        table.grid .row:hover td, table.grid tr:hover td
        {
            *border-top: 1px solid #ccc;
            *border-bottom: 1px solid #ccc;
            /*background-color:#f9f9f9;*/
            background-color:#ddd;
            cursor:pointer;
            /*border-bottom: 1px solid #23780c;*/
        }
        .row:hover td:first
        {
            border-left: 3px solid #ccc;
        }
        
        /*---------------------------------*/
       #new-messages
       {
            padding:5px;
            display:none;
            position:fixed;
            bottom:-100px;
            right:0px;
            width:200px;
            height:50px;
            background-color:#555;
            opacity: .3;
            filter: alpha(opacity=30);
           }
           #new-messages:hover
           {
            opacity: 1;
            filter: alpha(opacity=100);
            cursor: pointer;
           }
           #new-messages a
       {
           text-decoration:none;
           color:White;
       }
           #new-messages a:hover
           {
            text-decoration:underline;
           }
       /*-------------------------master.css-------------*/
       .post {
	PADDING-BOTTOM: 20px; FONT-FAMILY: Arial; CLEAR: both; FONT-WEIGHT: normal; PADDING-TOP: 10px
}
#facewidget {
	POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 356px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial; HEIGHT: 228px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#facewidget A {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; DISPLAY: block; COLOR: #000; CURSOR: pointer; TEXT-DECORATION: none
}
#facewidget DIV.hider {
	POSITION: relative; WIDTH: 356px; HEIGHT: 228px; OVERFLOW: hidden
}
#facewidget DIV.hider IMG {
	Z-INDEX: 2; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 356px; PADDING-RIGHT: 0px; HEIGHT: 228px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
#facewidget DIV.hider IMG#facewidget-bg {
	Z-INDEX: 1; TOP: -228px
}
#facewidget DIV.hider .lowslider {
	Z-INDEX: 4; POSITION: relative; FILTER: alpha(opacity=80); BACKGROUND-COLOR: #fdbb16; WIDTH: 356px; DISPLAY: inline-block; HEIGHT: 80px; TOP: -278px; opacity: 0.8
}
#facewidget DIV.hider .lowslider .padding {
	BORDER-LEFT: #851c00 10px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 50px; FONT-SIZE: 16px; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
#facewidget DIV.hider .quote {
	Z-INDEX: 4; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FILTER: alpha(opacity=80); BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 1px; BACKGROUND-COLOR: #fff; WIDTH: 295px; FONT-SIZE: 1px; OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; LEFT: -58px; opacity: 0.8
}
#facewidget DIV.hider .quote-text {
	Z-INDEX: 4; POSITION: absolute; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 285px; PADDING-RIGHT: 10px; FONT-SIZE: 11px; TOP: 0px; MARGIN-RIGHT: 70px; PADDING-TOP: 10px
}
#facewidget DIV.hider .quote-text SPAN {
	PADDING-RIGHT: 4px; FLOAT: left
}
#facewidget DIV.hider .quote-text SPAN .transparent {
	VISIBILITY: hidden; COLOR: transparent
}
/* Добавление полей, валидация*/
div.valid-caption
{
    color:Red;
    font-size:11px;
    font-style:italic;
    float:right;
    margin-right:10px;
}

div.valid-caption.valid
{
    color:Green;
}

div.required-field
{
    margin: 2px;
    float:right;
    width:16px;
    height:16px;
    
    background: url(/Images/required.gif) no-repeat;
}

div.required-field.ok
{
    background: url(/Images/ok.png) no-repeat;
}
div.required-field.blocked
{
    background: inherit;
}

.ui-datepicker-trigger
{
    margin: 2px;
    float:right;
}



.transport-type
{
    padding-left:20px;
    float:left;
    font-size:10px;
    color:#777;
    margin-right:5px;
}
.transport-type-1
{
    background:url(/Images/train.gif) no-repeat;
}
.transport-type-2
{
    background:url(/Images/city.png) no-repeat;
}
.transport-type-3
{
    background:url(/Images/pipe.png) no-repeat;
}
.disabled {color:#ccc}

/*
* Сквозной стиль для комментариев, примечаний и проч.
*/

.comment {color:#aaa;font-style:italic;font-size:11px;font-weight:normal}

/*
* Блок интервью
*/
a.interview{color:#9d5f00;text-decoration:none}
a.interview:hover{text-decoration:underline}

/*Header*/

@font-face {
    font-family: 'myriad';
    font-weight: normal;
    src: url("/Content/font/MyriadPro-Regular.eot");
    src: url("/Content/font/MyriadPro-Regular.woff") format("woff"),
    url("/Content/font/MyriadPro-Regular.woff2") format("woff2"),
    url("/Content/font/MyriadPro-Light.ttf") format("truetype"),
    url('/Content/font/MyriadPro-Regular.otf') format("otf");
}

@font-face {
    font-family: 'myriad';
    font-weight: bold;
    src: url("/Content/font/MyriadPro-Bold.eot");
    src: url("/Content/font/MyriadPro-Bold.woff") format("woff"),
    url("/Content/font/MyriadPro-Bold.woff2") format("woff2"),
    url("/Content/font/MyriadPro-Light.ttf") format("truetype"),
    url('/Content/font/MyriadPro-Bold.otf') format("otf");
}


/*
.logo{
    position: relative;
    top: 0px;
    left: 0px;
    height: 80px;
    width: 95px;
    background: url(/images/header/logo_main.png) center no-repeat;
    border: 0px none;
    overflow: hidden;
}
*/
.site-header .header-bottom{
    float: left;
    width: 100%;
    height: 135px;
    padding-bottom: 0;
    background:  url(../images/header/header_bgr.png) top left repeat-x !important;
    
}


.site-header .header-top{
    width: 1180px;
    text-align: center;
    background-color: none;
}


.header-wrapper {
    width: 1180px;
    margin: 0 auto;
    float: none;
    padding-right: 0;
    margin-bottom: 10px;
}

.header_text{
    margin-top: 30px;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
}

.header-wrapper .logo{
    margin-top: 10px;
}

.header-wrapper .banner{
    float: right;
}

.header-nav{
    position: relative;
    clear: both;
    height:40px;
    width: 100%;
    background-color: #141414;
    font-family: "myriad";
}

.header-nav-line{
    height: 5px;
    width: 100%;
    background-color: #f8bb00;
    position: relative;
    *float: left;
    clear: both;
}


.header-nav .header-wrapper > ul{
    position: relative;
    margin-top: 0px;
}

.header-nav .header-wrapper > ul > li{
    display: inline-block;
}

.header-nav .header-wrapper > ul > li > a{
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

.header-nav .header-wrapper > ul > li:first-child > a{
    *padding-left: 25px;
}

.header-nav .header-wrapper > ul > li:hover a{
    color: #f8bb00;
    /*background-color: #f8bb00;*/

}

.header-nav .header-wrapper > ul > li > a.current{
    color: #000000;
    background-color: #f8bb00;
}


.header-nav .header-wrapper > ul > li div.sub{
    display: none;
    position: absolute;
    width: 100%;
    top: 40px;
    left:0;
    right: 0;
    /*background-color: #cb9209;*/
    padding-top: 2px 0 2px 0;
    background: rgba(248,186,0,1);
    background: -moz-linear-gradient(top, rgba(248,186,0,1) 0%, rgba(203,146,9,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,186,0,1)), color-stop(100%, rgba(203,146,9,1)));
    background: -webkit-linear-gradient(top, rgba(248,186,0,1) 0%, rgba(203,146,9,1) 100%);
    background: -o-linear-gradient(top, rgba(248,186,0,1) 0%, rgba(203,146,9,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,186,0,1) 0%, rgba(203,146,9,1) 100%);
    background: linear-gradient(to bottom, rgba(248,186,0,1) 0%, rgba(203,146,9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ba00', endColorstr='#cb9209', GradientType=0 );
    z-index: 1000;
}

.header-nav .header-wrapper > ul > li:hover div.sub{
    display: block;
}

.header-nav .header-wrapper > ul > li:hover div.sub ul li a{
    color: #000000;
    font-weight: 300;
    font-size: 17px;
    line-height: 40px;
    text-decoration: none;
}

.header-nav .header-wrapper > ul > li:hover div.sub ul li a:hover{
    text-decoration: none;
    color: #ffffff;
}

.header-nav .header-wrapper > ul > li:hover div.sub ul li.header a{
    color: #ffffff !important;
}

.header-nav .header-wrapper > ul > li:hover div.sub{

}

.col-first{
    margin-left: 0px;
}

.col-2, .col-4, .col-6{
    float: left;
    padding: 5px 20px;
}

.col-4{
    width: 33.33%;
}

.col-2{
    width: 16.66%;
}

.col-6{
    width: 50%;
}

.sub-line{
    display: none;
    *height: 5px;
    background-color: #f8bb00;
    width: 100%;
    margin-top: 0;
}

.sub-inline >ul >li{
    display: inline-block;
}
.sub-inline >ul >li >a{
    padding: 0 20px;
    line-height: 50px;
}

.header-find{
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    height: 50px;
    width: 50px;
    background: url(../images/header/find_small.png) center no-repeat;
    cursor: pointer;
}


.boxed .site-header #searchform {
    display: none;
    width: 100%;
    left: 0;
    z-index: 1;
}

.boxed .site-header #searchform input[type="text"]{
    border-radius: 0;
}

.boxed button#searchsubmit {
    width: 50px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    background-color: #fff;
}

.header_nav_right{
    right: 0;
}

.header_nav{
    width: 500px;
}

.header-account-login{
    z-index: 2;
}

.header-notifications{
    z-index: 2;
}

.boxed .header-navigation{
    padding-left: 0;
}

#mobile-header, .menu-panel{
    top: 50px;
}

/*end Header*/