html {
   height: 100%;
}

body {
   margin: 10px 0 0 0;
   padding: 0;
   font-family: "Trebuchet MS", Tahoma, Geneva, lucida, sans-serif;
   height: 100%;
   font-size: 12px;
}

/* BASIC TAGS -------------------------------------------------------------------------------------------- */
h1 {
   font-size: 200%;
   font-weight: normal;
   margin: 10px 0 .8em;
   padding: 0;
}

h2 {
   font-size: 170%;
   font-weight: bold;
   margin: 0 0 10px 0;
   padding: 0;
}

h3 {
   font-size: 150%;
   font-weight: normal;
   margin: 0 0 8px 0;
   padding: 0;
}

h4 {
   font-size: 110%;
   font-weight: bold;
   margin: .8em 0 .2em;
   padding: 0;
}

h1 img {
   margin-bottom: -20px;
}

hr {
   margin: 0;
   padding: 0;
}

em.number {
   font: normal 1em normal;
}

blockquote {
   margin: 0 0 1em 1em;
   padding: 0;
}

pre {
   text-align: left;
}

a {
   text-decoration: underline;
   font-size: 12px;
}

a:hover {}

a img {
   border: 0;
}

/*  CLASSES ------------------------------------------------------------------------- */
.fleft {
   float: left;
}

.fright {
   float: right;
}

.textleft {
   text-align: left !important;
}

.textright {
   text-align: right !important;
}

.icon {
   position: relative;
   top: 1px;
}

.title1 {
   font-size: 190%;
   font-weight: normal;
   margin: 0;
}

.title2 {
   font-size: 220%;
   font-weight: normal;
   margin: 0;
}

.title3 {
   font-size: 16px;
   font-weight: bold;
   margin: 8px 0 0 20px;
   line-height: 30px;
}

.bold {
   font-weight: bold;
}

.title_page {
   font-size: 20px;
   font-weight: bold;
   margin: 0;
   padding: 0 0 15px 0;
}

.break {
   clear: both;
   height: 1px;
   font-size: 1px;
   overflow: hidden;
   visibility: hidden;
}

.clear {
   clear: both;
   display: block;
}

.hide {
   display: none;
}

.cb {
   clear: both;
   display: block;
   width: 100%;
}

.cr {
   clear: right;
   display: block;
   width: 100%;
}

.cl {
   clear: left;
   width: 100%;
}

.outtext {
   text-align: center;
}

/* FORMS --------------------------------------------------------------------------------- */
form {
   margin: 0;
}

input select,
textarea {
   border: 0 none;
   position: relative;
   top: 2px;
   left: 5px;
   background: transparent none;
   padding: 2px 0 0 0px;
   border: 1px solid;
   font-weight: normal;
}

input,
textarea,
select {
   font-family: "Trebuchet MS", Tahoma, Geneva, lucida, sans-serif;
   font-size: 13px;
}

textarea {
   left: 0px;
}

select {
   position: relative;
   margin-top: 3px;
   padding: 2px 0 0 0px;
   border-left: 1px solid;
   border-top: 1px solid;
}

.inputBox {
   position: relative;
   height: 16px;
   padding: 2px 0 0 0px;
   border-left: 1px solid;
   border-top: 1px solid;
}

.alert .inputBox {
   background-position: 0px -25px;
}


/* FORM-BOX  ------------------------- form box for ORDER,REGISTRATION,PRODUCT DETAIL -------------------------------------- */
.form-box {
   padding-top: 1px;
}

.form-box h2 {
   font-size: 150%;
   margin: 15px 0 0 0;
   padding-bottom: 5px;
}

.form-box table {
   border: 0;
}

.form-box td {
   border: 0;
   border-bottom: 1px solid;
}

.form-box p {
   margin: 5px 0 5px 5px;
}

.form-box .s60 {
   width: 60%;
}

.form-box .s30 {
   width: 30%;
}

.form-box label,
.form-box .item-label {
   width: 10em;
   display: block;
   float: left;
}

.form-box h2 label,
.form-box h2 .item-label {
   width: auto;
   float: none;
   display: inline;
}

.form-box h2 input {
   vertical-align: middle;
   margin: -2px 4px 0 0;
}

.form-box table label,
.form-box table .item-label {
   width: auto;
   display: inline;
}

p.required label {
   font-weight: bold;
}

.form-box textarea {
   position: relative;
   top: 2px;
   left: 0px;
   padding: 2px 0 0 0px;
   border: 1px solid;
}

.search {
   padding: 5px 0px 5px 0px;
}

.search p {
   margin: 0;
}

.search input {
   width: 75%;
}

.search select {
   width: 145px;
   font-size: 13px;
}

.search input.btt {
   width: 25px;
   height: 21px;
   padding: 0;
   margin: 0 0 0 0;
   vertical-align: top;
}

.param {
   margin-top: 5px;
   margin-bottom: 10px;
   padding: 10px 10px 10px 10px;
   border-top: 1px dotted silver;
   border-bottom: 1px dotted silver;
}

.param p {
   margin: 0;
}

.param input.btt {
   padding: 0;
   margin: 0;
   vertical-align: text-bottom;
}

.login {
   width: 350px;
   float: left;
   margin: 0 0 0 50px;
   padding: 10px 10px 10px 10px;
   border: 0px solid;
   display: block;
}

.login form {
   width: 350px;
}

.login fieldset {
   padding: 0px;
   border: none;
}

.login input,
.login textarea {
   margin: 0 0 8px 0;
}

.login label {
   width: 60px;
   float: left;
   display: block;
}

.login form br {
   display: none;
}

.login input.btt {
   padding: 0;
   margin: 0 0 0 60px;
}

/*top-bar*/
#top-bar {
   width: 100%;
   margin-bottom: 15px;
   padding-top: 5px;
   text-align: center;
   border: none;
   background: none;
   background-image: none;
}

#top-bar a {
   margin-right: 5px;
   margin-left: 5px;
}

#top-bar a:hover {
   margin-right: 5px;
   margin-left: 5px;
}

#top-bar .sep {}

/* PAGE ---------------------------------------- masterpage -------------------------------------------- */
#masterpage {
   width: 990px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   border: 8px solid;
}

/* HEADER ------------------------------------------------------------------------ */
#header {
   width: 990px;
   min-height: 175px;
   height: 175px;
   display: block;
   cursor: pointer;
}

#header a {
   text-decoration: none;
}

#header a:hover {
   text-decoration: none;
}

#header_titles {
   width: 950px;
   display: block;
   float: left;
   padding: 40px 0 0 30px;
}

a>#header {
   text-decoration: none;
}

a:hover>#header {
   text-decoration: none;
}

.name {
   font-style: normal;
   font-size: 35px;
   font-weight: bold;
   display: block;
}

.subname {
   font-style: normal;
   font-size: 20px;
   font-weight: bold;
   display: block;
}

.slogan {
   font-style: normal;
   font-size: 14px;
   font-weight: normal;
   margin-top: 20px;
   display: block;
}

/* ESHOP BAR -------------------------------------------------------------------------------------- */
#ebar {
   height: 35px;
   width: 990px;
   margin: 0;
   float: left;
   display: block;
}

#ebar_left {
   width: 550px;
   padding: 0 0 0 10px;
   margin: 0;
   float: left;
}

.img_login {
   height: 35px;
   float: left;
   padding-right: 10px;
}

.img_reg {
   height: 35px;
   float: left;
}

#ebar_left .elink {
   text-decoration: none;
   font-size: 12px;
   font-weight: normal;
   line-height: 35px;
   padding-left: 30px;
   vertical-align: middle;
}

#ebar_left .elink:hover {
   font-weight: normal;
   font-size: 12px;
   text-decoration: underline;
}

#ebar_right {
   padding: 0 10px 0 0;
   margin: 0;
   float: right;
}

.img_cart {
   height: 35px;
   float: right;
}

#ebar_right .elink {
   text-decoration: none;
   font-size: 12px;
   font-weight: normal;
   line-height: 35px;
   padding-right: 35px;
   vertical-align: middle;
   display: inline-block;
}

#ebar_right .elink:hover {
   font-weight: normal;
   font-size: 12px;
   text-decoration: underline;
}

/* TOP MENU -------------------------------------------------------------------------------------- */
#topmenu {
   height: 35px;
   width: 990px;
   padding: 0;
   margin: 0;
   float: left;
   display: block;
}

/* AROUND PAGE ----------------------------------------------------------------- */
#aroundpage {
   padding: 0;
   margin: 0;
   display: block;
   overflow: visible;
}

/* LEFTBOX ---------------------------------------------------------------------------------- */
#left-box {
   float: left;
   width: 210px;
   padding: 0;
   margin: 20px 0 0 0;
}

#left1 {
   float: left;
   width: 210px;
   margin-top: 0px;
   margin-bottom: 8px;
   display: block;
   text-indent: 20px;
}

#inleft1 {
   margin: 0;
   padding: 0;
}

.title_left1 {
   height: 40px;
   display: block;
   font-size: 18px;
   font-weight: bold;
   line-height: 40px;
   margin: 0;
   padding: 0;
   text-indent: 10px;
}

#footleft1,
#footleft2 {
   width: 210px;
   height: 40px;
   float: left;
   margin: 0px;
   padding: 0px;
   line-height: 40px;
   text-indent: 20px;
}

#footleft1 a,
#footleft2 a {
   display: block;
   text-decoration: none;
}

#footleft1 a:hover,
#footleft2 a:hover {}

#footleft2 {
   background: url("/images/foot_l1.png") no-repeat scroll center top transparent;
}

/* --------------box for LEFT menu ESHOP --------------------- */
#left_eshop {
   float: left;
   width: 210px;
   margin-top: 0px;
   margin-bottom: 8px;
   display: block;
   text-indent: 20px;
}

#inleft_eshop {
   margin: 0;
   padding: 0;
}

.title_left_eshop {
   height: 40px;
   display: block;
   font-size: 18px;
   font-weight: bold;
   line-height: 40px;
   margin: 0;
   padding: 0;
   text-indent: 10px;
}

#footleft_eshop {
   width: 210px;
   height: 40px;
   float: left;
   margin: 0px;
   padding: 0px;
   line-height: 45px;
   text-indent: 20px;
}

#footleft_eshop a {
   display: block;
   text-decoration: none;
}

#footleft_eshop a:hover {}

/* -------------- box for FIND --------------------- */
#left2 {
   float: left;
   width: 210px;
   margin-bottom: 8px;
   display: block;
}

#inleft2 {
   margin: 0;
   padding: 10px 10px 10px 10px;
}

.title_left2 {
   font-size: 18px;
   font-weight: bold;
   margin: 0;
   padding: 0 0 15px 0;
}

/* -------------- left BOX --------------------- */
#left3 {
   float: left;
   width: 210px;
   height: 100%;
   margin-bottom: 8px;
   display: block;
}

#inleft3 {
   _width: 190px;
   display: block;
   margin: 0;
   padding: 10px 10px 10px 10px;
   text-align: left;
   overflow: hidden;
}

/* LEFT MENU ------------------------------------------------------------------------------ */
.leftmenu {
   z-index: 90;
   font-size: 100%;
   margin: 0;
   padding: 0;
}

.leftmenu ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   width: 210px;
}

* html .leftmenu ul {
   margin-left: -16px;
   ma\rgin-left: 0;
}

.leftmenu li {
   z-index: 90;
   position: relative;
}

.leftmenu table {
   position: absolute;
   border-collapse: collapse;
   top: 0;
   left: 0;
   z-index: 100;
   font-size: 1em;
}

.leftmenu a,
.leftmenu a:visited {
   display: block;
   text-decoration: none;
   height: 34px;
   line-height: 34px;
   width: 210px;
   text-indent: 20px;
}

* html .leftmenu a,
* html .leftmenu a:visited {
   width: 210px;
   w\idth: 209px;
}

* html .leftmenu a:hover {}

.leftmenu :hover>a {}

.leftmenu ul ul {
   visibility: hidden;
   position: absolute;
   top: 0;
   left: 210px;
}

.leftmenu ul li:hover ul,
.leftmenu ul a:hover ul {
   visibility: visible;
}

.leftmenu ul :hover ul ul {
   visibility: hidden;
}

.leftmenu ul :hover ul :hover ul ul {
   visibility: hidden;
}

.leftmenu ul :hover ul :hover ul {
   visibility: visible;
}

.leftmenu ul :hover ul :hover ul :hover ul {
   visibility: visible;
}

.leftmenuDef {
   display: block;
}

.leftmenuAct {
   display: block;
}

.leftmenuCat {
   display: block;
   text-decoration: none;
   min-height: 8px;
   line-height: 30px;
   width: 210px;
   text-indent: 10px;
   background: none;
}

/* LEFT MENU2 ------------------------------------------------------------------------------- */
.leftmenu2 {
   z-index: 2;
   font-size: 100%;
   margin: 0;
   padding: 0;
}

.leftmenu2 ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   width: 210px;
}

* html .leftmenu2 ul {
   margin-left: -16px;
   ma\rgin-left: 0;
}

.leftmenu2 li {
   z-index: 2;
   position: relative;
}

.leftmenu2 a,
.leftmenu2 a:visited {
   display: block;
   text-decoration: none;
   height: 34px;
   line-height: 34px;
   width: 210px;
   text-indent: 20px;
}

* html .leftmenu2 a,
* html .leftmenu2 a:visited {
   width: 210px;
   w\idth: 209px;
}

/* LEFT submenu MENU2 rozklik ------------------------------------------- */


/* RIGHTBOX ------------------------------------------------------------------------------------------ */
#right-box {
   float: right;
   width: 200px;
   margin-top: 20px;
   padding: 0;
}

/* NEWS ---------------------------------------------------------------------------------------- */
.news-box {
   width: 200px;
   margin-top: 0px;
   padding: 0px;
   float: right;
   display: block;
}

.news-box-title {
   height: 35px;
   display: block;
   font-size: 18px;
   line-height: 35px;
   font-weight: bold;
   margin: 0;
   padding: 0 0 0 8px;
}

.in-news-box {
   margin: 0;
   padding: 0px 8px 0px 8px;
   display: block;
}

.news-title a {
   text-decoration: underline;
   font-size: 105%;
   font-weight: bold;
   margin-top: 10px;
   display: block;
}

.news-title a:hover {
   text-decoration: underline;
}

.news-title a img {
   margin-right: 5px;
   border: 0;
}

.news-content {
   font-weight: normal;
   margin: 0;
   padding: 3px 0 5px 0;
   line-height: 1.3em;
   display: block;
}

#news-foot {
   float: left;
   width: 200px;
   height: 30px;
   margin: 0 0 8px 0;
   display: block;
}

/* action and best selling   --------------------------------------------------------------------------------------- */
.action-box {
   width: 200px;
   margin-top: 0px;
   padding: 0px;
   float: right;
   display: block;
}

.action-box-title {
   height: 35px;
   display: block;
   font-size: 18px;
   line-height: 35px;
   font-weight: bold;
   margin: 0;
   padding: 0 0 0 8px;
}

.in-action-box {
   margin: 0;
   padding: 8px 8px 0px 8px;
   display: block;
}

#action-foot {
   float: left;
   width: 200px;
   height: 30px;
   margin: 0 0 8px 0;
   display: block;
}

#action-foot2 {
   float: left;
   width: 200px;
   height: 30px;
   margin: 0 0 8px 0;
   display: block;
}

/* CONTACT ---------------------------------------------------------------------------------- */
.contact-box {
   width: 200px;
   margin-top: 0px;
   padding: 0px;
   float: right;
   display: block;
}

.contact-box-title {
   height: 35px;
   display: block;
   font-size: 18px;
   line-height: 35px;
   font-weight: bold;
   margin: 0;
   padding: 0 0 0 8px;
}

.in-contact-box {
   margin: 0;
   padding: 8px 8px 0px 8px;
   display: block;
}

.contact {
   font-weight: bold;
   margin: 0;
   padding: 3px 0 5px 0;
   display: block;
}

.contact a {
   text-decoration: underline;
}

.contact a:hover {
   text-decoration: underline;
}

#contact-foot {
   float: left;
   width: 200px;
   height: 30px;
   margin: 0 0 8px 0;
   display: block;
}

/* POOL ----------------------------------------------------------------------------------- */
.poll-box {
   width: 200px;
   margin-top: 0px;
   padding: 0px;
   float: right;
   display: block;
}

.poll-box-title {
   height: 35px;
   display: block;
   font-size: 18px;
   line-height: 35px;
   font-weight: bold;
   margin: 0;
   padding: 0 0 0 8px;
}

.in-poll-box {
   margin: 0;
   padding: 8px 8px 0px 8px;
   display: block;
}

.poll-question {
   font-weight: bold;
   margin: 0;
   padding: 3px 0 5px 0;
   line-height: 1.3em;
   display: block;
}

.poll-answer a {
   text-decoration: underline;
   font-weight: normal;
   margin-top: 10px;
   line-height: 1em;
   display: block;
}

.poll-answer a:hover {
   text-decoration: underline;
}

.poll-answer a img {
   margin-right: 5px;
   vertical-align: middle;
}

#poll-foot {
   float: left;
   width: 200px;
   height: 30px;
   margin: 0 0 8px 0;
   display: block;
}

/* -------------- RIGHT BOX --------------------- */
#right3 {
   float: left;
   width: 200px;
   margin-bottom: 8px;
   display: block;
}

#inright3 {
   _width: 190px;
   display: block;
   margin: 0;
   padding: 10px 10px 10px 10px;
   text-align: left;
   overflow: hidden;
}

/* CENTER  in home page  -------------------------------------------- */
#centerpage {
   float: left;
   width: 580px;
   margin: 20px 0 0 0;
   padding: 0;
}

#incenterpage {
   margin: 0 10px 10px 10px;
   padding: 0px 5px 0 5px;
   overflow: hidden;
}

/* CENTER 2  in other page  ------------------------------------------ */
#centerpage2 {
   float: left;
   width: 780px;
   margin: 20px 0 0 0;
   padding: 0;
   z-index: 500;
}

#incenterpage2 {
   min-height: 600px;
   margin: 0 10px 10px 10px;
   padding: 0px 5px 0 5px;
   overflow: hidden;
}

/* CENTER 3  in other page  ----------------------------------------- */
#centerpage3 {
   float: left;
   width: 990px;
   margin: 20px 0 0 0;
   padding: 0;
}

#incenterpage3 {
   margin: 0;
   padding: 0px 15px 10px 15px;
   overflow: hidden;
}

/* FOOTER  ---------------------------------- */
#footer {
   width: 990px;
   height: 30px;
   font-size: 12px;
   line-height: 30px;
}

#footer a {
   font-weight: normal;
   margin: 0px 10px 0 10px;
   line-height: 30px;
}

#footer a:hover {}

#footer span {
   font-weight: normal;
}

#footer_left {
   width: 395px;
   padding: 0;
   margin: 0;
   float: left;
   text-indent: 20px;
}

#footer_center {
   width: 200px;
   padding: 0;
   margin: 0;
   float: left;
   text-align: center;
}

#footer_center img {
   padding-top: 8px;
}

#footer_right {
   width: 395px;
   padding: 0;
   margin: 0;
   float: right;
   text-align: right;
}


/* TOP MENU --------------------------------------------------------------------------------- */

#main-menu {
   height: 35px;
   width: 100%;
   float: left;
   z-index: 100;
}

#main-menu a {
   text-align: center;
   display: block;
   border-right: 1px solid #555;
   white-space: nowrap;
   margin: 0;
   padding: 8px 20px;
}

#main-menu a:link,
#main-menu a:visited,
#main-menu a:active {
   text-decoration: none;
}

#main-menu a:hover {
   text-decoration: none;
}

#main-menu a.top_parent {}

#main-menu a.top_parent:hover {}

#main-menu a.top_parent_act {}

#main-menu a.parent {}

#main-menu a.parent:hover {}

#main-menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
   _width: 20px;
   z-index: 100;
}

#main-menu li {
   position: relative;
   min-height: 1px;
   /* for IE7 */
   vertical-align: bottom;
   /* for IE7 */
}

#main-menu ul ul {
   position: absolute;

   top: auto;
   display: none;
   padding: 1em;
   margin: -1em 0 0 -1em;
}

#main-menu ul ul ul {
   top: 0;
   left: 100%;
}

div#main-menu li:hover {
   cursor: pointer;

}

div#main-menu li:hover ul ul,
div#main-menu li li:hover ul ul,
div#main-menu li li li:hover ul ul,
div#main-menu li li li li:hover ul ul {
   display: none;
}

div#main-menu li:hover ul,
div#main-menu li li:hover ul,
div#main-menu li li li:hover ul,
div#main-menu li li li li:hover ul {
   display: block;
}

/* End CSS Drop Down Menu */

#text-outline .text {
   position: relative;
   z-index: 2;
}

#wherei {
   font-size: 92%;
   margin-bottom: 20px;
   border-bottom: 1px dotted silver;
   position: relative;
}

#wherei .arrow {
   font-size: 118%;
   font-family: Arial, "Lucida Grande", Verdana, Tahoma;
}

/* BOOKMARKS BOX ------------------------------------------------------------------------------------- */
.aroundbookmark {
   margin: 0
}

.bookmark-hide {
   display: none;
}

/* ------- border uder BOOKMARKS ----------- */
.part {
   clear: both;
   border: 1px solid;
   border-width: 2px 1px 1px 1px;
   margin-bottom: 20px;
}

.part .content {
   padding-right: 10%;
}

.part .spc {
   margin: 10px 5px 0px 10px;
   padding: 0;
}

.part .spc table {
   margin-top: 10px;
}

.spc textarea:hover {
   border: 1px solid;
   border-color: inherit;
}

ul.bookmark {
   list-style: none;
   margin: 0px 0 0;
   padding: 0px;
}

ul.bookmark {
   clear: both;
   overflow: hidden;
}

ul.bookmark li {
   float: left;
   padding: 0 0 0 3px;
   margin: 5px 0 -1px 2px;
}

ul.bookmark li a {
   display: block;
   padding: 5px 7px 5px 5px;
   text-decoration: none;
}

ul.bookmark li a:hover {}

ul.bookmark li.active a:hover {}

ul.bookmark li.selected {
   margin-top: 0px;
}

ul.bookmark li.selected a {
   padding: 7px 8px 7px 5px;
   font-size: 108%;
}

ul.bookmark li.selected a:hover {
   padding: 7px 8px 7px 5px;
   font-size: 108%;
   cursor: text;
}

ul.bookmark li:first-child {
   margin-left: 0px;
}

/* ------- line under BOOKMARKS ---------- */
.under_bookm {
   clear: both;
   border-bottom: 4px solid;
   margin-bottom: 10px;
}

/* PHOTOGALLERY ------------------------------------------ */
.photogall {
   margin: 0;
   padding: 0;
   float: left;
}

.photogall img {
   position: relative;
   margin: 9px 9px 9px 9px;
   padding: 10px 10px 10px 10px;
   border: 1px solid;
   vertical-align: top;
   clear: both;
   filter: alpha(opacity=90);
   -moz-opacity: 0.90;
   -khtml-opacity: 0.90;
   opacity: 0.90;
}

.photogall a:hover img {
   position: relative;
   margin: 9px 9px 9px 9px;
   padding: 10px 10px 10px 10px;
   border: 1px solid;
   vertical-align: top;
   clear: both;
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
}


/* COMMNENTS TABLE------------------------------------------- */
table.comments {
   font-size: 100%;
   width: 100%;
   margin-bottom: 20px;
}

table.comments tr.dark {}

table.comments tr.light {}

table.comments td,
table.comments th {
   height: 40px;
   padding: 4px 5px 3px 5px;
}

table.comments th.headline {
   font-size: 100%;
}

table.comments img {
   margin: 0px 2px;
   vertical-align: middle;
}

table.comments p {
   padding: 0;
   margin: 3px 10px 3px 10px;
}

table.comments a:hover {
   cursor: pointer;
   _cursor: hand;
}

table.comments a {
   font-weight: bold;
}

/* PAGINATION  ------------------------------------------------------------- */
.pagination {
   text-align: center;
   padding: 15px 0px 10px !important;
   margin: 0px !important;
   font-size: 11px;
}

.pagination a,
.pagination span.act {
   padding: 3px 5px !important;
   margin: 0px 2px !important;
   border: 1px solid;
   font-size: 11px;
   text-decoration: none;
}

.pagination a:hover {}

.pagination a.act,
.pagination span.act {}

.pagination span {
   margin: 0px 3px;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXX  default or TabVer1 */
/* PRODUCT BOX in HOME PAGE --------------------------------------------*/
.product {
   font-size: 75%;
   float: left;
   width: 180px;
   min-height: 200px;
   _height: 200px;
   border-right: 1px solid;
   border-bottom: 1px solid;
   margin-right: 2px;
   margin-bottom: 10px;
}

.productTitle {
   height: 40px;
   _height: 40px;
   font-size: 13px;
   font-weight: bold;
   overflow: hidden;
}

.productTitleContent {
   padding: 4px 10px 0px 10px;
   line-height: 1.5;
}

.productAct .productTitle,
.productAct .productFooter {}

.productAct .productFooter .productFooterContent {
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   display: block;
}

.productBody {
   width: 180px;
   min-height: 115px;
   /*&height:120px;*/
   font-size: 100%;
}

.productBody input {
   margin: 5px 0px 5px 0px;
   padding: 0 3px 0 3px;
   font-size: 11px;
   width: 65px;
   height: 21px;
   text-align: right;
   float: right;
   clear: right;
}

.productText {
   min-height: 50px;
   _height: 50px;
   padding: 10px;
   line-height: 1.4;
   overflow: hidden;
}

.productText div {
   width: 80px;
   height: 80px;
   float: left;
   margin: 1px 10px 5px 0;
   overflow: hidden;
   display: block;
}

.productPriceBox {
   float: right;
   padding-bottom: 15px;
   padding-right: 15px;
}

.productPriceBox img {
   margin: 0 0 0 5px;
   padding: 0 0 0 0px;
   float: right;
}

.productPriceSmall {
   float: right;
   display: block;
   font-size: 11px;
   font-weight: normal;
   line-height: 1.3;
   margin-bottom: 0px;
}

.productPrice {
   float: right;
   display: block;
   font-size: 160%;
   font-weight: bold;
   line-height: 1.3;
   margin-bottom: 5px;
   width: 155px;
}

.productFooter {
   width: 180px;
   min-height: 30px;
   _height: 30px;
   border-top: 1px dotted;
}

.productFooterContent {
   padding: 6px 0px 0px;
   text-align: center;
   overflow: hidden;
   filter: alpha(opacity=80);
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
}

.productFooterContent img {
   vertical-align: middle;
   margin: 1px 2px 2px 1px;
   overflow: hidden;
}

div.productPriceBox form {
   width: 160px;
}

div.productPriceBox form img {
   float: left;
}

input.imgBtn {
   margin: 0 0 0 5px;
   padding: 0px;
   width: 73px;
   height: 21px;
}

.bgLupa {
   display: none;
   background: white;
   border: 1px solid silver;
   padding: 10px;
   text-align: center;
}

.productDetail {
   width: 175px;
}

.productDetail .productText {
   height: 100px;
}

/* PRODUCT BOX in subpage  --------------------------------*/
.product2 {
   font-size: 75%;
   float: left;
   width: 180px;
   min-height: 200px;
   _height: 200px;
   border-right: 1px solid;
   border-bottom: 1px solid;
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 0;
}

.product3 {
   font-size: 75%;
   float: left;
   width: 180px;
   min-height: 160px;
   _height: 160px;
   border-bottom: 1px solid;
   margin-right: 1px;
   margin-bottom: 10px;
   padding: 0;
   background: none;
}

/* PRODUCT BOX in other page  -------------- action and best selling, related products -------------------------*/
.product3Title {
   width: 180px;
   min-height: 30px;
   _height: 30px;
   font-size: 13px;
   font-weight: bold;
   overflow: hidden;
   text-align: center;
   overflow: hidden;
}

.product3Act .product3Title,
.product3Act .product3Footer {}

.product3TitleContent {
   padding: 4px 10px 10px 10px;
   line-height: 1.4;
   overflow: hidden;
}

.product3ImageBox {
   text-align: center;
}

.product3PriceBox {
   text-align: center;
   padding-bottom: 5px;
}

.product3Price {
   text-align: center;
   display: block;
   font-size: 160%;
   font-weight: bold;
   line-height: 1.3;
   margin-bottom: 5px;
}

.product3 img {
   margin: 0;
   padding: 0;
}

/* TABLE PRODUCT Products overview list------------------------------------------------ */
table.productList {
   font-size: 89%;
   width: 100%;
   margin-bottom: 20px;
}

table.productList tr.dark {}

table.productList tr.color {}

table.productList td,
table.productList th {
   vertical-align: top;
   padding: 4px 8px 3px;
   text-align: left;
}

table.productList th.headline {
   font-size: 89%;
}

table.productList img {
   margin: 0px 2px;
   vertical-align: middle;
}

table.productList a:hover {
   cursor: pointer;
   _cursor: hand;
}

table.productList td.price {
   font-size: 110%;
   font-weight: bold;
   text-align: right;
}

table.productList td.buy {
   position: relative;
}

table.productList td.tags {
   vertical-align: middle;
}

/* TABLE ORDER, CART, PRODUCT DETAIL ------------------------------------------------------- */
table.cart {
   border: 0;
   background: none;
   margin-bottom: 8px;
   border-bottom: 5px solid;
}

table.cart th {
   vertical-align: middle;
   border: 0;
   border-right: 1px solid;
   font-size: 92%;
}

table.cart th.center {
   text-align: center;
}

table.cart td {
   vertical-align: middle;
   border: 0;
   border-bottom: 1px solid;
   padding: 8px 2px;
}

table.cart .product-name {
   font-size: 125%;
   font-weight: bold;
}

table.cart .product-name .spc {
   padding: 10px 2px;
}

table.cart .count,
table.cart .remove {
   text-align: center;
}

table.cart .count input {
   width: 2em;
}

table.cart .count {
   vertical-align: bottom;
}

table.cart input {
   vertical-align: bottom;
}

table.cart .prices {
   text-align: right;
   font-size: 92%;
}

table.cart .prices .price-vat {
   display: block;
}

table.cart .prices .price-vat .price-value {
   font-size: 125%;
   display: block;
   font-weight: bold;
}

table.cart .prices .price-novat {
   display: block;
   margin-top: 5px;
   font-weight: bold;
}

table.cart .prices .price-normal {
   display: block;
   text-decoration: line-through;
}

table.cart .total .price-desc {
   text-align: right;
   font-size: 150%;
   font-weight: bold;
}

table.cart .total .price-desc.left {
   text-align: left;
}

table.cart .total .prices .price-vat .price-value {
   font-size: 150%;
}

table.cart .total td {
   vertical-align: top;
}

.col-h-l,
.col-h-r {
   width: 49%;
}

.col-h-l {
   float: left;
}

.col-h-r {
   float: right;
}

/* DETAIL PRODUCT BOX ------------------------------------------------------------------------ */
.detail-box-product .col-r {
   margin-left: 225px;
}

.detail-box-product .col-l {
   float: left;
   width: 210px;
}

.detail-box-product .box-spc {
   margin-left: -220px;
   width: 100%;
   float: right;
   padding-bottom: 5px;
}

.detail-full .col-r {
   margin-left: 0px;
}

.detail-box-product .image {
   border: 1px solid;
   position: relative;
   border-bottom: 1px solid;
}

.detail-box-product .image a {
   width: 208px;
   text-decoration: none;
   display: block;
   cursor: pointer;
   border-bottom: 5px solid transparent;
}

.detail-box-product .image a:hover {
   border-bottom: 5px solid;
}

.detail-box-product .image a .img {
   display: table-cell;
   height: 210px;
   width: 208px;
   text-align: center;
   vertical-align: middle;
}

.detail-box-product .image_foot {
   border: 1px solid;
   display: block;
   padding: 6px 0 5px 0;
   text-decoration: underline;
   margin: 0 -1px;
   position: relative;
   border-top: none;
   border-bottom: none;
   zoom: 1;
   text-align: center;
}

.detail-box-product .image_foot img {
   border: none;
}

.detail-box-product p.product-status {
   padding: 0;
   margin: 0;
}

.detail-box-product p.product-status img {
   padding-right: 3px;
   vertical-align: middle;
}

/*  MORE FOTO BOX -------------------------------------------------------------------- */
.more-photo {
   padding: 10px 10px 10px 10px;
   margin: 10px 0 10px 0;
}

.more-photo img {
   margin: 0;
   padding: 0 10px 10px 0;
}

/*  SUBcateg -------------------------------------------------------------------- */
.subcat {
   padding: 10px 0px 10px 0px;
   border-top: 1px dotted silver;
   border-bottom: 1px dotted silver;
   margin: 10px 0 10px 0;
}

.subcat li {
   list-style-type: none;
}

.subcat li a {
   background-position: left 6px;
   background-repeat: no-repeat;
   float: left;
   font-size: 12px;
   font-weight: normal;
   margin: 0px 30px 5px 0px;
   padding: 5px 0px 5px 17px;
   text-decoration: underline;
   list-style-type: none;
}


/* SORTING */
.sorting {
   line-height: normal;
   height: 35px;
   font-size: 12px;
   font-weight: bold;
   margin: 10px 0 20px 0;
   padding: 0;
}

.sort-right fieldset {
   float: right;
   position: relative;
   top: 0px;
   border: none
}

.sort-left fieldset {
   float: left;
   position: relative;
   top: 0px;
   border: none
}

.sort-right select,
.sort-left select {
   width: 110px;
   font-size: 11px;
}

.sort-right select:hover,
.sort-left select:hover {}

#openid_identifier {
   width: 150px;
   text-align: right;
   padding: 2px 64px 2px 2px;
   background: white url('../images/mojeid_ico.png') no-repeat top right;
   border-width: 1px;
   border-style: inset;
   border-color: #F0F0F0;
}

.mojeidicon {
   float: left;
   text-align: center;
   width: 100%;
}

#left_soc {
   float: left;
}

#right_soc {
   float: right;
}

.social-box {
   padding: 2px 4px 2px 0px;
   position: relative;
}

#social_facebook {
   position: relative;
   top: 0px;
   padding: 2px 4px 2px 0px;
   margin: 0 0 0 0;
   display: inline-block;
}

#social_twitter {
   position: relative;
   top: 0px;
   padding: 2px 2px 2px 0px;
   margin: 0 0 0 0;
   display: inline-block;
   vertical-align: top;
}

#pricemania_cena {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 50;
}

.fakeH3 {
   font-size: 150%;
   font-weight: normal;
   margin: 0 0 8px;
   padding: 0;
}

.dvhdr1 {
   background: #BFD1DD;
   font-family: arial;
   font-size: 11px;
   font-weight: bold;
   color: black;
   border: 1px solid #CCCCCC;
   padding: 5px;
   width: 500px;
}


.dvbdy1 {
   background: #E9EDF0;
   font-family: arial;
   font-size: 11px;
   color: black;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   padding: 5px;
   width: 500px;
}

.dvhdr2 {
   background: #BFD1DD;
   font-family: arial;
   font-size: 11px;
   font-weight: bold;
   color: black;
   border: 1px solid #CCCCCC;
   padding: 5px;
   width: 240px;
}


.dvbdy2 {
   background: #E9EDF0;
   font-family: arial;
   font-size: 11px;
   color: black;
   border-left: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
   padding: 5px;
   width: 240px;
}

.helper {
   border-bottom: dashed 1px #CCCCCC;
   padding-right: 12px;
   background: url(../images/otaznik.png) right center no-repeat;
}

/* language */
.lang {
   width: 100%;
   height: 31px;
   background-image: url(/images/flag_bg.png);
   padding: 0;
   margin: 0 auto 10px 0;
   margin-top: -10px;
}

.flag_center {
   width: 130px;
   height: 31px;
   background-image: url(/images/flag_center.png);
   padding: 0;
   margin: 0 auto;
   text-align: center;
}

.flag {
   margin-top: 5px;
   padding-right: 8px;
}

#heureka_reviews_box div#heureka_reviews_box {
   width: 100%;
}

#heureka_reviews_box div.box_rev {
   margin-bottom: 2em;
   border-top: 1px solid #CECECE;

}

#heureka_reviews_box div#user_img_box {
   width: 64px;
   height: 65px;
   border-color: #FFFFFF;
   text-align: center;
   float: left;
   margin-top: 1em;
   margin-left: 1em;
   background: url("../images/overeny-zakaznik.gif");
}

#heureka_reviews_box p#cust_img_description {
   margin-top: 6em;
}

#heureka_reviews_box #rev_text {
   margin-left: 8em;
   margin-top: 0em;
   /*    text-align: justify;*/
}


#heureka_reviews_box .pros {
   color: #539B15;
   margin-top: 2em;

}

#heureka_reviews_box .cons {
   color: #BF2222;
   margin-top: 2em;

}

#heureka_reviews_box .pros h2,
.cons h2 {
   width: 3.2em;
   font-size: 1em;
   float: left;

}

#heureka_reviews_box .pros p,
.cons p {
   margin-left: 4em;
}

#heureka_reviews_box .our-reaction {
   margin-top: 0.5em;
   font-style: italic;
   color: #333333;
}

#heureka_reviews_box .our-reaction h2 {
   margin-top: 2em;
   font-style: normal;
   width: 15em;
   color: #289AEE;
   font-size: 1em;

}

#heureka_reviews_box .eval .rating span span,
#heureka_reviews_box .eval .rating a span {
   background: url("../images/stars_pl_20.gif") no-repeat scroll 0 0 transparent;
   height: 20px;
   float: left;
}

#heureka_reviews_box .rating span span,
#heureka_reviews_box .rating .over span {
   background: url("../images/stars_pl.gif") no-repeat scroll 0 0 transparent;
   float: left;
   height: 12px;
}

#heureka_reviews_box .rating .hidden {
   display: none;
}

#heureka_reviews_box .stars span {
   color: #666666;
}

#heureka_reviews_box .stars li.eval {
   height: 24px;
   padding: 0 50px;
}

#heureka_reviews_box .stars {
   float: right;
   background-color: #EFEFEF;
   padding: 0.5em;
   margin-left: 1em;
   margin-bottom: 1em;
}

#heureka_reviews_box .stars li {
   list-style-type: none;
   margin-left: 0;
}

#heureka_reviews_box li {
   line-height: 1.5em;
}

#heureka_reviews_box .eval .rating {
   height: 20px;
   width: 100px;

}

#heureka_reviews_box .eval .rating .over {
   background: url("../images/stars_pl_20.gif") no-repeat scroll 0 -20px transparent;
   height: 20px;
   width: 100px;
}

#heureka_reviews_box .rating .over {
   background: url("../images/stars_pl.gif") no-repeat scroll 0px -12px transparent;
   display: block;
   float: left;
   height: 12px;
   width: 65px;

}

#heureka_reviews_box #summary_text {
   margin-top: 0.5em;
}