/*
Project:   Jeweller-Tech
CSS Type:  Semantic
Version:   1.0 (12.03.2010)
Author:    Grigory Zarubin (Shogo.RU)
*/

/*   -=========== Common Styles ===========-   */
html, body {
  height: 100%; }
body {
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  line-height: 120%;
  color: #000000;
  background: url(body_bg.gif) repeat-x 0 0 #FFFFFF; }
* {
  font-size: 100%;
  margin: 0;
  padding: 0; }
a {
  color: #800080; }
a img, table {
  border: 0; }
a:focus {
  outline: none; }
.zero {
  border-spacing: 0;
  border-collapse: collapse; }
.zero td {
  padding: 0; }
.z7 td {
  padding: 7px 0; }
.bb {
  font-weight: bold; }
.m3 {
  margin-bottom: 3px; }
.m5 {
  margin-bottom: 5px; }
.m7 {
  margin-bottom: 7px; }
.m10 {
  margin-bottom: 10px; }
.m15 {
  margin-bottom: 15px; }
.m20 {
  margin-bottom: 20px; }
.m25 {
  margin-bottom: 25px; }
.m30 {
  margin-bottom: 30px; }
.m40 {
  margin-bottom: 40px; }
.m50 {
  margin-bottom: 50px; }
.hova a {
  text-decoration: none; }
.hova a:hover {
  text-decoration: underline; }
.unhova a {
  text-decoration: underline; }
.unhova a:hover {
  text-decoration: none; }
.nova a {
  text-decoration: none; }
.s9 {
  font-size: 9px;
  line-height: 120%; }
.s10 {
  font-size: 10px;
  line-height: 120%; }
.s11 {
  font-size: 11px;
  line-height: 120%; }
.s12 {
  font-size: 12px;
  line-height: 120%; }
.s13 {
  font-size: 13px;
  line-height: 120%; }
.s14 {
  font-size: 14px;
  line-height: 120%; }
.s15 {
  font-size: 15px;
  line-height: 120%; }
.s16 {
  font-size: 16px;
  line-height: 120%; }
h1, h1 a {
  font-size: 20px;
  line-height: 120%;
  color: #540333;
  font-weight: normal;
  margin-bottom: 15px;
  text-decoration: none; }
h2, h2 a {
  font-size: 16px;
  line-height: 120%;
  color: #540333;
  margin-bottom: 15px;
  text-decoration: none; }
h3, h3 a {
  font-size: 15px;
  line-height: 120%;
  color: #000000;
  margin-bottom: 10px;
  text-decoration: none; }
h4, h4 a {
  font-size: 14px;
  line-height: 120%;
  color: #540333;
  margin-bottom: 10px;
  text-decoration: none; }
p {
  padding-bottom: 10px; }
ul, ol, ul.default {
  margin: 5px 0 15px 0; }
ol {
  margin: 5px 0 20px 20px; }
ul.default {
  margin-top: 0; }
ul li, ul.default li {
  margin: 5px 0;
  list-style-position: inside;
  list-style-type: square; }
ul.default li {
  margin: 0 0 5px 20px;
  list-style-position: outside;
  list-style-type: disc; }
ol li {
  margin: 0 0 10px 0;
  list-style-position: outside; }
.inp, textarea, select {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 3px 5px;
  border: 1px solid #B090B3; }
.input_error {}
select {
  padding: 0; }
label {
  cursor: pointer; }
.left {
  float: left;
  margin: 0 25px 10px 0; }
.right {
  float: right;
  margin: 0 0 10px 25px; }
.auto {
  width: 100%;
  height: auto; }


/*   -=========== Structure ===========-   */
#container {
  position: relative;
  width: 1004px;
  min-height: 100%;
  margin: 0 auto; }
#header {
  width: 977px;
  height: 157px;
  margin: 0 auto; }
#content {
  width: 655px;
  overflow: hidden;
  padding-bottom: 90px;
  margin: 0 auto; }
.secondary #content {
  width: 977px!important; }
#left_col {
  float: left;
  width: 285px; }
#main {
  margin-left: 300px; }
.text {
  padding-left: 7px; }
.secondary .text {
  padding-left: 22px; }
#footer {
  clear: both;
  background: #F5F6F5;
  position: relative;
  margin: -55px auto 0 auto;
  height: 55px; }


/*   -=========== Blocks ===========-   */
#header .logo {
  float: left;
  padding: 35px 30px 0 0; }
#header .names {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  padding-top: 30px; }
#header .flag {
  float: left;
  padding: 8px 15px 0 0; }
#header .hdr {
  float: left;
  padding: 0 25px 0 0; }

#left_col ul {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0; }
#left_col ul li {
  background: #58165E;
  margin: 0 0 1px 0;
  padding: 5px 0 0 0;
  list-style: none; }
#left_col ul li a, #left_col ul li span {
  display: block;
  background: url(mrk1.gif) no-repeat 0 6px;
  padding: 0 0 5px 10px;
  margin: 0 8px;
  color: #FFFFFF;
  text-decoration: none; }
#left_col ul li.current {
  background: #861191; }
#left_col ul li.current a, #left_col ul li.current span {
  background-position: 0 -55px; }
#left_col ul li.hl {
  background: #9E0B0E; }
#left_col ul li.hl a, #left_col ul li.hl span {
  background-position: 0 -24px; }
#left_col ul ul {
  margin-bottom: 8px; }
#left_col ul ul li, #left_col ul ul li.current {
  background: #FFFFFF;
  margin: 0;
  padding-left: 24px; }
#left_col ul ul li a, #left_col ul ul li span {
  background: url(mrk2.gif) no-repeat 0 6px!important;
  padding-bottom: 0;
  color: #1F0321; }
#left_col ul ul li.current span {
  color: #58165E;
  text-decoration: underline; }
#left_col ul ul li a:hover {
  text-decoration: underline; }

.archive, .archive_main {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  line-height: 53px;
  color: #9E78A2;
  background: #58165E;
  padding: 0 33px;
  margin-bottom: 25px;
  height: 53px; }
.archive a, .archive_main a {
  color: #FFFFFF; }
.secondary .archive {
  line-height: 120%;
  color: #B090B3;
  background: #F0E8F1;
  padding: 5px 10px 7px 10px;
  margin-bottom: 20px;
  height: auto; }
.secondary .archive a {
  color: #58165E; }

#footer .counters {
  float: left;
  padding: 15px 100px 0 0; }
#footer .counters img {
  float: left;
  margin-right: 10px; }
#footer .copyright, #footer .copyright_main {
  text-align: center;
  color: #676769;
  line-height: 55px;
  overflow: hidden; }
.secondary #footer .copyright {
  width: 977px;
  margin: 0 auto;
  text-align: left; }
#footer .copyright a {
  color: #676769; }


/*   -=========== Classes ===========-   */
.red, .red a {
  color: #CD1216; }
.violet, .violet a {
  color: #2E0033; }
.violet_, .violet_ a {
  color: #58165E; }
.pink, .pink a {
  color: #B090B3; }
.grey, .grey a {
  color: #A1A1A1; }
.white, .white a {
  color: #FFFFFF; }
.brown, .brown a {
  color: #540333; }

.mrk1 {
  background: url(mrk1.gif) no-repeat 0 6px;
  padding-left: 10px; }
.mrk3 {
  background: url(mrk3.gif) no-repeat 0 6px;
  padding-left: 10px; }
.hr {
  background: #EEEEEE;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  margin: 10px 0 15px 0; }

.image {
  float: left;
  margin: 0 2px 2px 0; }
.l_main {
  float: left;
  width: 49%; }
.r_main {
  margin-left: 51%; }
.bord {
  border-top: 1px solid #FBF7FB;
  border-left: 1px solid #FBF7FB; }
.bord th {
  padding: 5px;
  background: #815D83;
  color: #DDB7DD;
  border-right: 1px solid #FBF7FB;
  border-bottom: 1px solid #FBF7FB; }
.bord td {
  padding: 5px;
  border-right: 1px solid #FBF7FB;
  border-bottom: 1px solid #FBF7FB; }

.text_container {
  overflow: hidden;
  margin-bottom: 10px; }
.nofloat {
  overflow: hidden; }