/*
  $Id: main.css 1498 2010-04-28 13:26:11Z fer $

  #F6E186   cream
  #a48f75   body cold brown
  #8e622c   lista warm brown

  #1D445B   base dk blue
  #90B1C5   base lt blue
  
  
   
  
  #f5f5f5   ultra ltgrey
  #cccccc   lt.grey
  #F6E186   lt.yella (cream)
  
  #999999   dk.grey
  #ffcc00   yella

  #008f00   green
*/

/***************** POSITIONING DIVS BEGIN ******************/ 

body {
  text-align:center;
  background-color: #a48f75; 
}

#container {
  position: relative;
  text-align:left;
  width:950px;
  margin:0 auto;
  background-color: #ffffff;
}

#content {
  padding: 112px 5px 5px 5px;
  position:relative;

}

/* header */
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:112px;
	background-color: #ffffff;
}

#header-top {
  position: relative; 
  width:100%;
  height: 67px;
}

#header-lista {
  position:relative;
  height: 19px; 
  padding: 0px 5px 0px 5px;
  background-color: #8e622c;
  vertical-align: middle;
  color: #ffffff;
}

#header-search {
  position:relative; 
  height: 26px; line-height: 26px;
  background-color: #F6E186;
  text-align: center;
  vertical-align: middle;  
}

#header-logo {
  position: absolute;
  top:0px;
  left:0px;
}

#header-navlinks {
  position: absolute; 
  right: 0px;
  top: 5px;
}

#header-tabs {
  position: absolute; 
  bottom:0px;
  left: 185px;
  height:21px;
}

#divIdLng {
  position: absolute; 
  bottom:0px;
  right:0px;
  width: 70px;
}

/* footer */

#footer {
	position:relative;
	width:100%;
	clear:both;
	height:120px;
	text-align:left;
	background:#F6E186;
	text-align: center;
}

#footer-links {
  /*width: 750px; */
  margin: 20px;
  clear:both;
  text-align: left;
}

#footer-credits {
  width: 100%;
  position: absolute;
  bottom:0;
  margin: 10px;
  clear:both;
  font-size: 0.9em;
  text-align: center;
}

.storeLinksHeading {
  font-weight: bold;
}

.storeLinksText {
  font-size: 0.9em;
}

/* overlay */
#divSiteOverlay {
  font-size: 1.5em;
  position: absolute;
  top:10px;
  right:10px;
  width: 300px;
  padding: 10px;
  background-color: #cacaca;
  color: #000000; 
}








/***************** LAYOUT DIVS END ******************/ 

/***************** FORM INPUTS BEGIN ******************/ 
.inputSearchSubmit {
  font-weight: bold;
}

.inputSearch {
  width: 300px;
}
/***************** FORM INPUTS END ******************/ 

/***************** TEXT & LINKS DEFINITION BEGIN ******************/ 

div, p, td, ul, ol, input, button, select, checkbox, radio, textarea {
	color: #333333;
	font-family: "Trebuchet Ms", Verdana, Tahoma, Arial, sans-serif; 
  font-size: 10pt;
  margin-bottom: 0px;
  margin-top: 0px;
}

p, ul, ol {
  margin-bottom: 5px;
}

ul {
  margin-left: 1.7em;
  list-style-type: square;
}

a {
  color: #1d445b;
  text-decoration: underline;
}

a:hover {
  /* text-decoration: underline; */
  color: #4C5E69;
}



.infoBoxHeadingH A {
  color: #F6E186;
}

.infoBoxHlt A {
  font-weight: bold;
  color: #ffffff;  
}

.infoBoxHlt A:hover {
  color: #ffe8ce;
  text-decoration: underline;
}

.infoBoxGlow A {
  font-weight: normal;
  color: #FFFF00;
}

.infoBoxHeadingBody A {
  color: #F6E186;
  font-weight:bold;  
}

.infoBoxHeadingBody h1 {
  color: #ffffff;
}

/***************** TEXT & LINKS DEFINITION END ******************/ 

/***************** CONTENT BOXES BEGIN ******************/ 


.productListing-heading, .infoBoxHeadingBody  {
  background: #1D445B; 
  color: #ffffff;
  padding: 3px;
}

/***************** CONTENT BOXES END ******************/ 


/***************** OSC SPECIFIC BEGIN ******************/ 

.stockWarning { padding: 3px; background-color: #ffb3b5; }
.productsNotifications { background: #f2fff7; }

/***************** OSC SPECIFIC END ******************/ 






/***************** JF ADVANCED FILTER EXTENSION BEGIN ******************/ 

.filterBox {
  float:left;
  padding:3px 0px 3px 0px;
}

.filterActive {
  color: red;
}

.fltCombo {
  width: 157px;
}

.fltChecks {
  width: 165px;
}

.fltChecks label {
  float:left;
}

.fltCheck {
  float:right;
}

/***************** JF ADVANCED FILTER EXTENSION END ******************/ 


/***************** ISC MODULE ROWS BEGIN ******************/ 

.moduleRow { }

.moduleRowOver { 
  background-color: #999999; 
  cursor: pointer; 
  cursor: hand; 
}

.moduleRowSelected { 
  color: #ffffff; 
  background-color: #cccccc; 
}

/***************** ISC MODULE ROWS END ******************/ 


/***************** VARIOUS CONTENT ELEMENTS BEGIN ******************/ 

FORM {
	display: inline;
}

.jfTeaser {
  float: left;
  position: relative;
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;
  font-size: 130%;
}

.hpText {

}

.sitewideAnnouncement {
  margin: 5px 3px 0px 5px;
  padding: 5px;
  width: 586px;
  background: #F6E186; 
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;
}

.contentTextBox {
  padding: 5px;
  background: #90B1C5; 
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;
}

/* standardny content box */
.contentBox {
  padding: 3px;
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;
}

.opaqBox {
  opacity: 0.90;  
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;  
  -khtml-opacity: 0.90;   
}

.jfTeaserFluid {
  float: left;
  position: relative;
  padding: 3px;
  text-align: center; 
}

.ratingBox {
  margin-top:20px;
  padding:5px;
  float: center;
  position: relative;
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;
  width:140px;
}


.prodDivDesc {
  position: absolute;
  left: 105px;
  top:0px;
}


.divTagWrap {
  float: left;
  width: 100%;
  position: relative;
  clear:all;
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;
  text-align: justify;
  margin-bottom: 3px;
  background: #ffffff;
}

.divCheckoutBox {
  padding: 3px;
  margin: 3px;
  border: 1px solid #ffffff; 
  text-align: justify;
}


/* lavy stlpec */

.infoBox {
  background: #90B1C5; 
}

.infoBoxL {
   background: #F6E186; 
}

.teaserCatchBox, .teaserCatchBox p {
  background: #1D445B;
  color: #ffffff;
  font-size: 13pt;
  font-weight: bold;
}

.contBoxHlt {
  background: #1D445B;
  color: #ffffff;
}

.infoBoxHlt, .infoBoxGlow {
  background: #1D445B;
}

.infoBoxGlow {
  color: #ffff00;
}

.bgrWhite {
  background-color: #ffffff;
}

.infoBoxHeading {
  font-weight: bold;
  color: #ffffff;
  vertical-align: middle;
  padding: 3px; 
  background-color: #1D445B;
}

.infoBoxHeadingH {
  font-weight: bold;
  font-size: 9px;
  color: #ffffff;
  vertical-align: middle;
  /* height:6px;*/
  width:100%;
  border-bottom: 1px solid #ffffff;
  background-color: #1D445B;
}

.infoBoxHeadingL {
  background-color: #1D445B;
  vertical-align: bottom;
  height:6px;
  width:6px;
}

.infoBoxHeadingR {
  background-color: #1D445B;
  vertical-align: bottom;
}

.infoBoxHeadingRH {
  vertical-align: top;
  height:6px;
  background-color: #1D445B;
  width:6px;
}

.infoBoxHeadingLH {
  vertical-align: top;
  height:6px;
  width:6px;
  background-color: #1D445B;
}

.infoBoxContents {
  position: relative;
  padding: 0px;
}

.infoBoxContentsGlow {
  color: #ffff00;
}

.infoBoxContentsBody {
  position: relative;
  padding: 0px;
}

.hr {
  border-bottom: 1px solid #d0151c; 
  width:100%;
  margin-bottom: 5px;
  margin-top:0px;
  margin-right: 3px;
  height: 5px;
}

.hrLite {
  border-bottom: 1px solid #ffffff; 
  width:100%;
  margin-bottom: 5px;
  margin-top:0px;
  margin-right: 3px;
  height: 5px;  
}

hr {
  border: 0.5px solid #d0151c; 
}

.hairule_neg {
  height:1px;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  width:95%;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

.even, .reviewListing-even, .productListing-even, .upcomingProducts-even, .productListing-even-nostock {
  background: #f5f5f5;
}

.reviewListing-even, .reviewListing-odd {
  padding: 5px;
} 

TABLE.productListing {
  border: 1px solid #f5f5f5; 
}

h1, .pageHeading {
  font-size: 150%;
  font-weight: bold;
  color: #8e622c; 
  vertical-align: top;
}

h2 {
  font-size: 110%;
  font-weight: bold;
  color: #8e622c; 
  vertical-align: top;
}

h3 {
  font-size: 100%;
  font-weight: bold;
  color: #8e622c; 
  vertical-align: top;
}

.pad4 {
  padding:4px;
}

.pageHead {
  padding-right: 4px;
  padding-top: 4px; 
}

.smallText {
  font-size: 10px;
}

TD.fieldKey {
  font-weight: bold;
}

.newItemInCart {
  color: #00dd00;
}

textarea {
  width: 100%;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

.productBoxPrice {
  width: 84px; /* ie7 fix */
}

.productSpecialPrice {
  font-weight: bold;
  color: #ff0000;
}

.priceSave {
  font-weight: normal;
  font-size: 90%;
  color: #ff0000;
  background: #f5f5f5;
}

.productBeatenPrice {
  text-decoration: line-through;
  font-style: italic;
}

.productNormalPrice {
  font-weight: bold;
}

.priceOur, .msgOnStock {
 color: #00dd00;
 font-weight: bold;
}

.msgOutOfStock {
  color: #E67022;
}

.msgUnavailable {
 color: #ffffff;
 background: #ff0000;
 font-weight: bold;
}

SPAN.errorText {
  color: #ff0000;
}

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */
.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-size: 10px; color: #ff0000; }

/******** jf  cxustom addons *************/

.poznHeading {
  font-size: 9px;
  font-weight: bold;
  color: #ff0000;
}

img.catBrowse {}

td.catBrowseTdImage {
  background: #ff8d00;
  border-bottom: 1px dashed #ff8d00;  
}

td.catBrowseTdText {
  background: #7990a4;   /* ocelovo modra */
  border-bottom: 1px dashed #7990a4;
}

td.catBrowseTdText a {
 color: #ffffff;
}

td.catBrowseTdText a:hover {
 color: #ff8d00;
}

div.prodBrowse {
  position:relative;
  float: left;
  width: 217px;
  height: 310px;
  padding:3px;
  margin: 5px;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

.prodBrowse h2 {
  height: 42px;
  background-color: #F6E186;
  overflow: hidden;
}

div.prodBrowseImage {
  clear: both;
}

.prodBrowsePrice {
  text-align: center;
}

.prodDivButts {
  /* background: #f0f0f0;*/
}

div.catMenu {
  line-height: 140%;
}

.prodFldDesc {
  font-weight: bold;
  font-size:10px;
}

.prodFldVal {
  font-weight: normal;
}

/* --- HMENU / CAT TABS --- */
#hmenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#hmenu li {
  list-style-type: none;
  float: left;
  margin: 0px 0px 0px 1px;
  padding: 4px 7px 3px 7px;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

li.tab {
  background: #1D445B;
}
		
li.ontab {
	background: #8e622c;
	color: #ffffff;
}

li.tab img, li.ontab img {
  padding:0;
  margin:-3px 0 -3px 0;
}

li.tab a, li.ontab a {
	color: #ffffff;
	text-decoration : none;
}

li.tab a:hover, li.ontab a:hover {
	text-decoration : underline; 
}


.upperCase {
  text-transform:uppercase;
}

.roundBox {
  margin: 3px;
  border-right: 1px solid #1D445B;
  border-bottom: 1px solid #1D445B;
}

.bold {
  font-weight: bold;
}

.pad5 {
  padding: 5px;
}

.padBott10 {
 padding-bottom: 10px;
}

h6 {
  padding:0px;
  margin:10px 0px 5px 0px;
  font-weight:bold;
  font-size: 11px;
}

.minibasketFull {
  /* background-color: #99ff99; */ 
  background-color: #F6E186;
  margin-top: 1px;
  padding: 1px 1px 1px 1px;
}

.minibasketEmpty {
  padding: 1px 1px 1px 1px;
}

.termalFull {
 background-color: #f5f5f5; 
}

.termalNum {
  font-weight:bold;
  font-size: 13pt;
  background-color: #F6E186;
}

.faqQ {
  font-weight: bold;
}

div.absolute {
  position:absolute;
}

div.relative {
  position:relative;
}

.breadcrumb {
  padding: 3px 3px 3px 3px;
}

.currentlink {
  /*font-weight: bold;*/
  border-bottom: dashed 1px;
}

.catLine {
   border-bottom: 1px solid #f5f5f5;
}

.textBlock {
   text-align: justify;
   border-bottom: 1px solid #f5f5f5;
   padding: 1px;
}

.borderRightLight {
  border-right: 1px solid #ffffff;
}

.borderBottomLight {
  border-bottom: 1px solid #ffffff;
}

.divReviewItem {
  position:relative;
  margin-left:20px;
}

.divReviewItemRoot {
  position:relative;
}

.divReviewHeader {
  padding-top:4px;
}

.reviewByOperator {
  color: #ff0000;
}

.divReviewText {
  padding-bottom:4px;
}

.divReviewIcon {
  position: absolute;
  left: -20px;
}

.important {
  color: #FF3300;
}

.cartInput {
  border: none;
  text-align: center;
}

.cartInput1 {
  border: none;
  text-align: center;
  width: 100%;
}

.cartInput0 {
  border: none;
  width: 1px;
  height: 1px;
}

.cartGrp {
  background: #F6E186;
}

.cartGrpMain {
  background: #90ee90;
}

.cartText {
  text-align: center;
  font-weight: bold;
  font-size: 9px;
}

.keyword{
  color: #DD7700}

.hotline {
  color: #006600;
  font-weight: bold;
}

.txtModulePrice {
  font-weight: bold;
  color:#000000;
  background-color: #f5f5f5;
  padding: 1px 5px 1px 5px;
  margin: 0px 5px 0px 5px;
  display: block;
}

#divSearchCloud {
 background: #F6E186;
 padding: 2px;
}

.search-cloud-odd {
 background: #FFEF8F;
}

.contentWidthHalf {
  width: 292px;
}

.prodBoxDesc {
  position:absolute; 
  width:250px; 
  z-index: 1000; 
  height: auto; 
  padding:5px; 
  border:2px solid #ECCB66; 
  background:#FFFFFF; 
  display:none;
  font-size: 80%;
}

.divLoginBox {
  position: relative;
  width: 30%;
  margin: 0px 5px 0px 5px;
  padding: 5px;
  height: 200px; 
  float: left;
}

.actButt {
  position:absolute;
  bottom: 5px;
  right: 5px;
}

.buttonLeft {
  float: left;
  white-space: nowrap;
  width: 100%;
}

.buttonRight {
  float: right;
  white-space: nowrap;
}

#pedia_parent {
  float: left;
  text-align: justify;
  padding: 3px;
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;  
}

#pedia_links {
  float:right;
  width: 200px;
  background: #fafafa;
  margin: 10px 10px 5px 10px;
  padding: 5px 10px 5px 40px;
  border-top: 1px solid #eeeeee; 
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #999999; 
  border-bottom: 1px solid #999999;
}

#pedia_links img {
  margin-left: -35px;
  margin-top: 5px;
  float: left;
}

.pedia_image {
  float: left;
  margin-right: 5px;
}

.pedia_article {
  text-align: justify;
}

.addToCartContainer, 
.addToCartContainerList {
  background: #ccffcc;  
  border: 1px solid #cccccc;
}

.addToCartContainerDisabled, 
.addToCartContainerListDisabled {
  background: #efefef; 
  border:1px solid #dedede;
}

.addToCartContainer, 
.addToCartContainerDisabled, 
.addToCartContainerList, 
.addToCartContainerDisabled {
  float: right;
  padding: 2px;
}

.addToCartContainerList, 
.addToCartContainerListDisabled {
  padding: 2px 3px 3px 3px;
}

.addtoCartBox {
  float: left;
  border: 1px solid #cccccc;
  color: #000000;
  padding: 2px;
  margin-right:3px;
}

.addtoCartBoxAdd {
  background: #ffffcc;
}

.addToCartTitle {
  font-size:150%;
  font-weight:bold;
}

.addToCartText {
  font-size:80%;
  font-weight: bold; 
}

.addToCartButton {
  float: right;
}

.addToCartInput input {
  width: 35px;
  margin-right: 3px;
}

.addToCartInput img {
  margin:0 3px -3px 0 !important;
}

.divHide {
  display: none;
}

.bigger {
  font-size: 140%;
  font-weight: bold;
}

.captchaInput input {
  font-size: 150%;
}

.reviewInput {
  padding: 3px;
} 

.w100 {
  width: 100%;
}

.w50p {
  width: 50%;
}

div.regForm label {
  display: block;
  float: left;
  width: 200px;
}

div.regForm input, div.regForm select {
  display: block;
  float: left;
  width: 200px;
  padding:3px;
}

div.regForm hint {
  font-size: 80%; 
  color: #999999;
  width: 190px;
  float: right;
}

input.error, select.error { 
  border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

div.error {
  font-size: 80%; 
  color: #ff0000;
  width: 190px;
  float: right;
  display: block;
}

#vMenu li.active {
  background:#1D445B;
  color: #ffffff;
  padding: 3px 0px 3px 0px;
}