/*

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

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

Date: 5. november 2008

*/

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

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


ul, ol{margin:10px 0 20px 30px;}
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:#00074c; text-decoration:underline; outline:none;}
a:hover{text-decoration:none;}

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

option{padding-right:20px;}

img{border-color:#FFFFFF;}

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:#FFFFFF url(images/bg_container.jpg) repeat-y 0 0;
	}

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

#main{position:absolute; top:295px; right:0px; height:83px; width:605px; background-color:#818285; border:1px solid #bdbec0;}
#main-login{position:absolute; top:-41px; right:5px; color:#FFFFFF;}
#main-login ul{margin:0; padding:0;}
#main-login ul li{float:left; list-style:none; padding:0 2px;}
#main-login ul li a{display:block; background-color:#a7a9ac; color:#FFFFFF; padding:5px 10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border:1px solid #a7a9ac;}
#main-login ul li a:hover{background:#818285; color:#FFFFFF; text-decoration:none; border:1px solid #818285;}
#main-login ul li.zakaznik{ padding:5px 10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border:1px solid #22305d; background-color:#22305d;}

#main-kosik{position:absolute; top:0px; right:10px; color:#FFFFFF; font-weight:bold; font-size:14px; width:200px; height:73px; padding-left:50px; background:url(images/kosik.jpg) no-repeat 0 10px; padding-top:10px;}
#main-kosik #kk{position:absolute; bottom:3px; width:200px; text-align:center; color:#081d5b; font-size:11px;}

#head h1{
	position:absolute;
	top:115px;
	left:100px;
	margin:0;
	padding:0;
	}

#head h1 a{
	display:block;
	width:200px;
	height:90px;
	text-indent:-9999px;
	overflow:hidden;
	}


#left{
	float:left;
	width:340px;
	padding:0 0 20px 0;
	}

#content{
	float:left;
	width:575px;
	padding:10px 15px 10px 20px;
	}

#footer{
	clear:both;
	height:25px;
	background:#031959;
	}

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



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

#menu{
	position:absolute;
	top:0px;
	right:0;
	}

#menu ul{
	margin:0;
	padding:0;
	}
	
#menu ul li{
	float:left;
	list-style:none;
	padding-right:15px;
	padding-top:8px;
	padding-bottom:5px;
	padding-left:30px;
	}

#menu ul li a{
	color:#0b215f;
	text-decoration:none;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	}

#menu ul li a:hover{
	color:#0b215f;
	text-decoration:underline;
	}

#mi-smainmenu-9694{background:url(images/ico-domcek.jpg) no-repeat 0 0;}
#mi-smainmenu-9692{background:url(images/ico-kontakt.jpg) no-repeat 0 0;}
#mi-smainmenu-9693{background:url(images/ico-obchodne-podmienky.jpg) no-repeat 0 0;}

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

/***************** sjm-s-kategorie **************************************/
#kategorie{padding:0 20px 0 60px;}

#kategorie ul{
	margin:0;
	padding:0;
	}
	
#kategorie ul li{
	list-style:none;
	margin:0;
	padding:3px 0;
	background:url(images/1px_dotted.jpg) repeat-x bottom left;
	}

#kategorie ul li a{
	color:#00074c;
	text-decoration:none;
	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	text-transform:uppercase;
	background:url(images/sipka.jpg) no-repeat 0px 3px;
	}

#kategorie ul li a:hover{
	color:#00074c;
	text-decoration:underline;
	}



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

#kategorie ul li ul{
	margin:0;
	padding:0;
	}

#kategorie ul li ul li{
	list-style:none;
	margin:0;
	padding:0;
	padding:2px 0 2px 20px;
	background:none;
	}

#kategorie ul li ul li a{
	text-decoration:none;
	padding-left:0px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; 
	background:transparent none;
	}

#kategorie ul li ul li a:hover{
	}

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

#kategorie ul li ul li ul{
	margin:0;
	padding:0;
	}

#kategorie ul li ul li ul li{
	list-style:none;
	margin:0;
	padding:0;
	padding:2px 0 2px 20px;
	background:none;
	}

#kategorie ul li ul li ul li a{
	text-decoration:none;
	padding-left:0px;
	}

#kategorie ul li ul li ul li a:hover{}



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

/**** basix 0002 ****/
.box, .basic002{padding-bottom:15px;}

.box .title{}

.box h2, .basic002 h2{
	text-align:left;
	}

.box .content,  .basic002 .content{padding:5px 10px;}
#content .basic002 .content{padding: 0 0;}


#content .basic002a h2{}

#content .basic002a .content{
	padding:5px 10px;
	}
	

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



.search{margin:0; padding:10px 20px; width:250px;}
.search div{padding:2px 0;}
.search input{font-size:11px; border:1px solid #b3b3b3; width:160px;}
.search input.SearchSubmit {margin:0; font-size:11px; color:#FFFFFF; background-color:#001256; border:none; padding:2px 5px; cursor:pointer; width:80px;}
.search .advance{ font-weight: bold; }
.search select {font-size:11px; width:160px;}
.search p{margin:5px 0; padding: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 .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

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

.ShopProductParentCategories {text-align:left; text-transform:uppercase; background-color:#031959; color:#FFFFFF; padding:3px 10px; margin:0; font:bold 13px Arial, Helvetica, sans-serif;}
.ShopProductParentCategories ul{margin:0 0 2px 0; padding:0;}
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; padding-bottom:4px; margin: 0;}
.ShopProductParentCategories ul li a{ font-weight:bold; color:#FFFFFF;}
.ShopProductParentCategories ul li a:hover{color:#FFFFFF;}
.ShopCategoryPages{padding: 8px 0;}

/* Dalsie strany

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

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

/* Sposob zobrazenia

---------------------------------------------------------- */
.ViewType{padding: 1px 0px; 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; }
.ShopIntro h2{ text-align:left; text-transform:uppercase; background-color:#1c2048; color:#FFFFFF; padding:3px 10px; margin:0; font:bold 13px Arial, Helvetica, sans-serif;}
.ShopIntro h3{padding: 0; margin:2px 0 0 0; padding-bottom:2px;}
.ShopIntro h3 a{font-size: 12px; color:#fff; font-weight:bold;}
.ShopIntro h3 a:hover{}


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

.ShopIntro .Actions h2{color:#FFFF00;}
.ShopIntro .SellOuts h2{color:#00FF00;}
.ShopIntro .News h2{color:#FF0000;}

.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: 5px;
	padding: 7px;
	float: left;
	display: inline;
	width:160px;
	text-align: center;
	background:#1c2048;
}

.ShopIntro .Product .ProductImage{background-color:#FFFFFF;}
.ShopIntro .Product img{ margin: 0 auto;}
.ShopIntro .Product .ProductPrice{
	margin:0;
	padding:2px 0;
	color:#FFFFFF;
	}

.ShopIntro .Product .ProductPrice dt, .ShopIntro .Product .ProductPrice dd{font-size:11px; margin:0; padding:0;}

.Product strike{font-style:italic;}


/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
.ShopProductView { width: 575px; font-size: 11px; text-align: center; clear: both; color:#031959;}
.velky-detail{background-color:#1c2048; padding:10px 5px 0 5px;}
.ShopProductView  h2{padding:7px 10px; text-align:left; color:#FFFFFF; font:normal 20px Verdana, Arial, Helvetica, sans-serif;}

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

.ShopProductView .ProductDescription{ margin:6px 0; width: 380px; float:left; font-size: 12px; overflow:hidden;}
.ShopProductView dl{font-weight: normal; width: 380px; padding: 0; margin:0; text-indent:3px;}
.ShopProductView dt{float: left; text-align:left; width: 100px; padding: 3px 0; margin: 0; clear: both; font-weight: bold;}
.ShopProductView dd{float: left; text-align:left; width: 280px; padding: 3px 0; margin: 0;}


.ShopProductView h3{ clear: both; font-weight: bold; }
.ShopProductView .DetailDescription{ text-align: left; }

.ShopProductView .ProductImage{ padding:0; overflow: hidden; margin:0 auto; background-color:#FFFFFF; width:545px; overflow:hidden;}
.ShopProductView .ProductImage img{margin: 0 auto;}

.ShopProductView strike{display: inline;}

.ShopProductView h3{clear: both;}


.ShopProductView .ProductButtons{display: block; margin:0; clear: both; padding: 5px 10px; height:23px; background-color:#FFFFFF; overflow:hidden;}
.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 #666666;}

/* Sposob zobrazenia - ikony

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

.Obchod_Produkt_Ikony {clear: both;}
table.Obchod_Produkt_Ikony{width: 100%; margin: 1em 0; text-align: center; clear: both;}
table.Obchod_Produkt_Ikony td{padding: 8px 0; font-size: 11px; text-align: center; background-color:#031959; width:33%; vertical-align:top;}
table.Obchod_Produkt_Ikony .ProductImage{background-color:#FFFFFF; margin:0 5px; }
table.Obchod_Produkt_Ikony h3{padding:5px 5px 0 5px; margin:0;}
table.Obchod_Produkt_Ikony a{color:#FFFFFF; font:bold 14px Arial, Helvetica, sans-serif}
table.Obchod_Produkt_Ikony img{ margin: 0 auto;}



/* Sposob zobrazenia - zoznam

---------------------------------------------------------- */
.ShopDivViewList{clear: both;}
.ShopDivViewList table{ width:100%; clear: both; margin: 1em 0; font-size: 11px; border-collapse: collapse; color:#FFFFFF;}
.ShopDivViewList table thead{}
.ShopDivViewList table th{ padding: 4px;  border: 1px solid #ffffff; font-size:11px; background-color:#1c2048; color:#FFFFFF;}
.ShopDivViewList table td{ padding: 1px 4px; border:1px solid #FFFFFF; background-color:#716f6e; vertical-align:middle; }
.ShopDivViewList table tr.even td{}
.ShopDivViewList table td a{color:#FFFFFF;}
.ShopDivViewList table td a:hover{color:#FFFFFF;}

/* Sposob zobrazenia - podrobny pohlad

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

.ShopDetailView { padding: 3px 0 12px 0; clear: both;}
.ShopDetailView .Product{ margin: 6px 0 10px; text-align: left; clear: both; width:573px; padding-bottom:10px; overflow: hidden; border:1px solid #838281; position:relative; background-color:#949393;}
.ShopDetailView .Product h3{margin:0; padding:4px 10px; position:relative; background-color:#1c2048;}

.ShopDetailView .Product h3 a{ color:#fff; font-size:14px; text-decoration:none;}
.ShopDetailView .Product h3 a:hover{color:#fff;  text-decoration:underline;}

.ShopDetailView .ProductDescription{ float: left; width: 300px; margin: 6px; display: inline; font-size: 12px; border-bottom:1px solid #c2c1c0; overflow:hidden;}
.ShopDetailView dl{font-weight: normal; width: 300px; padding: 0; margin:0;}
.ShopDetailView dt{float: left; width: 100px; padding: 3px 0; margin: 0; clear: both; font-weight: bold; border-top:1px solid #c2c1c0;}
.ShopDetailView dd{float: left; width: 200px; padding: 3px 0; margin: 0; border-top:1px solid #c2c1c0;}

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

.ShopDetailView .ProductImage { width: 120px; float: left; text-align: center;  margin: 6px;  display: inline; overflow: hidden; border: 5px solid #1c2048; background-color:#FFFFFF;}
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto;}

.ShopDetailView .ShopIcons { float: right; display: inline; margin: 6px 6px 0 0; padding: 3px 10px; border: 1px solid #625f7e; background: #c1c0bf;}
.ShopDetailView .ShopIcons label{ display: block; margin:0; padding:0;}
.ShopDetailView .ShopIcons p{padding-bottom:5px;}
.ShopDetailView .ShopIcons input{border:1px solid #625f7e;}


.Action, .SellOut, .New{text-transform:lowercase;}
.Action{color:#FFFF00;}
.SellOut{color:#00FF00;}
.New{color:#FF0000;}

/* Registracia + login
---------------------------------------------------------- */
.Shop-login{ padding: 5px; margin: 0;  }
.Shop-login p{  margin:0; padding:2px 5px; font-weight: bold;}
.Shop-login a {font-weight:normal; text-decoration:none; }
.Shop-login a:hover {text-decoration:underline; }

#shop-registracia{ clear: both; }
#shop-registracia form {  clear: both; }
#shop-registracia form b{  }
#shop-registracia legend{  font-weight: bold; padding: 0 5px; color:#00074c; border:1px solid #00074c; background-color:#FFFFFF;}
#shop-registracia fieldset { border: 1px solid #00074c; padding: 6px 15px; margin: 6px 0; }
#shop-registracia form table { width: 40em; }
#shop-registracia form table td{ padding: 2px; width: 50%; }
.warning{color:#FF0000;}

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

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

#kosik span{padding:2px 2px;}

#kosik .kosik{display:none;}
#kosik .kosik-obsah{}
#kosik .kosik-cena{}
#kosik a {text-decoration:underline; color:#FFFFFF;}
#kosik a:hover { text-decoration:none; cursor:pointer; color:#FFFFFF;}

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

/* 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:#1c2048;
}

.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; 	background:url(images/bg_box-content.jpg) 0 0 repeat-x;}
.kosik-vnutro table td{
	padding: 5px;
	vertical-align: top;
	font-size:11px !important;
	background-color:#FFFFFF;
}

.kosik-vnutro table input{
	margin: 3px 0;
}

.nowrap{white-space: nowrap;}
.kosik-vnutro table th{padding: 5px; background-color:#FFFFFF;}

#total-price{margin:15px 0; padding:5px 10px; background-color:#FFFFFF; text-align:right;}
#total-price strong{padding-right:15px;}

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

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

#kosik-finish{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
}

#kosik-finish td{
	padding: 2px 3px;
	background: #ffffff;
}
#kosik-finish th{
	background: #1c2048;
	padding: 3px;
}
#kosik-finish #total-price{
	text-align: right;
}
#kosik-finish #comment{
	padding: 5px;
	margin: 10px 0;
}

#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:2px solid #ccccccc;}

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

.kosik-finish {border-collapse:collapse; font-size:11px; width:100%;}
.kosik-finish thead{text-align:center; color:#ffffff;}
.kosik-finish th{background-color:#1c2048; padding:2px 4px; font-weight:normal;}

.kosik-finish td{
	padding:2px;
	background-color:#FFFFFF;
	border-bottom:1px solid #1c2048;
	}


/************* order-in ******************/
.order-in{
	border-collapse:collapse;
	background-color:#716f6e;
	width:100% !important;
	font-size:11px;
	margin-bottom:10px;
	}
.order-in caption{
	margin-bottom:5px;
	font-weight:bold;
	}

.order-in td, .order-in th{
	border:1px solid #1c2048;
	padding:2px 5px;
	font-weight:normal;
	background-color:#FFFFFF;
	}

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

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

#order td{padding:2px 5px; border:1px solid #1c2048;}
.ConfirmOrder{border-collapse:collapse; width:100%; margin-bottom:20px; background-color:#fff;}
.ConfirmOrder th{border:1px solid #1c2048; background-color:#1c2048; padding:2px 5px; font-weight:normal; color:#FFFFFF;}
.ConfirmOrder td{border:1px solid #1c2048; padding:2px 4px;}

.orderComponent{margin-top:15px; background:#F9F9F9 none repeat scroll 0 0; padding:5px 10px 0 10px;}
.orderComponent label{display:block; font-size:16px; font-weight:bold;}
.orderComponent select{width:75%;}
#orderComponentDescription2, #orderComponentDescription1{font-style:italic; font-size:13px; border-bottom:1px solid #031959; padding:5px 10px; background:#F9F9F9 none repeat scroll 0 0;}