/*

File: master style style sheet for wwww.parkettplus.sk

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

Date: 2. Marec 2009

*/

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

h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0 0 5px 0; line-height:normal; color:#c71d22;}
h1{font-size:18px; font-weight:normal;}
h2{font-size:16px;}
h3{font-size:14px; padding:5px 0;}
h4{font-size:12px; padding:5px 0;}
form{margin:0; padding:0;}

ul, ol{margin:5px 0 5px 30px; padding:0;}
p{padding:0 0 20px 0; margin:0;}
address{font-style:normal; margin:0; margin-bottom:15px; font-size:12px;}
table{font-family:Arial, Helvetica, sans-serif;}
select{font-size:11px;}
option{padding-right:10px;}

a img{border:none;}
a{color:#666; text-decoration:underline; outline:none;}
a:hover{color:#c71d22; text-decoration:underline;}

.cleaner{clear:both;}
.XHTMLBeforeCategory{padding-top:5px;}
.categoryname{background:url(images/1px.jpg) repeat-x 0 8px; overflow:hidden; height:20px;}
.categoryname h2{margin:0; padding:0 10px 0 20px; background:#fff url(images/1x1x2px.jpg) no-repeat 4px 7px; float:left; font-size:12px;}
#container-out{text-align:center;}
#container{text-align:center; background:url(images/bg_top.jpg) repeat-x 0 30px; position:relative;}
#container-in{
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;
	clear:both;
	}

#head-container{position:relative; height:26px; padding-top:4px; width:950px; margin:0 auto; overflow:hidden;}

#head{
	width:950px;
	height:34px;
	position:relative;
	}

#head h1, #head #logo{margin:0; padding:0; position:absolute; top:0; left:0; width:152px; height:34px;}
#head h1 a, #head #logo a{display:block; width:152px; height:34px; text-indent:-9999px; overflow:hidden; background:url(images/logo.gif) no-repeat 0 0;}

#wrapper{width:650px; float:left; overflow:hidden;}

#left{
	float:left;
	width:150px;
	padding:10px 0;
	}

#content{
	float:right;
	width:480px;
	padding:10px;
	}
	
#page10271 #content,
#page10272 #content{
	width:490px;
	padding:10px 5px;
}

#right{
	float:right;
	width:300px;
	padding:10px 0;
	}

#footer{
	clear:both;
	padding:5px 0;
	border-top:1px solid #cccccc;
	}

#footer p{
	margin:0;
	padding:5px 0;
	text-align:center;
	font-size:11px;
	clear:both;
	}
	
#footer p a{text-decoration:none;}
#footer p a:hover{text-decoration:underline;}
#paticka{padding:5px; text-align:center;}
#paticka ul{margin:0 0 0 265px; padding:0; border-left:1px solid #999; height:17px;}
#paticka ul li{margin:0; padding:0; float:left; padding:0 5px; border-right:1px solid #999; list-style:none;}
#paticka ul li a{text-decoration:none; color:#d41c0b;}
#paticka ul li a:hover{text-decoration:underline; color:#d41c0b;}


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

#main-menu{
	position:absolute;
	left:160px;
	z-index:50;
}

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


#main-menu a {
	display:block;
	float:left;
	height:25px;
	padding:9px 15px 0 15px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#main-menu li a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background:#828384 url(images/sipka-hore.gif) no-repeat center bottom;
}


#main-menu li { /* all list items */
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

#main-menu li ul { /* second-level lists */
	position: absolute;
	left: -9999em;
	text-transform: none;
	padding: 0;
	margin:0;
	top:34px;
	z-index:60;
	border-top:1px solid #FFFFFF;
	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;
    border-bottom:1px solid #fff;
}


#main-menu li ul li a:hover{
	color: #fff;
	background:#a8a9a9 url(images/sipka-doprava.gif) no-repeat 0 8px;
}

#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 */
	display:none !important;
}

#flags{position:absolute; top:0; right:0; width:100px;}
#flags ul{margin:0; padding:0; float:right;}
#flags ul li{float:left; list-style:none; padding:8px 5px;}
#flags ul li a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	padding-right:20px;
}
#ml-sflags-en a{background:url(images/en.gif) no-repeat right center;}
#ml-sflags-sk a{background:url(images/sk.gif) no-repeat right center;}

.score{display:none;}
.sjSearchResult ul{margin:0; padding:0;}

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

/***************** sjm-s-kategorie **************************************/
#kategorie{margin-bottom:10px;}
#kategorie h2{background:url(images/head-box.jpg) repeat-y 0 0; font:bold 12px Arial, Helvetica, sans-serif; margin:0; padding:5px 10px; color:#FFFFFF;}
#kategorie ul{
	margin:0;
	padding:0;
	background:url(images/bg_kat.jpg) repeat-y 0 0;
	}
	
#kategorie ul li{
	list-style:none;
	margin:0;
	padding:0;
	background:url(images/bg_kat_li_bottom.jpg) no-repeat center bottom;
	}

#kategorie ul li a{
	display:block;
	width:130px;
	padding:5px 5px 5px 15px;
	color:#828384;
	text-decoration:none;
	font-size:11px;
	background:url(images/licko.gif) no-repeat 5px 12px;
	}

#kategorie ul li a:hover{
	color:#cc0000;
	font-weight:bold;
	text-decoration:none;
	background:url(images/licko.gif) no-repeat 5px 12px;
	}



/************* druhy level ************************/

#kategorie ul li ul{
	margin:0;
	padding:0;
	background:url(images/bg_kat_ul_2.jpg) repeat-y 0 0;
	}

#kategorie ul li ul li{
	}

#kategorie ul li ul li a{
	padding:5px 5px 5px 25px;
	width:120px;
	background:url(images/kat-li-2.gif) no-repeat 5px 12px;
	}

#kategorie ul li ul li a:hover{
	background:url(images/kat-li-2.gif) no-repeat 5px 12px;
	}

/************* treti level ************************/

#kategorie ul li ul li ul{
	margin:0;
	padding:0;
	background:url(images/bg_kat_ul_3.jpg) repeat-y 0 0;	
	}

#kategorie ul li ul li ul li{
	}

#kategorie ul li ul li ul li a{
	padding:5px 5px 5px 35px;
	width:110px;
	background:url(images/kat-li-3.gif) no-repeat 5px 12px;
	}

#kategorie ul li ul li ul li a:hover{
	background:url(images/kat-li-3.gif) no-repeat 5px 12px;
	}

/************* stvrty level ************************/

#kategorie ul li ul li ul li ul li a{
	padding:5px 5px 5px 45px;
	width:100px;
	background:url(images/kat-li-3.gif) no-repeat 15px 12px;
	}

#kategorie ul li ul li ul li ul li a:hover{
	background:url(images/kat-li-3.gif) no-repeat 15px 12px;
	}


	
/******************** koniec sjm-s-kategorie ******************************/
.basic002{width:auto; position:static; margin:0; padding:0;}
.basic002 .content{margin:0; padding:0;}
#content .title{padding-top:5px;}

#container-in .basic002 .content{padding:0 0 10px 0;}
#searcher{
	height:30px;
	float:right;	
	}
#searcher div, #searcher form{display:inline;}
input.SearchInput{font-size:11px; border:1px inset #404040; padding:2px;}
input.SearchSubmit{width:21px; height:21px; text-indent:-9999px; overflow:hidden; margin:0; padding:0; background:url(images/lupa.gif) no-repeat 0 0; cursor:pointer; border:none;}
input.SearchSubmit:hover{background:url(images/lupa-h.gif) no-repeat 0 0;}

	
/* Vyhladavanie vysldky

---------------------------------------------------------- */
.UniSearch .Pages{ padding: 4px 0; text-align: left; width: 100%; color: #333; font-size: .9em;  }
.UniSearch .Pages span{ font-weight: bold; float: left; display: block; }
.UniSearch ul{margin:0 0 0 20px; padding:0;}
.UniSearch .Pages ul{ padding: 0 3px; margin: 0; }
.UniSearch .Pages ul li{ display: inline; margin: 0 3px; }
.UniSearch .Pages ul li b,
.UniSearch .Pages ul li a{ border: 1px solid #DE3024; padding: 0 3px; }
.UniSearch .Pages ul li a:visited{ border: 1px solid #DE3024; padding: 0 3px;  }
.UniSearch .Pages ul li a:hover{ border: 1px solid #feed20; background: #ffff00; color: #DE3024; }

.ResultsCount{ font-weight: bold; margin: 1em 0; }

.UniSearch ul h3{ margin: 1em 0 0 0; padding: 0; }
.UniSearch ul p{ margin: 0; padding: 0; }



/* Nadradene sjm-s-kategorie - cesta

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

#cesta, .ShopProductParentCategories{position:absolute; top:-23px; left:0; padding-left:15px; background:url(images/li-produkt.jpg) no-repeat 5px 4px; height:20px;}
#cesta ul, .ShopProductParentCategories ul{ margin:0 0 2px 0; padding: 0 10px 5px 5px;}
#cesta ul li, .ShopProductParentCategories ul li{ display: inline; padding-right:5px; padding-bottom:4px; margin: 0; font-size:12px; font-weight:bold;}
#cesta ul li a, .ShopProductParentCategories ul li a{color:#666666; font-weight:normal; text-decoration:none;}
#cesta ul li a:hover, .ShopProductParentCategories ul li a:hover{color:#c71d22; text-decoration:underline;}
.ShopCategoryPages{ padding: 8px 0; }

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{ padding: 1px 1px; text-align: left; font-size: 11px; float:left;  color:#959595; height:20px;}
.ShopCategoryPages span{ font-weight: bold; float: left; display: block;}
.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{border: 1px solid #cccccc; color:#cccccc; text-decoration:none;  padding: 0 3px;}
.ShopCategoryPages ul li a:hover{ background:#cccccc; color:#FFFFFF; text-decoration:none;}

.ShopCategoryPages ul li b{color:#ffffff; background:#cccccc; font-weight:normal;}

/* ShopIntro - uvod
---------------------------------------------------------- */

.ShopIntro{ margin: 0; clear: both; }
.ShopIntro h2{margin:0 0 0 0; padding:0; text-align:left; color:#c71d22; font-size:14px;}
.ShopIntro h3{padding: 0; margin:2px 0 0 0; text-align:center; line-height:140%;}
.ShopIntro h3 a{font-size: 11px; font-weight: bold;}
.ShopIntro h3 a:hover{ }


.SellOuts, .Actions, .News, .MostSaleable
{
text-align: center;
margin-bottom:1em;
overflow: auto;
}

.SellOuts .Row, .Actions .Row, .News .Row, .MostSaleable .Row
{
text-align: center;
clear: both;
padding: 0 0 4px 0;
width: 100%;
background: transparent;
}
.SellOuts .RowContent, .Actions .RowContent, .News .RowContent, .MostSaleable .RowContent
{
background: transparent;
width: 100%;
text-align: center;
}
.SellOuts .Product, .Actions .Product, .News .Product, .MostSaleable .Product
{
margin: 3px;
padding: 5px;
float: left;
display: inline;
width:140px;
text-align: center;
}

.ShopIntro .Product img{ margin: 0 auto; border:2px solid #d1d3d4;}


/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
.ShopProductView {width: 480px; font-size: 11px; text-align: center; clear: both;}
.ShopProductView  h2{margin:0; padding:5px 0; font-weight:bold; text-align:left;}

.ShopProductView .Product{ padding:0 10px; text-align:center; margin: 6px auto; width:460px;}

.ShopProductView .ProductDescription{ margin: 0 auto; overflow:hidden; width:460px;  clear:both;}
.ShopProductView .Product dl{font-weight: normal; width: 460px; padding: 0; margin:0; text-align:left; overflow:hidden;}
.ShopProductView .Product  dt{float: left; width: 100px; padding: 0; margin: 0; clear: both;  text-align:left;}
.ShopProductView .Product  dd{float: left; width: 360px; padding: 0; margin: 0;  text-align:left;}
.ShopProductView h3{clear: both; font-weight: bold;}
.ShopProductView .DetailDescription{text-align: left;}

.DetailDescription{
	padding:10px;
	color:#000000;
	background:#d1d3d4 url(images/bg_seda.jpg) repeat-x 0 0;
	margin:5px 0;
	}

.ShopProductView .ProductImage{ padding: 6px 0; overflow: hidden;  margin:0 auto; width:460px;}
.ShopProductView .ProductImage img{margin: 0 auto; border:2px solid #d1d3d4;}

.ShopProductView h3{clear: both; font-size:12px; color:#000000;}

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


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

.Obchod_Produkt_Ikony {clear: both;}
table.Obchod_Produkt_Ikony{ border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear: both; border: 1px solid #e5e5e5;}
table.Obchod_Produkt_Ikony td{ padding: 8px 0; font-size: 11px; text-align: center;  background:#FFFFFF; border: 1px solid #e5e5e5;}
table td.Obchod_Product_Name{ width: 33%; padding: 2px 5px; background-color:#f9f9f9;}
table .Obchod_Product_Name a{ }
table.Obchod_Produkt_Ikony img{ margin: 0 auto; border: 1px solid #d0d0d0; background:#FFFFFF; }



/* Sposob zobrazenia - zoznam
---------------------------------------------------------- */

.ShopDivViewList{clear: both;}
.ShopDivViewList table{ width: 100%; clear: both; margin: 1em 0; font-size: 11px; border-collapse: collapse;}
.ShopDivViewList table thead{background:#959595;}
.ShopDivViewList table th{ padding: 4px;  border: 1px solid #e5e5e5; color:#FFFFFF; font-weight:normal; font-size:11px; }
.ShopDivViewList table td{ padding: 1px 4px; border: 1px solid #e5e5e5; vertical-align:middle; }
.ShopDivViewList table tr.even td{ background-color:#f9f9f9;  }

.ShopDivViewList table td a{}

.ShopDivViewList table td input{border:1px inset #404040; width:35px; padding:1px; text-align:center; font-size:11px;}



/* Sposob zobrazenia - podrobny pohlad

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

.ShopDetailView {padding: 3px 0 12px 0; clear: both;}
.ShopDetailView .Product{text-align: left; clear: both; width:480px; overflow: hidden; border-bottom:1px solid #ddd;}
.ShopDetailView .Product h3{margin:0; padding:5px 0 10px 15px; background:url(images/li-produkt.jpg) no-repeat 0 7px; font-weight:bold;}
.ShopDetailView .Product h3 a{color:#cf0000; font-size:11px; text-decoration:none;}
.ShopDetailView .Product h3 a:hover{color:#cf0000; text-decoration:underline;}

.ShopDetailView .ProductDescription{float: left; width: 320px; font-size:11px; padding-top:5px;}
.ShopDetailView dl{font-weight: normal; width: 320px; padding: 0; margin:0;}
.ShopDetailView dt{float:left; width:100px; padding: 0; margin: 0; clear: both;}
.ShopDetailView dd{float:left; width:220px; padding: 0; margin: 0;}

.ShopDetailView dd div{float: left; margin-right: 5px; padding: 0 4px;}
.ShopDetailView dd strike{display: inline;}

.ShopDetailView .ProductImage {width: 124px; float: left; text-align: center; margin: 6px; display: inline; overflow: hidden; margin:8px 6px;}
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto;  border:2px solid #d1d3d4;}

.Action, .SellOut, .New{color:#FF0000; font-size:11px;}

/* Kosik
---------------------------------------------------------- */
#kosik{ 
	text-align:left; 	
	padding:5px 2px;
	font-size:11px;
	color:#a2a2a5;
	background:url(images/bg_kosik_podklad.jpg) repeat-y 0 0;
	margin-bottom:10px;
}

#kosik span{padding:2px 2px; display:block;}
#kosik span span{display:inline; color:#ce000c;}

#kosik .kosik{display:none;}
#kosik .kosik-obsah{}
#kosik .kosik-cena{}
#kosik a {display:block; width:100%; text-decoration:underline; color:#ce000c; }
#kosik a:hover { text-decoration: none; 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;
	color:#ffffff;
	background:#959595;
}

.kosik-vnutro caption a{color:#ffffff;}
.kosik-vnutro caption a:hover{color:#ffffff; text-decoration:underline;}


.kosik-vnutro table{ width: 100%; border-collapse: collapse; margin: 0 0 15px 0; font:normal 12px Arial, Helvetica, sans-serif !important; 	background:#f2f2f2;}
.kosik-vnutro table td{
	padding: 5px;
	vertical-align: top;
	font-size:11px !important;
}
.kosik-vnutro table input{
	margin: 3px 0;
	padding:1px;
	font-size:11px;
	border:1px inset #404040;
}
.nowrap{ white-space: nowrap; }
.kosik-vnutro table th{padding: 5px; color:#959595;}

#total-price{ margin:15px 0; padding:5px 10px; background-color:#f7f7f7; border:1px solid #dddddd; color:#959595;}

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

#kosik-finish{ clear: both; }

#kosik-finish{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}
#kosik-finish td{
	border: 1px solid #959595;
	padding: 2px 3px;
}
#kosik-finish th{
	background: #959595;
	color:#959595;
	padding: 3px;
}
#kosik-finish #total-price{
	text-align: right;
}
#kosik-finish #comment{
	padding: 5px;
	margin: 10px 0;
	background:#f9f9f9;
	text-align:center;
	border:1px solid #e5e5e5;
}

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

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

.kosik-finish {border-collapse:collapse; font-size:11px;}
.kosik-finish thead{background:url(images/bg_product-head.jpg) 0 0 repeat-y; text-align:center; color:#ffffff;}
.kosik-finish th{
	background: #959595;
	border:1px solid #959595;
	color:#FFFFFF;
	padding:2px 4px;
	font-weight:normal;
	}

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

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

#shop-registracia{ clear: both; }
#shop-registracia form { clear: both; }
#shop-registracia form b{ color:#959595; }
#shop-registracia legend{ font-weight: bold; padding: 0 2px; color:#555555; }
#shop-registracia fieldset { border: 1px solid #e5e5e5; padding: 6px; margin: 6px 0; }
#shop-registracia table { width: 70%; }
#shop-registracia table td{ padding:0 2px; width: 50%; }
#shop-registracia .error{ font-weight: bold; color: #DE3024; }


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

/************* order-in ******************/
.order-in{
	border-collapse:collapse;
	border:1px solid #959595;
	width:100% !important;
	font-size:11px;
	}
	
.order-in caption{
	margin-bottom:5px;
	font-weight:bold;
	}

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

.order-in th{border:1px solid #959595; background-color:#959595;	color:#FFFFFF;}

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

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


.ProductPrice p{margin:0; padding:0;}

/* Formulare
-------------------------------------------------------*/
table.QuerySheet{ width: 100%; border-collapse: collapse; }
table.QuerySheet td{ padding: 5px 8px; border-bottom: 1px solid #fff; background:#d1d3d4 url(images/bg_seda.jpg) repeat-x 0 0; }
.QuerySheetTitle{ color: #000; font-size: 1.1em; padding: 8px 0; background: #fff; }
td.QuerySheetQuery{ text-align: right; width: 30%; padding: 0; }
td.QuerySheetAnswer{ text-align: left; width: 70%; }
table.QuerySheet td input{ width: 200px; }
table .QuerySheetAnswer .sj-var-radio, table .QuerySheetAnswer .sj-var-checkbox{ width: 1em; display: inline; float: left; margin: 2px 4px 0 0; }
table .QuerySheetAnswer div{ float: left; width: 80px; display: inline;}
table.QuerySheet td textarea{ width: 280px; }
th.QuerySheetFoot input{ margin-right: 8px; }
table.QuerySheet td img{ margin: 2px 0; }

td.QuerySheetQuery .QuerySheetQueryRequired, td.QuerySheetQuery .QuerySheetAnswerRequired{ color: #ff0000; }
.QuerySheetFoot{background-color:transparent;}

/********************************  CLANKY ********************************/
.articleSummary{
	border-bottom:1px solid #dddddd;
	margin-bottom:5px;
	padding-top:5px;
	}
.articleSummary p, .article p{padding-bottom:10px; text-align:justify;}
.articleSummary h3{padding-bottom:5px;}
.articleSummaryMore{
	clear:both;
	text-align:right;
	padding:5px 0; 
	}

.NextPages{
	margin:5px 0;
	}

.articleAuthor{
	font-style:italic;
	margin:5px;
	clear:both;
	}

.articleBack{
	clear:both;
	}

img.articleSummaryImg, img.articleArticleImg, img.articleImg{
	float:left;
	margin:0 10px 0 0;
	padding:2px;
	border:1px solid #dddddd;
	}
.clintro{overflow:hidden; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd;}
.clintro .ArtSum{}
.nextlink{text-align:right; font-weight:bold;}
.articleSummary{width: 100%; overflow:hidden; padding-bottom:10px;}
.articleSummary h3{clear:both; margin:0; padding:0 0 4px 0;}
.articleSummary p{margin:0;}

.clanky{padding:0 10px;}
.clanky p{margin:0; padding:0;}
.clanky h3{font-size:12px;}