/* DEFAULTS! */
html, body, div, span, object,
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
    border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* -> body */
body {
	font: normal 90% Arial;
	line-height: 1.2;
}

/* -> tables, cols and rows */
table {
	border-collapse: separate;
	font-size: inherit;
}
caption, th, td { font-size: inherit; }

/* -> anchors and images in anchors */
a img {	border: none; text-decoration: none; }

/* -> other */
strong { font-weight: bold; }
li { margin-left: 2em; }

/* END OF DEFAULTS! */




ul#tree { list-style: none outside none; }
#tree ul { display: none; list-style: none outside none; }




/* Random styles */
input.text, select, textarea {
    padding: 1px;
}
input.button {
    padding: 0;
    font-size: 90%;
    color: #fff;
    border: 1px solid #ddd;
    background-color: #f69e45;
    cursor: pointer;
}

#clear {
    clear: both;
    height: 1px;
    font-size: 1px;
}

td.empty { width: 1px; }



/* Alert styles */
#alert {
  margin: 20px 0;
  text-align: center;
  font: bold 100% Tahoma;
  color: #4d4747;
}
#alert a { font-weight: normal; }

/* End of Random styles */










/* Container */
table.container {
    width: 100%;
    margin-top: 25px;
}
table.container td { vertical-align: top; }
td.center { width: 850px; }



/* Container -> header */
#header {
    height: 130px;
    position: relative;
    margin-bottom: 15px;
}



/* Container -> Header -> lang */
#lang {
    position: absolute;
    top: 0;
    right: 0;
}

#lang ul { list-style: none outside none; }
#lang li { display: inline; }
#lang a, #lang span {
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
}



/* Container -> Header -> cart */
#cart {
    position: absolute;
    bottom: 0;
    right: 0;
}
#cart td { vertical-align: middle; line-height: 0.9; }
#cart a { font-size: 75%; line-height: 1.4;  }
#cart a:hover { color: #f69e45; }



/* Container -> top */
#top {
    position: relative;
    margin-right: -10px;
}



/* Container -> Top -> menu, search */
#top .menu {
    position: relative;
    padding: 10px 0;
    background-color: #4d4747;
    margin-right: 10px;
}

#top .menu table { width: 100%; }
#top .menu td {
    width: 20%;
    padding: 0 5px;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #766452;
    border-right: 1px solid #d1a669;
}
#top .menu td.no_l { border-left: none; }
#top .menu td.search {
    white-space: nowrap;
    border-right: none;
}

#top .menu a,
#top .menu span {
    white-space: nowrap;
    text-decoration: none;
}

#top .menu input { font-size: 80%; }
#top .menu input.input {
    border: 1px inset #fff;
    padding: 1px 2px;
    width: 100px;
}
#top .menu input.submit {
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    cursor: pointer;
}



/* Container -> Content -> table.content, td.shadowblock, td.title, td.left, td.main */
table.content { width: 100%; }
table.content td { padding: 0; }

/* Container -> Content -> td.shadowblock */
td.shadowblock { width: 200px; }

div.shadowblock {
    position: relative;
    padding: 0.35em 0.4em 0 0;
}
div.shadowblock div.title {
    position: relative;
    padding: 0.4em;
    margin: 0 0 0.4em 0.4em;
	color: #fff;
    background-color: #4d4747;
}

div.shadowblock img.shadow_small {
    width: 100%;
    //width: 200px;
    height: 2.75em;
    position: absolute;
    top: 0;
    left: 0;
}

/* Container -> Content -> td.title */
td.title { vertical-align: middle !important; }

#title a,
#title span { font-size: 120%; vertical-align: middle; color: #fff; }


#title a:hover,
#title a.active,
#title a.active:hover {
    color: #555;
    text-decoration: underline;
}

#title a.active { text-decoration: none; }

/* Container -> Content -> td.left */
td.left { width: 200px; }

td.left div.menu { margin-right: 15px; }

td.left ul { list-style: none outside none; }
td.left li {
    margin-left: 15px;
    font-size: 90%;
    line-height: 1.5em;
}

td.left .menu a {
    _height: 1px;
    display: block;
    padding: 3px 0;
    font-family: Tahoma;
    text-decoration: none;
}

td.left #contacts {
    margin: 15px 15px 0 15px;
    font-size: 80%;
}

/* Container -> Content -> td.main */
td.main { font-size: 90%; }



/* Container -> bottom, footer */
#footer {
    text-align: center;
    margin-top: 2%;
    font-size:75%;
}
#footer span {
    font-size: 160%;
    vertical-align: middle;
}

.wh:hover{color:#FFFFFF;}










/* Ex-file's styles */

#cat { margin-bottom: 2em; }

ul.topics_list { list-style: none outside none; }
ul.topics_list li {
  float: left;
  width: 33%;
  margin: 0 0 2.5em 0;
  text-align: center;
}
ul.topics_list a { font: normal 110% Tahoma; text-decoration: none; }
ul.topics_list a.thumb {
  width: 150px;
  height: 100px;
  display: block;
  padding: 3px;
}

ul.topics_list div.inner {
  width: 160px;
  margin: 0 auto;
}



/* Search styles */
#search_info {
    font-size: 120%;
    margin-bottom: 10px;
}
#search_info span {
    font-style: italic;
    font-weight: bold;
    color: #a72e03;
}



/* Single item styles */

#currentitem {
  width: 100%;
  margin-bottom: 50px;
  font: normal 100% Tahoma;
}
#currentitem h1 {
  float: left;
  font: normal 200% Tahoma;
}
#currentitem h2 {
	margin-top: 2em;
	font: normal 130% Tahoma;
}

#currentitem #wrapper {
  margin-top: 10px;
  position: relative;
}

#currentitem #picture {
  float: left;
  margin: 0 2em 2em 0;
  *margin: 0 1em 2em 0;
}
#currentitem #picture a {
  padding: 2px;
  display: block;
}


#description #price span { font: bold 120% Tahoma; color: #a72e03; }
#description #descr { margin-top: 1em; }
#description #sform { margin-top: 3em; }
#description #sform td {
  vertical-align: middle;
  white-space: nowrap;
}

#sform #warehouse { font-size: 85%; white-space: nowrap; }
#sform #warehouse em {
  font-size: 120%;
  font-style: normal;
  font-weight: bold;
  color: #a72e03;
}

#sform span { font-weight: bold; font-size: 120%; }
#sform input { font: normal 100% Tahoma; }
#sform strong { font-size: 120%; }


#currentitem #gallery { margin-top: 1em; }
#currentitem #gallery a {
  display: block;
  float: left;
  padding: 2px;
  margin-right: 8px;
}



/* Basket styles */
table.basket {
    width: 100%;
    margin-bottom: 30px;
}

table.basket td {
    padding: 5px;
    vertical-align: middle;
    border-bottom: 1px solid #f39a44;
}
table.basket td.noborder { border: none; }

table.basket h2 {
    font-size: 115%;
    font-weight: normal;
    margin: 0 0 5px 0;
    color: #4d4747;
}

table.basket span { font-size: 110%; }

table.basket a.del {
    font-size: 130%;
    font-weight: bold;
    color: #4d4747;
}
table.basket a.red:hover { color: #b4b4b4; }

input#submit { display: none; }



/* Checkout styles */
#form { margin-bottom: 20px; }
#form label.required { color: #4d4747; }
#form textarea { overflow-y: scroll; }
#form select { width: auto; }

div.form_buttons {
  margin-top: -30px;
  margin-bottom: 30px;
}

/* End of Ex-file's styles */










/* Items navigation styles */

#navigation {
  float: right;
  font-size: 200%;
  white-space: nowrap;
  text-align: right;
}
#navigation span, #navigation a { vertical-align: middle; }
#navigation span { font-size: 70%; }
#navigation a { font-size: 50%; }



/* Paginator styles */

#paginator {
	clear: left;
    font-size: 90%;
    margin: 2em 0;
    text-align: center;
}

#paginator a, #paginator span {
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    color: #fff;
}
#paginator a { border: 1px solid #f39a44; text-decoration: none; }
#paginator a:hover { border: 1px solid #4d4747; }

#paginator span {
    border: 1px solid #fff;
    font-weight: bold;
}

#paginator a.space,
#paginator a.space:hover { border: none; }





/* Form */
#form input.text,
#form select {
    padding: 1px;
	font-size: 1.2em;
	height: 1.3em;
	line-height: 1.2em;
}

#form .empty {
	padding: 1px;
	background-color: #fbe217;
}
#form .clear {
	padding: 1px;
	background-color: #fff;
}

#form dl {
	display: block;
	margin-top: 0.1em;
}
* html #form dl.for_float { height: 1px; }

#form dt, #payment dd { display: block; }
#form dt {
	clear: left;
	float: left;
	width: 10em;
	margin-right: -11em;
	line-height: 1.3;
}
#form dd { margin-left: 11em; }
#form dd:after{
	content: '';
	height: 0;
	display: block;
	clear: both;
}









/* Hacks ;) */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: block;
}
* html .clearfix { height: 0; }



.png {
  _background-image: none !important;
  behavior: url('/images/pngfix.htc');
}



img.shadow_big {
  width: 100%;
  //width: 860px;
  height: 3.5em;
  position: absolute;
  top: 1px;
  left: -1px;
}