/*

File: master style style sheet for www.zelezonaradie.sk

Created by: Peter Melaga | http://www.webygroup.sk/

Date: 19. august 2009

*/

body{
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	background:#bfbfbf;
	margin:0;
	padding:0;
	color:#535353;
	}

h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0; padding:0 0 5px 0; line-height:normal; font-family: Arial, Helvetica, sans-serif; color:#515151;}
h1{font-size:18px; font-weight:normal;}
h2{font-size:18px; font-weight:normal;}
h3{font-size:16px; padding-bottom:5px;}
h4{font-size:14px; font-family:Arial, Helvetica, sans-serif;}
h5{font-size:14px; color:#F00; background-color:#FF0; padding:5px 10px; margin-bottom:1px;}


ul, ol{padding:0 0 15px 30px; margin:0;}
p{padding:0 0 15px 0; margin:0; line-height:140%;}
address{font-style:normal; margin:0; margin-bottom:15px; font-size:12px;}
table{font-family:Arial, Helvetica, sans-serif;}

a img{border:none;}
a{color:#8f1f43; text-decoration:underline; outline:none;}
a:hover{color:#e04c7c; text-decoration:none;}

.cleaner{clear:both;}
option{padding-right:15px;}
option, select {font-size:11px;}
.skry{display:none;}

.XHTMLAfterCategory, .XHTMLBeforeCategory{clear:both; width:100%;}

/* ---------------------------------------------------------------------------------------*/


/*******************************/
#container{
	width:940px;
	margin:0 auto;
	padding:0 5px;
	text-align:left;
	background:#fff;
	}

#head{
	width:940px;
	height:330px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat 0 0;
	}

#head #logo{
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:19px;
	width:251px;
	height:104px;
	}

#head #logo a{display:block; width:251px; height:104px; text-indent:-9999px; overflow:hidden; cursor:pointer;}
#head #topbar{
	position:absolute;
	bottom:0;
	left:0;
	width:940px;
	height:35px;
	background:url(images/bg_top.jpg) repeat-x 0 0;
}		

#wrapper{float:left; padding-top:12px; width:750px;}

#left{
	float:left;
	padding:0;
	width:245px;
	margin:0;
	}

.skin-uvod #content{
	width:940px;
	padding:5px 0;
	float:none;
	}

.skin-1 #content, .skin-obchod #content{
	float:right;
	width:485px;
	padding:0 10px 10px 0;
	}

#right{
	padding-top:12px;
	float:right;
	width:190px;
}

#footer{
	clear:both;
	height:90px;
	background:url(images/bg_footer.jpg) repeat-x 0 0;
	}

#paticka{padding:10px 15px 0 15px; height:35px; overflow:hidden;}

#footer p{
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
	font-size:11px;
	color:#646464;
	}
	
#footer p a{text-decoration:underline; color:#646464;}
#footer p a:hover{text-decoration:underline; color:#8f1f43;}

#main-login {position:absolute; bottom:9px; left:20px; width:400px; font-size:12px; color:#314311;}
#vyhladavanie {position:absolute; top:60px; right:15px; font-size:11px; }
#main-kosik {position:absolute; bottom:9px; right:20px; width:430px; font-size:12px; color:#314311;}

#main-login span {padding:0 4px;}



/***************** TOPMENU **************************************/

#main-menu{
	position:absolute;
	top:54px;
	left:270px;
	width:670px;
	height:30px;
	border-bottom:1px solid #707070;
	background-color:#FFF;
	z-index:50;
	}

#main-menu ul{ /* all lists */
	margin: 0;
	list-style-type: none;
	text-align: left;
	padding: 0;
}

#main-menu a {
	display:block;
	padding:7px 20px 0 20px;
	float:left;
	color:#616060;
	text-decoration:none;
	font-size:12px;
	height:23px;
	font-weight:bold;
	background-color:#FFF;
}

#main-menu li#mi-smainmenu-11298{border-right:none;}
#main-menu li#mi-smainmenu-11298 a{padding:7px 19px 0 19px;}

#main-menu li a:hover{
	color:#fff;  text-decoration:none; background-color:#8f1f43;
}


#main-menu li { /* all list items */
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	border-right:1px solid #707070;
}

#main-menu li ul { /* second-level lists */
	position: absolute;
	left: -9999em;
	text-transform: none;
	padding:1px 0 0  0;
	margin:0;
	top:30px;
	z-index:60;
	width:150px;
	background-color:#000000;
}

#main-menu li ul li { /* second-level lists items */
	padding: 0;
	background: #828384;
	color:#FFFFFF;
	float: none;
}

#main-menu li ul li a{
	display: block;
	float:none;
	height:auto;
	padding: 5px 5px 5px 15px;
	width: 130px;
	background:#eeebeb url(images/sipka-do-prava.gif) no-repeat 7px 11px;
    border-bottom:1px solid #707070;
}


#main-menu li ul li a:hover{
	color:#fff;
	text-decoration:none;
	background:#8f1f43 url(images/sipka-do-prava-biela.gif) no-repeat 7px 11px;
}

#main-menu li:hover ul, #main-menu li.sfhover ul { /* lists nested under hovered list items */
	left: 0;	
}


#main-menu  li ul li ul { /* treti-level lists */
	position: absolute;
	font-weight: normal;
	text-transform: none;
	display:none;
	padding: 0;
	margin:0;
}
#main-menu  li ul li ul li { /* treti-level lists items */

}

#main-menu  li ul li ul li a{

}

#main-menu  li ul li:hover ul, #main-menu  li ul li.sfhover ul { /* lists nested under hovered list items */
	display:block;
	left: 150px;
	top:0px;
}



/******************** KONIEC TOPMENU ******************************/

#kategorie{width:244px; border-right:1px solid #bbbbbb; background-color:#f2f2f2; margin-bottom:1px; font-size:11px;}
#kategorie ul{margin:0; padding:0;}
#kategorie ul li{list-style:none; margin:0; padding:0;}
#kategorie ul li a{display:block; background-color:#666; width:224px; color:#FFF; padding:5px 10px; text-transform:uppercase; text-decoration:none; font-weight:bold; border-bottom:1px solid #fff;}
#kategorie ul li#Item-1 a{background-color:#8f1f43;}
#kategorie ul li#Item-3 a{background-color:#009036;}
#kategorie ul li#Item-2 a{background-color:#476eb7;}

#kategorie ul li a:hover{text-decoration:none; color:#FFF; background-color:#999;}
#kategorie ul li#Item-1 a:hover{background-color:#a34966;}
#kategorie ul li#Item-3 a:hover{background-color:#30a45c;}
#kategorie ul li#Item-2 a:hover{background-color:#6988c3;}

#kategorie ul li ul li{background:url(images/sipka-do-prava.gif) no-repeat 15px 10px;}
#kategorie ul li ul li a{background:transparent none; width:209px; padding:4px 10px 4px 25px; color:#8f1f43; text-transform:none; text-decoration:none; font-weight:normal; border-bottom:none;}
#kategorie ul li ul li a:hover{color:#8f1f43; text-decoration:underline;}
#kategorie ul li#Item-1 li a, #kategorie ul li#Item-3 li a, #kategorie ul li#Item-2 li a{ background:url(images/2px.gif) repeat-x left bottom;}
#kategorie ul li#Item-1 li a:hover, #kategorie ul li#Item-3 li a:hover, #kategorie ul li#Item-2 li a:hover{background:url(images/2px.gif) repeat-x left bottom;}

#kategorie ul li ul li ul li{background:url(images/sipka-do-prava.gif) no-repeat 25px 10px;}
#kategorie ul li ul li ul li a{width:199px; padding:4px 10px 4px 35px}

#kategorie ul li ul li ul li ul li{background:url(images/sipka-do-prava.gif) no-repeat 35px 10px;}
#kategorie ul li ul li ul li ul li a{width:189px; padding:4px 10px 4px 45px}

#kategorie ul li ul li ul li ul li{background:url(images/sipka-do-prava.gif) no-repeat 45px 10px;}
#kategorie ul li ul li ul li ul li a{width:179px; padding:4px 10px 4px 55px}
	
/**** basix 0002 ****/
.basic001, .basic002, .basic003{width:auto; position:static;}
.basic002{margin-bottom:10px;}
.basic002 .title h2, .basic001 .title h1{color:#fff; font-weight:bold; margin:0 0; padding:5px 15px; background-color:#6c6c6c; font-size:12px;}
.basic002 .content, .basic001 .content, .basic003 .content{padding:5px;}

#left #searcher.basic002{margin-bottom:1px;}
#left #searcher.basic002 .title h2{color:#fff; font-size:18px; font-weight:normal; margin:0; padding:5px 15px; background:url(images/bg_box_title.jpg) repeat-y 0 0; text-transform:none;}
#left #searcher.basic002 .content{background-color:#8f1f43; color:#fff; padding:10px 15px;}

/**** koniec basic 002 *****/

.search{margin:0; padding:0; width:215px;}
.search p{margin:0; padding:2px 0;}
.search a{color:#FFF; text-decoration:underline; font-size:11px;}
.search a:hover{text-decoration:underline;color:#e04c7c;}
.search select{width:215px;}
.search input{font-size:11px; border:1px solid #dadada; padding:2px 5px; width:145px; background-color:#FFF; position:relative;}
.search input.SearchSubmit {margin:0; font-size:11px; color:#fff; border-color:#FFF; background:#515151; padding:1px 0; color:#dadada; cursor:pointer; width:52px; text-align:center; position:static;}

	
/* Nadradene sjm-s-kategorie - cesta
---------------------------------------------------------- */

.ShopProductParentCategories {
	clear:both;
	width:455px;
	overflow:hidden;
	color:#fff;
	margin:0 0 5px 0;
	padding:5px 15px;
	background-color:#6c6c6c;
	font-size:12px;
	float:left;
	}

.ShopProductParentCategories ul{margin:0; padding:0;}
.ShopProductParentCategories ul li{display: inline; padding-right:5px; list-style:none;}
.ShopProductParentCategories ul li a{text-decoration:none; color:#FFFFFF;}
.ShopProductParentCategories ul li a:hover{color:#FFFFFF; text-decoration:underline;}
.ShopCategoryPages{padding: 8px 0;}

.bottompager .ShopProductParentCategories{background-color:#FFFFFF; color:#000; padding:5px 0;}
.bottompager .ShopProductParentCategories a{color:#000; text-decoration:underline;}
.bottompager .ShopProductParentCategories a:hover{color:#8f1f43; text-decoration:underline;}

/* Dalsie strany
---------------------------------------------------------- */
.ShopCategoryPages {padding:4px 0; text-align: left; font-size: 11px; overflow:hidden; float:left; clear:both;}
.ShopCategoryPages span{float: left;}
.ShopCategoryPages ul{ padding: 0 3px; margin: 0; float:left; }
.ShopCategoryPages ul li{ display: inline; margin: 0 3px; }
.ShopCategoryPages ul li b,
.ShopCategoryPages ul li a{color:#999; border:1px solid #999; text-decoration:none; padding: 0 3px;}
.ShopCategoryPages ul li a:hover{background:#eee; color:#999; text-decoration:none;}

.ShopCategoryPages ul li b{color:#ffffff; background:#999; border:1px solid #999; font-weight:normal;}

/* Sposob zobrazenia

---------------------------------------------------------- */
.ViewType{padding: 1px 0px; text-align: right; font-size:11px; float:right; color:#d5c67e; width:320px; overflow:hidden;}
.ViewType p, .ViewType form{ display: inline; padding:2px 0; }
.ViewType p{padding-right:8px;}
.ViewType label{padding-right: 5px; color:#FFFFFF;}
.TypeTitle{padding-right: 4px;}
.ViewType select{font-size:11px;}

/* Mena
---------------------------------------------------------- */
.ChangeCurrency{padding: 2px 0; text-align: right; font-size:11px; display:none;}
.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency label{ padding-right:5px; }
.ChangeCurrency select{ font-size:11px;}

/* ShopIntro - uvod
---------------------------------------------------------- */
#sjm-s-obsah-obchodu, .intro-kat{ width:485px; overflow: hidden;}

#sjm-s-obsah-obchodu .ShopIntro, .intro-kat .ShopIntro{ margin: 0; clear: both; }

#sjm-s-obsah-obchodu .ShopIntro h2, .intro-kat .ShopIntro h2{color:#fff; font-size:25px; font-weight:bold; margin:0 0 6px 0; padding:3px 20px; text-align:left; background:#6c6c6c; letter-spacing:-1px;}
#sjm-s-obsah-obchodu .ShopIntro h3, .intro-kat .ShopIntro h3{padding:3px; margin:0; text-align:center; line-height:normal; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
#sjm-s-obsah-obchodu .ShopIntro h3 a, .intro-kat .ShopIntro h3 a{font-size: 11px; font-weight: bold; text-decoration:none;}
#sjm-s-obsah-obchodu .ShopIntro h3 a:hover{}

#sjm-s-obsah-obchodu .SellOuts, #sjm-s-obsah-obchodu .Actions, #sjm-s-obsah-obchodu .News, .MostSaleable,
.intro-kat .SellOuts, .intro-kat .Actions, .intro-kat .News
{text-align: center; margin-bottom:1em; overflow: hidden; clear:both;}
#sjm-s-obsah-obchodu .SellOuts .Row, #sjm-s-obsah-obchodu .Actions .Row, #sjm-s-obsah-obchodu .News .Row, #sjm-s-obsah-obchodu .MostSaleable .Row,
.intro-kat .SellOuts .Row, .intro-kat .Actions .Row, .intro-kat .News .Row
{text-align: center; clear: both; padding:0; width: 100%; background: transparent;}
#sjm-s-obsah-obchodu .SellOuts .RowContent, #sjm-s-obsah-obchodu .Actions .RowContent, #sjm-s-obsah-obchodu .News .RowContent, #sjm-s-obsah-obchodu .MostSaleable .RowContent,
.intro-kat .SellOuts .RowContent, .intro-kat .Actions .RowContent, .intro-kat .News .RowContent
{ background: transparent; width: 100%; text-align: center; overflow:hidden; padding-bottom:10px;}
#sjm-s-obsah-obchodu .SellOuts .Product, #sjm-s-obsah-obchodu .Actions .Product, #sjm-s-obsah-obchodu .News .Product, #sjm-s-obsah-obchodu .MostSaleable .Product,
.intro-kat .SellOuts .Product, .intro-kat .Actions .Product, .intro-kat .News .Product
{float: left; display: inline; width:145px; text-align: center; height:210px; overflow:hidden; border:3px solid #6c6c6c; margin:0 5px 10px 5px; background:#c4c4c4 url(images/bg_product_intro.jpg) repeat-x 0 120px;}

#sjm-s-obsah-obchodu .ShopIntro .Product .ProductImage,
.intro-kat .ShopIntro .Product .ProductImage
{width:145px; padding:0; height:120px; background-color:#FFF; position:relative;}
#sjm-s-obsah-obchodu .ShopIntro .Product img,
.intro-kat .ShopIntro .Product img{ margin: 0 auto;}
#sjm-s-obsah-obchodu .ShopIntro .Product .ProductPrice,
.intro-kat .ShopIntro .Product .ProductPrice{margin:0; padding:2px 0 0 0; color:#535353; line-height:normal;}
#sjm-s-obsah-obchodu .ShopIntro .Product .ProductPrice dt,
.intro-kat .ShopIntro .Product .ProductPrice dt
{font-size:11px; margin:0; padding:0;}
#sjm-s-obsah-obchodu .ShopIntro .Product .ProductPrice dd,
.intro-kat .ShopIntro .Product .ProductPrice dd{padding:2px; margin:0; padding:0; font-size:10px;}

.Product strike{}
div.dalsie{clear:both; text-align:right; padding:5px; font-weight:bold;}

#anv .ShopIntro {margin:0; clear: both; width:940px; padding:9px 0 0 0; overflow:hidden;}
#anv .ShopIntro h2 {color:#fff; font-size:25px; font-weight:bold; margin:0 0 6px 0; padding:3px 20px; text-align:left; background:#6c6c6c; letter-spacing:-1px;}
#anv .ShopIntro h3 {padding:3px; margin:0; text-align:center; line-height:normal; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
#anv .ShopIntro h3 a {font-size: 11px; font-weight: bold; text-decoration:none;}
#anv .ShopIntro h3 a:hover {}
#anv .SellOuts, #anv .Actions, #anv .News, #anv .MostSaleable {text-align: center; margin-bottom:1em; overflow: hidden; clear:both;}
#anv .SellOuts .Row, #anv .Actions .Row, #anv .News .Row {text-align: center; clear: both; padding: 0 0 4px 0; width: 948px; background: transparent; overflow:hidden;}
#anv .SellOuts .Product, #anv .Actions .Product,  #anv .News .Product {float: left; display: inline; width:174px; text-align: center; height:210px; overflow:hidden; border:3px solid #6c6c6c; margin:0 4px; background:#c4c4c4 url(images/bg_product_intro.jpg) repeat-x 0 120px;}

#anv .ShopIntro .Product .ProductImage {width:174px; padding:0; height:120px; background-color:#FFF; position:relative;}
#anv .ShopIntro .Product img { margin: 0 auto;}
#anv .ShopIntro .Product .ProductPrice {margin:0; padding:2px 0 0 0; color:#535353; line-height:normal;}
#anv .ShopIntro .Product .ProductPrice dt {font-size:11px; margin:0; padding:0;}
#anv .ShopIntro .Product .ProductPrice dd {padding:2px; margin:0; padding:0; font-size:10px;}
#anv .ShopIntro .Product .ProductPrice dd.cena{font-size:11px;}

.category-name{font:normal 18px Arial, Helvetica, sans-serif; padding:5px 15px; clear:both; width:455px; color:#FFF; background-color:#8f1f42;}

.ShopIntro .ProductImage a{display:block; height:120px; width:120px; line-height:120px; text-align:center; margin:0 auto;}
.ShopIntro .ProductImage .center{
	display:table-cell;
	width:120px;
	height:120px;
	vertical-align:middle;
	}
.ShopIntro .ProductImage img{
	vertical-align:middle;
	margin:0 auto;
	}

.ShopIntro .ProductImage .center span{
	_display: inline-block;
	_height: 100%;
}

/* ShopProductViewProduct - detail produktu
---------------------------------------------------------- */
.ShopProductView{width: 100%; font-size: 11px; clear: both;}
.ShopProductView  h1{color:#FFFFFF; margin:0; padding:5px 15px; background-color:#8f1f43;}
.ShopProductView  h2{margin:0; padding:0; font-size:16px; color:#8f1f43;}
.ShopProductView  h3, h3.inkat{margin:0; padding:0; font-size:13px;}
h3.inkat{padding:10px 0 0 0;}
.ShopProductView .Product{margin:0 auto; width:485px; position: relative;}

.ShopProductView  .ProductDescription{clear:both; width: 485px; margin:0 0 6px 0; font-size: 11px; padding-top:5px;}
.ShopProductView  dl{font-weight: normal; width: 320px; padding: 0; margin:0; overflow:hidden; background:url(images/2px.gif) repeat-x left bottom; float:left;}
.ShopProductView  dt{float: left; width: 70px; padding: 2px 5px; margin: 0; font-size:11px; clear: both; background:url(images/2px.gif) repeat-x 0 0;}
.ShopProductView  dd{float: left; width: 230px; padding: 2px 5px; margin: 0; font-size:11px; background:url(images/2px.gif) repeat-x 0 0;}

.ShopProductView .MoreParameters dl{width:485px;}
.ShopProductView .MoreParameters dt{width:100px;}
.ShopProductView .MoreParameters dd{width:365px;}

#kontaktParameters{float:right; width:165px; background:url(images/2px.gif) repeat-x left bottom; overflow:hidden;}
#kontaktParameters div{background:url(images/2px-u.gif) repeat-y 0 0; overflow:hidden;}
#kontaktParameters div.cleaner{background:none;}
#kontaktParameters div div{text-align:right; padding: 2px 10px 2px 5px; margin: 0; font-size:11px; background:url(images/2px.gif) repeat-x 0 0;}

.ShopProductView  dd div{float: left; margin-right: 5px; padding: 0 4px;}
.ShopProductView  dd strike{display: inline;}
.smalldescription{width:485px; clear:both; padding:5px 0;}
.smalldescription .popis{font:bold 16px Arial, Helvetica, sans-serif; display:block;}
.ShopProductView  .ProductImage {width: 481px; text-align: center;  margin:6px 0; overflow: hidden; border:2px solid #c5c5c5; position:relative;}
.ShopProductView  .ProductImage img{margin: 0 auto; width: auto;}

.ShopProductView h3{clear: both; font-weight: bold;}
.ShopProductView .DetailDescription{text-align: left; padding-top:5px; clear:both;}
.ShopProductView strike{display: inline;}

.ShopProductView .ProductButtons{margin: 0 0 5px 0; padding:3px 10px; width:465px; clear:both; background-color:#515151; overflow:hidden; color:#b9b9b9;}
.ShopProductView .ProductButtons .icons{float:right;}
.ShopProductView .ProductButtons .addtocartbox{float:left; padding-top:2px; width:250px;}
.ShopProductView .ProductButtons .addtocartbox img{float:left;}
.ShopProductView .ProductButtons label{padding-right:15px; float:left;}
.ShopProductView .ProductButtons img{margin: 0 0 0 4px;}
.ShopProductView .ProductButtons p{ margin: 0 auto; padding:0; text-align:center;}
.ShopProductView .ProductButtons a{text-decoration:none; color:#FFF; text-decoration:underline;}
.ShopProductView .ProductButtons a:hover{text-decoration:underline;}

.Attachments{clear:both; padding:10px 0;}
.Attachments dl{width:480px; margin:0 auto;}
.Attachments dl dt{width:170px;}
.Attachments dl dd{width:290px;}

.BackLink{ margin: 0 0 12px 0; font-weight: bold; text-align:center; }

#Quantity{border:1px inset #d5d5d5; width:35px; padding:1px; font-size:11px; float:left;}

.sticker-action, .sticker-sellout, .sticker-new, .sticker {display:block; width:80px; height:52px; overflow:inherit; position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-position:0 0;}
.sticker-action, .Actions .sticker{background-image:url(images/s-akcia.gif);}
.sticker-sellout, .SellOuts .sticker{background-image:url(images/s-vypredaj.gif);}
.sticker-new, .News .sticker{background-image:url(images/s-novinka.gif);}


/* Sposob zobrazenia - ikony
---------------------------------------------------------- */

.Obchod_Produkt_Ikony {clear: both;   color:#FFFFFF;}
table.Obchod_Produkt_Ikony{border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear: both; border: 1px solid #616831;}
table.Obchod_Produkt_Ikony td{padding: 8px 0; font-size: 12px; text-align:center; border:1px solid #616831;}
table td.Obchod_Product_Name{width: 24%; padding:5px; }
table .Obchod_Product_Name a{color:#cbbd78; text-decoration:none;}
table .Obchod_Product_Name a:hover{color:#fff; text-decoration:none;}
table.Obchod_Produkt_Ikony img{ margin: 0 auto; border:2px solid #d5c67e;}



/* Sposob zobrazenia - zoznam
---------------------------------------------------------- */
.ShopDivViewList{ clear: both; }
.ShopDivViewList table{ width: 100%; clear: both; margin: 1em 0; font-size: 12px; border-collapse: collapse;   color:#FFFFFF;}
.ShopDivViewList table thead{}
.ShopDivViewList table th{ padding: 4px; background:url(images/bg_nadpis.jpg) repeat-x 0 0; border:1px solid #616831;}
.ShopDivViewList table td{ padding: 1px 4px;  border:1px solid #616831; vertical-align:middle; }
.ShopDivViewList table tr.even td{}

.ShopDivViewList table td a{color:#cbbd78; text-decoration:none;}
.ShopDivViewList table td a:hover{color:#fff; text-decoration:none;}
.ShopDivViewList input{border:1px inset #999; width:40px; padding:1px; text-align:center; }


/* Sposob zobrazenia - podrobny pohlad
---------------------------------------------------------- */
.ShopDetailView {padding:0; clear: both; width:485px; overflow: hidden;}
.ShopDetailView .Product{margin: 6px 0 10px 0; text-align: left; clear: both; width:485px; overflow: hidden; position:relative;}
.ShopDetailView .Product h2{margin:0; font:bold 12px Arial, Helvetica, sans-serif; padding:5px 100px 5px 15px; clear:both; width:370px; color:#FFF; background-color:#8f1f42;}

.ShopDetailView .Product h2 a{text-decoration:none; color:#fff;}
.ShopDetailView .Product h2 a:hover{color:#fff; text-decoration:underline;}

.ShopDetailView .Product h3{color:#666666; margin:0; padding:0; font-size:13px;}

.ShopDetailView .ProductDescription{float: left; width: 350px; margin: 6px 0; padding-left:5px; display: inline; font-size: 11px;}
.ShopDetailView dl{font-weight: normal; width: 350px; padding: 0; margin:0; overflow:hidden; background:url(images/2px.gif) repeat-x left bottom;}
.ShopDetailView dt{float: left; width: 65px; padding: 2px 5px; margin: 0; font-size:11px; clear: both; background:url(images/2px.gif) repeat-x 0 0;}
.ShopDetailView dd{float: left; width: 265px; padding: 2px 5px; margin: 0; font-size:11px; background:url(images/2px.gif) repeat-x 0 0;}

.ShopDetailView dd div{float: left; margin-right: 5px; padding: 0 4px;}
.ShopDetailView dd strike{display: inline;}
.smalldescription{width:485px; clear:both; padding:5px 0;}
.smalldescription .popis{font:bold 16px Arial, Helvetica, sans-serif; display:block;}
.ShopDetailView .ProductImage {width: 120px; float: left; text-align: center;  margin:6px 0;  display: inline; overflow: hidden; position:relative; border:2px solid #c5c5c5;}
.ShopDetailView .ProductImage a{display:block; text-align:center;}
.ShopDetailView .ProductImage img{margin: 0 auto; width: auto;}

.ShopDetailView .ShopIcons{margin: 0; padding:3px 10px; width:465px; clear:both; background-color:#515151; overflow:hidden; color:#b9b9b9;}
.ShopDetailView .ShopIcons .icons{float:right; width:180px; text-align:right;}
.ShopDetailView .ShopIcons .icons a{_float:left; _white-space:nowrap;}
.ShopDetailView .ShopIcons .addtocartbox{float:left; padding-top:2px; width:250px;}
.ShopDetailView .ShopIcons .addtocartbox img{float:left;}
.ShopDetailView .ShopIcons label{padding-right:15px; float:left;}
.ShopDetailView .ShopIcons img{margin: 0 0 0 4px; float:right; _float:none;}
.ShopDetailView .ShopIcons p{ margin: 0 auto; padding:0; text-align:center;}
.ShopDetailView .ShopIcons a{text-decoration:none; color:#FFF; text-decoration:underline;}

.Quantity{border:1px inset #d5d5d5; width:35px; padding:1px; font-size:11px; float:left;}
.Action, .SellOut, .New {font-size:11px; color:#fff; text-transform:lowercase; font-weight:bold; position:absolute; top:5px; right:10px;}

.ShopDetailView .sticker-action, .ShopDetailView .sticker-sellout, .ShopDetailView .sticker-new {display:block; width:80px; height:52px; overflow:inherit; position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-position:0 0;}
.ShopDetailView .sticker-action{background-image:url(images/s-akcia.gif);}
.ShopDetailView .sticker-sellout{background-image:url(images/s-vypredaj.gif);}
.ShopDetailView .sticker-new{background-image:url(images/s-novinka.gif);}

.CustomSort{float:right;}

/* Registracia + login
---------------------------------------------------------- */
.Shop-login{ padding:0 5px; margin: 0;  background:url(images/ico_user.gif) no-repeat 0 0; padding-bottom:2px; padding-left:20px; color:#FFF;}
.Shop-login p{  margin:0; padding:2px 5px;}
.Shop-login a { text-decoration:underline; color:#fff; font-weight: bold;}
.Shop-login a:hover {text-decoration:none; color:#E04C7C;}

/* Kosik
---------------------------------------------------------- */
#kosik{float:right; color:#fff; background:url(images/ico_kosik.gif) no-repeat 0 0; padding-left:20px; padding-bottom:2px;}
#kosik span{padding:0 3px;}
#kosik .kosik{font-weight:bold; display:none;}
#kosik .kosik-obsah{}
#kosik .kosik-cena {font-weight:bold;}
.kosik-mena2{font-size:10px;}
#kosik a {text-decoration:underline; color:#fff;}
#kosik a:hover {text-decoration:none; color:#E04C7C; cursor:pointer;}


/*---------------------------------------------------------- */
/* Kosik - vnutro
---------------------------------------------------------- */

.kosik-vnutro{clear: both; }
.kosik-vnutro caption{
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
	border-bottom: 0px;
	padding: 3px 5px;
	color:#FFFFFF;
	background:#6C6C6C;
}

.kosik-vnutro caption a{ font-size:13px; color:#FFFFFF; text-decoration:none; }
.kosik-vnutro caption a:hover{ text-decoration:underline; }


.kosik-vnutro table{width: 99%; border-collapse: collapse; margin: 0 0 15px 2px; font:normal 11px Arial, Helvetica, sans-serif !important;  border:1px solid  #999999;}
.kosik-vnutro table td{
	padding: 5px;
	vertical-align: top;
	font-size:11px !important;
	border:1px solid  #999999;
}
.kosik-vnutro table input{border:1px inset #404040; width:40px; padding:1px;}
.nowrap{ white-space: nowrap;}
.kosik-vnutro table th{padding: 5px; border:1px solid #999999;}

#total-price{margin:15px 0; padding:5px 10px; border:1px solid #999999; background:#eee; text-align:right;}
#total-price strong{padding-right:15px;}

/* Kosik - vnutro - finish
---------------------------------------------------------- */

#kosik-finish{ clear: both; }

#kosik-finish{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#kosik-finish td{
	border: 1px solid #999999;
	padding: 2px 3px;
}
#kosik-finish th{
	background-color:#999999;
	padding: 3px;
}
#kosik-finish #total-price{text-align: right;}

#kosik-finish #comment{
	padding: 5px;
	margin: 10px 0;
	text-align:left;
	border:1px solid #999999;
	background-color:#eee;	
}

#kosik-finish #comment textarea, 
#kosik-finish #comment label{margin: 5px 0;}
#kosik-finish #comment textarea{font-size:11px; width:460px; border:1px solid #999999;}

#kosik-finish .payment{
	border: 1px solid #999999;
	padding: 5px 0;
	margin: 3px 0;
	background: #999999;
}

.kosik-finish {border-collapse:collapse; font-size:12px; width:99%; margin-left:2px;}
.kosik-finish th{background-color:#6C6C6C; padding:2px 4px; font-weight:normal; font-weight:bold; color:#FFFFFF; font-size:11px;}

.kosik-finish td{border:1px solid #999999; padding:2px 4px; }
.dakujeme{padding:10px; }

/* Registracia + login
---------------------------------------------------------- */

#shop-registracia {clear: both;  padding:10px;}
#shop-registracia form {clear: both; }
#shop-registracia form b {}
#shop-registracia legend {font-weight: bold; padding:3px 5px; color:#666; border:1px solid #999;}
#shop-registracia fieldset {border: 1px solid #999; padding: 6px; margin: 6px 0 10px 0;}
#shop-registracia table {width:70%;}
#shop-registracia table td{padding:0 2px; width:50%;}
#shop-registracia table td input{border:1px outset #5e652e; width:200px;}

.zakaznik{font-weight:bold;}
.logout a{}

.Obchod_Content_Login {width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 12px; padding:10px;}
.Obchod_Content_Login td{ padding: 5px 10px; vertical-align: top;}

/************* order-in ******************/
.order-in{
	border-collapse:collapse;
	border:1px solid #999999;
	width:99% !important;
	font-size:12px;
	margin-bottom:10px;
	margin-left:2px;
	}
.order-in caption{
	margin-bottom:5px;
	font-weight:bold;
	}

.order-in td, .order-in th{
	border:1px solid #999999;
	padding:2px 5px;
	}

.order-in th{background-color:#999999; }

#order{width:99%; border-collapse:collapse; margin-top:2px; margin-left:2px; }

#order td{padding:2px 5px; border:1px solid #999999;}

.ConfirmOrder{border-collapse:collapse; width:99%; margin-left:2px; margin-bottom:20px;}
.ConfirmOrder td{border:1px solid #999999; padding:2px 4px;}
.ConfirmOrder th{border:1px solid #999999; padding:2px 4px; background-color:#6C6C6C; color:#FFFFFF;}
.warning{color:#FF0000;}

#konverzny-kurz{padding:2px; font-size:11px; margin-top:10px; background:#999999; color:#FFFFFF;}
#konverzny-kurz span{display:block; text-align:center;}
.NoSearchProducts{display:block; clear:both;}

/*********************************************************/
#box1, #box2, #box3 {width:310px; height:455px; float:left;}
#box2{padding:0 5px;}

h2.box1, h2.box2, h2.box3{margin:0; padding:0 0 6px 0;}
h2.box1 a, h2.box2 a, h2.box3 a{
		display:block;
		width:310px;
		height:197px;
		text-indent:-9999px;
		overflow:hidden;
		}
h2.box1 a{background-image:url(images/t1.jpg);}
h2.box2 a{background-image:url(images/t2.jpg);}
h2.box3 a{background-image:url(images/t3.jpg);}

h2.box1 a:hover, h2.box2 a:hover, h2.box3 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#clanok-1, #clanok-2, #clanok-3{
	width:264px;
	height:207px;
	padding:20px;
	border:3px solid #bbbbbb;
	overflow:hidden;
	font-size:11px;
}

#clanok-1 img, #clanok-2 img, #clanok-3 img{border:2px solid #FFF; float:right;}
#clanok-1 p, #clanok-2 p, #clanok-3 p{margin:0; padding:0;}
#clanok-1 div div, #clanok-2 div div, #clanok-3 div div{clear:both; text-align:right;}

#clanok-1 {background-color:#ebebeb;}
#clanok-2 {background-color:#e5eef2;}
#clanok-3 {background-color:#e0f3e3;}

#clanok-1 h3, #clanok-2 h3, #clanok-3 h3{font-size:13px; margin:0; padding:0 0 10px 0; text-transform:uppercase;}

#clanok-1 h3{color:#8f1f43;}
#clanok-2 h3{color:#476eb7;}
#clanok-3 h3{color:#009036;}


/* Formular
-------------------------------------------------------*/

.QuerySheet{
	width:370px;	
	margin-left:15px;		
}

.QuerySheetTitle {
	text-align:center;
}

.QuerySheetSectionTitle {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c1d7bd;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #C1D7BD;
}

.QuerySheet .sj-var-string {width:200px;border: 1px solid #C1D7BD;}

.QuerySheetFoot{
	background-color:transparent;
	text-align:center;
	padding-top:20px;
}
.QuerySheetTitle{
	background-color:transparent;
	text-align: left; 
	font-size: 1.2em; 			
	padding: .3em 0;
	
}
.QuerySheetAnswer{text-align:right;}
.QuerySheetAnswerRequired, .QuerySheetQueryRequired{color:#FF0;}

.EquivalentProducts{clear:both; width:100%;}
.EquivalentProduct{float:left; width:33%; text-align:center; padding:5px 0;}
.EquivalentProduct div{text-align:center; padding:3px;}
.EquivalentProduct img{}

.EquivalentProduct .ProductImage{height:120px; background-color:#FFFFFF; border:1px solid #CCCCCC; margin:0 auto; width:120px; overflow:hidden;}

.Gallery{width: 100%; margin: 1em 0; text-align: center; clear:both; overflow:hidden;}
.Gallery h3{text-align:left;}
.Gallery .Row{clear:both;}
.Gallery .Row .Photo{text-align:center; float:left; width:33%; padding:5px 0; overflow:hidden;}
.Gallery .Row .Photo img{
	border: 1px solid #cccccc;
	padding:3px;
	background-color:#FFFFFF;
	}
	
/* Rozsirene vyhladavanie
---------------------------------------------------------- */
#addonsearch{ padding: 6px; border:1px solid #ccc; background-color:#f6f6f6; padding:10px; margin-bottom:10px;}
#addonsearch td{padding:2px 0; vertical-align:top;}
#addonsearch .col1{width:40%;}
#addonsearch .col2{text-align:right;}
#addonsearch .col2 select{width:205px; margin-left:5px;}
#addonsearch .col2 input{border:1px outset #5e652e; width:200px; margin-left:5px; font-size:11px;}