/*

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

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

Date: 8.10. 2008

*/

body{
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	padding:0;
	margin:0;
	background:#aa0000 url(images/bg_body.jpg) repeat-x 0 0;
	}

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:#000000; text-transform:uppercase;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}


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:#d30000; text-decoration:underline; font-weight:bold; outline:none;}
a:hover{color:#f50000;  text-decoration:none}

.cleaner{clear:both;}
select{ font-size:11px;}
option{padding-right:20px;}

.skry{display:none;}

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


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

#wrapper-out{width:950px; background:url(images/bg_wrapper-out-lc.jpg) repeat-y 0 0;}
#wrapper{width:950px; background:url(images/bg_wrapper-lc.jpg) no-repeat 0 0;}

.skin3 #wrapper-out{width:950px; background:url(images/bg_wrapper-out-lcr.jpg) repeat-y 0 0;}
.skin3 #wrapper{width:950px; background:url(images/bg_wrapper-lcr.jpg) no-repeat 0 0;}


#lista{position:relative; background:url(images/bg_toplista.gif) no-repeat 0 0; height:27px; overflow:hidden;}
#head{
	width:950px;
	height:170px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat 0 0;
	}

#head h1, #head #logo{
	position:absolute;
	top:40px;
	left:0px;
	margin:0;
	padding:0;
	width:310px;
	height:100px;
	}

#head h1 a, #head #logo a{
	display:block;
	width:310px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	}

#left{
	float:left;
	width:172px;
	padding:10px 14px;
	overflow:hidden;
	}

#content{
	float:right;
	width:700px;
	padding:10px 25px;
	overflow:hidden;
	}

.skin3 #content{float:left; width:500px;}
.SkinPlagat #content{float:none; width:950px; padding:0;}

#right{
	float:right;
	width:172px;
	padding:10px 14px;
	overflow:hidden;
	}

#footer{
	clear:both;
	background-color:#aa0000;
	width:950px;
	color:#FFFFFF;
	padding-bottom:15px;
	}
	
#footer #zlty-pas{background:#fff156; margin-bottom:5px; color:#000; padding:0 0 5px 15px;}
#footer #zlty-pas .basic002 .content{
	background-color:#FFFFFF;
	border-bottom:1px dashed #383838;
	padding:5px;
}

#main-login{position:absolute; top:6px; left:10px; width:400px; color:#ffffff; font-size:11px; font-weight:bold;}
#vyhladavanie{position:absolute; top:145px; right:10px; color:#ffffff; font-size:11px; font-weight:bold;}
#main-kosik{position:absolute; top:6px; right:80px; width:450px; text-align:right; color:#ffffff; font-size:11px;}

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



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

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

#menu ul{
	margin:0;
	padding:0;
	height:20px;
	float:right;
	}
	
#menu ul li{
	float:left;
	list-style:none;
	margin:0;
	height:18px;
	padding:2px 15px 0 20px;
	text-align:center;
	background:url(images/top-li.jpg) no-repeat 0 5px;
	}

#menu ul li a{
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	font-weight:bold;
	}

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

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

/***************** BOTTOMMENU **************************************/

#bottommenu{
	position:absolute;
	top:142px;
	left:0px;
	}

#bottommenu ul{
	margin:0;
	padding:0;
	height:20px;
	}
	
#bottommenu ul li{
	float:left;
	list-style:none;
	margin:0;
	height:18px;
	padding:2px 15px 0 20px;
	text-align:center;
	background:url(images/bottom-li.jpg) no-repeat 0 5px;
	}

#bottommenu ul li a{
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	font-weight:bold;
	}

#bottommenu ul li a:hover{color:#fcfcb6; text-decoration:underline;}

/******************** KONIEC BOTTOMMENU ******************************/

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

#kategorie{padding-top:10px;}

#kategorie ul{
	position:relative;
	padding:0;
	margin:0;
	}

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

#kategorie ul li a{
	color:#555555;
	padding-left:15px;
	text-decoration:none;
	font-weight:bold;
	background:url(images/sipka-li.gif) 0 5px no-repeat;
	}

#kategorie ul li a:hover{
	text-decoration:none;
	color:#d30000;
	}

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

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

#kategorie ul li ul li a{
	margin:0;
	padding:1px 0;
	text-decoration:none;
	padding-left:12px;
	font-weight:normal;
	background:url(images/sipka-li.gif) 0 5px no-repeat;
	}
#kategorie ul li ul li a:hover{
	text-decoration:none;
	}


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

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

.box .title{}

#right .basic002 .content, #left .basic002 .content{background-color:#FFFFFF; padding:5px; border-bottom:1px dashed #383838;}

.box h2, .basic002 .title h2{
	text-align:left;
	color:#383838;
	font-size:12px;
	text-transform:uppercase;
	padding-left:20px;
	background:url(images/sipka-headbox.gif) no-repeat 0 0;
	border-bottom:1px dashed #383838;
	}

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

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



.search{margin:0; padding:0;}
.search input{font-size:11px; border:1px solid #000000; width:130px; padding:1px;}
.search input.SearchSubmit {margin:0; font-size:11px; color:#FFFFFF; background-color:#000000; border:none; padding:1px 5px; cursor:pointer; width:auto;}
.search .advance{ font-weight: bold; }
.search select {font-size:11px; width:180px;}
.search p{margin:5px 0; padding:0;}


/* Nadradene sjm-s-kategorie - cesta

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

.ShopProductParentCategories {
	text-align:left;
	clear:both;
	font-size:13px;
	overflow:hidden;
	margin-bottom:5px;
	padding-top:10px;
	border-bottom:1px dotted #383838;
	}

.ShopProductParentCategories ul{ margin:0; padding:0;}
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; list-style:none;}
.ShopProductParentCategories ul li a{ font-weight:bold;}
.ShopProductParentCategories ul li a:hover{}
.ShopCategoryPages{ padding: 8px 0; }

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{ padding: 1px 1px 5px 1px; text-align: left; font-size: 11px; overflow:hidden; height:20px; float:right; padding-top:8px;}
.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{background-color:#fffcd9; border:1px solid #eceadf; text-decoration:none;  padding: 0 3px; font-weight:normal;}
.ShopCategoryPages ul li a:hover{ background-color:#eceadf; border:1px solid #eceadf; text-decoration:none; color:#383838;}

.ShopCategoryPages ul li b{color:#383838; background-color:#eceadf; border:1px solid #eceadf; font-weight:bold;}

/* 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{padding: 2px 0; text-align: right; font-size:11px; float:right;}
.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency label{ padding-right:5px; }
.ChangeCurrency select{ font-size:11px;}

/* ShopIntro - uvod

---------------------------------------------------------- */
.ShopIntro{ margin: 6px 0; font-size: 11px; clear: both; }
.ShopIntro h2{
	text-align:left;
	color:#383838;
	font-size:12px;
	text-transform:uppercase;
	padding-left:20px;
	background:url(images/sipka-headbox.gif) no-repeat 0 0;
	border-bottom:1px dashed #383838;
	}
.ShopIntro h3{ margin: 5px 0 0 0; padding: 0; font-weight: bold; font: bold 11px/140% Arial, Sans-serif; text-align: center; }
.ShopIntro h3 a, .ShopIntro h3 a:visited { color: #d30000; margin: 0 4px; text-decoration:none; }
.ShopIntro h3 a:hover{ color: #d30000; text-decoration:underline; }

.SellOuts, .Actions, .News, .MostSaleable, .Season, .State, .ShopIntro .Default
{ width: 100%; text-align: center; margin:1em 0; }
.SellOuts .Row, .Actions .Row, .News .Row, .MostSaleable .Row, .Season .Row, .State .Row, .ShopIntro .Default .Row
{ text-align: center; clear: both; padding: 0; width: 100%;}
.SellOuts .RowContent, .Actions .RowContent, .News .RowContent, .MostSaleable .RowContent, .Season .RowContent, .State .RowContent, .ShopIntro .Default .RowContent
{ background: transparent ; width: 100%; text-align: left; overflow: hidden; width: 100%; padding-bottom: 15px;}
.SellOuts .Product, .Actions .Product, .News .Product, .MostSaleable .Product, .Season .Product, .State .Product, .ShopIntro .Default .Product
{ width: 155px; float: left; display: inline; margin: 10px 9px; padding: 6px 0; text-align: center; background-color:#ffffda; min-height:220px; _height:220px; border:1px solid #eeece1;}
.ShopIntro .ProductPrice, .State .Product .ProductPrice, .ShopIntro .Default .ProductPrice
{ margin: 0 3px 3px 3px; font-size: 11px; text-align: center; }
.ShopIntro .ProductPrice dt, .State .Product .ProductPrice dt, .ShopIntro .Default .ProductPrice dt
{ margin: 0; padding: 0; font: normal 11px/140% Arial, Sans-serif; }
.ShopIntro .ProductPrice dd, .State .Product .ProductPrice dd, .ShopIntro .Default .ProductPrice dd
{ margin: 0; padding: 0; font: bold 11px/140% Arial, Sans-serif; }


.ShopIntro .ProductPrice strong{ font-weight: bold; }
.ShopIntro .ProductImage
{ width: 135px;  background: #fff; margin: 3px auto; border:5px solid #ebedf5;}
.ShopIntro .ProductImage img
{ padding: 1px; }

.ShopIntro span.cena{font-weight:bold;}
span.cena{background-color:#fff79b; padding:0 5px; margin-right:5px;}
span.cena2{background-color:#fff79b; padding:0 5px; margin-right:5px;}

.ShopDetailView span.cena{font-size:18px;}

/* Detail produktu
---------------------------------------------------------- */
.ShopProductView{clear: both; text-align: center; width:100%; overflow:hidden;}
.ShopProductView h1, h1.category-name{font-size:20px; padding:5px 0; margin:0; text-align:left; font-weight:normal; line-height:normal; clear:both; float:left;}
.ShopProductView .Product{padding:10px 0; margin:0 0 5px 0; overflow: hidden; position: relative; text-align: left; width:100%;}
.ShopProductView .Product .ProductDescription{float:right; _float:none; width:320px; text-align:left; margin:0; _padding-left:5px; overflow:hidden;}
.ShopProductView .Product .ProductDescription form{background:none #FFFFDA; border:1px solid #AA0000; margin-bottom:10px; padding:10px 15px;}
.ShopProductView .Product dl{font-weight: normal; overflow: hidden; padding: 0; margin:0;}
.ShopProductView .Product dt{float: left; width: 40%; padding: 5px 0; margin:0; clear: both; border-top: 1px dotted #ac9a8c;}
.ShopProductView .Product dd{float: left; width: 60%; padding: 5px 0; margin:0; text-align: right; border-top: 1px dotted #ac9a8c;}
.ShopProductView .Product dt.ciara,
.ShopProductView .Product dd.ciara{font-size:1px; line-height:1px; border:0; background:#AA0000; height:2px; margin:0; padding:0;}
.ShopProductView .Product dt.price{font-size:16px; line-height:26px;}
.ShopProductView .Product span.price{font-size:24px; line-height:26px;}
.ShopProductView .Product .ProductImage{text-align: center; margin:0 0 10px 0; float:left; width:350px; overflow:hidden; position:relative; border:5px solid #EBEDF5; padding:20px 5px;}
.ShopProductView .Product .ProductImage img{max-width:350px; max-height:350px; _width:350px;}
.ShopProductView .Product .ProductImage a{text-decoration:none; font-weight:normal;}
.ShopProductView .Product .ProductImage a img{text-decoration:none; border:0; margin-bottom:4px;}
.ShopProductView h3{clear: both;}
.ShopProductView .DetailDescription{clear:both; margin:0 0 6px 0; overflow:hidden; position:relative; text-align:justify;}
.ShopProductView .ProductButtons{margin: 6px 0; overflow: hidden; white-space:nowrap; clear:both; position:relative; width:288px; height:32px;}
.ShopProductView .ProductButtons button{background: url(images/add.png) no-repeat 0 0; border:0; color:#FFFFFF; cursor:pointer; font-size:18px; height:32px; margin:0; width:288px; overflow:hidden;}
.ShopProductView .ProductButtons button:hover{background: url(images/add_hover.png) no-repeat 0 0;}
.ShopProductView .ProductButtons button span{display:none;}
.ShopProductView .ProductButtons p{margin:0; padding:0;}
.ShopProductView .ProductButtons label{font-size:12px; left:68px; position:absolute; top:8px; color:#fff; margin:0; padding:0;}
.ShopProductView .ProductButtons #Quantity{border:1px solid #AAAAAA; left:10px; padding:1px 0; position:absolute; text-align:center; top:7px; font-size:12px; width:50px; background:#fff;}
#special_buttons{}
#special_buttons .prorating{text-align:center; margin:0 auto; display:none;}
#special_buttons ul{margin:0; padding:0 0 0 0;}
#special_buttons ul li{list-style:none; padding:0 0 4px 0; line-height:normal; color:#D30000;}
#special_buttons ul li a{color:#D30000;}
#special_buttons ul li a:hover{text-decoration:none;}
.share a img{vertical-align:middle;}
.bonus{text-align:center; padding:5px 0; color:#F00; font-weight:bold;}
.panes h2{padding:4px 5px; background:#AA0000; border:1px solid #FFFFDA; font-size:11px; margin-bottom:10px; color:#FFF;}

#variantslist dt{float:none; width:100%; clear:both; padding:5px 0 2px 0;}
#variantslist dd{float:none; clear:both; width:100%;}
#variantslist dd select{width:100%;}

#productparams table {
width:100%;
font-size:12px;
}
#productparams table tr.odd {
background-color:#ffffc7;
}
#productparams th {
font-weight:normal;
padding:2px 4px;
text-align:left;
width:40%;
}
#productparams table tr.odd th {
/* background-color:#ffff85; */
}
#productparams td {
padding:2px 4px;
width:60%;
}


.ShopProductView .sticker-percent, .ShopProductView .sticker-action, .ShopProductView .sticker-sellout, .ShopProductView .sticker-new {display:block; width:84px; height:80px; position:absolute; background-repeat:no-repeat; overflow:hidden;}
.ShopProductView .sticker-percent{
	background-image:url(images/sticker_red.png);
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:33px 0 0 24px;
	width:54px;
	height:40px;
	text-align:left;
}
.ShopProductView .sticker-action{background-image:url(images/sticker_action.png); text-indent:-9999px;}
.ShopProductView .sticker-sellout{background-image:url(images/sticker_sellout.png); text-indent:-9999px;}
.ShopProductView .sticker-new{background-image:url(images/sticker_new.png); text-indent:-9999px;}

.ShopProductView .pos-1{top:0; left:0; z-index:2;}
.ShopProductView .pos-2{top:32px; left:0; z-index:1;}


.photo-gallery{width: 100%; margin: 1em 0; text-align: center; clear:both; overflow:hidden;}
.photo-gallery .photo{text-align:center; float:left; width:132px; overflow:hidden; margin:0 2px; padding-bottom:10px;}
.photo-gallery .photo .Description{padding:5px;}
.photo-gallery .photo img{
	border:1px solid #de3024;
	padding:3px;
	background-color:#FFFFFF;
	}

.Gallery {
	clear:both;
	margin:0 0 10px 0;
	overflow:hidden;
	text-align:center;
	width:100%;	
}

.Gallery .box, .EquivalentProducts .box{margin:0; padding:0;}

.Gallery .box h2, .EquivalentProducts .box h2{	
	border:1px solid #AA0000;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:18px;
	margin-right:2px;
	padding:8px 20px 2px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	top:1px;
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-color:#AA0000 #AA0000 #FFFFFF;
	color:#555555;
	width:200px;
	text-align:center;
	background-image:none;
}
.Gallery .bcontent,
.EquivalentProducts .bcontent{border:1px solid #AA0000; padding:10px; clear:both; width:678px;}

.Gallery .Row {
	clear:both;
}

.Gallery .photo {
	float:left;
	margin:0 1px;
	overflow:hidden;
	text-align:center;
	width:132px;
}
.Gallery .Row .Photo .Description {
	padding:5px;
}
.Gallery .Row .Photo img {
	background-color:#FFFFFF;
	border:1px solid #DE3024;
	padding:3px;
}
.Gallery .Pages {
display:none;
height:20px;
padding-bottom:5px;
}
.Gallery .Pages li {
border:1px solid #CCCCCC;
float:left;
height:16px;
list-style:none outside none;
margin-right:4px;
text-align:center;
width:15px;
}
.Gallery .Pages li a {
display:block;
height:16px;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
width:15px;
}

.shopping-cart-content{width:100%; overflow:hidden; margin-bottom:15px;}

/* 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 #eceadf; background:#ffffda;}
table.Obchod_Produkt_Ikony td{padding: 8px 0; font-size: 11px; text-align: center; border: 1px solid #eceadf; border-bottom:none; vertical-align:middle;}
table td.Obchod_Product_Name{width: 24%; padding: 3px 5px; border-top:none; border-bottom: 1px solid #eceadf; vertical-align:top; background-color:#ffffad;}
table .Obchod_Product_Name a{color:#d30000;}
table .Obchod_Product_Name a:hover{color:#d30000; text-decoration:none;}
table.Obchod_Produkt_Ikony img{margin: 0 auto; border:5px solid #ebedf5; padding:2px; background-color:#FFFFFF;}
*/
.Obchod_Produkt_Ikony {
clear:both;
}
table.Obchod_Produkt_Ikony {
border:1px solid #ddd;
border-collapse:collapse;
clear:both;
margin:0 0 0.5em;
text-align:center;
width:100%;
}
table.Obchod_Produkt_Ikony td {
background-color:#FFFFFF;
border:1px solid #ddd;
font-size:11px;
padding:5px 0;
text-align:center;
width:25%;
}
table.Obchod_Produkt_Ikony h3 {
font-size:12px;
margin:0 0 5px 0;
padding:0;
}
table td.Obchod_Product_Name {
background-color:#ffffad;
padding:6px 5px;
width:25%;
}
table .Obchod_Product_Name a {
}
table.Obchod_Produkt_Ikony img {
margin:5px auto;
}
table.Obchod_Produkt_Ikony .separator td {
background-color:#fff;
line-height:1px;
margin:0;
padding:10px 4px;
border-right-color:#FFF;
border-left-color:#FFF;
}



/* Sposob zobrazenia - zoznam

---------------------------------------------------------- */
.ShopDivViewList{clear: both;}
.ShopDivViewList table{width: 100%; clear: both; margin: 1em 0; font-size: 11px; border-collapse: collapse;}
.ShopDivViewList table thead{}
.ShopDivViewList table th{padding: 4px; font-size:11px; background-color:#ffffad; color:#383838; border: 1px solid #eceadf;}
.ShopDivViewList table td{padding: 1px 4px; border: 1px solid #eceadf; background:#ffffda; vertical-align:middle;}
.ShopDivViewList table tr.even td{background:#ffffc5;}

.ShopDivViewList table td a{color:#d30000;}
.ShopDivViewList table td a:hover{color:#d30000; text-decoration:none;}
.ShopDivViewList input{border:1px solid #eceadf; width:40px; padding:1px;}


/* Sposob zobrazenia - podrobny pohlad

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

.ShopDetailView {padding: 3px 0 0 0; clear: both;}
.ShopDetailView .Product{margin: 6px 0 10px 0; text-align: left; clear: both; width:688px; padding-bottom:10px; padding-right:10px; overflow: hidden; position:relative; border:1px solid #AA0000; background:#FFFFDA;}
.ShopDetailView .Product h3{margin:0; padding:4px 150px 4px 10px; position:relative; background:#ffffad;}

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

.ShopDetailView .ProductDescription{ float: right; width: 530px; margin: 6px 0; display: inline; font-size: 11px;}
.ShopDetailView dl{font-weight: normal; width: 530px; padding: 0; margin:0; overflow:hidden; border-bottom:1px solid #AC9A8C;}
.ShopDetailView dt{float: left; width: 120px; padding: 3px 5px; margin: 0; font-size:11px; clear: both; font-weight: bold; border-top:1px solid #AC9A8C;}
.ShopDetailView dd{float: left; width: 390px; padding: 3px 5px; margin: 0; font-size:11px; border-top:1px solid #AC9A8C;}

.Attachments{clear:both;}
.Attachments dl{}
.Attachments dt{width: 160px; padding: 3px 5px; margin: 0;}
.Attachments dd{width: 350px; padding: 3px 5px; margin: 0;}

.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; border:5px solid #EBEDF5; background:#FFF; position:relative;}
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto; background-color:#FFFFFF;}
.ShopDetailView .bonus{text-align:left;}

.ShopDetailView .ProductButtons{margin: 6px 0; overflow: hidden; white-space:nowrap; clear:both; position:relative; width:288px; height:32px; float:right;}
.ShopDetailView .ProductButtons button{background: url(images/add.png) no-repeat 0 0; border:0; color:#FFFFFF; cursor:pointer; font-size:18px; height:32px; margin:0; width:288px; overflow:hidden;}
.ShopDetailView .ProductButtons button:hover{background: url(images/add_hover.png) no-repeat 0 0;}
.ShopDetailView .ProductButtons button span{display:none;}
.ShopDetailView .ProductButtons p{margin:0; padding:0;}
.ShopDetailView .ProductButtons label{font-size:12px; left:68px; position:absolute; top:8px; color:#fff; margin:0; padding:0;}
.ShopDetailView .ProductButtons #Quantity{border:1px solid #AAAAAA; left:10px; padding:1px 0; position:absolute; text-align:center; top:7px; font-size:12px; width:50px; background:#fff;}

.ShopDetailView .ShopIcons{clear:both; position:relative; padding-left:160px;}
.ShopDetailView .ShopIcons .doza{float:left;}

.Quantity{border:1px solid #eceadf; width:40px; padding:1px;}

.ShopDetailView .sticker-percent, .ShopDetailView .sticker-action, .ShopDetailView .sticker-sellout, .ShopDetailView .sticker-new {display:block; width:84px; height:80px; position:absolute; background-repeat:no-repeat; overflow:hidden;}
.ShopDetailView .sticker-percent{
	background-image:url(images/sticker_red.png);
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:33px 0 0 24px;
	width:54px;
	height:40px;
	text-align:left;
}
.ShopDetailView .sticker-action{background-image:url(images/sticker_action.png); text-indent:-9999px;}
.ShopDetailView .sticker-sellout{background-image:url(images/sticker_sellout.png); text-indent:-9999px;}
.ShopDetailView .sticker-new{background-image:url(images/sticker_new.png); text-indent:-9999px;}

.ShopDetailView .pos-1{top:90px; left:0; z-index:2;}
.ShopDetailView .pos-2{top:122px; left:0; z-index:1;}



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

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


#kosik{ text-align:right; background:url(images/ico_kosik.gif) no-repeat 0 2px; padding-left:16px; float:right;}

#kosik span{padding:0 5px;}

#kosik .kosik{}
#kosik .kosik-obsah{}
#kosik .kosik-cena{}
#kosik a {text-decoration:underline; color:#f88844; font-weight:normal;}
#kosik a:hover { text-decoration: none; cursor:pointer; color:#f88844;}
#kosik a blink{color:#fff156;}

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

.order-in td, .order-in th{
	border:1px solid #ffffad;
	padding:2px 5px;
	background-color:#ffffda;
	}

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

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

#order td{padding:2px 5px; border:1px solid #ffffad; background-color:#ffffda;}
#order th{ background-color:#ffffad;}

.EquivalentProducts{clear:both; width:100%;}
.EquivalentProduct{float:left; width:24%; text-align:center;}
.EquivalentProduct div{text-align:center; padding:3px;}
.EquivalentProduct img{
	border:1px solid #DE3024;
	padding:3px;
	background:#FFF;
	}
.orderComponent label{font-weight:bold;}


.steps {
	width:100%;
	margin-bottom:5px;
	font-size:11px;
	overflow:hidden;
}
.steps a {
	color:#000;
}
.steps div {
	width:170px;
	float:left;
	position:relative;
	padding-right:5px;
}
.steps div.step1,
.steps div.step2,
.steps div.step3,
.steps div.step4{
	width:175px;
	padding:0;
}
.steps div span.ico {
	display:block;
	width:60px;
	height:60px;
	float:left;
	background-image:url(images/steps.jpg);
	background-repeat:no-repeat;
}
.steps div strong {
	display:block;
	float:left;
	width:105px;
	padding-left:5px;
	padding-top:15px;
	height:45px;
}
.steps div strong em {
	display:block;
	font-style:normal;
	font-weight:normal;
}
.steps .step1 .ico {
	background-position:0 0;
}
.steps .step2 .ico {
	background-position:-60px 0;
}
.steps .step3 .ico {
	background-position:-120px 0;
}
.steps .step4 span.ico {
	background-position:-180px 0;
}
.steps .step1 .ActiveStep .ico {
	background-position:0 -77px;
}
.steps .step2 .ActiveStep .ico {
	background-position:-60px -77px;
}
.steps .step3 .ActiveStep .ico {
	background-position:-120px -77px;
}
.steps .step4 .ActiveStep .ico {
	background-position:-180px -77px;
}

#cart-table {
	width:100%;
	border-collapse:collapse;
}
#cart-table th {
	font-size:11px;
	background:#FFFFAD;
	color:#000;
}
#cart-table tr:hover {
}
#cart-table th, #cart-table td {
	padding:5px;
	border-bottom:1px dotted #e5cb1f;
}
th.quantity, td.quantity {
	text-align:center;
	width:55px;
}
th.price, td.price {
	white-space:nowrap;
}
th.price, td.item-price, td.price {
	text-align:center;
}
.price-with-vat td.price {
	font-size:18px;
}
th.delete, td.delete {
	text-align:center;
}
td.image img {
	width:40px;
}
input.quantity {
	width:40px;
	text-align:center;
}
.cart-form h2, .cartBox h2 {
	background:none #FFE955;
	border:1px solid #e5cb1f;
	color:#333333;
	font-size:14px;
	margin:5px 0;
	padding:5px;
}

#content .submit, #content .disabledsubmit {
	padding:5px 15px;
	font-size:14px;
	float:right;
	background-color:#AA0000;
	color:#FFF;
	cursor:pointer;
	min-width:280px;
	border:1px outset #000;;
}
#content .submit:hover {
	color:#FFF;
	text-decoration:underline;
}

#content .disabledsubmit, #content .disabledsubmit:hover{background-color:#ddd; border-color:#CCC; color:#000; cursor:text;}
.confirm_conditions{
	background:none #EEEEEE;
	border:1px solid #DDDDDD;
	margin-bottom:5px;
	padding:5px;
}
#conditionsid{margin-right:5px; vertical-align:text-top;}


a.button:hover {
	text-decoration:none;
}
.small-button {
	font-size:11px;
}
a.button {
	font-size:12px;
	float:left;
	color:#000;
	line-height:30px;
	height:30px;
	text-decoration:underline;
}

tr.price-with-vat {
	background-color:#FFFFAD;
	border-bottom:1px solid #e5cb1f;
}
tr.price-without-vat .price, tr.price-with-vat .price {

}
.currency-2{font-size:12px;}

a.detail-button {
	padding:2px 5px;
	text-decoration:none;
	color:#fff;
	font-size:11px;
	background-color:#060;
}
.darcekovy-kupon {
	width:100%;
	margin-bottom:5px;
}
label {
	cursor:pointer;
}
.cartBox {
	margin-bottom:5px;
}
.thanks-message {
	padding:5px 10px;
	line-height:20px;
}
.cart-form {

}
.cart-form .checkbox {
	float:left;
	margin-top:10px;
	text-align:center;
	width:40px;
}
.cart-form .item {
	padding:6px 0;
}
.cart-form .selected {
	background-color:#E8FFE8;
	border:1px solid #86E491;
}
.cart-form .item label {
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
}
.cart-form .item .info {
	float:left;
	margin-top:10px;
	width:658px;
}
.cart-form label .price {
	color:#009933;
}
.item input{vertical-align:middle;}
.item p{padding-left:17px;}

#poznamka {
	border:1px solid #e5cb1f;
	width:80%;
	background-color:#f8f8f8;
}
#poznamka:hover {
	border-color:#FFFFAD;
	background-color:#fefefe;
}
.text-field {
	background-color:#F8F8F8;
	border:1px solid #e5cb1f;
	width:300px;
}
.text-field:hover {
	border-color:#FFFFAD;
	background-color:#fefefe;
}
#box_login,
#box_registracia{
	padding:10px 20px 10px 20px;
	background-color:#FFFFAD;
	border:1px solid #e5cb1f;
	margin-bottom:5px;
}
#box_login div.meno,
#box_login div.heslo{
	float:left;
	width:210px;
}
#box_registracia div.meno,
#box_registracia div.heslo,
#box_registracia div.heslo_repeat{
	float:left;
	width:210px;
}

#box_login div.login_links {
	width:100%;
	clear:both;
}
#box_login div.login_links a {
	font-size:11px;
	padding:2px 0;
	margin-right:20px;
}
#box_login div.meno input, #box_login div.heslo input{
	padding:2px;
	margin:3px 0;
	width:200px;
	background-color:#F8F8F8;
	border:1px solid #e5cb1f;
}
#box_registracia input{
	padding:2px;
	margin:3px 0;
	width:200px;
	background-color:#F8F8F8;
	border:1px solid #e5cb1f;
	}
#box_login div.login {
	float:left;
	width:230px;
}
#box_login div.login input {
	margin-top:18px;
	width:230px;
	padding:0;
}

.customerZone .item{font-size:14px; padding:5px 0;}

.warning {
	color:#F00;
}
#box_nologin table {
	width:100%;
}
#box_nologin table th {
	text-align:left;
	font-weight:normal;
	width:50%;
	padding:5px 0;
}
.cartBox fieldset {
	border:1px solid #e5cb1f;
	padding:10px 15px;
	margin-bottom:15px;
	position:relative;
}
html > body .cartBox fieldset{

}
.cartBox legend {
	background:none repeat scroll 0 0 #FFFFAD;
	border:1px solid #e5cb1f;
	font-weight:bold;
	padding:5px;
	width:55%;
	text-align:center;
}
#box_nologin table input {
	border:1px solid #e5cb1f;
	padding:2px 5px;
	width:300px;
}

.contacts{border-collapse:collapse; border:1px dotted #FFFFAD; margin-bottom:10px;}
.contacts td{padding:5px 10px;}
.contacts .separator{
	width:100%;
	height:1px;
	line-height:1px;
	background-color:#e5cb1f;
	margin:5px 0;
}

.cartBox .orderComponent select{padding:5px; font-size:14px; border:1px solid #e5cb1f; margin-bottom:4px;}
.cartBox .orderComponent select option{font-size:14px; padding:0 5px;}
.cartBox .calendar{width:100%;}
.cartBox .calendar caption{text-align:center; font-size:12px; font-weight:bold; padding:5px 0; background-color:#FFFFAD;}
.cartBox .calendar td{text-align:center; padding:2px 5px;}
.cartBox .payment{clear:both; padding:6px 10px; border-bottom:1px solid #FFFFAD;}
.cartBox .payment img{vertical-align:middle;}
#paymentsBox .odd{background-color:#FFFFAD;}
#cetelemPayment{padding-left:15px; padding-top:10px;}
.cartBox #comment{border:1px solid #FFFFAD; margin-top:5px; padding:5px 10px;}
.cartBox #comment p{padding:0; margin:0;}
#comment.cartBox textarea{width:80%; border:1px solid #e5cb1f; padding:2px; background-color:#FFFFDA;}
.clear{clear:both; height:1px; overflow:hidden;}
#box_nologin .warning, span.warning{background-color:transparent;}


/* tabs */
ul.tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	line-height:130%;
	width:100%;
}

ul.tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

ul.tabs a {
	float:left;
	font-size:11px;
	text-transform: uppercase;
	display:block;
	padding:8px 20px 2px 20px;
	text-decoration:none;
	border:1px solid #AA0000;
	height:18px;
	background-color:#AA0000;
	color:#fff;
	font-weight:bold;
	margin-right:2px;
	position:relative;
	top:1px;	
}

ul.tabs a:hover {
	background-color:#fef9ca;
	color:#333;
}

ul.tabs a.current {
	background-color:#fff;
	border-color: #AA0000;
	border-bottom:1px solid #FFF;
	color:#555555;
	cursor:default;
}

div.panes{
	width:698px;
	border:1px solid #AA0000;
	}

div.panes div {
	display: none;
	border-width: 0;
	padding: 15px 5px;
}

div.panes div div {
	line-height: 1.5;
	/* margin-top: 1em;*/
	padding:0;
	display:block;
}

div.panes div div div {
	line-height:normal;
	margin:0;
	padding:0;
}
/* /tabs */