html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: #002b01;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background: #ebebeb url(../_clip/bg_site.gif) center top repeat-x;
}

h1 {
	font-size: 185%;
	color: #ae0016;
	margin: 0 0 15px 0; padding: 0;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}
h2 {
	color: #b23830;
	font-size: 145%; font-weight: normal;
	margin: 0 0 15px 0; padding: 2px 0;
	line-height: normal;
	border-bottom: 1px solid #eaeaea;
}
h3 {
	font-size: 135%;
	font-weight: normal;
	margin: 13px 0; padding: 0 0 3px 0;
	border-bottom: 1px solid #b50025;
}

h4 {
	font-weight: bold;
	font-size: 100%;
	color: #FFFFFF;
	margin: 0; padding: 0;
}

h1, h2, h3, h4 {line-height: normal; text-align: left;}

a {text-decoration: underline; color: #b23830;}
a:hover {text-decoration: none; color: #3EACC5;}

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
fieldset {display: inline}
legend {display: none;}
hr {border: none; border-top: 1px dashed #CB6100; height: 1px; width: 100%; display: block;}
p { margin: 11px 0; padding: 0; }

/* layout -------------------------------------------- */

#page {width: 950px; margin: 0 auto; position: relative;}
#page-holder {width: 880px; margin: 0 auto; padding: 0; position: relative; }
#header { background: url(../_clip/bg_above-menu.gif) bottom center no-repeat; height: 125px; }
#content-border { background: #ebebeb; padding: 5px 5px 0 5px; }
#content-holder { background: url(../_clip/bg_content.gif); padding: 40px 20px 20px 20px; }
#footer { background: url(../_clip/bg_footer.gif) center top no-repeat; font-size: 95%; color: #828181; padding: 10px}

#left-menu { float: left; width: 230px; position: relative;}
#left-menu .menu-shadow { position: absolute; top: 0; right: -50px; width: 30px; height: 400px; background: url(../_clip/bg_shadow-b.gif) 0 0 no-repeat;}

#content { float: right; width: 610px; padding: 0 10px 0 0; min-height: 400px;}
/* \*/ * html #content { height: 400px;} /**/

.hp_left-part { float: left; width: 580px;}
.hp_left-part-small{ float: left; width: 260px;}
.hp_right-part { float: right; width: 260px; }

/* layout items -------------------------------------------- */

.logo { background: url(../_clip/logo_steel-shoes.gif) 0 0 no-repeat; width: 163px; height: 97px; display: block; position: absolute; }
.logo span { display: none; }

#top-links { position: absolute; right: 0; top: 25px; color: #a1a1a1; font-size: 95%;}
#top-links a { margin: 0 2px; color: #cacaca;}
#top-links a:hover { color: #d8de24;}
#top-links .link_cart-top { background: url(../_clip/ico_cart.gif) left center no-repeat; padding: 0 0 0 20px;}

ul#language { position: absolute; right: 0; top: 57px; margin: 0; padding: 0; list-style: none; }
ul#language li { float: left; }
ul#language li a { display: block; width: 19px; height: 13px; margin: 0 2px; }
ul#language li a span { display: none; }
ul#language li.en a { background: url(../_clip/flag_en.gif) 0 0 no-repeat;}
ul#language li.de a { background: url(../_clip/flag_de.gif) 0 0 no-repeat;}
ul#language li.hu a { background: url(../_clip/flag_hu.gif) 0 0 no-repeat;}
ul#language li.cz a { background: url(../_clip/flag_cz.gif) 0 0 no-repeat;}
ul#language li.sk a { background: url(../_clip/flag_sk.gif) 0 0 no-repeat;}
ul#language li.us a { background: url(../_clip/flag_us.gif) 0 0 no-repeat;}

#footer .copyright { float: left; }
#footer .bottom-links { float: right; }
#footer a:hover { color: black }

.two-column-holder { width: 100%; }
.two-column-holder .left-column { float: left; width: 48%;}
.two-column-holder .right-column { float: right; width: 48%;}

.product-thumb {
	text-align: center;
	border: 1px solid #969597;
	background: white;
	width: 185px;
	float: left;
	margin: 8px;
	position: relative;
}
.hp_left-part .product-thumb {width: 175px;}
.product-thumb .product-name strong { font-size: 115%}
.product-thumb img { display: block; margin: 15px auto;}
.product-thumb .btns { background: #f2f2f2; padding: 10px 0;}
.product-thumb .btns img { display: inline; margin: 0 4px}
.product-thumb .forced-height { height: 216px; }
.price span { font-size: 155%; color: #6bae4c;}

.product-thumb .sale-corner {position: absolute; top: -4px; right: -4px; width: 57px; height: 57px;}
.product-thumb .sale-10 { background: url(../_clip/sale_10.gif) 0 0 no-repeat; }
.product-thumb .sale-20 { background: url(../_clip/sale_20.gif) 0 0 no-repeat; }
.product-thumb .sale-30 { background: url(../_clip/sale_30.gif) 0 0 no-repeat; }
.product-thumb .sale-40 { background: url(../_clip/sale_40.gif) 0 0 no-repeat; }
.product-thumb .sale-45 { background: url(../_clip/sale_45.gif) 0 0 no-repeat; }
.product-thumb .sale-50 { background: url(../_clip/sale_50.gif) 0 0 no-repeat; }

.table-sale { width: 100%; border-collapse: collapse;}
.table-sale td { text-align: center; }
.table-sale td.name { width: 180px; background: white; border: 1px solid #969597; border-bottom: none; position: relative; display: block; margin: 0 0 0 -1px; }
.table-sale td.image { width: 180px; background: white; border-right: 1px solid #969597; border-left: 1px solid #969597; }
.table-sale td.btns { width: 180px; background: #f2f2f2; padding: 10px 0; border: 1px solid #969597; border-top: none;}

.table-sale .product-name strong { font-size: 115%}
.table-sale img { display: block; margin: 15px auto;}

.table-sale .sale-corner {position: absolute; top: -4px; right: -4px; width: 57px; height: 57px; }
.table-sale .sale-10 { background: url(../_clip/sale_10.gif) 0 0 no-repeat; }
.table-sale .sale-20 { background: url(../_clip/sale_20.gif) 0 0 no-repeat; }
.table-sale .sale-30 { background: url(../_clip/sale_30.gif) 0 0 no-repeat; }
.table-sale .sale-40 { background: url(../_clip/sale_40.gif) 0 0 no-repeat; }
.table-sale .sale-45 { background: url(../_clip/sale_45.gif) 0 0 no-repeat; }
.table-sale .sale-50 { background: url(../_clip/sale_50.gif) 0 0 no-repeat; }


.sorting {
	font-size: 95%;
	border: 1px solid #d6d6d7;
	background: #ebebeb;
	padding: 5px; margin: 20px 0 10px 0;
	text-align: right;
}
.sorting select { font-size: 95%; }

.pager {
	font-size: 95%;
	border: 1px solid #d6d6d7;
	background: #ebebeb;
	padding: 5px; margin: 10px 0;
	text-align: right;
}

.pager a {margin: 0 1px; text-decoration: none;}
.pager img {vertical-align: -32%; margin: 0;}

.pager a span {
	background: white;
	border: 1px solid #999999;
	color: #6f6f6f;
	padding: 1px 5px 0 5px;
}
.pager a:hover span, .pager a.this-page span {background: #f0d7d6; color: black;}

.content-navig {margin: 15px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #c0c0c0; }
.content-navig .btn_print { float: left; }
.content-navig .btn_back { float: right; margin: 0 5px 0 0; }
.content-navig .btn_top { float: right; }

.product-detail { background: white; border: 1px solid #999999; padding: 20px; min-height: 200px}
.product-detail .product-image {padding: 15px 0 0 0; position: relative; width: 325px; float: left; z-index: 20;}
.product-detail .product-info { width: 235px; float: right; position: relative; z-index: 20;}

.product-detail .product-image .shadow {
	background: url(../_clip/bg_shadow-small.gif) 0 0 no-repeat;
	width: 24px; height: 217px;
	position: absolute;
	right: 0; top: -10px;
}

ul.styled-list { margin: 15px 0; padding: 0; list-style: none; }
ul.styled-list li { padding: 3px 0 3px 20px; background: url(../_clip/list-bullet.gif) 0 5px no-repeat; }

h1.three span { background: #6bae4c; color: white; padding: 0 7px; }

h2.sale_en { background: url(../_clip/h2_sale_en.gif) 0 0 no-repeat; height: 41px; }
h2.sale_en span {display: none; }

h2.promotion_en { background: url(../_clip/h2_promo_en.gif) 0 0 no-repeat; height: 41px; }
h2.promotion_en span { display: none; }

.btn_buy, .btn_add-to-cart { padding: 4px 5px 4px 25px; background: #dd0a0a url(../_clip/btn_buy-bg.gif) 3px 50% no-repeat; }
.btn_detail { padding: 4px 5px 4px 25px; background: #53c420 url(../_clip/btn_detail-bg.gif) 3px 50% no-repeat; }
.btn_print { padding: 4px 5px 4px 25px; background: #9f9f9f url(../_clip/btn_print-bg.gif) 3px 50% no-repeat; }
.btn_top { padding: 4px 5px 4px 21px; background: #9f9f9f url(../_clip/btn_top-bg.gif) 3px 50% no-repeat; }
.btn_back { padding: 4px 5px 4px 17px; background: #9f9f9f url(../_clip/btn_back-bg.gif) 3px 50% no-repeat; }

.btn_buy, .btn_detail, .btn_add-to-cart, .btn_print, .btn_back, .btn_top
{ color: white; text-decoration: none; text-transform: uppercase; font-size: 95%; font-weight: bold; border: 1px solid #FFF; }
.btn_buy:hover, .btn_detail:hover, .btn_add-to-cart:hover, .btn_print:hover, .btn_back:hover, .btn_top:hover
{ color: black; border-color: black; text-decoration: none; }

.btn_clear-cart {
	padding: 4px 5px 4px 25px;
	background: #000 url(../_clip/btn_clear-cart.gif) 5px 50% no-repeat;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
	border: 1px solid #FFF;
}
.btn_clear-cart:hover { color: #FCFF0B; border-color: #FCFF0B; text-decoration: none; }

.btn_remove-from-cart {
	padding: 2px 3px 2px 25px;
	background: url(../_clip/btn_remove-bg.gif) 3px 50% no-repeat;
	color: #6f6f6f;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}
.btn_remove-from-cart:hover { color: red; text-decoration: underline; }

.btn_finalise-order {
	padding: 4px 5px 4px 25px;
	background: #72bf44 url(../_clip/btn_finalise-order.gif) 3px 50% no-repeat;
   	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
	border: 1px solid #FFF;
}

.clear-cart, .finalise-order { text-align: right; padding: 10px 0; }
.btn_finalise-order:hover { color: #000; border-color: #000; text-decoration: none; }


#promo-block { margin: 0 0 15px 0; }
.promo-holder { background: #fafcc8 url(../_clip/bg_akcia-hp.gif) 0 0 no-repeat; border: 1px solid #ebebeb; padding: 15px; }
.promo-image { float: left; margin: 0 15px 15px 0; }
.promo-image img { border: 1px solid #ebebeb; padding: 5px; background: white; }
.promo-content { float: left; }
.promo-content h3 { border: none; color: #b23830; font-weight: bold; font-size: 100%; padding: 0; margin: 0 0 5px 0; }
.promo-content p { padding: 0; margin: 5px 0; }

.hr { height: 2px; background: url(../_clip/bg_hr.gif) 0 50% repeat-x; padding: 5px 0; }

#recomend-items { border: 1px solid #ebebeb; border-top: none; margin: 0 0 10px 0;}
#recomend-items .item-block { padding: 10px 10px 10px 13px; background: #FFF url(../_clip/bg_recomend-block.gif) 100% 0 no-repeat;}
#recomend-items .item-block .image { position: relative; float: left; width: 70px;}
#recomend-items .item-block .image img { width: 68px; }
#recomend-items .item-block .image .lupa { position: absolute; bottom: 3px; left: -2px; width: 19px; height: 18px; background: url(../_clip/ico_lupa.gif) 0 0 no-repeat;}
#recomend-items .item-block .content { float: right; width: 125px; font-size: 95%;}
#recomend-items .item-block .content h3 { border: none; margin: 0; padding: 0; font-weight: bold; }
#recomend-items .item-block .content h3.item-name { font-size: 115%; }
#recomend-items .item-block .content h3.item-price { font-size: 145%; color: #6bae4c; margin: 10px 0 0 0;}

.banner_snurky { margin-bottom: 10px; display: block; }

/* forum -------------------------------------------- */

ul.forum-list { list-style: none; margin: 5px 0 10px 0; padding: 0; }
ul.forum-list li { padding: 5px 0 5px 0; }
ul.forum-list li p { background: #FFF; margin: 0 0 5px 0; padding: 5px 10px; }
ul.forum-list li .obal-reakcie { padding: 10px 10px 5px 10px; background: #ebebeb; border: 1px solid #c3c3c3;}
ul.forum-list li li { padding: 5px 0 0 10px; }
ul.forum-list li li .obal-subreakcie  { padding: 10px 10px 5px 10px; background: #d8d8d8; border: 1px solid #c3c3c3;}

ul.forum-list li .pocet-reakcii { padding: 0 13px 0 0; margin: 0; background: url(../_clip/ico_reaction.gif) 100% 8px no-repeat; display: inline;}
ul.forum-list li .pocet-reakcii a { padding: 0 0 0 10px; margin: 0; background: url(../_clip/ico_reaction-start.gif) 0 3px no-repeat; }


ul.forum-list li .reakcia-title { border-bottom: 1px solid #c3c3c3; }
ul.forum-list li .reakcia-title a.btn_reaguj { float: right; padding: 0 0 0 18px; background: url(../_clip/ico_reply.gif) left center no-repeat; }
ul.forum-list li .reakcia-title h3 {
	margin: 0 10px 5px 0; padding: 0;
	border: none;
	color: #002b01;
	display: inline;
	font-size: 105%;
	font-weight: bold;
	float: left;
}
ul.forum-list li li .reakcia-title h3 { color: #787878; }

/* menus -------------------------------------------- */

#main-menu { background: #000 url(../_clip/bg_menu.gif) left center repeat-x;}
#main-menu ul { margin: 0; padding: 0; list-style: none; background: url(../_clip/bg_menu.gif) left center repeat-x;}
#main-menu ul li {float: left; position: relative; z-index: 20;}
#main-menu ul li a {
	display: block;
	padding: 17px 15px;
	color: white;
	font-size: 115%;
	text-decoration: none;
	background: url(../_clip/bg_menu-item.gif) right center no-repeat;
}


#main-menu ul li a:hover, #main-menu ul li.active a, #main-menu li:hover a {background: url(../_clip/bg_menu-item_on.gif) left center repeat-x; color: #b23830;}

#main-menu li:hover a {color: #b23830;}

#main-menu table {
	position: absolute;
	border-collapse: collapse;
	top: 0; left: 0;
	z-index: 20;
}
#main-menu li ul {
	list-style: none;
	margin: 0; padding: 10px;
	background: #EBEBEB;
}
#main-menu li ul li a, #main-menu li.active ul li a {
	padding: 6px 10px; margin: 0;
	font-weight: normal;
	color: #b23830;
	display: block;
	width: 160px;
	background: none !important;
	border: none !important;
	border-bottom: 1px solid #D6D6D7 !important;
}
#main-menu li ul li a:hover {
	background: #B23830 !important;
	color: #FFF;
	border: none !important;
	border-bottom: 1px solid #D6D6D7 !important;
}
#main-menu ul ul {
	visibility: hidden;
	position: absolute;	left: 0;
	z-index: 20;
}
#main-menu li:hover ul, #main-menu li a:hover ul {visibility: visible;}

/* \*/ * html #main-menu ul li a {width: 1%; white-space: nowrap;  background: #000 url(../_clip/bg_menu.gif) left center repeat-x;} /**/
/* \*/ * html #main-menu ul li li a {width: 160px;} /**/
/* \*/ * html #main-menu ul ul {top: 47px;} /**/

/* */


#left-menu ul { list-style: none; margin: 0; padding: 0;}
#left-menu ul li a {
	background: url(../_clip/bg_submenu.gif) left center no-repeat;
	padding: 13px 10px 13px 30px;
	display: block;
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
	font-size: 105%;
}
#left-menu ul li a:hover, #left-menu ul li.active a {
	background: url(../_clip/bg_submenu-on.gif) left center no-repeat;
	color: yellow;
}
/* \*/ * html #left-menu ul li a { height: 1% } /**/

#left-menu .closer { background: url(../_clip/bg_podmenu.gif); width: 230px; height: 115px; }

/* Marcello's palce ---------------------------------------- */

.replay {
	margin: 10px;
	border: 1px solid blue;
	padding: 10px;
}

.new {
	margin: 10px;
	border: 1px solid #b50025;
	padding: 10px;
}

.replay label {
	float: left;
	margin-right: 10px;
}

.zend_form {
	padding: 15px;
	border: 1px solid gray;
	background: #f7f7f7;
}
.zend_form dt {
	float: left;
	width: 160px;
	text-align: right;
	margin-right: 5px;
	padding-top: 2px;
}

.zend_form dd {
	margin-bottom: 5px;
}
.zend_form input.button, .zend_form input#odoslat {
	border: 1px solid black;
	background: #B23830;
	color: white;
	font-weight: bold;
	padding: 3px 6px;
	overflow: visible;
	width: auto;
	cursor: pointer;
}

.button:HOVER {
	background-color: yellow;
	cursor: pointer;
}

.errors {
	margin-left: 50px;
	margin-bottom: 10px;
	font-style: italic;
	font-size: 95%;
}

input, select, textarea {
	border: 1px solid gray;
}

input:HOVER, select:HOVER, textarea:HOVER {
	border: 1px solid black;
}

input.required, select.required  {
	background-color: #FFE5E5;
}
#krem-label, #snurky-label { font-size: 95%; }
#krem-element { margin-bottom: 15px; }

/* table styles -------------------------------------------- */

table.table-converse { border: 1px solid #c9c8ca; width: 100%; }
table.table-converse td { background: #c9c8ca; padding: 3px 5px; text-align: center; }

table.cart-items-table { width: 100%; border: 1px solid #EBEBEB; border-collapse: collapse; }
table.cart-items-table th { background: #EBEBEB; padding: 8px; text-align: center; border-bottom: 2px solid #787878;}
table.cart-items-table td { background: white; padding: 5px 8px; text-align: center; border: 1px solid #EBEBEB;}

table.cart-items-table td.product-name strong { font-size: 125%; }
table.cart-items-table td.product-pict img { width: 50px; margin: 0 auto; }
table.cart-items-table td.product-price { font-size: 155%; color: #6bae4c; }
table.cart-items-table td.product-sale { color: #BA473E; }

table.table-summary { width: 100%; }
table.table-summary th { background: #EBEBEB; border-bottom: 1px solid #787878; padding: 8px; text-align: center; }
table.table-summary td { background: #f6f6f6; padding: 8px; text-align: center; }

table.contact-info {  width: 100%;  }
table.contact-info td {  width: 50%; vertical-align: top; }

/* redefine -------------------------------------------- */

.no-border {border: none;}
.no-bg {background: none;}

img.img-border {border: 5px solid #E4E9F7;}
a:hover img.img-border {border: 5px solid #B3B6D0;}

.clear {height: 0; clear: both; overflow: hidden; visibility: hidden;}
.hide {display: none;}

.floatLeft {float: left;}
.floatRight {float: right;}

.textCenter, td.textCenter, th.textCenter {text-align: center !important;}
.textLeft, td.textLeft, th.textLeft {text-align: left !important;}
.textRight, td.textRight, th.textRight {text-align: right !important;}


/* print style --------------------------------- */

@media print {
	body {
		background: white; color: black;
		font-size: 10pt;
		font-family: "Times New Roman", Times, serif;
		}
	h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; color: black;}
	#page {width: 100%; padding: 0; margin: 0;}
	#header, #left-menu, #main-menu, #content-footer, #footer, .content-navig {display: none;}
	#content, #content-holder {width: 100%; line-height: normal; margin: 0; padding: 0; overflow: visible; height: 100%; position: static;}
}