/* basic */
body {
  font-family: Arial,Verdana,sans-serif;
}

p { line-height: 140%; margin: 0ex 0 1em 0; }

ul, ol {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
ul li, ol li {
  margin-left: 1em;
  margin-top: 6px;
  margin-bottom: 10px;
  padding-left: 15px;
  line-height: 1.5;
}

ol li {
  margin-left: 3em;
}

/* headers */
h1 {
  color: #ba3200;
  font-size: 180%;
  margin-top: 0;
  line-height: 120%;
}
h2 { font-size: 130%; 
color: #CF7000;
margin-top: 1.2em; margin-bottom: 0.5em; }
h3 { color: #809b26;
margin-top: 1.2em; }

a { color: #0053d0; text-decoration: underline; }
a:hover { color: #000000; }

/* tables */
table { font-size: 90%; }
table.list {width: 80%; margin-top: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
table.list th { 
background-color: #E0E0E0; color: #505050; font-weight: normal; }
table.list thead th { 
background-color: #D5D5D5; color: #000000; border-bottom: 1px solid #C0C0C0; }
table.list td { 
background-color: #FAFAFA; padding-left: 5px; }

table.list table { font-size: 90%; border: 1px solid #D0D0D0; }
table.list table thead th { border-bottom: 1px solid #D0D0D0; }
table.list table th { background-color: #E0E0E0; color: #505050; padding: 2px; }
table.list table td { border-bottom: 1px solid #D0D0D0; background-color: #FFFFFF; padding: 2px; }
 
table.list tr:hover td { background-color: #FFFFA0; }
table.list tr.active:hover table td { background-color: #FFFFA0; }
table.list tr.active:hover table tr:hover td { background-color: #FFFFA0; }
table.list tr.active:hover table td { border-bottom: 1px solid #C0C0C0; background-color: #FFFFFF; }

/* forms */
form table { width: 100%; }
form th, form td { vertical-align: top; }

form dl { padding: 10px;}
form dd { display: block; }

form small { color: #707070; }

div.group, fieldset { background-color: #F0F0F0; border-color: #DBDFD0; }
fieldset .text { }
label.required { }
div.group a { color: #658313; }
form div.group h3, form fieldset h3 { 
  background-color: #DFDFDF;
  color: #000000 !important;
  margin: 0 !important; padding-left: 5px; }
fieldset { padding: 0; clear: both;}
fieldset legend { border-color: #DBDFD0; background-color: #DFDFDF; }
label { cursor: pointer; }

fieldset.left { clear: none; width: 49%; margin-right: 0.4%; _height: 230px; min-height: 230px; }
fieldset th { width: 30%; text-align: right; }
fieldset th label, fieldset td label { float: none; }
fieldset td label { min-width: 100px; }

input { vertical-align: middle; }
input[type=text], input[type=password], textarea, select { border: 1px solid #C0C0C0; }
input[type=radio] { margin-right: 5px; }

hr {
  line-height: 1px; /*needed for IE/win*/
  font-size: 1px; /*needed for IE/win*/
  height: 1px;
}

blockquote {
  float: right;
  width: 250px;
  min-height: 200px;
  background: url("../images/layout/blockquote-bg.png");
}
blockquote p {
  padding: 10px 10px 10px 75px;
  margin: 0.2em 0 0.5em;
  font-size: 120%;
  font-style: italic;
}
blockquote img { padding: 5px;}
blockquote a {
  font-style: normal;
  font-size: 85%;
}

/* content */
#content {
  line-height: 150%;
  z-index: 1;
}
#content ul li {
  background: url("../images/bg/li.gif") 0% 7px no-repeat;
}
#sitemap .TreeViewControlExpanded {
  display: none;
}

/* shop */
/* product-list */
.product-list {
  background-color: #FFFFFF;
}
.product-list .item {
  float: left;
  width: 33.3%;
  min-width: 33.3%;
}
.product-list .item-box {
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  margin: 0 3px 5px 0;
  margin: 0;
  height: 410px;
}
.product-list .title { min-width: 100%; width: 100%; background-color: #4F7F7D; color: #FFFFFF; text-align: center;
height: 80px; overflow: hidden;
background-color: transparent; color: #000000; }
.product-list .title h2 { font-size: 100%; padding: 5px 3px 0 3px; margin: 0; font-weight: bold; }
.product-list .title a { color: #FFFFFF; text-decoration: underline; color: #0800A1; }
.product-list .title a:hover { text-decoration: none; }
.product-list .image { height: 150px; }
.product-list .image a { text-decoration: none; }
.product-list .image .box {min-width: 100%; }
.product-list .info { height: 220px; }
.product-list .info1 { min-width: 100%; width: 100%; }
.product-list .info1 th { text-align: left; padding: 0 5px 0 5px; }
.product-list .info1 td { text-align: right; padding: 0 5px 0 0; }
.product-list .info table { min-width:100%;  width: 100%; }
.item .image { text-align: center; }
.product-list .info2 { height: 70px; padding-top: 5px; padding-bottom: 5px;}

.product-list .inputs { min-width: 100%;  padding-top: 0px; }
.product-list img { border: none !important; }
.product-list img.action { position: absolute; }

table.product-list { border-color: #C5C6C7; min-width:99.9%; width: 99.9%; }
table.product-list, table.product-list a { color: #000000; }
table.product-list th { padding: 2px; background-color: #DCDCDC;}
table.product-list td { padding: 2px; color: #000000; }
table.product-list tr.odd td { background-color: #F0F0F0; }
table.product-list tr.even td { background-color: #E0E0E0; }

.category-text { border: 1px solid #899F63; padding: 10px; margin-bottom: 10px;
  background-color: #ECF5DD; font-size: 90%; line-height: 140%;
}
.category-text .image { float: left; padding: 10px 10px 0 0; }

/* item-detail */
.item-detail .item { min-width: 100%; }
.item-detail .info { min-width:24%; width: 24%; float: left; }
.item-detail .info table { min-width:99%;  width: 99%; color: #727272; }
.item-detail .info th { min-width:45%; width: 45%;}
.item-detail .image {min-width:50%; width: 50%; text-align: center; float: left; padding: 0;  }

.item-detail .buttons { min-width:24%; float: left; width: 24%; text-align: right; }
.item-detail .buttons ul li { padding: 0; margin: 0; background: none !important; 
min-height: 30px; }
.item-detail .buttons li.cart { padding-top: 5px; background: url("../images/bg/dotted.gif") repeat-x !important; }
.item-detail-sep { clear: left; margin: 5px 0 5px 0; font-size: 1px; height: 15px; min-width:100%; width: 100%; border-bottom: solid 1px #C0C0C0; }

.item ul.icons { clear: both; padding: 0px !important; margin: 0 auto 0 auto; width: auto; }
.item ul.icons li { float: left; margin: 0; padding: 0; }
.item .icons img {vertical-align: middle;}
.product-list .item .icons li { background: none !important;
min-width:45px; width: 45px; line-height: 120%; text-align: center; padding: 0 2px 0 2px; }
.product-list .item .icons li span { font-size: 75%; line-height: 100%; }

.item-detail ul.icons li { text-align: left; float: none; padding: 3px 0 3px 0; }

.item .info td, .item .info th {
  font-weight: bold;
  background: url("../images/bg/dotted.gif") repeat-x bottom left;
  border: none !important;
}
.item-detail .info th { color: #000000; }
.item-cena { color: #FF0000; }

/* params */
table.params { width: 100%; }
.item-detail table.params td, .item-detail table.params th { border-bottom: 1px solid #E0E0E0; }
table.params tr:hover td, table.params tr:hover th { background-color: #FFFFA0 !important; }
table.params td { width: 50%; }

/* catalog-item-list */
.catalog-item-list .title { height: 40px; }
.catalog-item-list .item-box { height: 240px; }

/* section-list */
div.section-list { clear: both; position: relative; }
.section-list { clear: both; }
.section-list .section {
  float: left;  width: 175px; height: 230px;
  overflow: hidden;
  display: block;
  margin: 0; padding: 0 0 0 0;
  background: none !important;
  text-align: center;
  overflow-y: hidden;
}
.section-list .section-box {
  margin: 0 0px 0px 0; padding: 5px 0 0 0;
  height: 230px;
  /* background: #FFFFFF url("../images/layout/img-section-bg.jpg") 100% 0% no-repeat; */
  text-align: center;
  overflow: hidden;
}
.section-list .section-box-active { z-index: 0; }
.section-list .section-box-active .section-box .title { background: url("../images/layout/section-box-active.png") no-repeat; }
.section-list .section-box-active .section-box .title a { }

.section-list .section .title { width: 100%; color: #C24444; text-align: center; height: 30px; display: block; }
.section-list .section .title a { display: block; padding-top: 5px;}
.section-list .section .section-box a { display: block; color: #C24444; text-decoration: none; }
.section-list .section .image { width: 170px; height: 195px; margin: 0 0 0 0; padding: 0; display: block;
text-align: center; overflow: hidden; }

.section-list .border-top { border-top: 1px solid #C9C9C9; }

.section-list .section ul { clear: both; }
.section-list .section li { float: left; width: 150px; margin: 0; padding:0; background: none !important;
/* border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; */
font-size: 85%; line-height: 120%; }
.section-list .section li .box { height: 100px; border: 3px solid #E0E0E0; margin: 3px; }
.section-list .section li .box:hover { border-color: #C0C0C0; }
.section-list .section li p { margin: 0.5ex 0 0.5ex 0; }

.section-list-small { margin: 0 0 5px 0; border: none; _height: 100px; }
.section-list-small .section { width: 186px; height: auto; font-size: 85%; margin: 0 0 0 0; }
.section-list-small .section-box { height: 130px; max-height: 130px; padding: 0 10px 10px 0; position: relative;
  /* background: #FFFFFF url("../images/layout/img-section-bg.jpg") 100% -50px no-repeat; */
}
.section-list-small .section-box * { text-decoration: none; }
.section-list-small .section-box a { display: block; height: 100%; color: #FFFFFF; text-decoration: none; }
.section-list-small .section .title { width: 176px; height: auto; position: absolute; top: 0; left: 0; background: url("../images/layout/semi-bg.png"); color: #FFFFFF; }
.section-list-small .section .title span { padding: 0 3px 0 3px; }
.section-list-small .section .image { width: auto; height: auto; margin: 0 0 0 0; padding: 0; }
.section-list-small .section .image img { width: 100%; height: 100%; max-height: 130px; }
.section-list-small .right-edge {  }

/* filters */
.filter { background-color: #efefef;
          border: 1px solid #c5c6c7; margin: 5px 0 5px 0; }
.filter .inner { padding: 10px; }
.filter label { font-weight: bold; }
.filter ul { padding: 0px 0 5px 0 !important; margin: 2px 0 0px 0 !important; overflow: auto; }
.filter li {
  float: left; background-image: none !important; margin: 0 !important; padding: 0 7px 0 0px !important;
}
.filter li img { padding-top: 5px; vertical-align: middle; }
.filter label { display: block; padding-top: 2px; }
@media handheld, projection, screen, tty, tv
{
  .filter a { cursor: pointer; }
}
.filter input, .filter select { vertical-align: middle; }
.filter option { padding: 0 2px 0 7px; }
.filter .button { padding-top: 0px; padding-bottom: 0px; vertical-align: middle; background-color: #a9a9a9; color: #000000; }

.sort-filter, .sort-filter a { color: #000000; }

.page-filter li { width: 1em; margin: 0 !important; }
.page-filter .active a {font-weight:bold; font-size: 120%; }

.filter .paginator { margin-top: 0px; margin-bottom: 2px; }

/* catalog sections */
.catalog-sections {
  margin: 10px 0 10px 0;
}
.section-row {
  min-width:95%; 
  width: 95%;
  position: relative;
  background-color: #F5F5F5;
  padding: 10px;
  margin-bottom: 45px;
}
.section-row h2, .section-row h3 {
  margin-top: 0ex;
  padding-top: 0ex;
}
.section-row .image {
	float: right;
	margin: 0 0px 5px 10px;
  padding: 0;
}
.section-row img {
  padding: 0 0 0 0;
}
.section-row .text {
  padding-bottom: 10px;
  text-align: justify;
}
.catalog-sections .more-info {
  color: #A0A0A0;
  position: absolute;
  display: block;
  background: none;
  bottom: -37px;
  left: 45%;
  width: 200px;
  padding-left: 50px;
  text-align: left;
  padding: 0;
}
.catalog-sections .more-info img {
  float: left;
  margin-right: 10px;
}
.catalog-sections .more-info span {
  padding: 15px 0 0 0px;
  display: block;
  font-size: 90%;
}
.catalog-sections .more-info a {
  text-decoration: none;
}
.catalog-sections .more-info2 {
  clear: right;
  float: right;
}

/* catalog-text */

/* cart */
.inputs { text-align: left; }
.item-detail .inputs { text-align: left; }
.inputs .text { width: 20px; }
.cart-info, .cart-empty { color: #000000; text-align: center; }
#cart-table table.list {width: 100%;}
#cart-table table.total { }
#cart-table td { border-bottom: 1px solid #C0C0C0; }
#cart-table .total { background-color: #E0E0E0; }
#cart-table .total th { text-align: right; width: 50%; border: 1px solid #C0C0C0; }
#cart-table .total td { background-color: #F5F5F5; text-align: left; border: 1px solid #C0C0C0; }
#cart-table .inputs .text { top: 0px; }
#cart-table td.cena-total, .list td.cena-total { font-weight: bold; font-size: 110%; background-color: #FFE87F; }

/* gallery */
.gallery-list { overflow: auto; clear: both; width: 700px; background: #FFFFFF url("../images/bg/dotted.png") repeat-x left bottom !important;
}
.gallery-list li { list-style: none; float: left; display:inline; width: 222px;  
 background: url("../images/bg/dotted.png") repeat-y top left !important;
 padding: 0px !important; margin: 0 !important; position: relative;
text-align: center; }
.gallery-list .box {
background: #FFFFFF;
padding: 20px 10px 20px 10px; margin: 1px 1px 1px 0; }
.gallery-list .first .box { }
.gallery-list .img-border:hover { border-color: #a9a9a9; }
.gallery-list .title { margin: 5px 0 5px 0; }
.gallery-list h4 { font-weight: 500; }

/* cart steps */
ul.cart-steps { clear: both; }
ul.cart-steps li { margin: 0; padding:0; width: 32%; float: left; background: none !important;
text-align: center; }

/* item-list */
.item-list .item { float: left; }

/* news */
.news { margin: 0 0 2em 0; padding: 0 0 0 0; }
.news h2 { font-size: 125%; }
.news h3 { font-size: 100%; margin: 0; }
.news .date { font-size: 90%; margin: 0ex 0 0ex 0; font-weight: bold; }
.news .title { margin: 1ex 0 1ex 0; font-size: 100%; font-weight: bold;
}
.news .image { float: left; width: 130px; }
.news .text { float: left; width: 220px; font-size: 85%; }
.news a { }

/* frame-box */
.frame-box {
  clear: both;
  margin-bottom: 20px;
  padding: 1px;
  text-align: left;
  font-size: 105%;
  color: #000000;
  font-weight: bold; 
}
.frame-box .inner { padding: 10px 10px 10px 0px; }
.frame-box h2 { margin-top: 0px; }
.frame-box p { margin-top: 0px; line-height: 1.7; }
.frame-box img { margin: 0 15px 10px 0; }

/* image-list */
.image-list .image img, .image-list .image {
padding: 0; margin: 0;}

/* contact-box */
.contact-box h3, .contact-box-l h3, .contact-box-r h3 {
  margin: 0;
  padding: 0 0 0 0.7em;
  background-color: #E0E0E0;
  color: #505050;
}
.contact-box {
  min-width:99.5%; 
  width: 99.5%;
  clear: both;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-top: 2ex;
}
.contact-box-l, .contact-box-r {
  min-width:48.9%; 
  width: 48.9%;
  float: left;
  border: 1px solid;
  border-color: #B0B0B0;
  margin-bottom: 1ex;
}
.contact-box-r { margin-left: 1.5%;  clear: right; }
.contact-text { padding: 2ex 0 0.5ex 0.7em; }
.contact-text * { line-height: 110%; }
.contact-text p { margin: 0 0 1ex 0; padding: 0; }
.contact-box .column1, .contact-box .column2 { float:left; min-width:49%; width: 49%; }
.contact-box .contact-text { margin-left: 5%; }
.contact-box .image { margin: 15px 0 15px 0 !important; }

/* flashmessages */
#flashmessages { text-align: center; margin: 0 0 5px 0; }
#flashmessages a { color: #FFFFFF; font-weight: bold; }
#flashmessages .info { background-color: #008F09; color: #FFFFFF; padding: 2px; }
#flashmessages .error { background-color: #FF0000; color: #FFFFFF; padding: 2px; }

/* inquiry */
.inquiry {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #909090;
  padding: 0;
  position: relative;
  width: 500px;
}
.inquiry table {
  width: 100%;
}
.inquiry .note {
  height: auto;
  overflow: visible;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.inquiry .inner {
  padding: 10px;
}
.inquiry .motive {
  position: absolute;
  top: -25px;
}
.inquiry h2 {
  margin: 0;
  background-color: #909090;
  color: #FFFFFF;
  padding: 15px 0 15px 80px;
}
.inquiry fieldset {
  padding: 0; margin: 0;
  padding-bottom: 10px;
  position: static;
  background-color: #E0E0E0;
  border: none;
}
.inquiry .column1, .inquiry .column2 {
  width: 47%;
}
.inquiry .column2 {
  padding-left: 6%;
}
.inquiry textarea { width: 99%; }
.inquiry-text p { text-align: center; color: #808080; }

/* brands */
.brand-list ul { clear: both; }
.brand-list li { position: relative; display: block; float: left; width: 47%;
margin: 0 5px 10px 0 !important; height: 100px; }
.brand-list hr { position: absolute; bottom:0; left:0; clear:both; width: 99%; height:4px; border-width:0; color:#e2e8cf; background-color: #e2e8cf;
 }
.brand-list .image { float: right; margin-right: 10px; padding-top: 0; }

/* paginator */
.paginator {
  margin: 5px 0 0 0;
}
.paginator a, .paginator span {
  margin-right: 0.1em;
  padding: 0.1em 0.5em 0em 0.5em;
  background: #c1c1c1;
  color: #000000;
}
.paginator a {
  background: #a9a9a9;
  color: #000000;
  border: 1px solid #6d6d6d;
  text-decoration: none;
}
.paginator span.button {
  border: 1px solid #6d6d6d;
}
.paginator span.inactive {
  background: #D1D1D1;
  border: 1px solid #C1C1C1;
}
.paginator .current {
  background: #E60621;
  border: 1px solid #CF001C;
  color: white;
  font-weight: bold;
}
.paginator a:hover { color: inherit; border-color: #000000; }
.paginator .button:hover { border-color: #000000; }

/* keywords */
.keywords-list { clear: both; }
.keywords-list ul { width: 33%; }

/* Query */
#ajaxLoadQuery { background-color: #E0E0E0; border-color: #E0E0E0; width: 500px; }
#ajaxLoadQuery .button { float: right; margin-right: 0; }
#ajaxLoadQuery .required { color: inherit; }
#ajaxLoadQuery input.text { width: 100%; }
#ajaxLoadQuery textarea { width: 100%; }

#ajaxLoadPriceQuery { padding: 10px; background-color: #E7EEF7; border-color: #E0E0E0; }
#ajaxLoadPriceQuery .button { float: right; }
#ajaxLoadPriceQuery .required { color: inherit; }

/* content-header */
.content-header {
  width: 720px;
  height: 45px;
  margin: 5px 0 0 0;
  background: url("../images/layout/img-content-header.jpg") no-repeat;
  text-align: center;
}
.content-header h2 {
  color: #334F0A;
  padding-top: 8px;
  margin: 0;
}

/* flash message */
#flash-message {
  position: absolute;
  left: 150px;
  top: 300px;
  background-color: #FFFFFF;
  width: 800px;
  min-height: 300px;
  z-index: 10000;
}

#flash-cart {
 display: none;
  width: 800px;
  height: 300px;
  min-height: 300px;
}

/* addCart */
#addCart { background: url("../images/bg/addcart-logo.png") no-repeat;
position: absolute; min-height: 500px; padding-top: 70px; width: 100%;   z-index: 10000;}
#addCart .message { position: absolute; top: 105px; left: 108px; color: #444444; font-size: 16px; }
#addCart .item { width: 60%; position: relative; left: 320px; min-height: 150px;}
#addCart .image { float: left; display: inline; width: 35%; text-align: center;}
#addCart .right {margin: 0;}
#addCart .text { float: right; display: inline; width: 68%; font-size: 85%;}

/* note-box */
.note-box {
  height: 107px;
  overflow: visible;
  background: #ecf5dd url("../images/bg/info.png") no-repeat 10px 10px;
  border: 1px solid #c4df9a;
  margin: 2ex 0 2ex 0;
  padding: 10px 10px 10px 95px;
}

/* cloud */
.hTagCloud {
  clear: both;
  line-height: 150%;
}
.hTagCloud ul {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.hTagCloud li {
  float: left;
  margin: 0 .5em;
  display: inline;
}
.hTagCloud .popular {
  font-size: 80%;
}
.hTagCloud .v-popular {
  font-size: 95%;
}
.hTagCloud .vv-popular {
  font-size: 110%;
}
.hTagCloud .vvv-popular {
  font-size: 120%;
  font-weight: bold;
}
.hTagCloud .vvvv-popular {
  font-size: 140%;
  font-weight:bold;
}


/* user */
ul.user-menu li { _height: 25px; min-height: 25px; }
ul.user-menu li { float: left; }
.user-menu .active { font-weight: bold; }

/* shareHelper */
.shareHelper a { vertical-align: middle; } 

/* general */
.image-border { border: 4px solid #99BBBC; padding: 3px; }
.text-box { padding: 10px; }
.image { padding: 5px; }
.image-button { vertical-align: middle; }
.inner { padding: 10px; }
.error { color: #FF0000; font-weight: bold; }
p.info { font-style: italic; }
.unimportant { font-size: 80%; color: #D0D0D0; }
.hr { border-bottom: 1px solid #909090; font-size: 1px; height: 1px; padding: 5px 0 5px 0; width: 80%; margin: 0 auto 0 auto; }

tr.row-odd td { background-color: #F0F0F0; }
tr.active td { background-color: #EDF4F7; }
table.list tr.active:hover td { background-color: #EDF4F7; }

ul.three-col li { float: left; width: 28%; }

img.left { margin-right: 10px; }

.column1, .column2 { float: left; width: 49%; }
.border { border: 1px solid #C0C0C0; }

/* colors */
.red { color: #FF0000 !important; }
.green { color: #00A000 !important; }