@charset "utf-8";

@import url(/sc/wfxmain.css);
@import url(/sc/normalize.css);

body
{
    min-width: 1000px;

    background: #fff;
    color: #2a2a2a;

    font-size: 13px; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;

   ;
}

/* --------------------------------- links --- */
a                                   {color:#1571bd;}
a:hover                             {text-decoration: none;}

a.light                             {color: #1571bd;  text-decoration: none; text-shadow: #063549 1px 1px 0px, #006189 1px 1px 10px;}
a.light:hover                       {                 text-decoration: underline;}
a.wfxdark                           {color: #00396f;  text-shadow: #fff 1px 1px 0px, #ade7ff 1px 1px 10px;}
a.wfxdark:hover                     {color: #000;}

/* --------------------------------- navigation string --- */
.navigation							{font-size: 11px;  margin: 13px 0px 5px 0px;}
.navigation							{display: inline-block; padding: 5px;}

.navigation a                       {color: #717171; text-decoration: underline;}
.navigation a:hover					{text-decoration: none;}

.navigation .splitter               {display: inline-block; position: relative; top: 1px; }
.navigation .current                {color: #717171; font-weight: bold; font-size: 11px;}
.navigation .current				{display: inline-block; position: relative; top: 1px;}


/* --------------------------------- elements --- */
img, .highslide, a.highslide img	{border:none;}
div									{/*border:1px dashed #993399;*/}
h1, h2, h3							{margin-top:0px;}

input, textarea						{}


/* --------------------------------- layout --- */
.ribbon                               {width: 1000px; margin: 0 auto;}

.top-line                             {}
.top-line .logo                     {width: 296px; height: 84px; background: url(/i/logo.png) no-repeat; margin: 31px 0 10px 0; cursor: pointer;}
.top-line .topcontacts              {margin: 50px 0 0 65px;}
.top-line .help                     {margin: 50px 0 0 40px;}
.top-line .help > div               {height: 29px; background: url(/i/help-left.png) left top no-repeat; margin: 5px 0 0 0; cursor: pointer;}
.top-line .help > div > div         {height: 29px; margin: 0 0 0 4px; background: url(/i/help-right.png) top right no-repeat;}
.top-line .help > div > div > div   {height: 25px; margin: 0 4px 0 0; background: url(/i/help-center.png) repeat-x; color: #fff; text-shadow: #3d7408 1px 1px 0px; font-weight: bold; padding: 6px 5px 0 5px;}
.top-line .help > div:hover             {background: url(/i/help-lefth.png) left top no-repeat;}               
.top-line .help > div:hover > div       {background: url(/i/help-righth.png) top right no-repeat;}         
.top-line .help > div:hover > div > div {background: url(/i/help-centerh.png) repeat-x;}

.top-line .user-panel               {}
.user-panel .auth                   {padding: 10px 0 0 55px;}
.user-panel .auth > a               {color: #e03000; margin: 0 0 0 10px;}
.user-panel .auth .login-window     {display: none;}

.user-panel .cart                   {padding: 10px 0 0 55px;}
.user-panel .cart .count            {padding: 5px 0 0 32px; width: 29px; height: 46px; background: url(/i/ico-basket.png) no-repeat;}


.top-line .topmenu                {}
.topmenu .menu                    {width: 788px;}
.topmenu .ctx-link                {width: 212px; background: url(/i/ctx-link-bg.png) top repeat-x}
.topmenu .ctx-link > a            {color: #fff; text-align: left; display: block; padding: 10px 0 0 25px; height: 32px; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 16px; text-shadow: #ad2000 1px 1px 0px; text-decoration: none;}
.topmenu .ctx-link > a:hover      {text-decoration: underline;}
.topmenu .ctx-link .arrow         {position: absolute; margin: -1px 0 0 15px; background: url(/i/ctx-link-arrow.png) no-repeat; width: 28px; height: 7px;}

.middle-line                            {background: #f5f5f5; border: solid #ededed; border-width: 1px 0 0 0;}
.middle-line .banner                    {margin: 12px 0 23px 0px;}
.middle-line .banner                    {width: 789px; height: 270px;}
.middle-line .right-menu                {margin: 12px 0 23px 22px; width: 189px;}
.middle-line .right-menu2               {margin: 12px 0 23px 0; width: 189px;}
.middle-line .content                   {width: 789px;}
.middle-line .content .reviews-block    {margin: 25px 0 0 0;}
.middle-line .side-right                {width: 189px; margin: 0 0 0 22px;}
.side-right .gallery-block              {}
.side-right .news-block                 {width: 189px; margin: 0 0 20px 0;}

.bottom-line                            {background: #eaeaea;}
.bottom-line .logo-bottom               {width: 172px; height: 22px; background: url(/i/logo-bottom.png) no-repeat; margin: 15px 0 10px 0; padding: 28px 0 0 66px; color: #717171; font-size: 11px;}
.bottom-line .copyright                 {margin: 25px 0 10px 20px;}


.tabNavigation                        {margin: 0 0 20px 0; list-style: none; padding: 0;}
.tabNavigation li                       {margin: 0 10px 0 0; display: inline-block;}
.tabNavigation a                      {font-size: 15px;  color: #2a2a2a; padding: 7px;}
.tabNavigation a > div                {border-bottom: 1px dotted #2a2a2a; text-decoration: none; display: inline-block;}
.tabNavigation a:hover > div          {border: none; text-decoration: none;}
.tabNavigation .selected              {background: #d52500; color: #fff; text-shadow: #ad2000 1px 1px 0px}
.tabNavigation .selected > div        {border: none; height: 20px;}
.tabNavigation .selected > div > div  {position: absolute; margin: 6px 0 0 10px; background: url(/i/ctx-link-arrow.png) no-repeat; width: 28px; height: 7px;}

.why-block                            {margin: 25px 0 25px 0; color: #717171;}
.why-block .ico                       {width: 134px; height: 70px; background: url(/i/ico-why.png) no-repeat;}
.why-block .caption                   {color: #2a2a2a; font-size: 15px; margin: 10px 0 10px 0;}

.login-window                         {position: absolute; padding: 5px 0 0 10px; background: #fff; z-index: 10001;}
.login-window input[type="text"],
.login-window input[type="password"]                   {border: 1px solid #b4b4b4; margin: 3px 0 3px 0; width: 75px; }


input[type="button"],
input[type="submit"]		{cursor: pointer; font-size: 13px; text-shadow: #3d7408 1px 1px 0px; color: #fff; font-weight: bold; background: url(/i/add-bg.png) repeat-x; border: 1px solid #3f8004; border-radius: 2px; padding: 5px 10px 5px 10px; text-align: center;}
input[type="button"],
input[type="submit"]		{margin: 10px 0 0 0;}
input[type="button"]:hover,
input[type="submit"]:hover	{background: url(/i/add-bgh.png) repeat-x;}