/* CSS Basic Document */

* {
  margin: 0;
  padding: 0;
}

body {
  font: normal normal normal 14px Arial, Verdana, Sans-Serif;
  color: #010101;
  background: white;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: underline;
  color: #010101;
}

a:hover {
  text-decoration: none;
  color: #010101;
}

a img {
  border: 0;
}

#header {
  width: 100%;
  height: 200px;
  background: white url(images/header_bg.gif) repeat-x left top;
  z-index: 0;
}

#header_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 700px;
  height: 200px;
  background: transparent url(images/header_left.jpg) no-repeat left top;
  z-index: 1;
}

#header_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 324px;
  height: 400px;
  background: transparent url(images/header_right.jpg) no-repeat right top;
  z-index: 2;
}

#title {
  position: absolute;
  top: 10px;
  left: 220px;
  width: 400px;
  height: 60px;
  z-index: 3;
}

#slogan {
  position: absolute;
  top: 76px;
  left: 240px;
  z-index: 4;
  font-size: 20px;
  color: #ff9d00;
}

#contacts {
  position: absolute;
  top: 41px;
  right: 62px;
  width: 250px;
  height: 100px;
  font-size: 15px;
  font-weight: bold;
  color: #565656;
  z-index: 10;
}
#contacts p {
  margin: 3px 0;
}

#topnav {
  font-size: 18px;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 150px;
  z-index: 12;
  color: #010101;
}

#topnav a {
  color: #010101;
  margin: 0px 6px;
  text-decoration: none;
}

#topnav a:hover {
  text-decoration: underline;
}

#topnav a:last-child {
  margin-right: 0;
}

#topnav a:first-child {
  margin-left: 0;
}

#wrapper {
  margin: 0 auto;
  padding: 0;
  width: 980px;
}

#leftbar {
  width: 240px;
  float: left;
  margin: 0 10px 0 0px;
  padding: 0;
}

#menu {
  background: transparent url(images/menu.png) no-repeat top left;
  padding-top: 47px;
  font-family: Calibri;
}

#menu a, #actions a, #articles a {
  text-decoration: none;
}

#menu a:hover, #actions a:hover, #articles a:hover {
  text-decoration: underline;
}

#menu2 {
  background: transparent url(images/leftbar_bg.png) repeat-y top left;
}

#menu2>p {
  height: 1px;
  margin:0;
  padding:0;
}

#menu2>ul#catalog {
  list-style: none outside none;
  padding: 0 25px;
  font-size: 16px;
  font-weight: bold;
}

#menu2>ul>li {
  margin: 7px 0;
}

#menu2>ul ul>li {
  padding: 4px 0;
}

#menu2>ul ul {
  list-style: none outside none;
  padding-left: 15px;
  font-size: 15px;
  font-weight: normal;
}


/*Catalog*/

#catalog ul {
  padding: 0 0 0 12px;
}


#catalog li.menu {
  position: relative;
}

#catalog li.menu a.ud {
  position: absolute;
  text-decoration: none;
  top: 0px;
  left: 0px;
  display: block;
  width: 13px;
  height: 13px;
}

#catalog li.menu.close {
  list-style: disc inside url(images/leftmenu_up.png);
}

#catalog li.menu.open {
  list-style: disc inside url(images/leftmenu_down.png);
}

#catalog li.item.open {
  list-style: none outside none;
}

#catalog li.item.close {
  list-style: none outside none;
}

#catalog li.close ul {
  display: none;
}

#catalog ul li.item.open {
  list-style-image: url(images/plus_arrow.gif);
}

#catalog li.item.open a, #catalog li.menu.open>a  {
  color: #000;
  text-decoration: underline;
}

#leftbar_bot {
  width: 237px;
  height: 80px;
  background: transparent url(images/leftbar_bot.png) no-repeat top left;
}

#rightbar {
  width: 240px;
  float: right;
  margin: 0 0 0 10px;
  position: relative;
  z-index: 11;
}

#actions {
  background: transparent url(images/actions.png) no-repeat top left;
  padding-top: 47px;
}

div.block>ul {
  background: transparent url(images/rightbar_bg.png) repeat-y top left;
  list-style: none outside none;
  padding: 0 25px;
  font-size: 15px;
  font-weight: bold;
}

div.block>ul>li {
  padding: 2px 0;
}

div.block>ul ul>li {
  padding: 2px 0;
}

div.block>ul ul {
  list-style: none outside none;
  padding-left: 4px;
  font-size: 15px;
  font-weight: normal;
}

#articles {
  background: transparent url(images/articles.png) no-repeat top left;
  padding-top: 57px;
}

#rightbar_bot {
  width: 237px;
  height: 80px;
  background: transparent url(images/rightbar_bot.png) no-repeat top left;
}

#content {
  width: 480px;
  float: left;
  position: relative;
  z-index: 12;
  padding-bottom: 20px;
}

#content h1 {
  font-size: 22px;
  font-weight: normal;
  color: #868686;
  margin: 7px 0;
  padding: 4px 0;
  border-bottom: 3px solid #e1e1e1;
}

#content h2 {
  font-size: 18px;
  font-weight: normal;
  color: #868686;
  margin: 4px 0;
  padding: 2px 0;
}

#footer {
  width: 100%;
  height: 106px;
  float: left;
  background: transparent url(images/footer_bg.png) no-repeat center top;
  color: #868686;
}

#footer a {
  color: #868686;
}

#botnav {
  width: 100%;
  text-align: center;
  margin-top: 34px;
  font-size: 12px;
}

#botnav a {
  margin: 0 4px;
}

#counters {
  width: 800px;
  margin: 0 auto;
  font-size: 12px;
  margin-top: 48px;
}

/*
  Search Bar
*/
.searchbar {
  background: #FFF url(images/magglass.png) no-repeat 3px 4px;
  padding-left: 17px;
}

.searchlist td {
  padding: 7px;
}

/*
*   Wysiwyg Html Styles
*/
#content .wysiwyg {
} 

#content .wysiwyg p {
  margin: 1px 0;
  padding: 0px;
}

#content .wysiwyg ul {
  margin: 4px 0 4px 30px;
  list-style: square none inside;
}

#content .wysiwyg ul li {
  margin: 1px 0;
}

textarea.mceEditor {
  width: 99%;
  height: 200px;
}

/*
*   formView
*/

table.formView {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  color: black;
  margin: 0 auto;
}

table.formView tr.tr0 {
}

table.formView tr.tr1 {
}

table.formView td {
  padding: 2px 0;
}

table.formView td.tdText {
  vertical-align: top;
  font-weight: bold;
}

table.formView td.tdErr {
  color: red;
  font-size: 80%;
}

table.formView td.tdNotes {
  color: blue;
  font-size: 80%;
}

input.inputs,  input.inputs_err, textarea.inputs, textarea.inputs_err, select.inputs, select.inputs_err {
  font-family: inherit;
  font-size: 14px;
  background: #FFF url(images/bg_form.png) 0 0px repeat-x;
  border: 1px solid #CCC;
  padding: 2px 0 2px 0px;
  width: 99%;
  border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

input.inputs_err, textarea.inputs_err, select.inputs_err {
  background: #F3DEDF;
  border: 1px solid #A00;
}

select.inputs.date, select.inputs_err.date {
  width: auto;
}

#content h2.inputs {
  margin: 7px 0;
  font: italic bold 16px/12px Arial, Verdana, Sans-Serif;
  color: #2153AA;
  text-align: left;
  padding-left: 10px;
}

optgroup {
  font-weight: bold;
  font-style: normal;
}

input.chars_count {
  font-size: 14px;
  border: none;
  background: white;
}

/* 
  Pager
*/
div.pager_div  {
  margin: 10px 0;
  font: 11px Verdana, Arial, Sans Serif;
  text-align: center;
}

div.pager_div a {
  text-decoration: none;
  padding: 3px 7px;
  border: 1px solid #CCC;
}

div.pager_div a:hover {
  color: red;
  border: 1px solid #CCC;
  background: url(images/bg_form.png) repeat-x top left;
}

span.pagerPages {
  font-weight: bold;
}

a.pagerNotCurrent{
}

span.pagerCurrent {
  padding: 3px 7px;
  color: white;
  border: 1px solid #CCC;
  background-color: #4C58D2;
}

span.pagerNavDisabled {
  color: #999;
  padding: 3px 7px;
  border: 1px solid #CCC;
}

/*
    dbView
*/
table.dbView {
  border: 1px solid #CCC;
  border-collapse:collapse;
  padding: 0px;
  margin: 0px;
  width: 99%;
}

table.dbView tr.tr0 {
  background-color: #FFF;
}

table.dbView tr.tr1 {
  background-color: #EEE;
}

table.dbView tr.trf {
  background-color: #BBB;
  color:white;
  font-weight:bold;
}

table.dbView th {
  font-size: 12px;
  border: 1px solid #CCC;
  background-color: #DDD;
  padding: 4px;
  text-align: center;
  color: #333;
}

table.dbView td, table.dbView tdl, table.dbView tdr, table.dbView tdnn {
  font-size: 12px;
  padding: 4px 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #CCC;
}

table.dbView td.tdl {
  text-align: left;
  padding-left: 7px;
}
table.dbView td.tdr {
  text-align: right;
  padding-right: 7px;
}

table.dbView td.tdnn {
  font-weight: bold;
}

/*
  Comments
*/

.com_head {
  text-align: center;
  padding: 4px 0;
}

.com_row {
  border-top: 1px #CCC dashed;
  padding: 4px 0 2px 0;
}

.com_info {
  padding-bottom: 2px;
}

.com_num {
  background: #AAA;
  color: white;
}

.com_user {
  color: #00A;
  font-weight: bold;
}

.com_date {
  font-size:11px;
  color:#666;
}

.com_post {
  font-size: 12px;
  padding: 4px 0;
}

.com_post img {
  margin-right: 10px;
  margin-bottom: 10px;
}

.comment-response-form form {
  margin: 0 0 10px 10px;
  padding: 0 0 10px 10px;
  border-left: 1px solid #CCC;
}

#comment-response-form0 form {
  margin: 0;
  padding: 0;
  border-left: 0;
}

/*
  Calendar
*/
#calendar table {
  width: 150px;
  border: 0;
}

#calendar table td, #calendar table th {
  text-align: center;
}


#calendar a {
  text-decoration: underline;
}

#calendar a:hover {
  text-decoration: underline;
}

/*
  Messages
*/
span.msg {
  color: red;
  font-size: 11px;
}

span.success {
  color: green !important;
  font-weight: bold;
  font-size: 12px;
}

/*
  Products
*/

#ship_descr {
  width: 480px;
  margin: 4px auto;
  background: #FFFFCC;
  color: #000;
  padding: 4px;
  border: 1px dotted #CCC;
}

span.product_category_current {
  font-weight: bold;
  color: brown;
}

a.product_category_child {
  font-weight: normal;
  color: blue;
}

a.product_category_top {
  font-weight: bold;
  color: blue;
}

img.prod_img {
  border: 1px solid gray;
}

a:hover img.prod_img {
  border: 1px solid #A00;
}

.prod_price_old {
  color: brown;
  text-decoration: line-through;
}

.prod_price {
  color: red;
  font-weight: bold;
}

.prod_save {
  color: brown;
}

.prod_discount {
  color: #A00;
}

table.shop_cart {

}

p.clear_cart {
  text-align: right;
  margin: 1px 0;
  padding: 1px 0;
}

table.shop_cart td {
  font-size: 12px;
}

table.shop_cart tr.tr0 {
  background-color: #FFF;
}

table.shop_cart tr.tr1 {
  background-color: #EEE;
}

table.shop_cart tr.tr2 {
  background-color: #BBB;
  color: black;
}

table.shop_cart tr.tr3 {
  background-color: #FFF;
  color: #A00;
}

a.shop_cart_del {
  color: #A00;
  text-decoration: none;
  border-bottom: 1px dashed #A00;
}

a.shop_cart_del:hover {
  color: #A00;
  text-decoration: none;
  border: 0;
}

a.prod_sort {
  background-color: pink;
  padding: 5px;
  text-decoration: none;
}

a.incart {
  text-decoration: none;
  color: green;
  font-weight: bold;
  border-bottom: 1px dashed green;
}

a.incart:hover {
  border: 0;
}

/* Print version */
#print-icon {
  position: absolute;
  top: 0;
  right: 0;
}

#callback {
  margin-left: 12px;
}

#comments, #director {
  text-align: center;
  margin: 10px 0;
}

#sell {
  margin-left: 12px;
}

.video {
  margin-left: 12px;
  margin-top: 4px;
  text-align: left;
}

.video p {
  text-align: center;
  width: 210px;
}