/*

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

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

Date: 14. April 2008

*/

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

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

form{margin:0; padding:0;}
ul, ol{margin:10px 0 20px 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;}

a img{border:none;}
a{color:#484e53; text-decoration:underline; outline:none;}
a:hover{color:#E9843A; text-decoration:none;}

.cleaner{clear:both;}
.skry{display:none;}

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	}

#head{
	width:950px;
	height:309px;
	position:relative;
	margin-bottom:5px;
	background:url(images/bg_head.jpg) no-repeat left bottom;
	}

#head h1{
	position:absolute;
	width:230px;
	height:82px;
	left:0;
	top:0;
	margin:0;
	padding:0;
	}

#head h1 a{
	display:block;
	width:230px;
	height:82px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo.gif) no-repeat 0 0;
	}
	
#left{
	float:left;
	width:210px;
	}

#content{
	float:left;
	width:530px;
	}

#right{
	float:right;
	width:210px;
	}

#footer{
	clear:both;
	width:950px;
	background:#ffffff url(images/bg_footer.jpg) no-repeat 0 0;
	}

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



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

#main-menu{
	position:absolute;
	width:945px;
	padding-right:5px;
	top:84px;
	left:0px;
	height:42px;
	}

#main-menu ul{
	margin:0;
	padding:0;
	float:right;
	}
	
#main-menu ul li{
	float:left;
	list-style:none;
	height:42px;
	padding-left:1px;
	background:url(images/separator.gif) no-repeat 0 0;
	}

#main-menu ul li a{
	color:#fff;
	display:block;
	float:left;
	height:28px;
	padding:14px 14px 0 14px;
	text-decoration:none;
	text-transform:uppercase;
	font:bold 11px Arial, Helvetica, sans-serif;
	}

#main-menu ul li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(images/menu_hover.jpg) repeat-x 0 0;
	}

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

/***************** sjm-s-kategorie **************************************/
#sjm-s-kategorie{margin-bottom:5px; width:170px; overflow:hidden;}

#sjm-s-kategorie ul, .extra-menu{
	margin:0;
	padding:0;	
	}
	
#sjm-s-kategorie ul li, .extra-menu li{
	list-style:none;
	margin:0;
	padding:0;
	width:170px;
	background:url(images/sipka.gif) no-repeat 0 8px;
	}

#sjm-s-kategorie ul li a, .extra-menu li a{
	display:block;
	padding:2px 5px 3px 15px;
	color:#484e53;
	text-decoration:none;
	overflow:hidden;
	font-size:12px;
	width:150px;
	background:url(images/1px-horizontal.jpg) repeat-x left bottom;
	}

#sjm-s-kategorie ul li a:hover, .extra-menu li a:hover{
	color:#e9843a;
	text-decoration:none;
	background:#f0f1f2 url(images/sipka.gif) no-repeat 0 8px;
	}



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

#sjm-s-kategorie ul li ul{
	margin:0;
	padding:0;
	width:150px;
	padding-left:20px;
	}

#sjm-s-kategorie ul li ul li{
	width:150px;
	}

#sjm-s-kategorie ul li ul li a{width:130px;}

#sjm-s-kategorie ul li ul li a:hover{
	}

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

#sjm-s-kategorie ul li ul li ul{
	width:130px;
	}

#sjm-s-kategorie ul li ul li ul li{
	width:130px;
	}

#sjm-s-kategorie ul li ul li ul li a{
	width:110px;
	}

#sjm-s-kategorie ul li ul li ul li a:hover{
	}



	
/******************** koniec sjm-s-kategorie ******************************/

/**** basix 0002 ****/
.box, #left .basic002, #right .basic002{margin-bottom:5px; background:url(images/bg_box_content.jpg) repeat-y 0 0;}

.box h2, #left .basic002 .title h2, #right .basic002 .title h2{
	text-align:left;
	margin:0;
	padding:10px 0 0 30px;
	height:20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font:bold 11px Arial, Helvetica, sans-serif;
	background:url(images/bg_box-top.jpg) no-repeat 0 0;
	clear:both;
	}

.box .box-content, #left .basic002 .content, #right .basic002 .content{
	background:url(images/bg_box_footer.jpg) no-repeat left bottom;
	padding:10px 20px;
	}
	

#content .basic002 {margin-bottom:5px; background:url(images/bg_box_content_main.jpg) repeat-y 0 0;}

#content .basic002 .title h2 {
	text-align:left;
	margin:0;
	padding:10px 0 0 30px;
	height:20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font:bold 11px Arial, Helvetica, sans-serif;
	background:url(images/bg_box_head_main.jpg) no-repeat 0 0;
	clear:both;
	}

#content .basic002 .content {
	background:url(images/bg_box_footer_main.jpg) no-repeat left bottom;
	padding:10px 20px;
	}


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



.search{margin:0; padding:0;}
.search input{font-size:11px; width:150px;}
.search .submit input {margin:0; font-size:11px; width:auto;}
.search .advance{ font-weight: bold; }
.search select {font-size:11px; width:155px;}
.search p{margin:5px 0; padding:0;}

/* Nadradene sjm-s-kategorie - cesta

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

.ShopProductParentCategories { text-align:left; clear:both; padding:5px 0 2px 0; margin:2px 10px; background:url(images/1px-horizontal.jpg) left bottom repeat-x; overflow:hidden; }
.ShopProductParentCategories ul{ margin:0 0 2px 0; padding: 0 10px 0 5px;}
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; padding-bottom:4px; margin: 0; font-size:14px; font-weight:bold; }
.ShopProductParentCategories ul li a{ font-weight:bold;  color:#515151; text-decoration:underline;}
.ShopProductParentCategories ul li a:hover{color:#ff9547;}
.ShopCategoryPages{ padding: 8px 0; }

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{ padding: 4px 15px; text-align: left; font-size: 11px; float:left;  }
.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 #b5babd; color:#b5babd; text-decoration:none;  padding: 0 3px;}
.ShopCategoryPages ul li a:hover{ background:#b5babd; color:#FFFFFF; text-decoration:none;}

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

/* Sposob zobrazenia

---------------------------------------------------------- */
.ViewType{padding: 1px 0px; margin:0 10px 0 0; text-align: right; font-size:11px; float:right;}
.ViewType p, .ViewType form{ display: inline; padding:2px 0; }
.ViewType label{ padding-right: 5px; }
.TypeTitle{padding-right: 4px; }
.ViewType select{font-size:11px;}

/* Mena
---------------------------------------------------------- */

.ChangeCurrency{ clear:both; 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

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

.ShopIntro{ margin: 0; clear: both; color:#7f7f7f;}
.ShopIntro h2{
	margin:0;	
	clear:both;
	text-align:left;
	padding:10px 0 0 30px;
	height:20px;
	text-transform:uppercase;
	color:#FFFFFF;
	font:bold 11px Arial, Helvetica, sans-serif;
	background:url(images/bg_box_head_main.jpg) no-repeat 0 0;
	}
.ShopIntro h3{padding:4px 0; text-align:center; border-top:5px solid #b5babd;}
.ShopIntro h3 a{font-size: 11px; font-weight: bold; color:#525e64; text-decoration:none;}
.ShopIntro h3 a:hover{color:#e9843a;}

.SellOuts, .Actions, .News, .MostSaleable
{
	margin-bottom:5px;
	clear:both;
	width:530px;
	overflow:hidden;
	background:url(images/bg_box_content_main.jpg) repeat-y 0 0;
}

.ShopIntro .box-content{background:url(images/bg_box_footer_main.jpg) no-repeat left bottom; padding-bottom:5px; width:530px; overflow:hidden;}

.SellOuts .Row, .Actions .Row, .News .Row, .MostSaleable .Row
{
text-align: center;
clear: both;
padding: 0 0 4px 0;
width: 100%;
}
.SellOuts .RowContent, .Actions .RowContent, .News .RowContent, .MostSaleable .RowContent
{
width: 520px;
padding:0 5px;
text-align: center;
}
.SellOuts .Product, .Actions .Product, .News .Product, .MostSaleable .Product
{
margin: 3px;
padding:0 5px 5px  5px;
float: left;
display: inline;
width:155px;
min-height:225px;
_height:225px;
text-align: center;
border:1px solid #b5babd;
}

.ShopIntro .Product .ProductImage{padding-bottom:5px; height:120px; background:url(images/1px-horizontal.jpg) repeat-x left bottom; margin-bottom:5px;}
.ShopIntro .Product img{ margin: 0 auto;}
.ShopIntro .Product .ProductPrice{
	margin:0;
	padding:2px 3px;
	background-color:#f0f1f2;
	text-align:left;
	}

.ShopIntro .Product .ProductPrice dt, .ShopIntro .Product .ProductPrice dd{margin:0; padding:0; font-weight:bold; font-size:11px;}
.ShopIntro .Product .ProductPrice dt{padding-left:10px; background:url(images/sipka-z.jpg) no-repeat 0 6px;font-weight:normal;}
.ShopIntro .Product .ProductPrice dd{padding-left:10px;}
.ShopIntro .Product .ProductPrice dd small{font-size:10px;}

.ShopIntro .Product .ProductPrice dt.nasa, .ShopIntro .Product .ProductPrice dd.nasa{font-weight:bold; color:#cc0000; font-size:12px;}
.ShopIntro .Product .ProductPrice dt.nasa{font-weight:normal;}


/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
.ShopProductView {width: 510px; font-size: 11px; text-align: center; clear: both; margin:0 10px;}
.ShopProductView  h2{margin:0; padding:5px 0; font:normal 22px Arial, Helvetica, sans-serif; text-align:center;}

.ShopProductView .Product{text-align:center; margin: 0px auto; position: relative;}

.ShopProductView .ProductDescription{margin:5px auto; overflow:hidden; }
.ShopProductView .Product dl{ font-weight: normal; width: 450px; padding: 0; margin:0 auto; overflow:hidden; background:url(images/1px-horizontal.jpg) left bottom repeat-x; }
.ShopProductView .Product dt{ float: left; width: 120px; padding: 2px 0; margin: 1px 0 0 0; font-weight:bold; clear: both; text-align: left; text-indent:5px;  background:url(images/1px-horizontal.jpg) left top repeat-x;}
.ShopProductView .Product dd{ float: left; width: 330px; padding: 2px 0; margin: 1px 0 0 0; text-align: left;  text-indent:0;   background:url(images/1px-horizontal.jpg) left top repeat-x;}
.ShopProductView h3{ clear: both; font-weight: bold; }
.ShopProductView .DetailDescription{ text-align: left; padding:0 15px;}

.ShopProductView .ProductImage {padding: 6px 0; overflow:hidden; text-align: center; margin:0 auto; width:510px;}
.ShopProductView .ProductImage img {margin: 0 auto;}

.ShopProductView dd small{font-size:10px; padding-left:15px;}
.ShopProductView dd.nasa, .ShopProductView dt.nasa{font-weight:bold; color:#cc0000; font-size:12px;}


.ShopProductView h3 {clear: both; }

.ShopProductView .ProductButtons{ display: block; margin: 0 auto; clear: both; padding:0; width:450px;}
.ShopProductView .ProductButtons img{ float: right; margin: 0 0 0 4px; }
.ShopProductView .ProductButtons p{ margin: 0; padding:0; float:right; }

.BackLink{ margin: 0 0 12px 0; font-weight: bold; }
#Quantity{border:1px solid #b5babd; text-align:center; width:30px;}

/* Sposob zobrazenia - ikony

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

.Obchod_Produkt_Ikony {clear: both;}
table.Obchod_Produkt_Ikony{ border-collapse: collapse; width: 510px; margin: 0.5em 10px; text-align: center; clear: both; border:1px solid #e3e3e3;}
table.Obchod_Produkt_Ikony td{ padding: 8px 0; font-size: 11px; text-align: center; border:1px solid #e3e3e3;}
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;}



/* Sposob zobrazenia - zoznam

---------------------------------------------------------- */
.ShopDivViewList{ clear: both; }
.ShopDivViewList table{ width: 510px; margin:0.5em 10px; clear: both; font-size: 11px; border-collapse: collapse;}
.ShopDivViewList table thead{}
.ShopDivViewList table th{ padding: 4px;  border:1px solid #e3e3e3; color:#FFFFFF; font-weight:normal; font-size:11px; background-color:#579cb1;}
.ShopDivViewList table td{ padding: 1px 4px; border:1px solid #e3e3e3; vertical-align:middle; }
.ShopDivViewList table tr.even td{ background-color:#f9f9f9;  }

.ShopDivViewList table td a{}



/* Sposob zobrazenia - podrobny pohlad

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

.ShopDetailView { padding: 3px 10px 12px 10px; clear: both;}
.ShopDetailView .Product{ margin: 0px 0 10px; padding-bottom:8px; text-align: left; clear: both; width:508px; overflow: hidden; border:1px solid #b5babd;}
.ShopDetailView .Product h3{padding:6px 0; margin:0; text-align:left; border-top:5px solid #b5babd; position:relative;}
.ShopDetailView .Product h3 a{font-size: 13px; font-weight: bold; color:#5ea2b5; text-decoration:none;}
.ShopDetailView .Product h3 a:hover{color:#e9843a;}

.ShopDetailView .ProductDescription{ float: right; width: 360px; margin:0 6px; display: inline; font-size: .9em; background:url(images/1px-horizontal.jpg) left bottom repeat-x;}
.ShopDetailView dl{font-weight: normal; width: 360px; padding: 0; margin:0; text-indent:3px;}
.ShopDetailView dt{float: left; width: 120px; padding: 2px 0; margin: 0; clear: both; font-weight: bold;  background:url(images/1px-horizontal.jpg) left top repeat-x; }
.ShopDetailView dd{float: left; width: 240px; padding: 2px 0; margin: 0;  background:url(images/1px-horizontal.jpg) left top repeat-x;}

.ShopDetailView dd div{ float: left; margin-right: 5px; padding: 0 4px; }
.ShopDetailView dd small{font-size:10px; padding-left:15px;}

.ShopDetailView dd.nasa, .ShopDetailView dt.nasa{font-weight:bold; color:#cc0000; font-size:12px;}

.ShopDetailView .ProductImage { width: 120px; height: 120px; float: left; text-align: center;  margin: 6px;  display: inline; overflow: hidden;}
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto; }

.ShopDetailView .ShopIcons{ display: block; margin:0 auto; clear: both; padding: 5px 5px 5px 0;}
.ShopDetailView .ShopIcons img{ float: right; margin: 0 0 0 4px; }
.ShopDetailView .ShopIcons p{ margin: 0; float:right; padding:0; }
.Quantity{border:1px solid #b5babd; text-align:center; width:30px;}
.Action, .SellOut, .New{text-align: right; position: absolute; right: 6px; top: 7px; color:#ff6c00;}

#konverzny-kurz .konverzny-kurz{display:none;}

/* Registracia + login
---------------------------------------------------------- */
.Shop-login{}
.Shop-login p{margin:0; padding:0;}
.Shop-login a {font-weight:normal;}
.Shop-login a:hover {}

#shop-registracia{ clear: both; width:510px; margin:0 10px; }
#shop-registracia form { clear: both; }
#shop-registracia form b{ }
#shop-registracia legend{ font-weight: bold; padding: 0 2px; color:#5299ae;}
#shop-registracia fieldset {border:1px solid #e3e3e3; padding: 6px; margin: 6px 0; }
#shop-registracia table { width: 70%; }
#shop-registracia table td{ padding:0 2px; width: 50%; }
.warning{color: #DE3024;}

.Obchod_Content_Login { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: .9em; }
.Obchod_Content_Login td{ padding: 5px; vertical-align: top; background-color:#F0F1F2; border:2px solid #FFFFFF;}

/* Kosik
---------------------------------------------------------- */
#kosik{ 
	text-align:left; 	
}

#kosik span{display:block;}

#kosik .kosik{display:none;}
#kosik .kosik-obsah{}
#kosik .kosik-cena{}
#kosik a {display:block; width:100%; text-decoration:none; color:#E9843A; text-decoration:underline;}
#kosik a:hover { text-decoration: underline; cursor:pointer; color:#484e53; }

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

/* 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-color:#579cb1;
}

.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 0.9em Arial, Helvetica, sans-serif !important; border: 1px solid #e3e3e3;}
.kosik-vnutro table td{
	padding: 5px;
	vertical-align: top;
	font-size:11px !important;
	border: 1px solid #e3e3e3;
}
.kosik-vnutro table input{
	margin: 3px 0;
}
.nowrap{ white-space: nowrap; }
.kosik-vnutro table th{padding: 5px; border: 1px solid #e3e3e3;}

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

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

#kosik-finish, .ShopContentShowCartTable { clear: both; width:100%;}

#kosik-finish{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}
#kosik-finish td{
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #E3E3E3;
	margin:3px 0;
	padding:5px;
}

#kosik-finish th{
	background-color:#579cb1;
	border: 1px solid #e3e3e3;
	padding: 3px;
	color:#FFFFFF;
}
#kosik-finish #total-price{
	text-align: right;
}
#kosik-finish #comment{
	padding: 5px;
	margin: 10px 0;
	background-color:#F0F1F2;
	text-align:left;
	border:1px solid #e3e3e3;
}

#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 #e3e3e3;}

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

.kosik-finish {border-collapse:collapse; font-size:11px;}
.kosik-finish thead{text-align:center; color:#ffffff;}
.kosik-finish th{border:1px solid #e3e3e3; padding:2px 4px; font-weight:normal; background-color:#579cb1; color:#FFFFFF;}

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

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

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

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

#order{width:510px; margin:5px 10px; border-collapse:collapse; margin-top:2px;}
#order td{padding:2px 5px; border:1px solid #e3e3e3;}

.tab-pane h2{
	clear:none;
	background-image:none;
	}
.ProductPrice p{margin:0; padding:0;}

#conditionsid{margin-right:5px;}
.ConfirmOrder{border-collapse:collapse; width:100%; margin-bottom:20px;}
.ConfirmOrder th{background-color:#579cb1; color:#FFFFFF; padding:2px 4px; border:1px solid #c9d1d6;}
.ConfirmOrder td{border:1px solid #c9d1d6; padding:2px 4px;}

#cartformid, #login, #stepfinish{width:510px; margin:5px 10px;}
#login p{margin:0; padding:5px 0;}


/*********************************   REFERENCIE ****************************************/
.nahlady{
	width:490px;
	float:left;
	}

.nahlady .Description{display:none;}


/* FOTOGALERIA - thumbnails
-------------------------------------------------------*/

.Photo{text-align:center; background-color:#ddd; border:1px solid #ccc; padding:5px;}

.Photo img{}

.Thumbnails{
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#364488;
	width:490px;
}

.CategoryName{font-size:16px; border-bottom:1px solid #5D90CD; color:#3B3C8E; padding-bottom:4px; margin-bottom:10px; font-weight:bold; padding-top:10px;}

.Thmb{
	float:left;
	margin:2px 5px;
	display:inline;
}

.Thumbnails .Row .Thmb .Name {
	display:none;
}

.Thumbnails .Row{clear:both; margin-top:5px; width:490px; height:110px;}
#sjm-d-37579{width:460px; overflow:hidden;}
#sjm-d-37579 .Cat{margin:0; padding:0;}
#sjm-d-37579 .Cat ul{margin:4px 15px; padding:0;}
#sjm-d-37579 .Cat li{list-style:none; background:url(images/sipka.gif) no-repeat 0 6px; padding-left:15px; width:460px;}
.tabulka{border-collapse:collapse;}
.tabulka th, .tabulka td{padding:1px 5px; border:1px solid #eee; text-align:center;}
#sjm-d-39560 ol{margin-bottom:5px;}
#sjm-d-39560 ul{margin-left:60px; margin-top:5px; padding-top:0;}
#sjm-d-39560 h3{margin:0; padding:0;}