body {
	margin-top: 0px;
	font-family: "Verdana CE", "Arial CE",  Verdana, Helvetica, sans-serif;
	font-size:  0.8em;
	background-image: url("../images/body-background.png") ;
	background-repeat:no-repeat;
	background-position: 45% 150px;
	background-color: #1F1A17;
}

/* Master Layout */

 #layout-head, #layout-content,  #layout-footer 	{
	position: relative;
	background-color: white;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1000px;
	border: 0px solid red;  /* For debug if need. */
}

#layout-head	{
	position: relative;
	top: 10px;
	height: 280px;
	background-image: url("../images/head-background.png") ;
	background-repeat:no-repeat;
	background-position: 0px 45px;
	border: 0px solid red;  /* For debug if need. */
}

#layout-content {
	background-image: url("../images/content-background.png") ;
	background-repeat: repeat-y;
}

#layout-content-left	{
	position: relative;
  background-image: url("../images/category-background.png") ;
	background-repeat:no-repeat;
	width: 235px;
	padding-top:  75px;
	padding-left: 10px;
	float: left;
	text-align: left;
	min-height: 200px;
	border: 0px solid green;  /* For debug if need. */
}

#layout-content-right	{
	position: relative;
  float: left;
	width: 745px;
	border: 0px solid blue;  /* For debug if need. */
}

#layout-footer	{
  color: gray;
	background-image: url("../images/content-background.png") ;
  background-repeat: repeat-y;
	text-align: center;
	padding-top: 10px;
  width: 750px;
  padding-left: 250px;
	height: 30px;
}

/* Web Content */

div.web-content	{
	margin-left: 10px;
}

hr.cleaner 	{
	clear: both;
	height:1px;
	margin: -1px 0 0 0;
	padding: 0;
	border:none;
	visibility: hidden;
}

/* End of Master Layout */



/* Layout Head Top Buttons Area */
#layout-head-top-buttons-area  {
	position: relative;
	padding-left: 0px;
	background-color: #1F1A17;
	height: 46px;
	border: 0px solid green;  /* For debug if need. */
}

#layout-head-top-buttons-area a, #layout-head-top-buttons-area a:link, #layout-head-top-buttons-area a:visited {
	position: relative;
	margin-left: 5px;
	padding-left: 5px;
	background-image: url("../images/head-top-button-background.png") ;
	background-repeat: no-repeat;
	background-position: 20px 5px;
	color: white;
	height: 44px;
	text-align: center;
	float:left;
	width: 130px;
	border: 0px solid green;  /* For debug if need. */
}

#layout-head-top-buttons-area a:hover {
	background-position: -157px 5px;
}

#layout-head-top-buttons-area span	{
	vertical-align: middle;
	border: 0px solid green;
}

/* Top Buttons Absolute Position*/

/* Botton Store */
a.top-button-store, a.top-button-store:link, a.top-button-store, a.top-button-store:visited {
	position: absolute;
	top: 200px;
	left: 320px;
	text-decoration: none;
	width: 144px;
	height: 65px;
	background-image: url("../images/head-button-retail.png") ;
	background-repeat: no-repeat;
}

a.top-button-store:hover {
	background-position: -145px 0;
}

/* Botton Retail */
a.top-button-retail, a.top-button-retail:link, a.top-button-retail, a.top-button-retail:visited {
	position: absolute;
	top: 200px;
	left: 500px;
	text-decoration: none;
	width: 144px;
	height: 65px;
	background-image: url("../images/head-button-retail.png") ;
	background-repeat: no-repeat;
}

a.top-button-retail:hover {
	background-position: -145px 0;
}

/* Botton For Firms */
a.top-button-for-firms, a.top-button-for-firms:link, a.top-button-for-firms, a.top-button-for-firms:visited {
position: absolute;
 top: 200px;
left: 600px;
text-decoration: none;
width: 126px;
height: 65px;
background-image: url("../images/head-button-for-firms.png") ;
background-repeat: no-repeat;
}

a.top-button-for-firms:hover {
	background-position: -126px 0;
}

/* Botton News */
a.top-button-news, a.top-button-news:link, a.top-button-news, a.top-button-news:visited {
position: absolute;
top: 200px;
left: 440px;
text-decoration: none;
width: 125px;
height: 65px;
background-image: url("../images/head-button-news.png") ;
background-repeat: no-repeat;
}

a.top-button-news:hover {
	background-position: -115px 0;
}

/* Logo head */
div.logo-head {
	position: absolute;
	border: 0px solid #6542FF;
	top: 55px;
	left: 780px;
	text-decoration: none;
}

div.logo-head a.link{
	text-decoration: none;
}

div.logo-head a{
	text-decoration: none;
}
/* End Of Logo head */

/* Search */
div.search-layer {
	position: absolute;
	top: 240px;
	left: 100px;
}

div.search      {
        padding-bottom: 5px;
        padding-left: 3px;
        border: 0px solid;
        border-color: #2A350A;
}

input.search-string     {
        position:relative;
	padding: 3px;
	float: left;
	border: 0px solid #2A350A;
	font-size: 11px;
	color: #2A350A;
}

input.search-send       {
        padding: 0px;
	width: 0px;
	height: 0px;
}
/* End of search */

/* Cart index */
div.cart-preview	{
  position:absolute;
  text-align: center;
  font-size: 12px;
  top: 205px;
  left: 842px;
  line-height: 1.7em;
}
/* End of Cart index */

/* Login */
div.login	{
	position:absolute;
	font-size: 10px;
	top: 15px;
	left: 684px;
}

div.login a, div.cart-index a	{
	color: black;
}
/* End of Login */

/* Purchase order */
#head-menu a.top-menu-button-purchase-order {
	width: 144px;
	padding: 0px 0 41px 0px;
	background: url("../images/top-menu-button-background-purchase-order.png") 0 0 no-repeat;
}

#head-menu a.top-menu-button-purchase-order:hover {
	background-position: -144px 0;
}

#head-menu a.top-menu-button-purchase-order.select {
	background-position: -144px 0;
}

/* End Of Top Menu


/* Search */
div.search	{
	padding-bottom: 5px;
	padding-left: 3px;
	border: solid 0px;
	border-color: #FF2B2B;
}

input.search-string	{
	position:relative;
	padding: 3px;
	float: left;
	border: solid 1px;
	border-color: #D2D2D2;
}

input.search-send	{
	padding: 3px;
	width: 20px;
	height: 18px;
}
/* End of search */

/* Card */

/* End of card */

/* Images */
img.nothing	{
 	border: 0px;
 }

img.tag	{
  position:relative;
  float: right;
}

img.item-foto {
  position:relative;
  float: left;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 5px;
}

/* End Of Images */

/* Items */
div.items-layer	{
	position: relative;
  z-index: 5;
	width: 750px;
	float: left;
	border: 0px solid #8A8A8A;
}

div.pages-selector {
	position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
	left: 8px;
}

div.pages-selector  span {
 position: relative;
 font-family:  Verdana,Helvetica, serif;
 font-size: 14px;
 font-weight: bold;
 padding-top: 5px;
 padding-bottom: 5px;
}

div.items-title	{
  background-color: #CFD696;
  width: 725px;
  margin-left: 0px;
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 17px;
  font-weight: bold;
  color: #293D15;
}

div.item-preview {
background-image: url("../images/item-background.png") ;
background-repeat:no-repeat;
border:0px solid #D1D3D4;
float:left;
margin:4px;
padding:0;
width:240px;
height: 175px;
}

div.item-preview-head {
  text-align: center;
  font-family: Verdana,Helvetica, serif;
	color: #32935D;
  padding-top: 7px;
	font-size: 13px;
  padding-bottom: 5px;
  font-weight: bold;
	line-height: 1.2em;
}

div.item-preview-text {
  font-family: Verdana,Helvetica, serif;
  float: left;
  width: 120px;
	color: #4A523C;
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 2px;
	font-size: 10px;
	line-height: 1.2em;
}

div.item-preview-image {
 width: 85px;
 padding-left: 5px;
 padding-right: 9px;
 margin-right: 5px;
 float: right;
 border: 0px solid #8A8A8A;
}

div.item-preview-price	{
  text-align: center;
  float: left;
	width: 239px;
	font-size: 12px;
	color:  gray;
	padding-top: 6px;
   border: 0px solid #8A8A8A;
}

div.item-preview-price	strong {
  font-size: 13px;
  font-weight: bold;
	color:  #32935D;
}

/* End Items */

/* Item detail */
#layer-detail {
	position: relative;
	margin-left: 5px;
	padding-left: 0px;
	padding-right: 0px;
	border: 1px solid #8A8A8A;
	width: 676px;
}

a.back	{
	padding: 10px;
	margin: 5px;
	line-height: 1.9em;
}

a.back:link, a.back:visited	{
	color: #00A98A;
}

#item-images-layer	{
	position:relative;
	float: left;
	border: 0px solid #8A8A8A;
	width:481px;	

}

#item-description-layer	{
	border: 0px solid green;
	float: right;
	width:190px;
}

#item-detail-manufacturer	{
	background: #00A98A;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: white;
	margin-left:0px;
	padding: 5px;
	width: 180px;
}

#item-detail-description	{
	background: #F1F1F1;
	color: white;
	margin-left:0px;
	padding: 5px;
	width: 180px;
}

#item-detail-product-name  {
	color: #00A98A;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
}

#item-deail-description-text	{
	color: #00A98A;
	font-family: Arial;
	font-size: 11px;	
}

#item-detail-price	{
	text-align:right;
	font-weight: bold;
	font-size: 14px;
	width:180px;
	padding-top: 2px;
	padding-bottom:15px;
	margin-bottom: 10px;
	color: #582E90;
}

#item-detail-size, #item-detail-size-selection {
	word-spacing:10px;
	font-weight: bold;
	font-size: 13px;
	width:180px;
	color: #B2B2B2;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px; 
}

div.item-buy-detail	{
	padding: 6px;
	height: 17px;
	color: white;
	background: #582E90 url('../images/button-buy.png');
	background-position: top right;
	background-repeat: no-repeat;
}

a.item-detail-buy{
	color: white;
	text-align: left;
	text-decoration: none;
	color: white;
}

a.item-detail-buy:link, a.item-detail-buy:visited, a.item-detail-buy:active {
	color: white;
	text-align: left;
	text-decoration: none;
}

a.item-detail-buy:hover	{
	color: #E40375;
	text-decoration: none;
}



/* Nadpisy */
h1 	{
	position: relative;
	left: 10px;
	font-size: 14px;
	padding: 2px;
	padding-bottom: 4px;
	font-weight: bold;
	}


h2	{
	color: #1A1A1A;
	font-size: 14px;
	font-weight: bold;
	}

h3	{
	color: #1A1A1A;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	}

h6 	{
	position: relative;
	left: 10px;
	padding: 2px;
	padding-bottom: 4px;
	font-weight: bold;
	}

p, td, li	{
	font-family: Verdana,Helvetica, serif;
	color: black;
	font-size: 12px;
	line-height: 1.5em;
}

/* Basic Links */

a	{
	font-weight: bold;
	text-decoration: none;
}

a:link, a:visited, a:active	{
	color: #898989;
	/*ext-decoration: underline;*/
	text-decoration: none;
}

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

/*Cart Preview */

div.cart-table {
        border: 1px solid #D1D3D4;
        margin: 0px 1px;
        border-collapse: collapse;
        width: 100%;
}

table.cart-detail-table thead td {
        border: 1px solid #D1D3D4;
        padding: 1px 3px;
        text-align: left;
        font-weight: bold;
}

table.cart-detail-table tbody td {
        border: 1px solid #D1D3D4;
        padding: 1px 3px;
        text-align: left;
}

table.cart-detail-table input.cart-detail-quantity { width: 3.0em; }
table.cart-detail-table tbody td.cell-text { text-align: left; }
table.cart-detail-table tbody td.cell-number { text-align: right; }
table.cart-detail-table tbody td.cell-final { font-weight: bold; }

.cart-detail-panel {
        margin: 4px 0px;
}

input   {

}

/* [Forms] */
.form {}
.form fieldset { margin: 5px 0; border: solid 1px #D1D3D4; }
.form legend {}
.form .textfield  , .form .textarea  , .form .combobox  , .form .checkbox  , .form .selectbox   { border: solid 1px #000000; }
.form .textfield-v, .form .textarea-v, .form .combobox-v, .form .checkbox-v, .form .selectbox-v { }
.form .textfield-i, .form .textarea-i, .form .combobox-i, .form .checkbox-i, .form .selectbox-i { border: solid 1px #FF0000; }
.form .textfield-d, .form .textarea-d, .form .combobox-d, .form .checkbox-d, .form .selectbox-d { border: solid 1px #7F7F7F; }

/* [Tree] */
.tree,
.tree-element,
.tree-content,
.tree-icon,
.tree-link,
.tree-container-root,
.tree-container,
.tree-cell { border: none; margin: 0; padding-top: 1px; }
.tree-link { min-height: 18px; font-size: 13px; }
.tree-container { padding-left: 18px; }
.tree-content { min-height: 18px; clear: both }
.tree-cell {
        width: 18px; height: 18px; float: left;
}
.tree-line      { background: none; }
.tree-center-nobutton { background: none; }
.tree-bottom-nobutton { background: none; }
.tree-center-opened,
.tree-bottom-opened   { background: transparent url("/res/design/images/tree-alt.gif") 0px 0px no-repeat; }
.tree-center-closed,
.tree-bottom-closed   { background: transparent url("/res/design/images/tree-alt.gif") -18px 0px no-repeat; }
.id-1 > .tree-content { display: none; }