/* ================================ */
/* --- CASE 1. Base Definitions --- */
/* ----------- For All Pages  ----- */
/* ================================ */
html, body, div, span, h1, h2, h3, h4, h5, h6,
p, blockquote, a, em, img, small, strong,
dl, dt, dd, fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
html, body {
  width: 100%;
  height: 100%;
  background: #fff url(../images/layout/layout_Area_Dots.png);
  font: normal 0.9em Tahoma, Geneva, Arial, Sans-Serif, Verdana;
  color: #333;
}
html > body .layout {
  height: auto;
}
.layout {
  position: relative;
  width: 994px;
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
}
.main {
  background: transparent url(../images/layout/layout_Main_All.png) repeat-y right bottom;
}
.thin {
  background: transparent url(../images/layout/layout_Thin_All.png) repeat-y right bottom;
}
.wide {
  background: transparent url(../images/layout/layout_Wide_All.png) repeat-y right bottom;
}
.workspace {
  margin: 0 5px;
}
a, a:link, a:visited {
  color: #213377;
}
a:hover {
   color: #727cac;
}
form {
  clear: both;
}
/* ================================ */
/* --- CASE 2. Universal Header --- */
/* ----------- For All Pages  ----- */
/* ================================ */
.head {
  width: 984px;
  height: 100px;
  background: #fff url(../images/layout/layout_Head_Base.png) repeat-x left top;
}
.logo {
  float: left;
  width: 240px;
  background-color: #fff;
}
.navy {
  float: right;
  width: 744px;
  margin-right: 0;
}
.navy ul {
  padding: 0;
  margin: 0;
  color: #c4d2ec;
  list-style: none;
}
.navy ul li {
	float: left;
	display: inline-block;
  position: relative;
}
.navy ul li:hover {
  background: transparent url(../images/layout/layout_Head_Hover.png) repeat-x right top;
}
.navy ul li a {
  display: block;
  height: 27px;
  font-size: 1em;
  line-height: 1.9em;
  padding: 0 10px;
  background: transparent url(../images/layout/navy_Head_Front.png) no-repeat right top;
}

/* Кастомизация */
.navy * {
  font: normal 13px/25px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
}
.navy .access .home {
  background: transparent url(../images/layout/navy_Head_Basic.png) no-repeat left top;
}
.navy .access .home a {
  padding: 0 !important;
}
.navy .access .start a {
  font-weight: bold;
  color: #fff !important;
}

.navy .access .home:hover {
  background: transparent url(../images/layout/navy_Head_Hover.png) no-repeat left top;
}
.system {
  float: right;
  padding-left: 2px;
  background: transparent url(../images/layout/navy_Head_Front.png) no-repeat left top;
}
.system .start {
  margin-left: 2px;
}

.system .stop a {
  background: none !important;
}

.navy .access .start a,
.navy .access .start a:link,
.navy .access .start a:visited,
.navy .system .forum a,
.navy .system .forum a:link,
.navy .system .forum a:visited {
  font-weight: bold;
  color: #fff !important;
}

/* Второй уровень */
.navy ul li ul {
   position: absolute;
   display: none;
   width: 180px;
   margin: 0;
   padding: 0;
   top: 27px;
   left: -1px;
   padding: 0 1px 1px 1px;
   border: 1px solid #bbb;
   background-color: #eee;
   list-style: none;
}
.navy ul li ul * {
  height: 23px !important;
  line-height: 23px !important;
}
.navy ul li ul li {
   float: left;
   width: 180px;
   display: block !important;
   display: inline;
   background-color: #c4d2ec;
   border-bottom: 1px solid #d6e0f2;
}
.navy ul li:hover ul li a {
  float: none;
  display: block;
  background-image: none;
  font-weight: normal;
  font-family: Arial;
  color: #595858;
  padding: 0 0 0 10px;
}
.navy ul li:hover ul li a:hover,
.navy ul li:hover ul li:hover a {
  background-color: #b0c2e5;
  color: #213377;
}
/* Отображение вложенностей */
.navy ul li:hover ul {
  display: none;
}
.navy ul li:hover ul {
  display: block;
}
/* --- Settings for Last opt in Navigation Bar --- */
/* --- Path --- */
.navy .path {
   margin: 56px 0 0 15px;
   word-spacing: 0.1em;
   font: normal 14px Verdana, Tahoma, Geneva, Arial, Sans-Serif;
   color: #91929a;
}
.navy .path a, .path a:link, .path a:visited {
   font: normal 11px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
   color: #91929a !important;
}
.navy .path a:hover {
   color: #585858 !important;
}
.navy .path strong {
   font: bold 11px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
   color: #213377;
}
.navy .path a,
.navy .path strong {
   word-spacing: 0;
}
/* --- Print Header --- */
/* --- Settings for All Blue Link --- */
.fast a, .fast a:link, .fast a:visited {
  color: #c4d2ec;
}
.fast a:hover, .fast a:hover, .fast a:hover {
  color: #fff;
}
.head .fast a {
  text-decoration: none;
}
/* ===================================================== */
/* --- CASE 3. Middle Settings ------------------------- */
/* ----------- For All Pages and optal Settings ----- */
/* ===================================================== */
.data {
  margin: 0 auto;
}
.data .menu {
  float: left;
  width: 240px;
  margin-left: -984px;
}
.data .text {
  float: left;
  width: 984px;
}
/* --- Middle opt for Index --- */
.layout .main .content {
  width: 500px;
  margin: 0 225px 0 255px;
}
.layout .main .info {
  float: left;
  width: 190px;
  margin-left: -200px;
}
.main .info .feed {
  height: 16px;
  margin-bottom: 25px;
}
.main .info .feed dt,
.main .info .feed dd {
  font-size: 13px;
}
.main .info .feed dt {
  float: left;
   font: normal 1em Tahoma, Geneva, Arial, Sans-Serif;
   color: #91929a !important;
}
.feed dt a,
.feed dt a:link,
.feed dt a:visited {
   color: #91929a !important;
}
.feed dt a:hover {
   color: #585858 !important;
}
.main .info .feed dd {
  margin-left: 7px;
  float: right;
}
.layout .main .info .topspot a {
  display: block;
}
.layout .main .info .topspot img {
  margin-bottom: 15px;
}
/* --- Middle opt for 3 Column --- */
.layout .thin .content {
  width: 534px;
  margin: 0 180px 0 255px;
}
.layout .thin .info {
  float: left;
  width: 180px;
  margin-left: -180px;
}
/* Option for Fast Jump Links */

.layout .thin .info .see-more {
  font: normal 11px/18px Arial;
}
.layout .thin .info .see-more dt {
  margin: 10px 5px 0 10px;
  font-weight: bold;
}
.layout .thin .info .see-more dd {
  margin: 0 5px 0 15px;
}
.layout .thin .info .see-more dd.edge {
  margin-top: 10px;
}
/* --- Middle opt for 2 Column --- */
.layout .wide .content {
  width: 715px;
  margin: 0 14px 0 255px;
}
/* --- Column Divider Line --- */
.line {
  height: 5px;
  border-bottom: 1px solid #fff;
  font-size: 0;
}
/* --- Column Page Description --- */
.menu .cell {
  position: relative;
  display: table;
  width: 240px;
  height: 110px;
  vertical-align: middle;
	text-align: center;
  background: #e8eff9 url(../images/layout/navy_Page_0_Prefix.png) no-repeat left top;
  border-bottom: 1px solid #fff;
}
.menu .cell div {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.menu .cell div p {
  margin: 0 10px 0 15px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  color: #585858;
}
/* --- Column Navigation Footer --- */
.menu .dots {
  height: 40px;
  margin-top: -1px;
  background: #fff url(../images/layout/navy_Page_0_Suffix.png) no-repeat right top;
}
/* --- Option for Navigation Column --- */
.menu .show-options {
  padding: 1px;
  margin: 0 25px 15px 25px;
  background-color: #fff;
}
.menu .show-options dl {
  padding: 5px;
  font: normal 11px Arial;
}
.menu .show-options dl dt {
  font-weight: bold;
}
.menu .show-options dl dt,
.menu .show-options dl dd {
  margin-left: 40px;
}
.menu .drivers dl {
  background: transparent url(../images/layout/icon_Guardant_Drivers_Titul.png) no-repeat 5px 7px;
}
.menu .cart dl {
  border: 1px solid #eee;
  background: #eee url(../images/layout/icon_Shop_Cart.png) no-repeat 5px 7px;
}
/* --- Column Drivers Download --- */
.menu .soft {
  width: 200px;
  margin: 55px  auto 0 25px;
  font: bold 11px Arial, Tahoma, Geneva, Sans-Serif, Verdana;
  color: #91929a;
}
.menu .soft img {
  float: left;
  margin: 5px 10px 0 0;
}
.menu .soft a {
  font-weight: normal;
}
/* --- Column Hotspot Block --- */
.info .spot {
  height: 110px;
  border-bottom: 1px solid #fff;
  font-size: 0;
}
.info .spot div {
  font-size: 11px;
}
/* --- Column Links Block --- */
.info .more {
  font-family: Arial, Tahoma, Geneva, Sans-Serif, Verdana;
}
.info .more dt {
  margin: 7px 7px 0 7px ;
  font-weight: bold;
  font-size: 12px;
  color: #213377;
}
.info .more dd {
  margin-left: 15px;
  margin-bottom: 3px;
  font-size: 11px;
}
/* ==================================== */
/* --- CASE 4. Vertical Navigation  --- */
/* ----------- For All Pages ---------- */
/* ==================================== */
.menu * {
  list-style: none;
}
/* --- Colors --- */
.green {
   background-color: #aebc37;
}
.blue {
   background: #213377 url(../images/layout/navy_Page_1_Dark.png) repeat-x left top;
}
.dark,
.menu ul li .dark:hover {
   background-color: #c4d2ec;
}
.menu ul .dark:hover {
   background-color: #c0cfeb;
}
.menu ul li .dark li {
   border-bottom: 1px solid #d6e0f2;
}
.lite,
.menu ul li .lite:hover {
   background-color: #d6e0f2;
}
.menu ul .lite:hover {
   background-color: #d2ddf1;
}
.menu ul li .lite li {
   border-bottom: 1px solid #e3eaf7;
}
/* --- Level 1 --- */
.menu ul {
  margin: 0;
  padding: 0;
}
.menu ul li {
  border-bottom: 1px solid #fff;
}
.menu ul li a,
.menu ul li span {
  display: block;
  margin: 0 0 0 8px;
  padding: 0 0 0 14px;
  font: bold 13px/27px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
  text-decoration: none;
}
.menu ul li a,
.menu ul li a:link,
.menu ul li a:visited {
   background: transparent url(../images/layout/navy_Page_1_Hide.png) no-repeat left 8px;
   color: #595858;
}
.menu ul li a:hover {
   background: transparent url(../images/layout/navy_Page_1_Hover.png) no-repeat left 8px;
   color: #213377;
}
.menu ul .blue a,
.menu ul .blue a:link,
.menu ul .blue a:visited,
.menu ul .blue span {
   background: transparent url(../images/layout/navy_Page_1_This.png) no-repeat left 8px;
   color: #fff;
}
.menu ul .blue a:hover {
   background: transparent url(../images/layout/navy_Page_1_Head.png) no-repeat left 8px;
   color: #c4d2ec;
}
/* --- Level 2 --- */
.menu ul li ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #fff;
}
.menu ul li ul li a,
.menu ul li ul li span {
  display: block;
  margin-left: 22px;
  padding-left: 13px;
  font: normal 13px/23px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
}
.menu ul li .lite li a,
.menu ul li .dark li a,
.menu ul li .lite li a:link,
.menu ul li .dark li a:link,
.menu ul li .lite li a:visited,
.menu ul li .dark li a:visited  {
  background: transparent url(../images/layout/navy_Page_2_Hide.png) no-repeat left 6px;
  color: #595858;
}
.menu ul li .lite li a:hover,
.menu ul li .dark li a:hover  {
  background: transparent url(../images/layout/navy_Page_2_Hover.png) no-repeat left 6px;
  color: #213377;
}
.menu ul li .lite li span,
.menu ul li .dark li span {
  background: transparent url(../images/layout/navy_Page_2_This.png) no-repeat left 6px;
  font-weight: bold;
  color: #213377;
}
.menu ul .blue ul li.this a {
  font-weight: bold;
}
.menu ul .blue ul .stop {
  border: none;
}
/* --- Level 3 --- */
.menu ul .blue ul .this ul {
  margin: 0;
  padding: 0 0 5px 0;
  border: none;
}
.menu ul .blue ul .this ul li {
  border: none !important;
}
.menu ul .blue ul .stop ul li {
  border: none !important;
}
.menu ul .blue ul .this ul li a,
.menu ul .blue ul .this ul li span {
   margin-left: 37px;
   padding-left: 11px;
   font: normal 11px/18px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
}
.menu ul .blue ul .this ul li a,
.menu ul .blue ul .this ul li a:link,
.menu ul .blue ul .this ul li a:visited {
   background: transparent url(../images/layout/navy_Page_3_Hide.png) no-repeat left 5px;
   font-weight: normal;
   color: #595858;
}
.menu ul .blue ul .this ul li a:hover {
   background: transparent url(../images/layout/navy_Page_3_This.png) no-repeat left 5px;
   font-weight: normal;
   color: #213377;
}
.menu ul .blue ul .this ul li span {
   background: transparent url(../images/layout/navy_Page_3_This.png) no-repeat left 5px;
   font-weight: bold;
   color: #213377;
}
/* ============================================== */
/* --- CASE 5. Footer Settings for All Pages  --- */
/* ============================================== */
/* --- Empter --- */
.null {
  clear: both;
  height: 70px;
  margin: 1px 0;
}
/* --- Footer --- */
.foot {
  position: absolute;
  height: 50px;
  bottom: 0;
  left: 5px;
  right: 5px;
  background: #fff url(../images/layout/layout_Foot_Base.png) repeat-x left bottom;
}
.call {
  float: left;
  width: 240px;
  height: 50px;
  background-color: #fff;
  font: normal 13px/25px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
  color: #666;
  text-align: center;
}
.copy {
  float: right;
  width: 731px;
  padding-top: 30px;
  font: normal 13px Arial, Sans-Serif, Tahoma, Geneva, Verdana;
  color: #c4d2ec;
}
.foot .vcard .fn,
.foot .vcard .adr,
.foot .vcard .url,
.foot .vcard .email {
  display: none;
}
/* --- Print Footer --- */